

/* Start:/local/templates/vape/css/owl.carousel.css?15351129004620*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  // -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/local/templates/vape/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  // -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/* End */


/* Start:/local/templates/vape/css/slick.css?15351129011729*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/vape/css/blueimp-gallery.min.css?15351128966502*/
@charset "UTF-8";.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.blueimp-gallery>.slides>.slide-loading{background:url(/local/templates/vape/css/../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(/local/templates/vape/css/../img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.next,.blueimp-gallery>.prev{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(/local/templates/vape/css/../img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.close:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.play-pause:hover,.blueimp-gallery>.prev:hover,.blueimp-gallery>.title:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.play-pause,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.title{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-left>.prev,.blueimp-gallery-right>.next,.blueimp-gallery-single>.next,.blueimp-gallery-single>.play-pause,.blueimp-gallery-single>.prev{display:none}.blueimp-gallery>.close,.blueimp-gallery>.next,.blueimp-gallery>.play-pause,.blueimp-gallery>.prev,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(/local/templates/vape/css/../img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(/local/templates/vape/css/../img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0 3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25) center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>.active,.blueimp-gallery>.indicator>li:hover{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(/local/templates/vape/css/../img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(/local/templates/vape/css/../img/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(/local/templates/vape/css/../img/video-play.svg)}/*# sourceMappingURL=blueimp-gallery.min.css.map */
/* End */


/* Start:/local/templates/vape/css/bootstrap-select.css?15351128967096*/
/*!
 * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
  position: absolute;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */
/* End */


/* Start:/local/templates/vape/css/ion.rangeSlider.css?15351128993355*/
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

/* End */


/* Start:/local/templates/vape/css/ion.rangeSlider.skinHTML5.css?15351128992368*/
/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    height: 12px;
}
.irs-with-grid {
    height: 75px;
}
.irs-line {
    height: 2px; top: 5px;
    background: #e2e3e5;
    border-radius: 0px;
    -moz-border-radius: 0px;
}
    .irs-line-left {
        height: 8px;
    }
    .irs-line-mid {
        height: 8px;
    }
    .irs-line-right {
        height: 8px;
    }

.irs-bar {
    height: 2px; top: 5px;
    background-color: #f1b000;

}
    .irs-bar-edge {
        height: 10px; top: 33px;
        width: 14px;
        border: 1px solid #428bca;
        border-right: 0;
        background: #428bca;
        background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
        border-radius: 16px 0 0 16px;
        -moz-border-radius: 16px 0 0 16px;
    }

.irs-shadow {
    height: 2px; top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 0px;
    width: 12px; height: 12px;
    border: 3px solid #f1b000;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
}


.irs-min, .irs-max {
    color: #333;
    font-size: 12px; line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 14px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #428bca;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}
.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}
.irs-grid-pol.small {
    background: #999;
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.irs-disabled {
}

/* End */


/* Start:/local/templates/vape/css/all.css?1650970681236275*/
/*===================================
=            all imports            =
===================================*/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.ico {
  display: inline-block;
  vertical-align: middle;
}
.ico-sity {
  position: relative;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -57px -36px;
  width: 18px;
  height: 24px;
}
.ico-sity:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: 0px -69px;
  width: 18px;
  height: 24px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__sity-btn.active .ico-sity:after {
  opacity: 1;
  visibility: visible;
}
.ico-basket {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -78px 0px;
  width: 27px;
  height: 24px;
}
.ico-basket-btn {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -21px;
  width: 19px;
  height: 17px;
}
.ico-mail {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -76px;
  width: 17px;
  height: 13px;
}
.ico-search {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -86px -69px;
  width: 19px;
  height: 19px;
}
.ico-tel {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -64px -69px;
  width: 20px;
  height: 20px;
}
.ico-vk {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -35px -95px;
  width: 16px;
  height: 10px;
}
.ico-tw {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: 0px -95px;
  width: 15px;
  height: 14px;
}
.ico-fb {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -128px 0px;
  width: 8px;
  height: 16px;
}
.ico-pr-basket {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -28px -36px;
  width: 27px;
  height: 25px;
}
.ico-buy-click {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: 0px -36px;
  width: 26px;
  height: 31px;
}
.ico-homapage {
  position: relative;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -40px;
  width: 16px;
  height: 16px;
}
.ico-homapage:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -58px;
  width: 16px;
  height: 16px;
}
.ico-homapage:hover:after {
  opacity: 1;
  visibility: visible;
}
/*! 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;
       -moz-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: 'SF-UI-Display';
  font-size: 14px;
  line-height: 1.42857143;
  color: #909090;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #528ec5;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #336798;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ffffff;
}
.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: 'SF-UI-Display', sans-serif;
  font-weight: 500;
  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: normal;
  line-height: 1;
  color: #d4d4d4;
}
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: 48px;
}
h2,
.h2 {
  font-size: 36px;
}
h3,
.h3 {
  font-size: 30px;
}
h4,
.h4 {
  font-size: 21px;
}
h5,
.h5 {
  font-size: 18px;
}
h6,
.h6 {
  font-size: 16px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 770px) {
  .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: #d4d4d4;
}
.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 #ffffff;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
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: 770px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #d4d4d4;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #ffffff;
}
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: #d4d4d4;
}
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 #ffffff;
  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;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
     -moz-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;
     -moz-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: #909090;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 770px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 990px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1230px) {
  .container {
    width: 1210px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.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: 770px) {
  .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: 990px) {
  .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: 1230px) {
  .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.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .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: #d4d4d4;
  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: #ffffff;
}
.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: 769px) {
  .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: #909090;
  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: #b2b2b2;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #b2b2b2;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-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, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
  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, -webkit-box-shadow ease-in-out .15s, -moz-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);
  -moz-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[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #ffffff;
  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;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          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;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          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;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          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;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          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);
  -moz-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;
  -moz-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);
  -moz-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;
  -moz-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);
  -moz-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;
  -moz-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: #d0d0d0;
}
@media (min-width: 770px) {
  .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: 770px) {
  .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: 770px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
    font-size: 18px;
  }
}
@media (min-width: 770px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  -moz-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
       transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
       transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
       background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #909090;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #838383;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #d4d4d4;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #d4d4d4;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 770px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
       transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
       transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
       box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
       background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 770px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 990px) {
  .modal-lg {
    width: 900px;
  }
}
.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,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.modal-footer:after {
  clear: both;
}
.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,
.modal-footer:before,
.modal-footer:after {
  width: 100%;
}
.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: 769px) {
  .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: 769px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 769px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 769px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 770px) and (max-width: 989px) {
  .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: 770px) and (max-width: 989px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 770px) and (max-width: 989px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 770px) and (max-width: 989px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 990px) and (max-width: 1229px) {
  .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: 990px) and (max-width: 1229px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 990px) and (max-width: 1229px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 990px) and (max-width: 1229px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1230px) {
  .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: 1230px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1230px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1230px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 769px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 770px) and (max-width: 989px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 990px) and (max-width: 1229px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1230px) {
  .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;
  }
}
@font-face {
  font-family: 'SF-UI-Display';
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Thin.eot');
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Thin.woff') format('woff'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Thin.ttf') format('truetype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Thin.svg#SF-UI-Display') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'SF-UI-Display';
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Light.eot');
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Light.woff') format('woff'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Light.ttf') format('truetype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Light.svg#SF-UI-Display') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SF-UI-Display';
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Regular.eot');
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Regular.woff') format('woff'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Regular.ttf') format('truetype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Regular.svg#SF-UI-Display') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SF-UI-Display';
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Medium.eot');
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Medium.woff') format('woff'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Medium.ttf') format('truetype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Medium.svg#SF-UI-Display') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SF-UI-Display';
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Semibold.eot');
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Semibold.woff') format('woff'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Semibold.ttf') format('truetype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Semibold.svg#SF-UI-Display') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SF-UI-Display';
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Bold.eot');
  src: url('/local/templates/vape/css/../fonts/SF-UI-Display-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Bold.woff') format('woff'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Bold.ttf') format('truetype'), url('/local/templates/vape/css/../fonts/SF-UI-Display-Bold.svg#SF-UI-Display') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'rouble';
  src: url('/local/templates/vape/css/../fonts/rouble.eot');
  src: url('/local/templates/vape/css/../fonts/rouble.eot?#iefix') format('embedded-opentype'), url('/local/templates/vape/css/../fonts/rouble.woff') format('woff'), url('/local/templates/vape/css/../fonts/rouble.ttf') format('truetype'), url('/local/templates/vape/css/../fonts/rouble.svg#rouble') format('svg');
  font-weight: 400;
  font-style: normal;
}
.rouble {
  font-family: 'rouble';
  font-style: normal;
}
/*=======================================
=            color variables            =
=======================================*/
/*=====  End of color variables  ======*/
/* @container-desktop: 1030px;
@container-tablet: 770px; */
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0;
}
h2,
.h2 {
  margin-top: 0;
  margin-bottom: 0;
}
h3,
.h3 {
  margin-top: 0;
  margin-bottom: 0;
}
h4,
.h4 {
  margin-top: 0;
  margin-bottom: 0;
}
h5,
.h5 {
  margin-top: 0;
  margin-bottom: 0;
}
/*====================================
=            ul templates            =
====================================*/
.list, .list ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
/*=====  End of ul templates  ======*/
header {
  position: relative;
}
@media (max-width: 989px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 10;
    width: 320px;
    -webkit-box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.35);
       -moz-box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.35);
            box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.35);
    overflow-y: auto;
    -webkit-transform: translateX(-110%);
       -moz-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
         -o-transform: translateX(-110%);
            transform: translateX(-110%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header.active {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 400px) {
  header {
    width: 260px;
  }
}
.header-topline {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #6c7878;
  background: -moz-linear-gradient(top, #6c7878 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6c7878 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6c7878), to(#495354));
  background: -o-linear-gradient(top, #6c7878 0%, #495354 100%);
  background: linear-gradient(to bottom, #6c7878 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7878', endColorstr='#495354', GradientType=0);
}
@media (max-width: 989px) {
  .header-topline {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.header-topline .clearfix,
.header-topline .dl-horizontal dd,
.header-topline .container,
.header-topline .container-fluid,
.header-topline .row,
.header-topline .form-horizontal .form-group,
.header-topline .modal-footer {
  position: relative;
}
@media (max-width: 989px) {
  .header-topline .clearfix,
  .header-topline .dl-horizontal dd,
  .header-topline .container,
  .header-topline .container-fluid,
  .header-topline .row,
  .header-topline .form-horizontal .form-group,
  .header-topline .modal-footer {
    width: 100%;
  }
}
.header__sity {
  float: left;
  padding-top: 5px;
}
@media (max-width: 989px) {
  .header__sity {
    float: none;
    text-align: center;
  }
}
.header__sity-btn {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #E6E6E7;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  padding-left: 34px;
  padding-right: 28px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 989px) {
  .header__sity-btn {
    display: inline-block;
  }
}
.header__sity-btn i {
  position: absolute;
  top: -1px;
  left: 0;
}
.header__sity-btn span {
  display: inline-block;
}
.header__sity-btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #E6E6E7;
  border-top: none;
  border-left: none;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__sity-btn.active {
  color: #ffce1a;
}
.header__sity-btn.active:after {
  -webkit-transform: rotateZ(225deg);
     -moz-transform: rotateZ(225deg);
      -ms-transform: rotate(225deg);
       -o-transform: rotateZ(225deg);
          transform: rotateZ(225deg);
  border: 2px solid #ffce1a;
  border-top: none;
  border-left: none;
  top: 8px;
}
.header__sity-list-wr {
  position: absolute;
  top: 42px;
  left: 15px;
  right: 15px;
  z-index: 5;
  background-color: #495354;
  border-top: 1px solid #6c7474;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__sity-list-wr.active {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 989px) {
  .header__sity-list-wr {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    height: 0;
    overflow: hidden;
    margin-top: 0px;
  }
  .header__sity-list-wr.active {
    height: auto;
    margin-top: 15px;
  }
}
.header__sity-list-pickup {
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
@media (max-width: 989px) {
  .header__sity-list-pickup {
    padding: 10px;
  }
}
.header__sity-list-pickup-title {
  font-size: 28px;
  color: #e6e6e7;
  font-weight: 100;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.27);
}
@media (max-width: 989px) {
  .header__sity-list-pickup-title {
    font-size: 20px;
  }
}
.header__sity-list-pickup-list {
  padding-top: 21px;
  padding-bottom: 9px;
}
@media (max-width: 989px) {
  .header__sity-list-pickup-list {
    padding-top: 10px;
    padding-bottom: 3px;
  }
}
.header__sity-list-pickup-list ul li {
  float: left;
  width: 14.25%;
}
@media (max-width: 1229px) {
  .header__sity-list-pickup-list ul li {
    width: 20%;
  }
}
@media (max-width: 989px) {
  .header__sity-list-pickup-list ul li {
    width: 100%;
    float: none;
    margin-bottom: 7px;
  }
}
.header__sity-list-pickup-list ul li a {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}
.header__sity-list-pickup-list ul li a:hover {
  color: #ffce1a;
}
.header__sity-list-all {
  padding-top: 28px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 14px;
  border-top: 1px solid #6c7474;
  border-bottom: 1px solid #6c7474;
}
@media (max-width: 989px) {
  .header__sity-list-all {
    padding: 10px;
    padding-bottom: 3px;
  }
}
.header__sity-list-all ul li {
  float: left;
  width: 16.666%;
  margin-bottom: 17px;
}
@media (max-width: 1229px) {
  .header__sity-list-all ul li {
    width: 25%;
  }
}
@media (max-width: 989px) {
  .header__sity-list-all ul li {
    width: 100%;
    float: none;
    margin-bottom: 7px;
  }
}
.header__sity-list-all ul li a {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}
.header__sity-list-all ul li a:hover {
  color: #ffce1a;
}
.header__sity-search {
  padding-top: 33px;
  padding-bottom: 37px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 989px) {
  .header__sity-search {
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.header__sity-search-form {
  float: left;
  position: relative;
  width: 430px;
}
@media (max-width: 1229px) {
  .header__sity-search-form {
    width: 300px;
  }
}
@media (max-width: 989px) {
  .header__sity-search-form {
    width: 100%;
    float: none;
  }
}
.header__sity-search-form-btn {
  position: absolute;
  top: 4px;
  right: 4px;
}
.header__sity-search-result {
  float: left;
  font-weight: 500;
  color: #d2d2d2;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  padding-left: 30px;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 30px;
  font-size: 16px;
}
@media (max-width: 1229px) {
  .header__sity-search-result {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 989px) {
  .header__sity-search-result {
    float: none;
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
}
.header__sity-search-btn {
  float: right;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (max-width: 989px) {
  .header__sity-search-btn {
    float: none;
    text-align: center;
    padding: 0;
  }
}
.header__sity-list-close {
  width: 26px;
  height: 26px;
  background-color: transparent;
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
}
@media (max-width: 989px) {
  .header__sity-list-close {
    display: none;
  }
}
.header__sity-list-close:before {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: -4px;
  width: 35px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__sity-list-close:after {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: -4px;
  width: 35px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__sity-list-close:hover:after {
  background-color: #ffce1a;
}
.header__sity-list-close:hover:before {
  background-color: #ffce1a;
}
.header__search {
  float: left;
  padding-left: 60px;
}
@media (max-width: 1229px) {
  .header__search {
    padding-left: 45px;
  }
}
@media (max-width: 989px) {
  .header__search {
    float: none;
    padding-left: 0;
    padding-top: 15px;
  }
}
.header__search-title {
  float: left;
  color: #ccc;
  font-size: 14px;
  font-weight: 500;
  padding-top: 5px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
  padding-right: 15px;
}
@media (max-width: 989px) {
  .header__search-title {
    float: none;
    display: none;
  }
}
.header__search-body {
  position: relative;
  overflow: hidden;
}
.header__search-input {
  width: 366px;
}
@media (max-width: 1229px) {
  .header__search-input {
    width: 280px;
  }
}
@media (max-width: 989px) {
  .header__search-input {
    width: 100%;
  }
}
.header__search-btn {
  position: absolute;
  top: 1px;
  right: 1px;
}
.header__phone {
  float: left;
  padding-left: 22px;
  padding-top: 6px;
}
@media (max-width: 989px) {
  .header__phone {
    float: none;
    padding-left: 0;
    text-align: center;
    padding-top: 15px;
  }
}
.header__phone a {
  display: block;
  padding-left: 35px;
  position: relative;
  font-weight: bold;
  font-size: 15px;
  color: #E6E6E7;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}
@media (max-width: 989px) {
  .header__phone a {
    display: inline-block;
  }
}
.header__phone a:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -64px -69px;
  width: 20px;
  height: 20px;
}
.header__phone a:before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -20px -69px;
  width: 20px;
  height: 20px;
}
.header__phone a:hover {
  color: #ffce1a;
}
.header__phone a:hover:before {
  opacity: 1;
  visibility: visible;
}
.header__phone a:focus {
  color: #E6E6E7;
}
.header__time-work {
  float: left;
  color: #E6E6E7;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  font-size: 10px;
  font-weight: 600;
  padding-left: 26px;
  padding-top: 4px;
  line-height: 11px;
}
@media (max-width: 989px) {
  .header__time-work {
    float: none;
    padding-left: 0;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.header__write-us {
  position: fixed;
  top: 50%;
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
  right: -73px;
  margin-top: -25px;
  z-index: 999;
}
.header__write-us .btn {
  font-size: 15px;
}
.header__write-us {}
@media (max-width: 989px) {
  .header__write-us {
    float: none;
    text-align: center;
    position: static;
    top: auto;
    transform: none;
    margin-top: 0;
  }
}
.header-nav {
  position: relative;
  padding-top: 12px;
  padding-bottom: 15px;
}
@media (max-width: 989px) {
  .header-nav {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 989px) {
  .header-nav .clearfix,
  .header-nav .dl-horizontal dd,
  .header-nav .container,
  .header-nav .container-fluid,
  .header-nav .row,
  .header-nav .form-horizontal .form-group,
  .header-nav .modal-footer {
    width: 100%;
  }
}
.header__logo {
  float: left;
}
@media (max-width: 989px) {
  .header__logo {
    display: none;
  }
}
.header__catalog {
  float: left;
  padding-left: 44px;
  padding-top: 19px;
}
@media (max-width: 1229px) {
  .header__catalog {
    padding-left: 20px;
  }
}
@media (max-width: 989px) {
  .header__catalog {
    float: none;
    padding-left: 0;
    padding-top: 0;
  }
}
.header__catalog-btn {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #f3f4f6;
  color: #72777b;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  padding-left: 78px;
  padding-top: 7px;
  padding-right: 82px;
  padding-bottom: 8px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1229px) {
  .header__catalog-btn {
    width: 40px;
    height: 40px;
    padding: 0;
  }
}
@media (max-width: 989px) {
  .header__catalog-btn {
    width: auto;
    height: auto;
    padding-left: 78px;
    padding-top: 7px;
    padding-right: 82px;
    padding-bottom: 8px;
  }
}
@media (max-width: 1229px) {
  .header__catalog-btn span {
    display: none;
  }
}
@media (max-width: 989px) {
  .header__catalog-btn span {
    display: block;
  }
}
.header__catalog-btn i {
  position: absolute;
  top: 13px;
  right: 17px;
  width: 15px;
  height: 2px;
  background-color: #b1b3b6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1229px) {
  .header__catalog-btn i {
    right: 13px;
  }
}
.header__catalog-btn i:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  width: 100%;
  height: 2px;
  background-color: #b1b3b6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__catalog-btn i:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  width: 100%;
  height: 2px;
  background-color: #b1b3b6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__catalog-btn:hover {
  background-color: #ffce1a;
  color: #4a5455;
}
.header__catalog-btn:hover i {
  background-color: #4a5455;
}
.header__catalog-btn:hover i:after {
  background-color: #4a5455;
}
.header__catalog-btn:hover i:before {
  background-color: #4a5455;
}
.header__catalog-btn.active {
  background-color: #ffce1a;
  color: #4a5455;
}
.header__catalog-btn.active i {
  background-color: #4a5455;
}
.header__catalog-btn.active i:after {
  background-color: #4a5455;
}
.header__catalog-btn.active i:before {
  background-color: #4a5455;
}
.header__catalog-list-wr {
  position: absolute;
  top: 104px;
  left: 0;
  right: 0;
  background-color: #f3f4f6;
  z-index: 2;
  border-top: 1px solid #e5e6e8;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
     -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__catalog-list-wr.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 989px) {
  .header__catalog-list-wr {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    height: 0;
    overflow: hidden;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  }
  .header__catalog-list-wr.active {
    height: auto;
    margin-top: 20px;
  }
}
.header__catalog-list {
  width: 1210px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 19px;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 1229px) {
  .header__catalog-list {
    width: 970px;
  }
}
@media (max-width: 989px) {
  .header__catalog-list {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.header__catalog-list:after {
  content: '';
  display: block;
  position: absolute;
  top: -9px;
  left: 305px;
  width: 16px;
  height: 16px;
  background-color: #f3f4f6;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  border-top: 1px solid #e5e6e8;
  border-left: 1px solid #e5e6e8;
}
@media (max-width: 1229px) {
  .header__catalog-list:after {
    left: 188px;
  }
}
@media (max-width: 989px) {
  .header__catalog-list:after {
    display: none;
  }
}
.header__catalog-list ul li {
  float: left;
}
@media (max-width: 989px) {
  .header__catalog-list ul li {
    float: none;
    text-align: center;
  }
}
.header__catalog-list ul li a {
  color: #5b6065;
  text-decoration: none;
  background-color: transparent;
  font-size: 17px;
  padding-left: 34px;
  padding-right: 34px;
  padding-top: 7px;
  padding-bottom: 9px;
  display: block;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
}
@media (max-width: 1229px) {
  .header__catalog-list ul li a {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.header__catalog-list ul li a:hover, .header__catalog-list ul li.active a{
  background-color: #fff;
}
.header__nav {
  float: left;
  padding-left: 37px;
  padding-top: 27px;
}
@media (max-width: 1229px) {
  .header__nav {
    padding-left: 25px;
  }
}
@media (max-width: 989px) {
  .header__nav {
    float: none;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
}
.header__nav ul li {
  float: left;
}
@media (max-width: 989px) {
  .header__nav ul li {
    float: none;
  }
}
.header__nav ul li + li {
  margin-left: 36px;
}
@media (max-width: 989px) {
  .header__nav ul li + li {
    margin-left: 0;
    margin-top: 10px;
  }
}
.header__nav ul li a {
  font-size: 17px;
  color: #5B6065;
  display: inline-block;
  position: relative;
}
.header__nav ul li a:after {
  content: '';
  background-color: #ffce1a;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__nav ul li a:hover:after {
  opacity: 1;
  visibility: visible;
}
.header__basket {
  float: right;
  padding-top: 15px;
  padding-left: 25px;
  padding-bottom: 15px;
  position: relative;
}
@media (max-width: 989px) {
  .header__basket {
    float: none;
    text-align: center;
    padding-left: 0;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.header__basket:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  opacity: 0.85;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-border-top-left-radius: 0;
     -moz-border-radius-topleft: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0;
  -webkit-box-shadow: 2px 0px 5px -1px rgba(36, 56, 70, 0.25);
     -moz-box-shadow: 2px 0px 5px -1px rgba(36, 56, 70, 0.25);
          box-shadow: 2px 0px 5px -1px rgba(36, 56, 70, 0.25);
}
@media (max-width: 989px) {
  .header__basket:after {
    display: none;
  }
}
.header__basket-title {
  display: block;
}
.header__basket-title a {
  font-size: 18px;
  color: #5B6065;
  position: relative;
  padding-left: 37px;
  text-decoration: underline;
  display: inline-block;
}
.header__basket-title a:after {
  content: '';
  display: block;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -78px 0px;
  width: 27px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.header__basket-title a:before {
  content: '';
  display: block;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -78px -26px;
  width: 27px;
  height: 24px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header__basket-title a:hover {
  text-decoration: underline;
  color: #000;
}
.header__basket-title a:hover:before {
  opacity: 1;
  visibility: visible;
}
.header__basket-title a:focus {
  text-decoration: underline;
  color: #5B6065;
}
.header__basket-num {
  font-weight: 300;
  display: block;
  color: #5B6065;
  padding-top: 2px;
  padding-left: 2px;
}

.mobile-cart {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	background: #ffce1a;
	text-align: center;
	z-index: 800;
	font-size: 14px;
	line-height: 34px;
	text-decoration: none;
	color: #4a5455;
}
.mobile-cart #mobile_basket_counter:after {
  content: '';
  position: absolute;
  margin-left: -35px;
  margin-top: 8px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -21px;
  width: 19px;
  height: 17px;
}

/*
.ico-basket {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -78px 0px;
  width: 27px;
  height: 24px;
}
.ico-basket-btn {
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -21px;
  width: 19px;
  height: 17px;
}
*/


@media (max-width: 989px) {
  .mobile-cart.has-products {
    display: block;
  }
  .order-page .mobile-cart.has-products {
    display: none;
  }
}


.mobile-header {
  background: #6c7878;
  background: -moz-linear-gradient(top, #6c7878 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6c7878 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6c7878), to(#495354));
  background: -o-linear-gradient(top, #6c7878 0%, #495354 100%);
  background: linear-gradient(to bottom, #6c7878 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7878', endColorstr='#495354', GradientType=0);
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
  height: 50px;
}
.mobile-header__btn {
  width: 36px;
  height: 36px;
  background-color: transparent;
  float: left;
  position: relative;
  margin-left: 15px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile-header__btn i {
  position: absolute;
  top: 11px;
  left: 0;
  width: 36px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile-header__btn i:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile-header__btn i:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile-header__logo {
  max-width: 100px;
  float: left;
  position: absolute;
  top: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mobile-header__logo a {
  display: block;
}
.mobile-header__phone {
  float: right;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mobile-header__phone a {
  display: block;
  padding-left: 30px;
  position: relative;
  font-weight: bold;
  font-size: 15px;
  color: #E6E6E7;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
}
@media (max-width: 560px) {
  .mobile-header__phone a {
    width: 20px;
    height: 20px;
    padding-left: 0;
  }
}
@media (max-width: 560px) {
  .mobile-header__phone a span {
    display: none;
  }
}
.mobile-header__phone a:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -64px -69px;
  width: 20px;
  height: 20px;
}
.mobile-header__phone a:before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -20px -69px;
  width: 20px;
  height: 20px;
}
.mobile-header__phone a:hover {
  color: #ffce1a;
}
.mobile-header__phone a:hover:before {
  opacity: 1;
  visibility: visible;
}
.mobile-header__phone a:focus {
  color: #E6E6E7;
}
.close-menu-field {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 989px) {
  .menu-open .page-content-wrapper {
    -webkit-transform: translateX(320px);
       -moz-transform: translateX(320px);
        -ms-transform: translateX(320px);
         -o-transform: translateX(320px);
            transform: translateX(320px);
  }
  .menu-open header {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  .menu-open .mobile-header__btn i {
    -webkit-transform: rotateZ(45deg);
       -moz-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
    top: 17px;
  }
  .menu-open .mobile-header__btn i:after {
    opacity: 0;
  }
  .menu-open .mobile-header__btn i:before {
    -webkit-transform: rotateZ(90deg);
       -moz-transform: rotateZ(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
    top: 0;
  }
  .menu-open .close-menu-field {
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 400px) {
  .menu-open .page-content-wrapper {
    -webkit-transform: translateX(260px);
       -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
         -o-transform: translateX(260px);
            transform: translateX(260px);
  }
}
footer {
  /* position: relative; */
      position: absolute;
    bottom: 0;
    width: 100%;
}
.footer__connection {
  background-color: #f3f4f6;
  padding-top: 33px;
  padding-bottom: 34px;
}
@media (max-width: 989px) {
  .footer__connection {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 769px) {
  .footer__connection {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.footer__connection-title {
  color: #a8afb6;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  float: left;
  line-height: 21px;
}
@media (max-width: 989px) {
  .footer__connection-title {
    float: none;
    text-align: center;
  }
}
.footer__connection-title span {
  font-size: 30px;
  color: #7a8085;
  text-transform: none;
  display: block;
  font-weight: 400;
}
.footer__connection-category {
  float: left;
  position: relative;
  width: 571px;
  margin-left: 36px;
}
@media (max-width: 1229px) {
  .footer__connection-category {
    margin-left: 30px;
    width: 420px;
  }
}
@media (max-width: 989px) {
  .footer__connection-category {
    float: none;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
@media (max-width: 560px) {
  .footer__connection-category {
    width: 290px;
  }
}
.footer__connection-category-list {
  position: absolute;
  top: 0px;
  right: 47px;
}
.footer__connection-category-list:hover .footer__connection-category-list-bnt i {
  background-color: #000;
}
.footer__connection-category-list:hover .footer__connection-category-list-bnt i:after {
  background-color: #000;
}
.footer__connection-category-list:hover .footer__connection-category-list-bnt i:before {
  background-color: #000;
}
.footer__connection-category-list:hover .footer__connection-category-list-body {
  opacity: 1;
  visibility: visible;
}
.footer__connection-category-list-bnt {
  position: relative;
  width: 49px;
  height: 50px;
  cursor: pointer;
}
.footer__connection-category-list-bnt i {
  position: absolute;
  top: 18px;
  left: 15px;
  width: 15px;
  height: 2px;
  background-color: #b1b3b6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer__connection-category-list-bnt i:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #b1b3b6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer__connection-category-list-bnt i:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #b1b3b6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer__connection-category-list-body {
  position: absolute;
  top: 72px;
  left: -16px;
  background-color: #fff;
  padding-left: 23px;
  padding-top: 20px;
  padding-right: 23px;
  padding-bottom: 22px;
  -webkit-box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 11px 18px rgba(0, 0, 0, 0.15);
  opacity: 0;
  z-index: 5;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer__connection-category-list-body:after {
  content: '';
  display: block;
  position: absolute;
  top: -9px;
  left: 29px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.footer__connection-category-list-body:before {
  content: '';
  display: block;
  position: absolute;
  top: -22px;
  left: 0px;
  right: 0;
  height: 22px;
  background-color: transparent;
}
.footer__connection-category-list-body ul li a {
  font-weight: 500;
  color: #a8afb6;
  font-size: 15px;
  white-space: nowrap;
}
.footer__connection-category-list-body ul li a:hover {
  color: #f1b000;
}
.footer__connection-category-list-body ul li + li {
  margin-top: 9px;
}
.footer__connection-category-btn {
  position: absolute;
  top: 4px;
  right: 4px;
}
.footer__connection-phone {
  float: right;
  line-height: 24px;
}
@media (max-width: 989px) {
  .footer__connection-phone {
    float: none;
    text-align: center;
  }
}
.footer__connection-phone-title {
  color: #a8afb6;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 21px;
}
.footer__connection-phone-link a {
  font-size: 25px;
  color: #7a8085;
  font-weight: 500;
}
.footer__connection-phone-link a:hover {
  color: #000;
}
.footer__connection-phone-link a:focus {
  color: #7a8085;
}
.footer__nav {
  padding-top: 27px;
  padding-bottom: 27px;
}
@media (max-width: 989px) {
  .footer__nav {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 769px) {
  .footer__nav {
    padding-top: 15px;
    padding-bottom: 5px;
  }
}
.footer__nav-list {
  float: left;
}
@media (max-width: 989px) {
  .footer__nav-list {
    float: none;
    display: block;
  }
}
.footer__nav-list ul li {
  float: left;
  padding-top: 7px;
  padding-bottom: 7px;
}
@media (max-width: 769px) {
  .footer__nav-list ul li {
    width: 50%;
    display: block;
    text-align: center;
    margin-bottom: 7px;
  }
}
.footer__nav-list ul li + li {
  margin-left: 75px;
}
@media (max-width: 1229px) {
  .footer__nav-list ul li + li {
    margin-left: 35px;
  }
}
@media (max-width: 989px) {
  .footer__nav-list ul li + li {
    margin-left: 54px;
  }
}
@media (max-width: 769px) {
  .footer__nav-list ul li + li {
    margin-left: 0;
  }
}
.footer__nav-list ul li a {
  text-transform: uppercase;
  color: #a8afb6;
  font-weight: bold;
}
.footer__nav-list ul li a:hover {
  color: #000;
}
.footer__nav-app {
  float: right;
}
.footer__nav-app img {
  height: 30px;
  filter: saturate(0%);;
}
@media (max-width: 989px) {
  .footer__nav-app {
    float: none;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 8px;
/*     display: none; */
  }
}
.footer__nav-app ul li {
  float: left;
}
.footer__nav-app ul li a {
  display: block;
}
.footer__nav-app ul li + li {
  margin-left: 16px;
}
.footer__bottom-line {
  border-top: 1px solid #f3f4f6;
  padding-top: 19px;
  padding-bottom: 19px;
}
@media (max-width: 989px) {
  .footer__nav-app ul li {
    float: none;
    display: inline-block;
  }
  .footer__bottom-line {
    padding-bottom: 40px;
  }
}
.footer__bottom-line-logo {
  float: left;
}
@media (max-width: 989px) {
  .footer__bottom-line-logo {
    float: none;
    display: none;
  }
}
.footer__bottom-line-copyrating {
  float: left;
  font-size: 12px;
  color: #a8afb6;
  line-height: 18px;
  padding-left: 35px;
  padding-top: 9px;
  padding-bottom: 9px;
}
@media (max-width: 989px) {
  .footer__bottom-line-copyrating {
    padding-left: 0;
  }
}
@media (max-width: 769px) {
  .footer__bottom-line-copyrating {
    float: none;
    text-align: center;
  }
}
.footer__bottom-line-scds {
  float: right;
}
@media (max-width: 769px) {
  .footer__bottom-line-scds {
    float: none;
    display: block;
  }
}
.footer__bottom-line-social {
  float: left;
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
  padding-top: 11px;
  padding-bottom: 11px;
}
@media (max-width: 769px) {
  .footer__bottom-line-social {
    float: none;
    display: block;
    text-align: center;
  }
}
.footer__bottom-line-social:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  opacity: 0.85;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-border-top-left-radius: 0;
     -moz-border-radius-topleft: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0;
  -webkit-box-shadow: 3px 0px 7px -1px rgba(36, 56, 70, 0.2);
     -moz-box-shadow: 3px 0px 7px -1px rgba(36, 56, 70, 0.2);
          box-shadow: 3px 0px 7px -1px rgba(36, 56, 70, 0.2);
  -webkit-transform: rotateZ(180deg);
     -moz-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
@media (max-width: 769px) {
  .footer__bottom-line-social:after {
    display: none;
  }
}
.footer__bottom-line-social:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  opacity: 0.85;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-border-top-left-radius: 0;
     -moz-border-radius-topleft: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0;
  -webkit-box-shadow: 3px 0px 7px -1px rgba(36, 56, 70, 0.2);
     -moz-box-shadow: 3px 0px 7px -1px rgba(36, 56, 70, 0.2);
          box-shadow: 3px 0px 7px -1px rgba(36, 56, 70, 0.2);
}
@media (max-width: 769px) {
  .footer__bottom-line-social:before {
    display: none;
  }
}
.footer__bottom-line-social ul li {
  display: inline-block;
  vertical-align: top;
  margin-left: 1px;
  margin-right: 1px;
}
.footer__bottom-line-social ul li a {
  display: block;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #f3f4f6;
  position: relative;
}
.footer__bottom-line-social ul li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.footer__bottom-line-social ul li a:hover {
  background-color: #b4bbc0;
}
.footer__bottom-line-design {
  float: left;
  font-size: 12px;
  color: #a8afb6;
  padding-top: 9px;
  margin-left: 40px;
}
@media (max-width: 769px) {
  .footer__bottom-line-design {
    float: none;
    text-align: center;
    margin-left: 0;
    padding-top: 15px;
  }
}
.footer__bottom-line-design-title {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
  padding-top: 1px;
}
@media (max-width: 1229px) {
  .footer__bottom-line-design-title {
    display: none;
  }
}
@media (max-width: 769px) {
  .footer__bottom-line-design-title {
    display: block;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 5px;
  }
}
.footer__bottom-line-design-logo {
  display: inline-block;
  vertical-align: middle;
}
.section-main-slider {
  position: relative;
}
.main-slider__body .owl-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-bottom: 26px;
}
.main-slider__body .owl-dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: transparent;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 2px solid #cecdc2;
  margin-left: 7px;
  margin-right: 7px;
}
.main-slider__body .owl-dot.active {
  background-color: #cecdc2;
}
.section-main-slider {
  height: 550px;
  overflow: hidden;
}
.main-slider__item {
  width: 100%;
  height: 550px;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
}
@media (max-width: 989px) {
  .section-main-slider, .main-slider__item {
    height: 500px;
  }
}
@media (max-width: 769px) {
  .section-main-slider, .main-slider__item {
    height: 400px;
  }
}
.main-slider__control-btn {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 769px) {
  .main-slider__control-btn {
    display: none;
  }
}
.main-slider__control-btn:after {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  position: absolute;
  top: 21px;
  left: 21px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-slider__control-btn:hover {
  background-color: #ffce1a;
}
.main-slider__control-btn:hover:after {
  border-bottom: 3px solid #5B6065;
  border-right: 3px solid #5B6065;
}
.main-slider__control-btn_prev {
  left: 40px;
  -webkit-transform: translateY(-50%) rotateZ(135deg);
     -moz-transform: translateY(-50%) rotateZ(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
       -o-transform: translateY(-50%) rotateZ(135deg);
          transform: translateY(-50%) rotateZ(135deg);
}
.main-slider__control-btn_next {
  right: 40px;
  -webkit-transform: translateY(-50%) rotateZ(-45deg);
     -moz-transform: translateY(-50%) rotateZ(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotateZ(-45deg);
          transform: translateY(-50%) rotateZ(-45deg);
}
.section-start-set {
  padding-top: 50px;
  position: relative;
}
@media (max-width: 769px) {
  .section-start-set {
    padding-top: 25px;
  }
}
.section-start-set-nav-prev, .section-start-set-nav-next {
  position: absolute;
  top: 300px;
  width: 25px;
  height: 25px;
  border: solid #DDD;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  cursor: pointer;
}
.section-start-set-nav-prev {
  left: 35px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.section-start-set-nav-next {
  right: 35px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
@media (max-width: 769px) {
  .section-start-set-nav-prev, .section-start-set-nav-next {
    display: none;
  }
}


.section-start-set + .section-start-set {
  padding-top: 89px;
}
@media (max-width: 769px) {
  .section-start-set + .section-start-set {
    padding-top: 25px;
  }
}
.section-title {
  text-align: center;
  position: relative;
  font-weight: 100;
  font-size: 36px;
  color: #60676c;
  padding-left: 100px;
  padding-right: 100px;
}
.section-title.section-title-small {
  margin-top: 20px;
  font-size: 20px;
	
}
@media (max-width: 769px) {
  .section-title {
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.section-title:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #D9E0E5;
  margin-top: 2px;
}
.section-title span, .section-title a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding-left: 28px;
  padding-right: 28px;
  display: inline-block;
  
    color: #60676c;
}
/* .main-pickup__wr .section-title span, .main-pickup__wr .section-title a{
      background-color: #f3f4f6;
} */
@media (max-width: 769px) {
  .section-title span, .section-title a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.section-title_align-left {
  text-align: left;
  padding-left: 0;
}
@media (max-width: 989px) {
  .section-title_align-left {
    text-align: center;
    padding-left: 100px;
  }
}
@media (max-width: 769px) {
  .section-title_align-left {
    padding-left: 20px;
  }
}
.section-title_align-left span {
  padding-left: 0;
}
@media (max-width: 989px) {
  .section-title_align-left span {
    padding-left: 28px;
  }
}
@media (max-width: 769px) {
  .section-title_align-left span {
    padding-left: 10px;
  }
}
.section-title_error {
  color: red;
}
.section-title_error:after {
  background-color: red;
}
.start-set__list {
  padding-top: 58px;
  position: relative;
  height: 347px;
  box-sizing: content-box;
  overflow: hidden;
}
@media (max-width: 769px) {
  .start-set__list {
    padding-top: 25px;
  }
}
.start-set__list-loader {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: white;
  z-index: 20;
}
.start-set__list-loader .object {
  background-color: #DDD;
}
.section-start-set-loaded.start-set__list {
  overflow: visible;
}
.section-start-set-loaded .start-set__list-loader{
  display: none;
}
.start-set__item .product-item {
  margin-left: auto;
  margin-right: auto;
}
.product-item {
  width: 164px;
}
.product-item.product-item-unavailable > * {
  opacity: 0.5;
}
.product-item.product-item-unavailable > .product-item__basket {
  opacity: 1;
}

.product-item__img {
  width: 100%;
  height: 164px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.product-item__img a {
  display: block;
  width: 100%;
  height: 100%;
}
.product-item__name {
  text-align: center;
  padding-top: 22px;
  padding-bottom: 19px;
  line-height: 20px;
  position: relative;
}
.product-item__name a {
  font-size: 17px;
  color: #72777b;
  height: 42px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 42px;
}
.product-item__name a.product-item__name-offer{
  display: block;
  font-size: 13px;
  color: #999;
  height: 26px;
  line-height: 13px;
}
.product-item__name a:hover {
  color: #000;
}
.product-item__price {
  color: #72777b;
  font-size: 28px;
  text-align: center;
  font-weight: 100;
  border-top: 1px solid #f3f4f6;
  padding-top: 10px;
      text-overflow: ellipsis;
    white-space: nowrap;
}
.product-item.product-item-unavailable .product-item__price {
  font-size: 14px;
  line-height: 40px;
  text-transform: uppercase;
}
.product-item.product-item-unavailable .btn.btn_subscribe {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 19px;
	
}
.product-item__price.special_price{
  color:#f1b000;
}
.product-item__price span {
  font-size: 22px;
  padding-left: 6px;
}
.product-item__basket {
  padding-top: 12px;
  text-align: center;
  height: 32px;
}
.product-item-select-offer {
	text-align: center;
	height: 27px;
	padding-top: 5px;
}
.product-item-select-offer select {
	max-width: 100%;
}
.owl-item .product-item__basket {
  height: auto;
}
.section-main-banner {
  margin-top: 75px;
}
.section-main-banner.all{
  margin-top: 0;
}
@media (max-width: 769px) {
  .section-main-banner {
    margin-top: 35px;
  }
}
.section-main-banner_standart {
  margin-top: 22px;
}
.section-main-banner__wr {
  margin-left: -56px;
}
@media (max-width: 1229px) {
  .section-main-banner__wr {
    margin-left: -35px;
  }
}
@media (max-width: 989px) {
  .section-main-banner__wr {
    margin-left: 0;
  }
}
.main-banner-unit {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-color: #000;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  overflow: hidden;
  width: 562px;
  height: 290px;
  float: left;
  margin-left: 56px;
  position: relative;
  padding-right: 30px;
  padding-top: 31px;
  padding-bottom: 29px;
  padding-left: 30px;
}
.banners_new .main-banner-unit{
  padding:0;
  background-color: transparent;
}
@media (max-width: 1229px) {
  .main-banner-unit {
    margin-left: 35px;
    width: 452px;
  }
}
@media (max-width: 989px) {
  .main-banner-unit {
    margin-left: 0;
    width: 100%;
  }
  .main-banner-unit + .main-banner-unit {
    margin-top: 25px;
  }
}
@media (max-width: 500px) {
  .main-banner-unit {
    padding: 20px;
  }
}
.main-banner-unit__title {
  text-align: right;
  line-height: 31px;
}
.main-banner-unit__title span {
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
  font-weight: 100;
  font-size: 39px;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .main-banner-unit__title span {
    font-size: 32px;
  }
}
.main-banner-unit__title span + span {
  font-weight: 300;
  font-size: 25px;
  display: block;
}
@media (max-width: 500px) {
  .main-banner-unit__title span + span {
    font-size: 24px;
  }
}
.main-banner-unit__title span span {
  font-weight: 300;
  font-size: 43px;
  display: block;
  text-transform: none;
  padding-top: 5px;
}
@media (max-width: 500px) {
  .main-banner-unit__title span span {
    font-size: 36px;
  }
}
.main-banner-unit__title span span i {
  font-size: 33px;
}
@media (max-width: 500px) {
  .main-banner-unit__title span span i {
    font-size: 30px;
  }
}
.main-banner-unit__title span i {
  font-style: normal;
  font-weight: 300;
}
.main-banner-unit__btn {
  position: absolute;
  bottom: 29px;
  left: 30px;
}
@media (max-width: 500px) {
  .main-banner-unit__btn {
    bottom: 20px;
    left: 20px;
  }
}
.main-banner-unit__caption {
  position: absolute;
  bottom: 30px;
  right: 34px;
  color: #fff;
  font-weight: 300;
  font-size: 22px;
  text-transform: uppercase;
  max-width: 345px;
  text-align: right;
}
@media (max-width: 1229px) {
  .main-banner-unit__caption {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 100%;
    padding-top: 5px;
  }
}
@media (max-width: 500px) {
  .main-banner-unit__caption {
    font-size: 20px;
  }
}
.section-brands {
  margin-top: 75px;
}
@media (max-width: 769px) {
  .section-brands {
    margin-top: 35px;
  }
}
.standart-slider {
  position: relative;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
  height: 198px;
}
@media (max-width: 769px) {
  .standart-slider {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.standart-slider-loader {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: white;
  z-index: 20;
}
.standart-slider-loader .object {
  background-color: #DDD;
}
.standart-slider-loaded {
  overflow: visible;
}
.standart-slider-loaded .standart-slider-loader{
  display: none;
}


.standart-slider__control {
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px;
  background-color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(36, 56, 70, 0.125);
     -moz-box-shadow: 4px 4px 8px 0px rgba(36, 56, 70, 0.125);
          box-shadow: 4px 4px 8px 0px rgba(36, 56, 70, 0.125);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.standart-slider__control:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 24px;
  height: 24px;
  border: 3px solid #b4bbc0;
  border-top: none;
  border-left: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.standart-slider__control_prev {
  left: 8px;
  -webkit-transform: translateY(-50%) rotateZ(-225deg);
     -moz-transform: translateY(-50%) rotateZ(-225deg);
      -ms-transform: translateY(-50%) rotate(-225deg);
       -o-transform: translateY(-50%) rotateZ(-225deg);
          transform: translateY(-50%) rotateZ(-225deg);
}
.standart-slider__control_prev:hover {
  left: 3px;
}
.standart-slider__control_prev:hover:after {
  border: 3px solid #ffce1a;
  border-top: none;
  border-left: none;
}
.standart-slider__control_next {
  right: 8px;
  -webkit-transform: translateY(-50%) rotateZ(-45deg);
     -moz-transform: translateY(-50%) rotateZ(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
       -o-transform: translateY(-50%) rotateZ(-45deg);
          transform: translateY(-50%) rotateZ(-45deg);
}
.standart-slider__control_next:hover {
  right: 3px;
}
.standart-slider__control_next:hover:after {
  border: 3px solid #ffce1a;
  border-top: none;
  border-left: none;
}
.brands__item {
  width: 100%;
  height: 100px;
  position: relative;
}
.brands__item img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.section-page-description {
  margin-bottom: 95px;
  margin-top: 40px;
}
@media (max-width: 769px) {
  .section-page-description {
    margin-bottom: 35px;
    margin-top: 25px;
  }
}
.page-description__text {
  padding-top: 27px;
}
.page-description__text p {
  font-weight: 100;
  font-size: 12px;
  color: #a0a7ac;
  margin: 0;
  line-height: 23px;
}
.about-company__images {
  text-align: center;
  padding-bottom: 33px;
}
.about-company__description {
  padding-top: 20px;
  padding-bottom: 61px;
}
@media (max-width: 769px) {
  .about-company__description {
    padding-bottom: 35px;
  }
}
.about-company__organisation {
  padding-top: 22px;
}
.section-prpular-brand {
  padding-top: 92px;
}
.section-popular-goods {
  margin-top: 75px;
  margin-bottom: 75px;
}
@media (max-width: 769px) {
  .section-popular-goods {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.section-popular-goods_standart {
  margin-top: 75px;
  margin-bottom: 75px;
}
@media (max-width: 769px) {
  .section-popular-goods_standart {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.popular-goods__wr {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 63px;
  padding-right: 63px;
}
@media (max-width: 769px) {
  .popular-goods__wr {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.popular-goods__item {
  width: 126px;
  margin-left: auto;
  margin-right: auto;
}
.popular-goods__item-img {
  width: 100%;
  height: 126px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.popular-goods__item-img a {
  display: block;
  width: 100%;
  height: 100%;
}
.popular-goods__item-name {
  text-align: center;
  padding-top: 24px;
  line-height: 15px;
}
.popular-goods__item-name a {
  font-size: 12px;
  color: #72777b;
}
.popular-goods__item-name a:hover {
  color: #000;
}
.popular-goods__item-basket {
  text-align: center;
  padding-top: 7px;
}
.section-main-catalog {
  position: relative;
}
.main-catalog__filters {
  float: left;
  width: 330px;
}
@media (max-width: 989px) {
  .main-catalog__filters {
    float: none;
    width: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 100;
    overflow-y: scroll;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .main-catalog__filters.active {
    opacity: 1;
    visibility: visible;
  }
}

.main-catalog__filter-reset {
  font-family: 'SF-UI-Display';
  -webkit-font-smoothing: subpixel-antialiased;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 24px;
  display: block;
  font-weight: 100;
  color: #AAA;
  text-align: center;
  padding-bottom: 10px;
  letter-spacing: 1px;
}
.main-catalog__filter-reset:hover {
  color: #ffce1a;
}
.main-catalog__filter-reset i {
  display: inline-block;
  width: 23px;
  height: 23px;
  position: relative;
  margin-left: 5px;
}
.main-catalog__filter-reset i:after {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -4px;
  width: 30px;
  height: 1px;
  background-color: #AAA;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-catalog__filter-reset i:before {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -4px;
  width: 30px;
  height: 1px;
  background-color: #AAA;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-catalog__filter-reset:hover i:after {
  background-color: #ffce1a;
}
.main-catalog__filter-reset:hover i:before {
  background-color: #ffce1a;
}


.main-catalog__filter-item {
  background-color: #f3f4f6;
}
@media (max-width: 989px) {
  .main-catalog__filter-item {
    width: auto;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
}
.main-catalog__filter-item + .main-catalog__filter-item {
  margin-top: 8px;
}
.main-catalog__filter-item.active .main-catalog__filter-item-title:after {
  top: 27px;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.main-catalog__filter-item.active .main-catalog__filter-item-content {
  height: auto;
  padding-top: 19px;
  padding-bottom: 25px;
}
.main-catalog__filter-item-title {
  font-weight: 500;
  padding-left: 25px;
  padding-right: 55px;
  color: #72777b;
  font-size: 17px;
  padding-top: 17px;
  padding-bottom: 18px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 400px) {
  .main-catalog__filter-item-title {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.main-catalog__filter-item-title:after {
  content: '';
  display: block;
  position: absolute;
  top: 17px;
  right: 29px;
  width: 15px;
  height: 15px;
  border: 1px solid #c7c9cc;
  border-bottom: none;
  border-right: none;
  -webkit-transform: rotateZ(225deg);
     -moz-transform: rotateZ(225deg);
      -ms-transform: rotate(225deg);
       -o-transform: rotateZ(225deg);
          transform: rotateZ(225deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 400px) {
  .main-catalog__filter-item-title:after {
    right: 15px;
  }
}
.main-catalog__filter-item-title:hover {
  color: #000;
}
.main-catalog__filter-item-title:hover:after {
  border: 1px solid #000;
  border-bottom: none;
  border-right: none;
}
.main-catalog__filter-item-content {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 0;
  padding-bottom: 0px;
  height: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 400px) {
  .main-catalog__filter-item-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.main-catalog__filter-item-content:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 25px;
  right: 25px;
  height: 1px;
  background-color: #e2e3e5;
}
@media (max-width: 400px) {
  .main-catalog__filter-item-content:after {
    left: 15px;
    right: 15px;
  }
}
.main-catalog__filter-range {
  padding-top: 5px;
}
.main-catalog__filter-range-output {
  text-align: center;
  padding-top: 13px;
  position: relative;
}
.main-catalog__filter-range-output input {
  width: 128px;
  height: 35px;
  border: 1px solid #eaebed;
  background-color: #fff;
  font-size: 15px;
  color: #72777b;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  z-index: 1;
}
@media (max-width: 400px) {
  .main-catalog__filter-range-output input {
    width: 115px;
  }
}
.main-catalog__filter-range-output .price-from {
  float: left;
}
.main-catalog__filter-range-output .price-to {
  float: right;
}
.main-catalog__filter-range-output .price-delimiter {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 12px;
  height: 2px;
  background-color: #cfd0d2;
}
.main-catalog__list {
  overflow: hidden;
  padding-top: 14px;
}
.main-catalog__filters + .main-catalog__list{
  padding-left: 42px;
}
@media (max-width: 989px) {
  .main-catalog__list {
    padding-left: 0;
    padding-top: 15px;
  }
}
.main-catalog__list-items {
  margin-left: -50px;
  padding-top: 51px;
}
@media (max-width: 1229px) {
  .main-catalog__list-items {
    margin-left: -38px;
  }
}
@media (max-width: 989px) {
  .main-catalog__list-items {
    margin-left: -21px;
  }
}
@media (max-width: 769px) {
  .main-catalog__list-items {
    margin-left: 0;
    padding-top: 35px;
    text-align: center;
  }
}
.main-catalog__list-item {
  float: left;
  min-height: 348px;
  margin-left: 50px;
  margin-bottom: 78px;
}
.main-catalog__list-item.main-catalog__list-item-gift {
  margin-bottom: 38px;
}
.main-catalog__list-item.main-catalog__list-item-search {
  min-height: 388px;
}

@media (max-width: 1229px) {
  .main-catalog__list-item {
    margin-left: 38px;
  }
}
@media (max-width: 989px) {
  .main-catalog__list-item {
    margin-left: 21px;
    margin-bottom: 60px;
  }
}
@media (max-width: 769px) {
  .main-catalog__list-item {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 50px;
  }
}
.main-catalog__filters-mobile-btn {
  cursor: pointer;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #ffce1a;
  color: #4a5455;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-catalog__filters-mobile-btn:hover {
  opacity: 0.8;
  color: #000;
}
.main-catalog__filter-close {
  width: 46px;
  height: 46px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  background-color: #72777b;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-catalog__filter-close:after {
  content: '';
  position: absolute;
  top: 22px;
  left: 5px;
  width: 37px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-catalog__filter-close:before {
  content: '';
  display: block;
  position: absolute;
  top: 22px;
  left: 5px;
  width: 37px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-catalog__filter-close:hover:after {
  background-color: #f1b000;
}
.main-catalog__filter-close:hover:before {
  background-color: #f1b000;
}
.product-item__sliders + .product-item__block.product-item__characteristic {
  margin-top: 52px;
}
.product-item__media-content {
  float: left;
  width: 580px;
}
.product-item__media-content a{
      text-align: center;
    width: 100%;
    display: block;
}
.product-item__media-content a img{
      display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1229px) {
  .product-item__media-content {
    width: 470px;
  }
}
@media (max-width: 989px) {
  .product-item__media-content {
    float: none;
    width: 100%;
  }
}
.product-item__slider-main-wr {
  max-height: 580px;
  overflow: hidden;
}
@media (max-width: 1229px) {
  .product-item__slider-main-wr {
    max-height: 450px;
  }
}
@media (max-width: 769px) {
  .product-item__slider-main-wr {
    max-height: 300px;
  }
}
.product-item__slider-main-item {
  display: block;
  width: 100%;
  height: 580px;
}
@media (max-width: 1229px) {
  .product-item__slider-main-item {
    height: 450px;
  }
}
@media (max-width: 769px) {
  .product-item__slider-main-item {
    height: 300px;
  }
}
.product-item__slider-nav-wr {
  overflow: hidden;
  max-height: 130px;
  margin-top: 20px;
}
@media (max-width: 1229px) {
  .product-item__slider-nav-wr {
    max-height: 103px;
  }
}
@media (max-width: 769px) {
  .product-item__slider-nav-wr {
    max-height: 60px;
    margin-top: 10px;
  }
}
.product-item__slider-nav {
  margin-left: -10px;
  margin-right: -10px;
}
.product-item__slider-nav-item {
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  width: 100%;
  height: 130px;
}
@media (max-width: 1229px) {
  .product-item__slider-nav-item {
    height: 103px;
  }
}
@media (max-width: 769px) {
  .product-item__slider-nav-item {
    height: 60px;
    margin-left: 5px;
    margin-right: 5px;
  }
}
.product-item__videos-wr {
  padding-top: 20px;
}
.product-item__characteristic {
  margin-top: 87px;
}
@media (max-width: 989px) {
  .product-item__characteristic {
    margin-top: 50px;
  }
}
.product-item__block {
  border: 1px solid #eee;
}
.product-item__block-title {
  margin-top: -20px;
  font-size: 26px;
  color: #60676c;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
}
.product-item__block-title span {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
}
.product-item__block-title_sm {
  font-size: 22px;
  margin-top: -17px;
}
.product-item__table {
  padding: 23px;
  padding-bottom: 35px;
}
@media (max-width: 769px) {
  .product-item__table {
    padding: 15px;
  }
}
.product-item__table table {
  font-size: 15px;
  color: #888c8c;
  font-weight: 300;
}
.product-item__table table tr td {
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 769px) {
  .product-item__table table tr td {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.product-item__table table tr td:first-child {
  text-align: left;
}
.product-item__table table tr td:last-child {
  text-align: right;
}
/*
.product-item__table table tr:nth-child(odd) {
  background-color: #f3f4f6;
}
*/
.product-item__table table tr.even {
  background-color: #f3f4f6;
}


.product-item__description-content {
  overflow: hidden;
  padding-left: 38px;
}
@media (max-width: 1229px) {
  .product-item__description-content {
    padding-left: 20px;
  }
}
@media (max-width: 989px) {
  .product-item__description-content {
    padding-left: 0;
  }
}
.product-item__mn-name {
  color: #60676c;
  position: relative;
  margin-top: -7px;
  padding-right: 120px;
}
.product-item__mn-name:after {
  content: '';
  display: block;
  position: absolute;
  top: 21px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d9e0e5;
  z-index: -1;
}
.product-item__mn-name h1 {
  font-size: 36px;
  font-weight: 100;
  text-transform: uppercase;
  color: #60676c;
  background-color: #fff;
  line-height: 43px;
  display: inline-block;
  padding-right: 30px;
}
.product-item__overview {
  padding-top: 36px;
}
.product-item__overview-control ul {
  margin-left: -6px;
}
@media (max-width: 769px) {
  .product-item__overview-control ul {
    margin-left: 0;
  }
}
.product-item__overview-control ul li {
  float: left;
  width: 278px;
  margin-left: 6px;
}
@media (max-width: 1229px) {
  .product-item__overview-control ul li {
    width: 222px;
  }
}
@media (max-width: 769px) {
  .product-item__overview-control ul li {
    width: 100%;
    margin-left: 0;
  }
}
.product-item__overview-control ul li a {
  display: block;
  border: 1px solid #eee;
  padding-top: 14px;
  padding-bottom: 16px;
  background-color: #f3f4f6;
  text-align: center;
  font-weight: 500;
  font-size: 17px;
  color: #72777b;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-item__overview-control ul li.active a {
  background: #6b7778;
  background: -moz-linear-gradient(top, #6b7778 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6b7778 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6b7778), to(#495354));
  background: -o-linear-gradient(top, #6b7778 0%, #495354 100%);
  background: linear-gradient(to bottom, #6b7778 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b7778', endColorstr='#495354', GradientType=0);
  font-weight: bold;
  color: #fff;
  border: none;
  padding-top: 15px;
  padding-bottom: 17px;
}
.product-item__overview-content {
  border: 1px solid #eee;
  font-weight: 100;
  color: #888c8c;
  font-size: 15px;
  padding-left: 30px;
  padding-top: 24px;
  padding-right: 30px;
  padding-bottom: 37px;
  line-height: 25px;
  margin-top: -1px;
}
.product-item__overview-content-warning {
	color: #f80000;
}
@media (max-width: 1229px) {
  .product-item__overview-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.product-item__overview-content b {
  font-weight: 400;
}
.product-item__block.product-item__color {
  margin-top: 41px;
}
.product-item__color-list {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 24px;
  padding-bottom: 36px;
  position: relative;
  z-index: 0;
}
@media (max-width: 769px) {
  .product-item__color-list {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 16px;
  }
}
.product-item__color-item {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
}
@media (max-width: 769px) {
  .product-item__color-item {
    margin-bottom: 8px;
  }
}
.product-item__color-item .product-item__color-item-label {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 2px solid #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.product-item__color-item .product-item__color-item-caption {
  position: absolute;
  bottom: 55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 3;
  background-color: #fff;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  color: #969da1;
  padding-left: 22px;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-right: 22px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.25);
}
.product-item__color-item .product-item__color-item-caption b {
  color: #60676c;
  font-weight: 500;
}
.product-item__color-item .product-item__color-item-caption:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #fff;
}
.product-item__color-item .product-item__color-item-label-focus {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #e2e2e2;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
  opacity: 0;
}
.product-item__color-item .product-item__color-item-label-focus:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  left: 0;
  right: 0;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.product-item__color-item:hover .product-item__color-item-label, .offer_input:checked + .product-item__color-item-label, .offer_input[checked] + .product-item__color-item-label {
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
}
.product-item__color-item:hover .product-item__color-item-caption {
  visibility: visible;
  opacity: 1;
}
.product-item__color-item:hover .product-item__color-item-label-focus, .offer_input:checked + div + .product-item__color-item-label-focus {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.product-item__price-number {
  margin-top: 40px;
  border-top: 1px solid #eee;
}
.product-item__price-number-item {
  float: left;
  position: relative;
}
.product-item__price-subscribe {
  clear: left;
  padding-top: 15px;
  width: 245px;
  text-align: center;
}

@media (max-width: 500px) {
  .product-item__price-number-item {
    float: none;
    display: block;
  }
}
.product-item__price-number-item:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  height: 80px;
  width: 1px;
  background: -moz-linear-gradient(top, #eeeeee 0%, transparent 100%);
  background: -webkit-linear-gradient(top, #eeeeee 0%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(transparent));
  background: -o-linear-gradient(top, #eeeeee 0%, transparent 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='transparent', GradientType=0);
  position: absolute;
}
.product-item__price-number-item_val {
  width: 44%;
}
@media (max-width: 500px) {
  .product-item__price-number-item_val {
    width: 100%;
  }
}
.product-item__price-number-item_spec {
  width: 56%;
}
@media (max-width: 500px) {
  .product-item__price-number-item_spec {
    width: 100%;
    margin-top: 25px;
  }
}
.product-item__price-number-item_spec:before {
  content: '';
  display: block;
  right: 0;
  top: 0;
  height: 80px;
  width: 1px;
  background: -moz-linear-gradient(top, #eeeeee 0%, transparent 100%);
  background: -webkit-linear-gradient(top, #eeeeee 0%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(transparent));
  background: -o-linear-gradient(top, #eeeeee 0%, transparent 100%);
  background: linear-gradient(to bottom, #eeeeee 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='transparent', GradientType=0);
  position: absolute;
}
@media (max-width: 500px) {
  .product-item__price-number-item_spec:before {
    display: none;
  }
}
.product-item__price-number-item_spec .product-item__price-number-body {
  font-size: 32px;
  padding-top: 5px;
  padding-bottom: 14px;
}
.product-item__price-number-item_spec .product-item__price-number-body i {
  font-size: 45px;
}
.product-item__price-number-title {
  margin-top: -15px;
  text-align: center;
  font-size: 18px;
  font-weight: 100;
  color: #929699;
}
.product-item__price-number-title span {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}
.product-item__price-number-body {
  font-weight: 100;
  color: #60676c;
  font-size: 28px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 17px;
}
.product-item__price-number-body i {
  font-size: 40px;
  font-style: normal;
}
.product-item__price-number-btn {
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
}
.product-item__price-number-btn > p {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 15px;
  text-transform: lowercase;
  font-style: italic;
  line-height: 15px;
  padding: 4px 0 0 0;
  margin: 0;
}
.product-item__buy-click {
  padding-top: 14px;
}
.product-item__vk {
  margin-top: 88px;
}
@media (max-width: 1229px) {
  .product-item__vk {
    margin-top: 50px;
  }
}
.product-item__vk-wrapper {
  padding-top: 12px;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 8px;
  text-align: center;
}
.section-product-advertising {
  padding-top: 82px;
  padding-bottom: 8px;
}
@media (max-width: 989px) {
  .section-product-advertising {
    padding-top: 60px;
  }
}
@media (max-width: 769px) {
  .section-product-advertising {
    padding-top: 35px;
    padding-bottom: 0;
  }
}
.product-advertising_wr {
  margin-left: -39px;
}
@media (max-width: 989px) {
  .product-advertising_wr {
    margin-left: 0px;
  }
}
.product-advertising__item {
  float: left;
  margin-left: 39px;
  width: 367px;
  min-height: 198px;
}
@media (max-width: 1229px) {
  .product-advertising__item {
    width: 450px;
  }
}
@media (max-width: 989px) {
  .product-advertising__item {
    width: 100%;
    margin-left: 0px;
  }
  .product-advertising__item + .product-advertising__item {
    margin-top: 15px;
  }
}
.product-advertising__owerview {
  border: 1px solid #eee;
  color: #60676c;
  padding-left: 22px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 19px;
}
@media (max-width: 769px) {
  .product-advertising__owerview {
    padding: 15px;
  }
}
.product-advertising__owerview:hover .product-advertising__owerview-title {
  color: #000;
}
.product-advertising__owerview:hover .product-advertising__owerview-caption {
  color: #000;
}
.product-advertising__owerview-title {
  font-weight: 100;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  color: #60676c;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-advertising__owerview-content {
  position: relative;
  margin-top: 12px;
}
.product-advertising__owerview-img {
  position: absolute;
  top: 5px;
  left: 0;
  max-width: 100px;
}
.product-advertising__owerview-caption {
  font-size: 13px;
  font-weight: 100;
  color: #888c8c;
  padding-left: 124px;
  line-height: 22px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-advertising__owerview-caption b {
  font-weight: 500;
}
@media (max-width: 1229px) {
  .product-advertising__video {
    display: none;
  }
}
.product-advertising__video.video-wrapper {
  padding-bottom: 14.23%;
}
.product-item__choose-setting {
  margin-top: 42px;
}
.product-item__choose-setting-list {
  padding-left: 21px;
  padding-top: 19px;
  padding-right: 21px;
  padding-bottom: 11px;
}
.product-item__choose-setting-list ul li {
  float: left;
  width: 50%;
  margin-bottom: 9px;
}
.product-item__unavailable {
  opacity: 0.5;
}

.product-item__unavailable.product-item__unavailable_at_all {
  opacity: 0.25;
}


@media (max-width: 600px) {
  .product-item__choose-setting-list ul li {
    width: 100%;
  }
}
.product-item__mobile-name {
  font-size: 24px;
  font-weight: 100;
  text-transform: uppercase;
  color: #60676c;
  background-color: #fff;
  line-height: 32px;
  margin-bottom: 15px;
}
.main-bsket__table {
  padding-top: 47px;
}
@media (max-width: 769px) {
  .main-bsket__table {
    padding-top: 7px;
  }
}
@media (max-width: 989px) {
  .main-bsket__table table {
    display: block;
  }
}
@media (max-width: 989px) {
  .main-bsket__table table thead {
    display: none;
  }
}
.main-bsket__table table thead tr td {
  background-color: #f3f4f6;
  color: #72777b;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.main-bsket__table table thead tr td:nth-child(2) {
  text-align: left;
  padding-left: 30px;
  padding-right: 15px;
}
@media (max-width: 1229px) {
  .main-bsket__table table thead tr td:nth-child(2) {
    padding-left: 15px;
    padding-right: 10px;
  }
}
@media (max-width: 989px) {
  .main-bsket__table table tbody {
    display: block;
  }
}
@media (max-width: 989px) {
  .main-bsket__table table tbody tr {
    display: block;
    position: relative;
    padding-left: 150px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .main-bsket__table table tbody tr + tr {
    border-top: 1px solid #eee;
  }
}
@media (max-width: 769px) {
  .main-bsket__table table tbody tr {
    padding-left: 85px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.main-bsket__table table tbody tr td {
  padding-top: 23px;
  padding-bottom: 23px;
  border-bottom: 1px solid #eee;
  text-align: center;
}
@media (max-width: 989px) {
  .main-bsket__table table tbody tr td {
    display: block;
    border-bottom: none;
    padding: 0;
    text-align: left;
  }
}
.main-bsket__table table tbody tr td:nth-child(2) {
  text-align: left;
  padding-left: 30px;
  padding-right: 15px;
}
@media (max-width: 1229px) {
  .main-bsket__table table tbody tr td:nth-child(2) {
    padding-left: 15px;
    padding-right: 10px;
  }
}
@media (max-width: 989px) {
  .main-bsket__table table tbody tr td:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
}
.main-bsket__table-th-img {
  width: 134px;
}
.main-bsket__table-th-name {
  width: 330px;
}
@media (max-width: 1229px) {
  .main-bsket__table-th-name {
    width: 300px;
  }
}
.main-bsket__table-th-price {
  width: 285px;
}
@media (max-width: 1229px) {
  .main-bsket__table-th-price {
    width: 300px;
  }
}
.main-bsket__table-th-number {
  width: 145px;
}
.main-bsket__table-th-sum {
  width: 170px;
}
@media (max-width: 1229px) {
  .main-bsket__table-th-sum {
    width: 200px;
  }
}
.main-bsket__table-th-delete {
  width: 116px;
}
@media (max-width: 1229px) {
  .main-bsket__table-th-delete {
    width: 80px;
  }
}
.main-bsket__table-img {
  max-width: 130px;
}
@media (max-width: 989px) {
  .main-bsket__table-img {
    position: absolute;
    top: 25px;
    left: 0;
  }
}
@media (max-width: 769px) {
  .main-bsket__table-img {
    max-width: 75px;
  }
}
.main-bsket__table-name {
  line-height: 28px;
}
@media (max-width: 769px) {
  .main-bsket__table-name {
    line-height: 20px;
    padding-right: 45px !important;
  }
}
.main-bsket__table-name a {
  font-size: 24px;
  font-weight: 100;
  color: #888b8e;
}
@media (max-width: 769px) {
  .main-bsket__table-name a {
    font-size: 18px;
  }
}
.main-bsket__table-name a:hover {
  color: #000;
}
.main-bsket__table-name a:focus {
  color: #888b8e;
}
@media (max-width: 989px) {
  .main-bsket__table-price-wr {
    margin-top: 20px;
  }
}
@media (max-width: 769px) {
  .main-bsket__table-price-wr {
    margin-top: 5px;
  }
}
.main-bsket__table-price {
  text-align: center;
  position: relative;
  display: inline-block;
}
@media (max-width: 769px) {
  .main-bsket__table-price {
    text-align: left;
    display: block;
  }
}
.main-bsket__table-price-num {
  font-size: 32px;
  font-weight: 100;
  color: #888b8e;
  text-align: center;
  position: relative;
  z-index: 2;
  line-height: 34px;
}
@media (max-width: 989px) {
  .main-bsket__table-price-num {
    display: inline-block;
    vertical-align: middle;
  }
}
.main-bsket__table-price-num i {
  font-style: normal;
  font-size: 22px;
}
@media (max-width: 989px) {
  .main-bsket__table-price-btn {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 769px) {
  .main-bsket__table-price-btn {
    margin-top: 5px;
  }
}
.main-bsket__table-price-btn a {
  position: relative;
  z-index: 2;
}
.main-bsket__table-price-btn span {
  position: relative;
  z-index: 2;
}
.main-bsket__table-price-btn:after {
  content: '';
  display: block;
  position: absolute;
  top: -11px;
  left: -11px;
  right: -11px;
  bottom: 20px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  border: 1px solid #eee;
  z-index: 1;
}
@media (max-width: 989px) {
  .main-bsket__table-price-btn:after {
    bottom: -11px;
    right: 25px;
  }
}
@media (max-width: 769px) {
  .main-bsket__table-price-btn:after {
    display: none;
  }
}
.main-bsket__table-number {
  text-align: center;
}
.main-bsket__table-number {
  text-align: center;
}

@media (max-width: 989px) {
  .main-bsket__table-number {
    text-align: left;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .main-bsket__table-number .number-choser {
    text-align: left;
  }
}
@media (max-width: 769px) {
  .main-bsket__table-number {
    margin-top: 10px;
  }
}
.main-bsket__table-sum {
  font-size: 32px;
  font-weight: 100;
  color: #888b8e;
  text-align: center;
}
.main-bsket__table-sum i {
  font-style: normal;
  font-size: 22px;
}
.main-bsket__table-delete {
  text-align: center;
}
@media (max-width: 989px) {
  .main-bsket__table-delete {
    position: absolute;
    top: 25px;
    right: 0;
  }
}
.main-bsket__table-delete-btn {
  display: inline-block;
  width: 42px;
  height: 42px;
  background-color: #f3f4f6;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-bsket__table-delete-btn:hover {
  background-color: #ffce1a;
}
.main-bsket__table-delete-btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 9px;
  width: 25px;
  height: 2px;
  background-color: #888b8e;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.main-bsket__table-delete-btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 9px;
  width: 25px;
  height: 2px;
  background-color: #888b8e;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.section-buyer-info {
  margin-top: 75px;
  margin-bottom: 145px;
}
@media (max-width: 989px) {
  .section-buyer-info {
    margin-top: 35px;
    margin-bottom: 75px;
  }
}
@media (max-width: 769px) {
  .section-buyer-info {
    margin-bottom: 35px;
  }
}
.buyer-info__form {
  padding: 20px;
  padding-left: 29px;
  padding-right: 29px;
  background-color: #f3f4f6;
  margin-top: 40px;
  padding-top: 31px;
  padding-bottom: 31px;
}
@media (max-width: 769px) {
  .buyer-info__form {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.buyer-info__check-field {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #fff;
  padding: 4px;
}
.buyer-info__check-field label {
  float: left;
  width: 50%;
  text-align: center;
  position: relative;
}
@media (max-width: 1229px) {
  .buyer-info__check-field label {
    width: 100%;
  }
}
.buyer-info__check-field label input[type='radio'] {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.buyer-info__check-field label span {
  display: block;
  font-size: 19px;
  color: #60676c;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 9px;
  padding-bottom: 10px;
  position: relative;
}
.buyer-info__check-field label span i {
  font-style: normal;
  color: #9b9fa1;
}
.buyer-info__check-field label input[type='radio']:checked + span {
  background: #6b7878;
  background: -moz-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6b7878), to(#495354));
  background: -o-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: linear-gradient(to bottom, #6b7878 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b7878', endColorstr='#495354', GradientType=0);
  color: #fff;
}
.buyer-info__check-field label input[type='radio']:checked + span i {
  color: #ccc;
}
.buyer-info__form-body {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.buyer-info__form-body .row {
  margin-left: -9px;
  margin-right: -9px;
}
.buyer-info__form-body .row + .row {
  margin-top: 16px;
}
@media (max-width: 1229px) {
  .buyer-info__form-body .row + .row {
    margin-top: 0;
  }
}
.buyer-info__form-body .my-col {
  padding-left: 9px;
  padding-right: 9px;
  float: left;
}
@media (max-width: 1229px) {
  .buyer-info__form-body .my-col {
    margin-bottom: 16px;
  }
}
@media (min-width: 1230px) {
  .buyer-info__form-body .col-lg-1-1 {
    width: 12.49999999%;
  }
}
.buyer-info__form-bottomline {
  text-align: center;
}
.buyer-info__form-bottomline-delivery {
  float: left;
}
@media (max-width: 1229px) {
  .buyer-info__form-bottomline-delivery {
    float: none;
    text-align: center;
    display: inline-block;
  }
}
.buyer-info__form-bottomline-delivery label {
  width: auto;
}
@media (max-width: 989px) {
  .buyer-info__form-bottomline-delivery label {
    width: 100%;
  }
}
.buyer-info__form-bottomline-delivery label span {
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 769px) {
  .buyer-info__form-bottomline-delivery label span {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.buyer-info__form-bottomline-send {
  float: right;
}
@media (max-width: 1229px) {
  .buyer-info__form-bottomline-send {
    float: none;
    text-align: center;
    margin-top: 16px;
  }
}
.section-together-cheaper {
  margin-top: 75px;
  margin-bottom: 75px;
}
@media (max-width: 769px) {
  .section-together-cheaper {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.together-cheaper__item {
  border: 1px solid #D9E0E5;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  padding: 10px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
}
@media (max-width: 450px) {
  .together-cheaper__item {
    padding: 15px;
  }
}
.together-cheaper__product {
  display: inline-block;
  vertical-align: middle;
  width: 110px;
  position: relative;
}
@media (max-width: 450px) {
  .together-cheaper__product {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.together-cheaper__product-img {
  width: 100%;
  height: 110px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
}
.together-cheaper__product-img a {
  display: block;
  width: 100%;
  height: 100%;
}
.together-cheaper__product-name {
  text-align: center;
  padding-top: 15px;
  line-height: 15px;
  overflow: hidden;
  height: 47px;
}
.together-cheaper__product-name a {
  font-size: 12px;
  color: #72777b;
}
.together-cheaper__product-price {
  color: #72777b;
  font-size: 22px;
  text-align: center;
  font-weight: 100;
  border-top: 1px solid #f3f4f6;
  padding-top: 0px;
  margin-top: 5px;
}
.together-cheaper__product-price span {
  font-size: 20px;
  padding-left: 4px;
}
.together-cheaper__pluso {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  margin-right: 7px;
}
@media (max-width: 450px) {
  .together-cheaper__pluso {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}
.together-cheaper__pluso i {
  display: block;
  width: 35px;
  height: 35px;
  background-color: transparent;
  position: relative;
}
.together-cheaper__pluso i:after {
  content: '';
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #60676c;
}
.together-cheaper__pluso i:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 17px;
  height: 100%;
  width: 1px;
  background-color: #60676c;
}
.together-cheaper__equally {
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  margin-right: 7px;
}
@media (max-width: 1229px) {
  .together-cheaper__equally {
    display: block;
    text-align: center;
  }
}
@media (max-width: 989px) {
  .together-cheaper__equally {
    display: inline-block;
  }
}
@media (max-width: 769px) {
  .together-cheaper__equally {
    display: block;
  }
}
.together-cheaper__equally i {
  display: block;
  width: 35px;
  height: 35px;
  background-color: transparent;
  position: relative;
}
@media (max-width: 1229px) {
  .together-cheaper__equally i {
    display: inline-block;
  }
}
@media (max-width: 989px) {
  .together-cheaper__equally i {
    display: block;
  }
}
@media (max-width: 769px) {
  .together-cheaper__equally i {
    display: inline-block;
  }
}
.together-cheaper__equally i:after {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #60676c;
}
.together-cheaper__equally i:before {
  content: '';
  display: block;
  position: absolute;
  top: 21px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #60676c;
}
.together-cheaper__final-price {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
@media (max-width: 1229px) {
  .together-cheaper__final-price {
    display: block;
    text-align: center;
  }
}
@media (max-width: 989px) {
  .together-cheaper__final-price {
    display: inline-block;
  }
}
@media (max-width: 769px) {
  .together-cheaper__final-price {
    display: block;
  }
}
.together-cheaper__final-price-num {
  color: #72777b;
  font-size: 26px;
  text-align: center;
  font-weight: 100;
  padding-top: 10px;
}
@media (max-width: 1229px) {
  .together-cheaper__final-price-num {
    padding-top: 0;
  }
}
@media (max-width: 989px) {
  .together-cheaper__final-price-num {
    padding-top: 10px;
  }
}
@media (max-width: 769px) {
  .together-cheaper__final-price-num {
    padding-top: 0;
  }
}
.together-cheaper__final-price-num span {
  font-size: 20px;
  padding-left: 3px;
}
.section-insufficient-amount {
  margin-top: 75px;
  margin-bottom: 75px;
}
@media (max-width: 769px) {
  .section-insufficient-amount {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.insufficient-amount__setting {
  padding: 30px;
  background-color: #f3f4f6;
  margin-top: 25px;
}
@media (max-width: 1229px) {
  .insufficient-amount__setting {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 769px) {
  .insufficient-amount__setting {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.insufficient-amount__setting-type {
  float: left;
  width: 350px;
}
@media (max-width: 989px) {
  .insufficient-amount__setting-type {
    float: none;
    width: 100%;
  }
}
.insufficient-amount__setting-price {
  float: right;
}
@media (max-width: 989px) {
  .insufficient-amount__setting-price {
    float: none;
    margin-top: 15px;
  }
}
.insufficient-amount__setting-price label {
  width: auto;
}
@media (max-width: 989px) {
  .insufficient-amount__setting-price label {
    width: 100%;
  }
}
.insufficient-amount__setting-price label span {
  padding-left: 25px;
  padding-right: 25px;
}
.section-basket-step {
  /* margin-top: 75px;
  margin-bottom: 75px; */
  margin-top: 35px;
    margin-bottom: 35px;
}
@media (max-width: 769px) {
  .section-basket-step {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.basket-step__next {
  float: right;
}
.main-delivery__form {
  background-color: #f3f4f6;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-left: 29px;
  padding-right: 29px;
  margin-top: 42px;
}

.main-delivery__balloon {
		font-size: 13px;
		padding: 10px 12px;
	}
	.main-delivery__balloon > div:first-child {
		padding-bottom: 12px;
		font-size: 16px;
		font-weight: bold;
	}
	.main-delivery__balloon > div:last-child {
		padding-top: 12px;
		color: #AAA;
		font-size: 13px;
	}

	
@media (max-width: 1229px) {
  .main-delivery__form {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
  }
}
@media (max-width: 769px) {
  .main-delivery__form {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-top: 35px;
  }
}
.main-delivery__form .my-row {
  margin-left: -8px;
  margin-right: -8px;
}
.main-delivery__form .my-col {
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
.main-delivery__form .my-col .suggest{
      position: absolute;
    top: 55px;
    
    z-index: 2;
    max-width: 100%;
    left: 8px;
        padding: 0 16px 0 0;
    width: 100%;
}
.main-delivery__form .my-col .suggest div{
  background: #fff;
}
.main-delivery__form .my-col .suggest a{
      padding: 8px 16px 8px 16px;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    color:#a8afb6;
    width: 100%;
}
.main-delivery__form .my-col .suggest a:hover, .main-delivery__form .my-col .suggest a:focus{
  background: #f3f4f6;
}
@media (max-width: 989px) {
  .main-delivery__form .my-col {
    margin-bottom: 16px;
  }
}
@media (max-width: 769px) {
  .main-delivery__form .my-col {
    margin-bottom: 10px;
  }
}
.main-delivery__form-calculate {
  padding-top: 30px;
  padding-bottom: 33px;
  border-top: 1px solid #e5e5e5;
  margin-top: 32px;
}
@media (max-width: 989px) {
  .main-delivery__form-calculate {
    margin-top: 16px;
    padding-bottom: 30px;
  }
}
@media (max-width: 769px) {
  .main-delivery__form-calculate {
    text-align: center;
  }
}
.main-delivery__form-calculate-check {
  float: left;
}
#order_form .main-delivery__form-calculate-check{
  float:none; 
}
.delivery_descr_block{
      padding: 16px 0 0;
}
.delivery_descr_block div{
  display: none;
}
.delivery_descr_block div.active{
  display: block;
}
@media (max-width: 989px) {
  .main-delivery__form-calculate-check {
    float: none;
  }
}
@media (max-width: 769px) {
  .main-delivery__form-calculate-check {
    display: inline-block;
  }
}
.main-delivery__form-calculate-check label {
  width: auto;
}
@media (max-width: 989px) {
  .main-delivery__form-calculate-check label {
    width: 50%;
  }
}
@media (max-width: 769px) {
  .main-delivery__form-calculate-check label {
    width: auto;
  }
}
@media (max-width: 600px) {
  .main-delivery__form-calculate-check label {
    width: 100%;
  }
}
.main-delivery__form-calculate-check label span {
  padding-left: 35px;
  padding-right: 35px;
}
.main-delivery__form-calculate-btn {
  float: right;
}
@media (max-width: 989px) {
  .main-delivery__form-calculate-btn {
    float: none;
    text-align: center;
    margin-top: 16px;
  }
}
.main-delivery__form-submit-list {
  background-color: #fff;
  border: 1px solid #eaebed;
  border-top: none;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  color: #60676c;
  text-align: center;
  font-size: 22px;
  padding-top: 25px;
  padding-left: 35px;
  padding-right: 35px;
  line-height: 35px;
  padding-bottom: 53px;
}
@media (max-width: 1229px) {
  .main-delivery__form-submit-list {
    font-size: 20px;
  }
}
@media (max-width: 989px) {
  .main-delivery__form-submit-list {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 769px) {
  .main-delivery__form-submit-list {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }
}
.main-delivery__form-submit-btn {
  text-align: center;
  margin-top: -29px;
}
.section-main-delivery-information {
  margin-top: 75px;
}
@media (max-width: 769px) {
  .section-main-delivery-information {
    margin-top: 35px;
  }
}
.section-faq {
  margin-bottom: 87px;
}
@media (max-width: 989px) {
  .section-faq {
    margin-bottom: 50px;
  }
}
@media (max-width: 769px) {
  .section-faq {
    margin-bottom: 35px;
  }
}
.faq__list {
  padding-top: 45px;
}
.faq__item {
  -webkit-border-radius: 45px;
     -moz-border-radius: 45px;
          border-radius: 45px;
  border: 1px solid #eee;
  position: relative;
  padding-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
}
.faq__item + .faq__item {
  margin-top: 21px;
}
.faq__item.active .faq__item-ico {
  background-color: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.faq__item.active .faq__item-ico:before {
  opacity: 1;
  visibility: visible;
}
.faq__item.active .faq__item-question {
  background-color: #fbfcfe;
  -webkit-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
     -moz-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
          box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
  font-weight: 500;
}
.faq__item.active .faq__item-answer {
  height: auto;
  padding-top: 23px;
  padding-bottom: 23px;
}
.faq__item-ico {
  width: 63px;
  height: 63px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #fbfcfe;
  position: absolute;
  top: 7px;
  left: 9px;
  -webkit-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
     -moz-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
          box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 769px) {
  .faq__item-ico {
    display: none;
  }
}
.faq__item-ico:after {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -39px 0px;
  width: 37px;
  height: 34px;
}
.faq__item-ico:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: 0px 0px;
  width: 37px;
  height: 34px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.faq__item-question {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  color: #888c8c;
  padding-top: 19px;
  padding-bottom: 19px;
  cursor: pointer;
  -webkit-border-radius: 45px;
     -moz-border-radius: 45px;
          border-radius: 45px;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 769px) {
  .faq__item-question {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.faq__item-answer {
  overflow: hidden;
  height: 0;
  font-size: 16px;
  color: #888c8c;
  font-weight: 100;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 769px) {
  .faq__item-answer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.section-faq-manager {
  margin-bottom: 112px;
}
@media (max-width: 989px) {
  .section-faq-manager {
    margin-bottom: 80px;
  }
}
@media (max-width: 769px) {
  .section-faq-manager {
    margin-bottom: 35px;
  }
}
.faq-manager__form {
  background-color: #f3f4f6;
  margin-top: 38px;
}
.faq-manager__form .faq-form__inputs {
  padding-bottom: 4px;
}
.section-main-pay {
  margin-bottom: 140px;
}
@media (max-width: 989px) {
  .section-main-pay {
    margin-bottom: 80px;
  }
}
@media (max-width: 769px) {
  .section-main-pay {
    margin-bottom: 35px;
  }
}
.main-pay__list {
  margin-left: -35px;
  padding-top: 45px;
  padding-bottom: 20px;
}
@media (max-width: 1229px) {
  .main-pay__list {
    margin-left: -25px;
  }
}
@media (max-width: 989px) {
  .main-pay__list {
    margin-left: -35px;
  }
}
@media (max-width: 769px) {
  .main-pay__list {
    margin-left: 0;
    padding-top: 25px;
    padding-bottom: 10px;
  }
}
.main-pay__item {
  float: left;
  margin-left: 35px;
  width: 370px;
  border: 1px solid #eee;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  margin-bottom: 36px;
  position: relative;
}
@media (max-width: 1229px) {
  .main-pay__item {
    margin-left: 25px;
    width: 296px;
  }
}
@media (max-width: 989px) {
  .main-pay__item {
    margin-left: 35px;
    width: 342px;
  }
}
@media (max-width: 769px) {
  .main-pay__item {
    width: 100%;
    margin-left: 0;
    margin-bottom: 25px;
  }
}
.main-pay__item input[type='radio'] {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.main-pay__item .main-pay__item-content {
  display: table;
  min-height: 132px;
  position: relative;
}
.main-pay__item .main-pay__item-content:after {
  content: '';
  display: block;
  position: absolute;
  top: 54px;
  left: -10px;
  z-index: 1;
  background-color: #fff;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #e2e3e5;
}
.main-pay__item .main-pay__item-content:before {
  content: '';
  display: block;
  position: absolute;
  top: 56px;
  left: -4px;
  width: 7px;
  height: 13px;
  border: 2px solid #73787c;
  border-top: none;
  border-left: none;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
.main-pay__item .main-pay__item-ico {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #fbfcfe;
  -webkit-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
     -moz-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
          box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11);
  top: 50%;
  margin-top: -50px;
  left: 26px;
}
.main-pay__item .main-pay__item-ico img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.main-pay__item .main-pay__item-name {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  color: #888c8c;
  padding-left: 148px;
  padding-right: 30px;
  height: 132px;
  line-height: 22px;
}
@media (max-width: 1229px) {
  .main-pay__item .main-pay__item-name {
    padding-left: 145px;
    padding-right: 15px;
  }
}
.main-pay__item input[type='radio']:checked + .main-pay__item-content:before {
  visibility: visible;
  opacity: 1;
}
.main-pay__item input[type='radio']:checked + .main-pay__item-content .main-pay__item-ico {
  border: 2px solid #fff;
  -webkit-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11), 0px 2px 10px rgba(160, 164, 167, 0.75);
     -moz-box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11), 0px 2px 10px rgba(160, 164, 167, 0.75);
          box-shadow: inset 0px 0px 9px rgba(89, 98, 115, 0.11), 0px 2px 10px rgba(160, 164, 167, 0.75);
}
.main-pay__btn {
  position: relative;
}
.main-pay__btn:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}
.main-pay__btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #eaeef0;
}
.main-pay__btn-return {
  float: left;
  padding-right: 25px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 769px) {
  .main-pay__btn-return {
    float: none;
    text-align: center;
    padding-right: 0;
  }
}
.main-pay__btn-pay {
  float: right;
  padding-left: 25px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 769px) {
  .main-pay__btn-pay {
    float: none;
    text-align: center;
    margin-top: 15px;
    padding-left: 0;
  }
}
.modal-dialog {
  width: 1180px;
}
@media (max-width: 1229px) {
  .modal-dialog {
    width: 700px;
  }
}
@media (max-width: 769px) {
  .modal-dialog {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
}
.modal-content {
  border: none;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}
.modal-content__close {
  position: absolute;
  top: 29px;
  right: 29px;
}
@media (max-width: 769px) {
  .modal-content__close {
    top: 16px;
    right: 16px;
  }
}
.modal-content__close button {
  width: 26px;
  height: 26px;
  background-color: transparent;
  border: none;
}
.modal-content__close button:after {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: -4px;
  width: 35px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.modal-content__close button:before {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: -4px;
  width: 35px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.modal-content__close button:hover:after {
  background-color: #ffce1a;
}
.modal-content__close button:hover:before {
  background-color: #ffce1a;
}
.modal-content__title {
  border-top: 1px solid #a5acac;
  background: #6b7877;
  background: -moz-linear-gradient(top, #6b7877 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6b7877 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6b7877), to(#495354));
  background: -o-linear-gradient(top, #6b7877 0%, #495354 100%);
  background: linear-gradient(to bottom, #6b7877 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b7877', endColorstr='#495354', GradientType=0);
  font-weight: 100;
  font-size: 36px;
  text-transform: uppercase;
  color: #fff;
  padding-left: 28px;
  padding-right: 90px;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 1px;
}
@media (max-width: 769px) {
  .modal-content__title {
    padding-left: 15px;
    padding-right: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
  }
}
.modal-content__body {
  background-color: #f3f4f6;
}
.modal-content__body_thank {
  padding-top: 26px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 32px;
}
@media (max-width: 769px) {
  .modal-content__body_thank {
    padding: 15px;
  }
}
.faq-form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 769px) {
  .faq-form {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.faq-form__inputs {
  padding-top: 30px;
  padding-bottom: 15px;
}
@media (max-width: 769px) {
  .faq-form__inputs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.faq-form__inputs .row {
  margin-left: -8px;
  margin-right: -8px;
}
.faq-form__inputs .row + .row {
  margin-top: 16px;
}
@media (max-width: 989px) {
  .faq-form__inputs .row + .row {
    margin-top: 10px;
  }
}
.faq-form__inputs .col-my-setting {
  padding-left: 8px;
  padding-right: 8px;
}
@media (max-width: 989px) {
  .faq-form__inputs .col-my-setting + .col-my-setting {
    margin-top: 10px;
  }
}
@media (max-width: 989px) {
  .modal-content .faq-form__inputs .col-my-setting + .col-my-setting {
    margin-top: 0px;
  }
}
@media (max-width: 769px) {
  .modal-content .faq-form__inputs .col-my-setting + .col-my-setting {
    margin-top: 10px;
  }
}
@media (max-width: 989px) {
  .modal-content .faq-form__inputs .row + .row {
    margin-top: 16px;
  }
}
@media (max-width: 769px) {
  .modal-content .faq-form__inputs .row + .row {
    margin-top: 10px;
  }
}
@media (max-width: 989px) {
  .modal-content .modal-content__buy-click-submit {
    text-align: center;
  }
}
@media (max-width: 769px) {
  .modal-content .modal-content__buy-click-submit {
    padding-top: 25px;
    padding-bottom: 10px;
  }
}
@media (max-width: 989px) {
  .modal-content .modal-content__buy-click-submit-check {
    float: none;
    text-align: center;
    display: inline-block;
  }
}
@media (max-width: 769px) {
  .modal-content .modal-content__buy-click-submit-check label {
    width: 100%;
  }
}
@media (max-width: 989px) {
  .modal-content .modal-content__buy-click-submit-btn {
    float: none;
    text-align: center;
    margin-top: 10px;
  }
}
.faq-form__btn {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 33px;
}
@media (max-width: 989px) {
  .faq-form__btn {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.modal-content__body-thank {
  background-color: #fff;
  border: 1px solid #eaebed;
  border-top: none;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  color: #60676c;
  text-align: center;
  font-size: 22px;
  padding-top: 28px;
  padding-left: 35px;
  padding-right: 35px;
  line-height: 34px;
  padding-bottom: 57px;
}
@media (max-width: 769px) {
  .modal-content__body-thank {
    font-size: 18px;
    padding: 15px;
    padding-bottom: 30px;
  }
}
.modal-content__body-thank b {
  font-weight: 500;
}
.modal-content__body-thank-btn {
  text-align: center;
  margin-top: -28px;
}
.modal-content__buy-click-description {
  padding-left: 35px;
  padding-right: 35px;
  line-height: 22px;
  font-weight: 300;
  font-size: 15px;
  color: #83878a;
  text-align: center;
  padding-top: 0;
}
.modal-content__buy-click-submit-wr {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
}
.modal-content__buy-click-submit {
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
  padding-bottom: 30px;
}
.modal-content__buy-click-submit-check {
  float: left;
}
.modal-content__buy-click-submit-check label {
  width: auto;
}
.modal-content__buy-click-submit-check label span {
  padding-left: 60px;
  padding-right: 60px;
}
.modal-content__buy-click-submit-btn {
  float: right;
}
.modal-content__buy-click-submit-btn .faq-form__btn {
  padding: 0;
  margin: 0;
  border: none;
}
/*=====  End of all imports  ======*/
/*=========================================
=            custom main style            =
=========================================*/
* {
  outline: none !important;
}
html,
body {
  height: 100%;
  color: #000;
}
body {
  position: relative;
  min-height: 100%;
  height: 100%;
  font-family: 'SF-UI-Display';
  -webkit-font-smoothing: subpixel-antialiased;
}
.page-wrapper {
  overflow: hidden;
  position: relative;
  min-height: 100%;
}
.page-content-wrapper {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.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,
.modal-footer:before,
.modal-footer:after {
  width: 100%;
}
.video-wrapper {
  position: relative;
  padding-bottom: 51.8%;
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
label.error-input {
  display: none !important;
}
label {
  margin-bottom: 0;
  font-weight: normal;
  display: block;
  cursor: pointer;
}
table {
  width: 100%;
}
.icon {
  display: inline-block;
  vertical-align: top;
}
.svg-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: top;
}
img {
  max-width: 100%;
  height: auto;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}
label.error {
  display: none !important;
}
button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 14px;
  position: relative;
  border: none;
}
.btn_search {
  background-color: transparent;
  width: 39px;
  height: 32px;
  -webkit-border-top-right-radius: 27px;
     -moz-border-radius-topright: 27px;
          border-top-right-radius: 27px;
  -webkit-border-bottom-right-radius: 27px;
     -moz-border-radius-bottomright: 27px;
          border-bottom-right-radius: 27px;
}
.btn_search:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -86px -69px;
  width: 19px;
  height: 19px;
}
.btn_search:before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 10px;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px 0px;
  width: 19px;
  height: 19px;
}
.btn_search:hover:before {
  opacity: 1;
  visibility: visible;
}
.btn_send-mail {
  background-color: #ffce1a;
  -webkit-border-top-left-radius: 27px;
     -moz-border-top-left-radius: 27px;
          border-top-left-radius: 27px;
  -webkit-border-top-right-radius: 27px;
     -moz-border-top-right-radius: 27px;
          border-top-right-radius: 27px;
  color: #4a5455;
  padding-top: 6px;
  padding-right: 15px;
  padding-left: 40px;
  padding-bottom: 23px;
  font-weight: 500;
  backface-visibility: hidden;
}
@media (max-width: 1229px) {
  .btn_send-mail {
    width: 33px;
    height: 33px;
    padding: 0;
  }
}
@media (max-width: 989px) {
  .btn_send-mail {
    width: auto;
    height: auto;
    padding-top: 6px;
    padding-right: 35px;
    padding-left: 43px;
    padding-bottom: 7px;
    -webkit-border-radius: 27px;
       -moz-border-radius: 27px;
            border-radius: 27px;
  }
}
@media (max-width: 1229px) {
  .btn_send-mail span {
    display: none;
  }
}
@media (max-width: 989px) {
  .btn_send-mail span {
    display: block;
  }
}
.btn_send-mail:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 14px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -21px; /* original -107px -76px */
  width: 17px;
  height: 17px; /* original: 13px */
}
@media (max-width: 1229px) {
  .btn_send-mail:after {
    top: 10px;
    left: 8px;
  }
}
@media (max-width: 989px) {
  .btn_send-mail:after {
    top: 10px;
    left: 14px;
  }
}
.btn_send-mail:hover {
  background-color: #ffd84b;
  color: #4a5455;
}
.btn_send-mail:focus {
  background-color: #ffce1a;
  color: #4a5455;
}
.btn_product {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #f3f4f6;
  padding-left: 42px;
  padding-right: 38px;
  font-size: 15px;
  color: #837f7f;
  font-weight: 100;
  position: relative;
  padding-top: 6px;
  padding-bottom: 5px;
}
/* .btn_product.empty_product{
  opacity: 0.5;
} */
.btn_product:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 11px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -21px;
  width: 19px;
  height: 17px;
}
.btn_subscribe {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #f3f4f6;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 15px;
  color: #837f7f;
  font-weight: 100;
  position: relative;
  padding-top: 6px;
  padding-bottom: 5px;
}
.btn_product:hover,.btn_subscribe:hover {
  background-color: #ffce1a;
  color: #837f7f;
}
.btn_product:focus,.btn_subscribe:focus {
  background-color: #f3f4f6;
  color: #837f7f;
}
.btn_subscribe_price {
  font-size: 14px;
  line-height: 23px;
  color: black;
  text-decoration: underline;
  opacity: 0.8;
}
.btn_subscribe_price > i {
  vertical-align: top;
  display: inline-block;
  width: 17px;
  height: 23px;
  margin-right: 8px;
  position: relative; 
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NzEiIGhlaWdodD0iNTI5IiB2aWV3Qm94PSIwLCAwLCA0NzEsIDUyOSI+CiAgPGcgaWQ9IkJhY2tncm91bmQiPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQ3MSIgaGVpZ2h0PSI1MjkiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMCIvPgogIDwvZz4KICA8ZyBpZD0iTGF5ZXJfMSI+CiAgICA8cGF0aCBkPSJNNDQ2LjA2OSwyMTkuNTc4IEwyNDYuMzgxLDE5Ljg2MSBDMjM0LjYwNCw4LjExMyAyMTUuNTUzLDguMjUyIDIwMy45MywxOS44NDYgQzE5Mi4yNDEsMzEuNTY1IDE5Mi4yNDEsNTAuNTkzIDIwMy45Myw2Mi4yOTcgTDQwMy42NDcsMjYyIEM0MTUuMzQ3LDI3My43IDQzNC4zNjgsMjczLjcgNDQ2LjA2OSwyNjIgQzQ1Ny44MDEsMjUwLjI2OCA0NTcuODAxLDIzMS4zMDggNDQ2LjA2OSwyMTkuNTc4IHoiIGZpbGw9IiMyRjJGMkYiLz4KICAgIDxwYXRoIGQ9Ik0xODkuMTE1LDg5LjkwNSBMMTg3LjYxMiw5Ny40MzkgQzE3Ny4wMjUsMTUwLjM5NyAxNTEuMjk1LDIwMC43MDggMTE2LjQ5NCwyNDEuNDg1IEwyMjUuMTQxLDM1MC4xMzIgQzI2NS45MTMsMzE1LjMzOCAzMTUuNTMxLDI4OC45MTcgMzY4LjQ5MSwyNzguMzE3IEwzNzYuMDM5LDI3Ni44MTQgTDE4OS4xMTUsODkuOTA1IHoiIGZpbGw9IiMyRjJGMkYiLz4KICAgIDxwYXRoIGQ9Ik05Ni41NzUsMjYzLjk4OSBMMjIuMzIyLDMzOC4yMjcgQzQuNzc3LDM1NS43NzIgNC43MDQsMzg0LjI1NiAyMi4zMjIsNDAxLjg3NCBMNjQuNzQ0LDQ0NC4yOTYgQzgyLjI4OSw0NjEuODQxIDExMC43NzMsNDYxLjkxMyAxMjguMzkxLDQ0NC4yOTYgTDIwMi42MzcsMzcwLjA1IEw5Ni41NzUsMjYzLjk4OSB6IE0xMDcuMTgxLDM4MC42NjQgQzEwMS4zMjIsMzg2LjUyMyA5MS44MjksMzg2LjUyMyA4NS45NywzODAuNjY0IEM4MC4xMTEsMzc0LjgwNSA4MC4xMTEsMzY1LjMxMiA4NS45NywzNTkuNDUzIEwxMDcuMTgxLDMzOC4yNDIgQzExMy4wNCwzMzIuMzgzIDEyMi41MzMsMzMyLjM4MyAxMjguMzkyLDMzOC4yNDIgQzEzNC4yNTEsMzQ0LjEwMSAxMzQuMjUxLDM1My41OTQgMTI4LjM5MiwzNTkuNDUzIEwxMDcuMTgxLDM4MC42NjQgeiIgZmlsbD0iIzJGMkYyRiIvPgogICAgPHBhdGggZD0iTTI2NS4yNjYsNDUyLjI3OCBMMjg1LjY3MSw0MzEuODczIEMzMDMuMjksNDE0LjI1NyAzMDMuMjMyLDM4NS43NzMgMjg1LjY3MiwzNjguMjQyIEwyNzAuNTE2LDM1My4wNzUgQzI2Mi4xMzksMzU4LjcwMiAyNTQuMTM5LDM2NC44MTYgMjQ2LjM2MSwzNzEuMzQgTDI2NC40NjEsMzg5LjQ2NyBDMjcwLjMwNiwzOTUuMjgyIDI3MC4zNDcsNDA0Ljc0NiAyNjQuNDYxLDQxMC42NjMgTDI0My43MTksNDMxLjQwNSBMMjEzLjIzNyw0MDEuODcyIEwxNzAuODEzLDQ0NC4yOTYgTDIzOC44Nyw1MTAuMjQzIEMyNTAuNDg0LDUyMS44ODcgMjY5LjU1Myw1MjEuOTUzIDI4MS4yNzcsNTEwLjIyOCBDMjkyLjk4MSw0OTguNTI0IDI5Mi45ODEsNDc5LjQ5NiAyODEuMjc3LDQ2Ny43OTEgTDI2NS4yNjYsNDUyLjI3OCB6IiBmaWxsPSIjMkYyRjJGIi8+CiAgICA8cGF0aCBkPSJNMzI1Ljg2NCw3IEMzMTcuNTczLDcgMzEwLjg2NCwxMy43MDkgMzEwLjg2NCwyMiBMMzEwLjg2NCw1MiBDMzEwLjg2NCw2MC4yOTEgMzE3LjU3Myw2NyAzMjUuODY0LDY3IEMzMzQuMTU1LDY3IDM0MC44NjQsNjAuMjkxIDM0MC44NjQsNTIgTDM0MC44NjQsMjIgQzM0MC44NjQsMTMuNzA5IDMzNC4xNTUsNyAzMjUuODY0LDcgeiIgZmlsbD0iIzJGMkYyRiIvPgogICAgPHBhdGggZD0iTTQ0NS44NjQsMTI3IEw0MTUuODY0LDEyNyBDNDA3LjU3MywxMjcgNDAwLjg2NCwxMzMuNzA5IDQwMC44NjQsMTQyIEM0MDAuODY0LDE1MC4yOTEgNDA3LjU3MywxNTcgNDE1Ljg2NCwxNTcgTDQ0NS44NjQsMTU3IEM0NTQuMTU1LDE1NyA0NjAuODY0LDE1MC4yOTEgNDYwLjg2NCwxNDIgQzQ2MC44NjQsMTMzLjcwOSA0NTQuMTU1LDEyNyA0NDUuODY0LDEyNyB6IiBmaWxsPSIjMkYyRjJGIi8+CiAgICA8cGF0aCBkPSJNNDI2LjQ2OSw0MS4zOTQgQzQyMC42MSwzNS41MzUgNDExLjExNywzNS41MzUgNDA1LjI1OCw0MS4zOTQgTDM3NS4yNTgsNzEuMzk0IEMzNjkuMzk5LDc3LjI1MyAzNjkuMzk5LDg2Ljc0NiAzNzUuMjU4LDkyLjYwNSBDMzgxLjExNyw5OC40NjQgMzkwLjYxLDk4LjQ2NSAzOTYuNDY5LDkyLjYwNSBMNDI2LjQ2OSw2Mi42MDUgQzQzMi4zMjgsNTYuNzQ2IDQzMi4zMjgsNDcuMjUzIDQyNi40NjksNDEuMzk0IHoiIGZpbGw9IiMyRjJGMkYiLz4KICA8L2c+Cjwvc3ZnPgo=');
  background-size: contain;
  background-repeat: no-repeat;
}
.btn_subscribe_price:hover {
  color: black;
  opacity: 1;
  text-decoration: underline;
}


.btn_banner {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #fff;
  color: #6d6c6c;
  font-size: 15px;
  padding-bottom: 5px;
  padding-left: 19px;
  padding-top: 6px;
  padding-right: 38px;
}
.btn_banner:after {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  right: 15px;
  width: 8px;
  height: 8px;
  border: 2px solid #6d6c6c;
  border-top: none;
  border-left: none;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.btn_banner:hover {
  background-color: #ffce1a;
}
.btn_banner:focus {
  background-color: #fff;
  color: #6d6c6c;
}
.btn_connection {
  background-color: #ffce1a;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  width: 42px;
  height: 42px;
  position: relative;
}
.btn_connection:after {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 13px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -107px -76px;
  width: 17px;
  height: 13px;
}
.btn_connection:hover {
  background-color: #e8b700;
}
.btn_connection-city:after {
  top: 11px;
  left: 12px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -42px -69px;
  width: 20px;
  height: 20px;
}
.btn_submit {
  background-color: #f1b000;
  border: 4px solid #fff;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  padding-left: 38px;
  padding-right: 38px;
  padding-top: 9px;
  padding-bottom: 10px;
  font-weight: 400;
  color: #fff;
  font-size: 19px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  word-spacing: 1px;
}
.btn_submit.error{
  border: 4px solid red;
}
.btn_submit:hover {
  background-color: #6b7877;
  color: #fff;
}
.btn_submit:focus {
  background-color: #f1b000;
  color: #fff;
}
.btn_submit-lg {
  padding-left: 68px;
  padding-right: 68px;
}
.btn_submit-bd {
  border: none;
}
.btn_city {
  background-color: #ffce1a;
  border: 2px solid #ffce1a;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  padding-left: 44px;
  padding-right: 44px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 400;
  color: #4a5455;
  font-size: 17px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
  word-spacing: 1px;
}
.btn_city:hover {
  background-color: #495354;
  color: #fff;
}
.btn_city:focus {
  background-color: #ffce1a;
  color: #fff;
}
.btn_pr-item-basket {
  display: block;
  background-color: #f1b000;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 19px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
  padding-top: 9px;
  padding-bottom: 10px;
}
@media (max-width: 1229px) {
  .btn_pr-item-basket {
    font-size: 16px;
  }
}
.btn_pr-item-basket:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 12px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: -28px -36px;
  width: 27px;
  height: 25px;
}
@media (max-width: 1229px) {
  .btn_pr-item-basket:after {
    top: 7px;
  }
}
.btn_pr-item-basket:hover {
  opacity: 0.85;
  color: #fff;
}
.btn_pr-item-basket:focus {
  background-color: #f1b000;
  color: #fff;
}
.btn_pr-item-basket[disabled], .btn_pr-item-basket[disabled]:hover, .btn_pr-item-basket[disabled]:focus {
  background-color: #CCC;
  cursor: default;
}

.btn_pr-item-spec {
  display: block;
  background: #6b7878;
  background: -moz-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6b7878), to(#495354));
  background: -o-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: linear-gradient(to bottom, #6b7878 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b7878', endColorstr='#495354', GradientType=0);
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 19px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
  padding-top: 9px;
  padding-bottom: 10px;
}
@media (max-width: 1229px) {
  .btn_pr-item-spec {
    font-size: 16px;
  }
}
.btn_pr-item-spec:hover {
  opacity: 0.85;
  color: #fff;
}
.btn_pr-item-spec:focus {
  background-color: #f1b000;
  color: #fff;
}
.btn_buy-click {
  display: block;
  background: #f3f4f6;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  text-align: center;
  color: #60676c;
  font-weight: 400;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 40px;
  padding-right: 40px;
}
.btn_buy-click:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 11px;
  background-image: url(/local/templates/vape/css/../img/userfiles/sprite_main.png);
  background-position: 0px -36px;
  width: 26px;
  height: 31px;
}
.btn_buy-click:hover {
  background-color: #ffce1a;
  color: #72777b;
}
.btn_buy-click:focus {
  background-color: #f3f4f6;
  color: #60676c;
}
.btn_tb-basket {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #f3f4f6;
  color: #979ca0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border: 5px solid #fff;
}
@media (max-width: 769px) {
  .btn_tb-basket {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
  }
}
.btn_tb-basket b {
  color: #72777b;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn_tb-basket:hover {
  background-color: #f1b000;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.btn_tb-basket:hover b {
  color: #fff;
}
.btn_tb-basket:focus {
  background-color: #f3f4f6;
  color: #979ca0;
}
.btn_tb-basket:focus b {
  color: #72777b;
}
.btn_tb-basket-st:hover {
  background-color: #f3f4f6;
  color: #979ca0;
  text-shadow: none;
}
.btn_tb-basket-st:hover b {
  color: #72777b;
}
.btn_edit {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background: #6b7878;
  background: -moz-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6b7878), to(#495354));
  background: -o-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: linear-gradient(to bottom, #6b7878 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b7878', endColorstr='#495354', GradientType=0);
  color: #fff;
  font-size: 18px;
  padding-left: 63px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 63px;
  font-size: 20px;
  position: relative;
}
@media (max-width: 769px) {
  .btn_edit {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.btn_edit:after {
  content: '';
  display: block;
  position: absolute;
  top: 17px;
  left: 19px;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform: rotateZ(-225deg);
     -moz-transform: rotateZ(-225deg);
      -ms-transform: rotate(-225deg);
       -o-transform: rotateZ(-225deg);
          transform: rotateZ(-225deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn_edit:hover {
  color: #ffce1a;
}
.btn_edit:hover:after {
  border: 2px solid #ffce1a;
  border-top: none;
  border-left: none;
}
.btn_edit:focus {
  color: #fff;
}
.btn_edit:focus:after {
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
}
.btn_attention {
  background-color: #f1b000;
  border: 4px solid #fff;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  padding-left: 38px;
  padding-right: 38px;
  padding-top: 9px;
  padding-bottom: 10px;
  font-weight: 400;
  color: #fff;
  font-size: 19px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  word-spacing: 1px;
  position: relative;
  overflow: hidden;
}
.btn_attention span {
  position: relative;
  z-index: 2;
}
.btn_attention:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6b7878;
  background: -moz-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#6b7878), to(#495354));
  background: -o-linear-gradient(top, #6b7878 0%, #495354 100%);
  background: linear-gradient(to bottom, #6b7878 0%, #495354 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b7878', endColorstr='#495354', GradientType=0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn_attention:hover {
  color: #fff;
}
.btn_attention:hover:after {
  opacity: 0;
  visibility: hidden;
}
.btn_sm-basket {
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  background-color: #f3f4f6;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 13px;
  color: #837f7f;
  font-weight: 100;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.btn_sm-basket:hover {
  background-color: #ffce1a;
  color: #837f7f;
}
.btn_sm-basket:focus {
  background-color: #f3f4f6;
  color: #837f7f;
}
h1 {
  font-weight: 400;
  color: #222;
  font-size: 27px;
}
h2 {
  font-weight: 400;
  color: #222;
  font-size: 25px;
}
h3 {
  font-weight: 400;
  font-size: 26px;
  color: #222;
  font-size: 19px;
}
h4 {
  font-weight: 400;
  color: #222;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 17px;
}
h5 {
  font-weight: 400;
  color: #222;
  font-size: 15px;
}
h6 {
  font-weight: 400;
  color: #222;
  font-size: 13px;
}
p {
  font-size: 16px;
  color: #888c8c;
  padding: 0;
  margin-top: 7px;
  margin-bottom: 7px;
  line-height: 22px;
  font-weight: 100;
  line-height: 28px;
}
p b {
  font-weight: 600;
}
p a {
  text-decoration: underline;
}
p + ul {
  margin: 0;
}
a {
  text-decoration: none;
  display: inline;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  text-decoration: none;
}
a:focus {
  color: #000;
  text-decoration: none;
}
.standart ul {
  margin-top: 7px;
  margin-bottom: 7px;
      padding-left: 0;
    list-style-type: none;
}
.standart ul li {
  color: #888c8c;
  font-weight: 100;
  font-size: 16px;
  padding-left: 32px;
  position: relative;
}
.standart ul li:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #c3c5c5;
}
.standart ul li + li {
  margin-top: 6px;
}
.breadcrumb {
  background-color: #f3f4f6;
  border-top: 1px solid #cfd0d1;
  border-bottom: 1px solid #eaebed;
  -webkit-box-shadow: inset 0px 3px 6px -4px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: inset 0px 3px 6px -4px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0px 3px 6px -4px rgba(0, 0, 0, 0.35);
  height: 46px;
  margin-bottom: 40px;
  padding-top: 12px;
}
@media (max-width: 989px) {
  .breadcrumb ul {
    text-align: center;
  }
}
.breadcrumb ul li {
  float: left;
  position: relative;
  font-size: 13px;
  font-weight: 300;
  color: #a4a7a9;
}
@media (max-width: 989px) {
  .breadcrumb ul li {
    float: none;
    display: inline-block;
  }
}
.breadcrumb ul li a {
  display: block;
  color: #a4a7a9;
  text-decoration: none;
}
.breadcrumb ul li span {
  padding-left: 5px;
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
.breadcrumb ul li a:hover {
  color: #000;
  text-decoration: none;
}
.breadcrumb ul li a.homepage:hover {
  color: #000;
}
.breadcrumb ul li a.homepage:hover .ico-homapage:after {
  opacity: 1;
  visibility: visible;
}
.breadcrumb ul li + li {
  margin-left: 51px;
  /*padding-top: 2px;*/
}
.breadcrumb ul li + li:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: -33px;
  width: 10px;
  height: 10px;
  border: 1px solid #c2c5c8;
  border-top: none;
  border-left: none;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.main-input {
  background: transparent;
  border: 1px solid transparent;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-input::-webkit-input-placeholder {
  color: #a8afb6;
}
.main-input:-moz-placeholder {
  color: #a8afb6;
}
.main-input::-moz-placeholder {
  color: #a8afb6;
}
.main-input:-ms-input-placeholder {
  color: #a8afb6;
}
.main-input::placeholder {
  color: #a8afb6;
}
.main-input::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.main-input:-moz-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.main-input::-moz-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.main-input:-ms-input-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.main-input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.main-input:focus::-moz-placeholder {
  opacity: 0;
}
.main-input:focus:-moz-placeholder {
  opacity: 0;
}
.main-input.error-input {
  border: 1px solid red;
}
.main-input_search {
  background: #545e5f;
  background: -moz-linear-gradient(top, #545e5f 0%, #3f4748 100%);
  background: -webkit-linear-gradient(top, #545e5f 0%, #3f4748 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#545e5f), to(#3f4748));
  background: -o-linear-gradient(top, #545e5f 0%, #3f4748 100%);
  background: linear-gradient(to bottom, #545e5f 0%, #3f4748 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545e5f', endColorstr='#3f4748', GradientType=0);
  color: #fff;
  -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
          border-radius: 16px;
  height: 34px;
  border: 1px solid #6b7475;
  border-top: none;
  padding-right: 40px;
  transition: none;
}
.main-input_connection {
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-border-radius: 27px;
     -moz-border-radius: 27px;
          border-radius: 27px;
  height: 50px;
  padding-left: 24px;
  font-size: 15px;
  font-weight: 500;
  padding-right: 100px;
  color: #60676c;
}
.main-input_connection-city {
  padding-right: 50px;
}
.main-input_modal {
  border: 1px solid #fff;
  background-color: #fff;
  height: 54px;
  font-size: 15px;
  font-weight: 100;
  font-size: 22px;
  color: #7a8085;
}
textarea.main-input_modal{
      height: 100px;
}
@media (max-width: 769px) {
  .main-input_modal {
    font-size: 18px;
    height: 48px;
  }
}
.main-input_choser {
/*   height: 28px; height causes problem on iphone (not in emulator) */
  font-size: 24px;
  font-weight: 100;
  color: #888b8e;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  line-height: 1.0;
}
.main-input_center {
  text-align: center;
}
.textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 124px;
  background: #fff;
  color: #7a8085;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #fff;
  resize: none;
}
@media (max-width: 989px) {
  .textarea {
    min-height: 116px;
  }
}
.textarea::-webkit-input-placeholder {
  color: #a8afb6;
}
.textarea:-moz-placeholder {
  color: #a8afb6;
}
.textarea::-moz-placeholder {
  color: #a8afb6;
}
.textarea:-ms-input-placeholder {
  color: #a8afb6;
}
.textarea::placeholder {
  color: #a8afb6;
}
.textarea.error-input {
  border: 1px solid red;
}
.textarea::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.textarea:-moz-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.textarea::-moz-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.textarea:-ms-input-placeholder {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
.textarea:focus::-moz-placeholder {
  opacity: 0;
}
.textarea:focus:-moz-placeholder {
  opacity: 0;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  position: relative;
}
.btn-group > .btn:first-child {
  width: 100%;
  height: 54px;
  background: #fff;
  outline: none !important;
  position: relative;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  text-align: left;
  padding-top: 4px;
  background-color: #fff;
  padding-right: 56px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 769px) {
  .btn-group > .btn:first-child {
    height: 48px;
  }
}
.btn-group > .btn:first-child.error-input {
  border: 1px solid red;
}
.btn-group > .btn:first-child .pull-left {
  float: none !important;
  width: auto;
}
.bootstrap-select.btn-group .dropdown-toggle .bs-caret {
  position: absolute;
  display: block;
  top: 16px;
  right: 21px;
  width: 14px;
  height: 14px;
  border: 1px solid #8d9194;
  border-top: none;
  border-left: none;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 769px) {
  .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    top: 13px;
  }
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  display: none;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #a8afb6;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
      font-weight: 100;
    font-size: 22px;
    color: #7a8085;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}
@media (max-width: 769px) {
  .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 18px;
  }
}
.bootstrap-select.btn-group.some-selected .dropdown-toggle .filter-option {
  color: #000;
}
.bootstrap-select.btn-group .dropdown_menu_open__stytle {
  min-height: 0px;
  min-width: auto;
  width: 100%;
  border: none;
  border-top: 1px solid #f3f4f6;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  margin: -1px 0 0;
  margin-left: 0px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
}
.bootstrap-select.btn-group .dropdown-menu li {
  float: none;
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.bootstrap-select.btn-group .dropdown-menu li:first-child:after {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover {
  background: #f1b000;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover span.text {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  color: #7a8085;
}
.dropdown-menu > li > a {
  padding: 6px 15px;
  font-weight: 100;
  font-size: 22px;
  color: #7a8085;
  line-height: 1.2;
}
@media (max-width: 769px) {
  .dropdown-menu > li > a {
    font-size: 18px;
  }
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.ofit-wrap {
  position: relative;
}
.ofit-wrap > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  left: 0;
  right: 0;
}
.no-objectfit .ofit-wrap {
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.no-objectfit .ofit-wrap > img {
  display: none !important;
}
.check-block label {
  display: block;
}
.check-block label + label {
  margin-top: 9px;
}
.check-block label input[type='checkbox'] {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.check-block label span {
  position: relative;
  padding-left: 35px;
  display: block;
  color: #72777b;
  font-size: 15px;
}
.check-block label span:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #e2e3e5;
  background-color: #fff;
}
.check-block label span:before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 7px;
  width: 6px;
  height: 13px;
  border: 2px solid #72777b;
  border-top: none;
  border-left: none;
  z-index: 1;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.check-block label input[type='checkbox']:checked + span:before {
  opacity: 1;
  visibility: visible;
}
.radio-block label {
  display: block;
}
.radio-block label + label {
  margin-top: 9px;
}
.radio-block label input[type='radio'] {
  width: 0;
  height: 0;
  visibility: hidden;
  display: none;
}
.radio-block label span {
  position: relative;
  padding-left: 34px;
  display: block;
  color: #72777b;
  font-size: 15px;
}
.radio-block label span:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #e2e3e5;
  background-color: #fff;
}
.radio-block label span:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #808589;
  top: 6px;
  left: 7px;
  width: 6px;
  height: 6px;
  z-index: 1;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  opacity: 0;
  visibility: hidden;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.radio-block label input[type='radio']:checked + span:before {
  opacity: 1;
  visibility: visible;
}
.number-choser {
  position: relative;
  text-align: center;
}
.number-choser__input {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
}
.number-choser__btn {
  display: inline-block;
  vertical-align: middle;
}
.number-choser__btn i {
  display: block;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #f3f4f6;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.number-choser__btn i:hover {
  background-color: #ffce1a;
}
.number-choser__btn i:after {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: 8px;
  width: 12px;
  height: 2px;
  background-color: #888b8e;
}
.number-choser__btn i:before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 13px;
  width: 2px;
  height: 12px;
  background-color: #888b8e;
}
.number-choser__btn i.minus:before {
  display: none;
}
.page-preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.page-preloader.load {
  opacity: 0;
  visibility: hidden;
}
.cssload-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #cccccc;
  border-left-color: #000000;
  border-radius: 1374px;
  -o-border-radius: 1374px;
  -ms-border-radius: 1374px;
  -webkit-border-radius: 1374px;
  -moz-border-radius: 1374px;
}
.cssload-whirlpool {
  margin: -34px 0 0 -34px;
  height: 69px;
  width: 69px;
  animation: cssload-rotate 1450ms linear infinite;
  -o-animation: cssload-rotate 1450ms linear infinite;
  -ms-animation: cssload-rotate 1450ms linear infinite;
  -webkit-animation: cssload-rotate 1450ms linear infinite;
  -moz-animation: cssload-rotate 1450ms linear infinite;
}
.cssload-whirlpool::before {
  content: "";
  margin: -32px 0 0 -32px;
  height: 61px;
  width: 61px;
  animation: cssload-rotate 1450ms linear infinite;
  -o-animation: cssload-rotate 1450ms linear infinite;
  -ms-animation: cssload-rotate 1450ms linear infinite;
  -webkit-animation: cssload-rotate 1450ms linear infinite;
  -moz-animation: cssload-rotate 1450ms linear infinite;
}
.cssload-whirlpool::after {
  content: "";
  margin: -40px 0 0 -40px;
  height: 77px;
  width: 77px;
  animation: cssload-rotate 2900ms linear infinite;
  -o-animation: cssload-rotate 2900ms linear infinite;
  -ms-animation: cssload-rotate 2900ms linear infinite;
  -webkit-animation: cssload-rotate 2900ms linear infinite;
  -moz-animation: cssload-rotate 2900ms linear infinite;
}
@keyframes cssload-rotate {
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-o-keyframes cssload-rotate {
  100% {
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes cssload-rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}
/*=========================================
=            START NEW CONTENT            =
=========================================*/
.main-pickup__wr {
  background-color: #f3f4f6;
  padding: 29px;
  margin-top: 44px;
}
@media (max-width: 769px) {
  .main-pickup__wr {
    padding: 15px;
  }
}
.main-pickup__setting-shop {
  float: left;
  width: 456px;
}
@media (max-width: 1229px) {
  .main-pickup__setting-shop {
    width: 300px;
  }
}
@media (max-width: 989px) {
  .main-pickup__setting-shop {
    width: 100%;
    float: none;
  }
}
.main-pickup__setting-extradition {
  float: right;
}
@media (max-width: 1229px) {
  .main-pickup__setting-extradition .buyer-info__check-field span {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 989px) {
  .main-pickup__setting-extradition {
    width: 100%;
    float: none;
    margin-top: 15px;
  }
  .main-pickup__setting-extradition .buyer-info__check-field label {
    width: 50%;
  }
  .main-pickup__setting-extradition .buyer-info__check-field label span {
    white-space: normal;
  }
}
@media (max-width: 769px) {
  .main-pickup__setting-extradition .buyer-info__check-field label {
    width: 100%;
  }
}
.main-pickup__setting-extradition label {
  width: auto;
}
.main-pickup__setting-extradition label span {
  white-space: nowrap;
  padding-left: 45px;
  padding-right: 45px;
}
.main-pickup__setting-extradition label input[disabled] + span {
  color: #CCC;
}
.main-pickup__map {
  margin-top: 33px;
  padding-top: 31px;
  padding-bottom: 34px;
  border-top: 1px solid #e5e5e5;
}
.main-pickup__map-wr {
  float: left;
  width: 600px;
  height: 600px;
}
@media (max-width: 1229px) {
  .main-pickup__map-wr {
    width: 412px;
  }
}
@media (max-width: 989px) {
  .main-pickup__map-wr {
    width: 100%;
    height: 350px;
  }
}
@media (max-width: 769px) {
  .main-pickup__map-wr {
    height: 250px;
  }
}
.pickup-map {
  width: 100%;
  height: 100%;
}
.main-pickup__map-control {
  float: right;
  width: 522px;
  padding-left: 25px;
  max-height: 600px;
  overflow-y: auto;
  min-height: 105px;
  position: relative;
}
#buyClickForm .main-pickup__map-control, #mainDeliveryForm .main-pickup__map-control{
      width: 505px;
}
@media (max-width: 1229px) {
  .main-pickup__map-control {
    width: 470px;
  }
}
@media (max-width: 989px) {
  .main-pickup__map-control {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
    max-height: 354px;
  }
}
@media (max-width: 769px) {
  .main-pickup__map-control {
    max-height: 300px;
  }
}
.main-pickup__map-control-list .main-pickup__map-control-item {
  display: block;
  font-size: 15px;
  color: #969da1;
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 40px;
  line-height: 25px;
  font-weight: 100;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 989px) {
  .main-pickup__map-control-list .main-pickup__map-control-item {
    text-align: center;
    padding: 10px;
  }
}
.main-pickup__map-control-list .main-pickup__map-control-item:hover:not(.active) {
  padding-left: 10px;
}
.main-pickup__map-control-list .main-pickup__map-control-item:not(:first-child) {
  border-top: 1px solid #eaeaea;
}
.main-pickup__map-control-list .main-pickup__map-control-item span {
  position: relative;
  z-index: 2;
}
.main-pickup__map-control-list .main-pickup__map-control-item.active {
  font-weight: 500;
  border-top: 1px solid transparent;
}
.main-pickup__map-control-list .main-pickup__map-control-item.active + .main-pickup__map-control-item {
  border-top: 1px solid transparent;
}
.main-pickup__map-control-list .main-pickup__map-control-item.active:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -25px;
  right: 0;
  background-color: #fff;
  z-index: 1;
  -webkit-border-top-right-radius: 50px;
     -moz-border-radius-topright: 50px;
          border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
     -moz-border-radius-bottomright: 50px;
          border-bottom-right-radius: 50px;
  -webkit-box-shadow: 0px 0px 4px rgba(98, 110, 111, 0.2);
     -moz-box-shadow: 0px 0px 4px rgba(98, 110, 111, 0.2);
          box-shadow: 0px 0px 4px rgba(98, 110, 111, 0.2);
}
@media (max-width: 989px) {
  .main-pickup__map-control-list .main-pickup__map-control-item.active:after {
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    left: 0;
  }
}
.main-pickup__map-control-list .main-pickup__map-control-item.active:before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  bottom: 9px;
  width: 55px;
  background-color: #fff;
  left: -53px;
  z-index: 2;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  display: none;
}
.main-pickup__attention-description {
  background-color: #fff;
  border: 1px solid #eaebed;
  border-top: none;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  color: #60676c;
  /* text-align: center; */
  font-size: 22px;
  padding-top: 25px;
  padding-left: 35px;
  padding-right: 35px;
  line-height: 35px;
  padding-bottom: 53px;
}
@media (max-width: 769px) {
  .main-pickup__attention-description {
    font-size: 18px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.main-pickup__attention-btn {
  text-align: center;
  margin-top: -40px;
}
@media (max-width: 769px) {
  .main-pickup__attention-btn a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.yamap-popover-content {
  -webkit-border-radius: 54px;
     -moz-border-radius: 54px;
          border-radius: 54px;
  background-color: #fff;
  font-size: 13px;
  color: #969da1;
  text-align: center;
  -webkit-box-shadow: inset 0px 0px 4px rgba(98, 110, 111, 0.2);
     -moz-box-shadow: inset 0px 0px 4px rgba(98, 110, 111, 0.2);
          box-shadow: inset 0px 0px 4px rgba(98, 110, 111, 0.2);
  line-height: 18px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 30px;
  padding-right: 30px;
  white-space: nowrap;
}
.modal-content__registration > form { 
  position: relative;	
}
.modal-content__registration > form > .modal-content__registration-shadow { 
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,0.7);
  z-index: 1000;
}
.modal-content__registration > form > .modal-content__registration-shadow > img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -70px;
}
.modal-content__registration-fields {
  padding: 30px;
  border-bottom: 1px solid #ced0d1;
}
.modal-content__registration-fields .col-my-setting {
  padding-left: 10px;
  padding-right: 10px;
}
.modal-content__registration-fields .row {
  margin-left: -10px;
  margin-right: -10px;
}
.modal-content__registration-fields .row + .row {
  margin-top: 20px;
}
@media (max-width: 1229px) {
  .modal-content__registration-fields .col-lg-5 + .col-lg-7 {
    margin-top: 20px;
  }
}
@media (max-width: 769px) {
  .modal-content__registration-fields .col-my-setting + .col-my-setting {
    margin-top: 20px;
  }
}
.modal-content__registration-fields + .modal-content__registration-action {
  margin-top: 20px;
}
.modal-content__registration-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  padding-top: 0;
  padding-bottom: 20px;
}
@media (max-width: 769px) {
  .modal-content__registration-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.modal-content__registration-action-remember + .modal-content__registration-action-submit {
  margin-left: 15px;
}
@media (max-width: 769px) {
  .modal-content__registration-action-remember + .modal-content__registration-action-submit {
    margin-left: 0;
    margin-top: 15px;
  }
}
.check-box label {
  margin: 0;
  padding: 0;
}
.check-box input {
  width: 0;
  height: 0;
  display: none;
}
.check-box span {
  position: relative;
  padding-left: 30px;
  display: block;
  color: #777;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.check-box span:before {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: 10px;
  width: 11px;
  height: 23px;
  border: 2px solid #f2b000;
  border-top: none;
  border-left: none;
  z-index: 1;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.check-box span:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #ced0d1;
  background-color: #fff;
}
.check-box input:checked + span:before {
  opacity: 1;
  visibility: visible;
}
.modal-content__registration-action-submit .btn_submit-lg {
  padding-left: 50px;
  padding-right: 50px;
}
.modal-dialog_sm {
  width: 380px;
}
@media (max-width: 769px) {
  .modal-dialog_sm {
    width: 320px;
  }
}
.modal-dialog_sm .modal-content__close {
  top: 16px;
  right: 16px;
}
.modal-dialog_sm .modal-content__title {
  padding-left: 15px;
  padding-right: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
}
.modal-dialog_sm .modal-content__registration-description {
  font-size: 14px;
  padding: 15px;
  padding-bottom: 0;
  color: #72777b;
}
.modal-dialog_sm .modal-content__registration-fields {
  padding: 15px;
}
.modal-dialog_sm .modal-content__registration-action {
  padding: 15px;
  padding-top: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.modal-dialog_sm .modal-content__registration-fields + .modal-content__registration-action {
  margin-top: 15px;
}
.modal-dialog_sm .modal-content__registration-action-remember + .modal-content__registration-action-submit {
  margin-left: 15px;
  margin-top: 0;
}
.modal-dialog_sm .main-input_modal {
  font-size: 18px;
  height: 48px;
}

.modal-dialog_md {
  width: 580px;
}
@media (max-width: 769px) {
  .modal-dialog_md {
    width: 420px;
  }
  .modal-dialog_md .modal-content__registration-fields {
    padding: 15px;
  }
  .modal-dialog_md .modal-content__body_thank  {
  	padding-top: 28px;
  }
}
@media (max-width: 480px) {
  .modal-dialog_md {
    width: 300px;
  }
}
.modal-dialog_md .modal-content__close {
  top: 16px;
  right: 16px;
}
.modal-dialog_md .modal-content__title {
  padding-left: 15px;
  padding-right: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
}
.modal-dialog_md .modal-content__registration-description {
  font-size: 14px;
  padding: 15px;
  padding-bottom: 0;
  color: #72777b;
}
.modal-dialog_md .modal-content__registration-fields + .modal-content__registration-action {
  margin-top: 15px;
}
.modal-dialog_md .modal-content__registration-action-remember + .modal-content__registration-action-submit {
  margin-left: 15px;
  margin-top: 0;
}
.modal-dialog_md .main-input_modal {
  font-size: 18px;
  height: 48px;
}
.modal-dialog_md .modal-content__body-thank  {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 25px;
}
.modal-dialog_md .modal-content__body-thank .btn_submit {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 17px;
}
.modal-dialog_md .modal-content__body_thank .btn_submit.btn_additional {
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;
}
.modal-dialog_md .modal-content__body_thank .btn_submit.btn_additional_grey {
	background-color: #AAA;
}
.modal-dialog_md .modal-content__body_thank .btn_submit.btn_additional_grey:hover {
	background-color: #6b7877;
}
.modal-dialog_md .modal-content__registration-fields {
	padding-top: 0;
}
.modal-dialog_md .modal-content__registration-action-submit {
	text-align: center;
}

.section-cabinet{
  margin-bottom: 30px;
}

.section-cabinet .cabinet__content {
  margin-top: 25px;
}
@media (max-width: 769px) {
  .section-cabinet .cabinet__content {
    margin-top: 30px;
  }
}
@media (max-width: 989px) {
  .cabinet-personal-data__fields .my-col + .my-col {
    margin-top: 0px;
  }
}
.cabinet-personal-data {
  padding-top: 19px;
}
@media (max-width: 989px) {
  .cabinet-personal-data {
    padding-top: 25px;
  }
}
.cabinet-personal-data__list dl {
  position: relative;
  margin-bottom: 0;
  display: table;
  width: 100%;
  min-height: 40px;
}
@media (max-width: 600px) {
  .cabinet-personal-data__list dl {
    display: block;
  }
}
.cabinet-personal-data__list dl + dl {
  margin-top: 9px;
}
@media (max-width: 600px) {
  .cabinet-personal-data__list dl + dl {
    margin-top: 15px;
  }
}
.cabinet-personal-data__list dl:after {
  content: '';
  display: table;
  clear: both;
}
.cabinet-personal-data__list dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: normal;
  font-size: 16px;
  color: #000;
  width: 53%;
  padding-right: 15px;
}
@media (max-width: 1229px) {
  .cabinet-personal-data__list dl dt {
    width: 45%;
  }
}
@media (max-width: 600px) {
  .cabinet-personal-data__list dl dt {
    width: 100%;
    display: block;
    padding-bottom: 3px;
  }
}
.cabinet-personal-data__list dl dt span {
  display: block;
  font-weight: 300;
  font-size: 11px;
  color: #777;
  line-height: 13px;
}
.cabinet-personal-data__list dl dd {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .cabinet-personal-data__list dl dd {
    display: block;
  }
}
.cabinet-personal-data__list dl dd a {
  color: #55adef;
  text-decoration: underline;
}
.cabinet-personal-data__list dl dd a:hover {
  color: #fe6d6a;
  text-decoration: underline;
}
.product-unit__share-list ul li a:hover {
  background-color: #f1b000;
}
.product-unit__share-list ul li a:hover svg {
  fill: #fff;
}
.cabinet-personal-data__sex-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.cabinet-personal-data__account {
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
  color: #000;
  padding-right: 42px;
  position: relative;
  cursor: pointer;
}
.cabinet-personal-data__account:after {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  right: 13px;
  width: 16px;
  height: 3px;
  background-color: #777;
  -webkit-transform: rotateZ(45deg);
     -moz-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.cabinet-personal-data__account:before {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  right: 13px;
  width: 16px;
  height: 3px;
  background-color: #777;
  -webkit-transform: rotateZ(-45deg);
     -moz-transform: rotateZ(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.cabinet-personal-data__account .cabinet-personal-data__account-pic {
  display: inline-block;
  vertical-align: middle;
  max-width: 32px;
  max-height: 32px;
}
.cabinet-personal-data__account svg {
  font-size: 32px;
}
.cabinet-personal-data__account span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  padding-top: 3px;
}
.cabinet-personal-data-save {
  padding-top: 27px;
}
@media (max-width: 600px) {
  .cabinet-personal-data-save {
    padding-top: 20px;
  }
}
.main-input_cabinet {
  border: 1px solid #eaebed;
  background-color: #fff;
  font-size: 15px;
  color: #72777b;
  height: 40px;
}
.select-box .btn-group > .btn:first-child {
  border: 1px solid #eaebed;
  height: 40px;
  font-size: 15px;
}
.select-box .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: 15px;
}
.select-box .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
  top: 11px;
  right: 21px;
  width: 10px;
  height: 10px;
}
.select-box .bootstrap-select.btn-group .dropdown_menu_open__stytle {
  border: 1px solid #eaebed;
}
.select-box .dropdown-menu > li > a {
  font-size: 15px;
}
.textarea_cabinet {
  border: 1px solid #eaebed;
  background-color: #fff;
  font-size: 15px;
  color: #72777b;
  min-height: 74px;
}
.product-unit__share-list {
  display: inline-block;
  vertical-align: middle;
}
.product-unit__share-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.product-unit__share-list ul li + li {
  margin-left: 6px;
}
.product-unit__share-list a {
  display: block;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  background-color: #f3f4f6;
  position: relative;
}
.product-unit__share-list a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  fill: #878f99;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*=====  End of START NEW CONTENT  ======*/

.header__user-action{
  float: right;
  padding-top: 3px;
  padding-bottom: 3px;
}

@media (max-width: 989px) {
  .header__user-action{
    float: none;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 0;
  }
}

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

.heder__login-item+ .heder__login-item{
  margin-left: 15px;
}

.heder__login-item a{
  color: #E6E6E7;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  font-size: 14px;
  font-weight: 600;
}

.heder__login-item a:hover{
  color: #ffce1a;
}

.heder__login-item a svg{
  fill: #fff;
  font-size: 26px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.heder__login-item a:hover svg{
  fill: #ffce1a;
}

.search_result_list .main-catalog__list-items{
  margin-left: -19px;
  margin-right: -19px;
}

@media (max-width: 1229px) {
  .search_result_list .main-catalog__list-items{
    margin-left: -14px;
    margin-right: -14px;
  }
}

@media (max-width: 989px) {
  .search_result_list .main-catalog__list-items{
    margin-left: -10px;
    margin-right: -10px;
  }
}

.search_result_list .main-catalog__list-item{
  margin-left: 19px;
  margin-right: 19px;
}

@media (max-width: 1229px) {
  .search_result_list .main-catalog__list-item{
    margin-left: 14px;
    margin-right: 14px;
  }
}

@media (max-width: 989px) {
  .search_result_list .main-catalog__list-item{
    margin-left: 10px;
    margin-right: 10px;
  }
}

.search_result_list .main-catalog__list-item .product-item{
  width: 165px;
}
.section-main-banner__wr + .section-main-banner__wr{
  margin-top: 56px;
  margin-bottom: 56px;
}

/* vk widget button hide */

.wcm_button {
	display: none !important;
}

/* End */


/* Start:/local/templates/vape/css/swipeks.css?15351129012603*/
.header__nav ul li a.selected:after {
  opacity: 1;
  visibility: visible;
}

.footer__nav-list ul li a.selected {
    color: #000;
}

.item-group{
    text-align: right;
    font-size: 16px;
    color: #888c8c;
    padding: 0;
    line-height: 22px;
    font-weight: 100;
    line-height: 28px;
    margin-right: 31px;
}

.modal__busket__item {
	margin-top: 20px;
}

.img_css img{
    float: right;
    margin-right: 30px;
}

.section-promotions {
    margin-top:0px !important;
    margin-bottom: 55px;
}

.main-promotions{
    margin-bottom: 40px
}

.articles .product-advertising__item{
    width: 570px;
}

@media (max-width: 1229px) {
    .articles .product-advertising__item{
        width: 450px;
    }
}

@media (max-width: 989px) {
    .articles .product-advertising__item{
        width: 100%;
    }
}

.page-content-wrapper{
    position: relative;
    padding-bottom: 301px;

}

@media (max-width: 989px) {
    .page-content-wrapper{
        padding-bottom: 395px;
    }
}

@media (max-width: 769px){
    .page-content-wrapper{
        padding-bottom: 0;
    }
}

.page-content-wrapper footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (max-width: 769px){
    .page-content-wrapper footer{
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }
}

.faq-form__inputs .text-field-st{
    margin-top: 20px;
}

@media (max-width: 1229px){


    .faq-form__inputs .col-my-setting-sm{
        margin-top: 10px !important;
    }

    .faq-form__inputs .main-pickup__map-wr{
        width: 100%;
        height: 350px;
    }

    .faq-form__inputs .main-pickup__map-control{
        width: 100% !important;
        margin-top: 15px;
        padding-left: 0;
        height: 350px;
    }

    .modal-content .modal-content__buy-click .modal-content__buy-click-submit {
        text-align: center;
    }

    .modal-content .modal-content__buy-click .modal-content__buy-click-submit-check {
        float: none;
        text-align: center;
        display: inline-block;
    }

    .modal-content .modal-content__buy-click .modal-content__buy-click-submit-btn  {
        float: none;
        text-align: center;
        margin-top: 10px;
    }

}



@media (max-width: 1229px){
    #mainDeliveryForm .main-pickup__map-control {
        width: 464px;
    }
}


@media (max-width: 989px){
    #mainDeliveryForm .main-pickup__map-control {
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 989px){
    .section-main-catalog .main-catalog__filters + .main-catalog__list{
        padding-left: 0;
    }
}
/* End */


/* Start:/local/templates/vape/css/preloader.css?15571713752947*/
#loading{
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 2000;
	margin-top: 0px;
	top: 0px;
	display: none;
	opacity: 0.3;
}
#loading-center,.loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute,.loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;

}
.object{
	width: 20px;
	height: 20px;
	background-color: #ffce1a;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.object:nth-child(2n+0) {
	margin-right: 0px;
}
#object_one,.object_one{
	-webkit-animation: object_one 1s infinite;
	animation: object_one 1s infinite;
	}
#object_two,.object_two{
	-webkit-animation: object_two 1s infinite;
	animation: object_two 1s infinite;
	}	
#object_three,.object_three{
	-webkit-animation: object_three 1s infinite;
	animation: object_three 1s infinite;
	}		
#object_four,.object_four{
	-webkit-animation: object_four 1s infinite;
	animation: object_four 1s infinite;
	}		
	
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}
}	
	
	
								

@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}		
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}


@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}		
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}



@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}		
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}



@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}		
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}


/* End */


/* Start:/local/templates/vape/js/datepicker/datepicker.css?162219460220694*/
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1; }
  .datepicker--cell.-focus- {
    background: #f0f0f0; }
  .datepicker--cell.-current- {
    color: #4EB5E6; }
    .datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
    .datepicker--cell.-current-.-in-range- {
      color: #4EB5E6; }
  .datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
    .datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
    .datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
    .datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
    .datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
  .datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
  .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
  .datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
  .datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
    .datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
    .datepicker--cell.-selected-.-focus- {
      background: #45bced; }
  .datepicker--cell:empty {
    cursor: default; }

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 8px 0 3px; }

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.datepicker--cell-day {
  width: 14.28571%; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }
  @media print {
    .datepickers-container {
      display: none; } }

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 10000; }
  .datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); }
  .datepicker.-from-right- {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  .datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
            transform: translateY(8px); }
  .datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }
  .datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }
  .-only-timepicker- .datepicker--content {
    display: none; }

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); }
  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }
  .datepicker--body.active {
    display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }
  .-only-timepicker- .datepicker--nav {
    display: none; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .datepicker--nav-action:hover {
    background: #f0f0f0; }
  .datepicker--nav-action.-disabled- {
    visibility: hidden; }
  .datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
  .datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
  .datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
  .datepicker--nav-title:hover {
    background: #f0f0f0; }
  .datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px; }
  .datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  position: relative; }
  .datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
        -ms-flex: 0 1 138px;
            flex: 0 1 138px;
    max-width: 138px; }
  .-only-timepicker- .datepicker--time {
    border-top: none; }

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
      -ms-flex: 0 1 153px;
          flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }

.datepicker--time-label {
  display: none;
  font-size: 12px; }

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }
  .datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
  .datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
  .datepicker--time-row:first-child {
    margin-bottom: 4px; }
  .datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
    .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:focus {
      outline: none; }
      .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -6px; }
    .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
  .datepicker--time-row span {
    padding: 0 12px; }

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }
  .datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
  .datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* End */


/* Start:/local/templates/vape/template_styles.css?162219265716241*/
@media (min-width: 990px){
	.articles .product-advertising__item{
		width: 46%;
	}
}

.pager_old font:first-child{
	display: none;
}
.main-delivery__form.order_delivery_info{
	margin-top: 0;
	margin-bottom: 40px;
}
#order_form .main-input_modal{
	    margin-bottom: 16px;
}
#order_form .main-delivery__form-calculate{
	    margin-top: 16px;
}
.zoomWindowContainer div{
    border:1px solid #f3f4f6 !important;
}

.zoomLens{
	border:1px solid #f3f4f6 !important;
}
.search_result_list .main-catalog__list-item{
	    margin-left: 41px;
}
.hidden_input{
	position: absolute;
	left:-10000px;
}
@-webkit-keyframes bounce {
  0%, 25%, 80%, 100% {
        background-color: #fff;
  }

  20%{
       background-color: #ffce1a;
  }

  75% {
        background-color: #ffce1a;
  }


  
}

@keyframes bounce {
  0%, 25%, 80%, 100% {
        background-color: #fff;
  }

  20%{
       background-color: #ffce1a;
  }

  75% {
        background-color: #ffce1a;
  }

  
}
#vk_like{
	/* position: absolute;
	left:-10000px; */
	padding: 20px 20px 42px;
    border: 1px solid #eee;
    margin: 10px 0;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;

    -webkit-animation-duration: 2s;
          animation-duration: 2s;

         
}
#vk_like.active{
  -webkit-animation-name: bounce;
          animation-name: bounce;
}
#loginform .error_result p, #regModal .error_result p, #resForm .error_result{
	padding: 0 15px 15px;
    text-align: center;
    color: #777;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
      background-color: #f3f4f6 !important;
}
#choose_one_click_location{
  margin: 0 0 16px;
}
#one_click_dot_name_result, #order_dot_name_result{
      display: inline-block;
    vertical-align: top;
    margin: 17px 10px;
}

.bootstrap-select.btn-group .dropdown-menu.inner{
  overflow-x: hidden;
}
#pay_system_result, #first_step, #delivery_step, #props_step{
      -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
  max-height: 0;
    overflow: hidden;
    padding: 0;
}
#first_step.active, #pay_system_result.active, #delivery_step.active, #props_step.active{
  max-height: 10000px;
      padding-top: 45px;
    padding-bottom: 20px;
}
#first_step.active{
  padding-bottom: 164px;
}
.clear{
  clear: both;
}
.main-pay__btn.hidden{
  display: none;
}
#order_dot_choose{
  display: none;
}
#order_dot_choose.active{
  display: block;
}

.my-col .bootstrap-select{
  margin-bottom: 16px !important;
}
#product_unavaliable{
    display: none;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    font-size: 26px;
    color: #60676c;
    font-weight: 100;
    text-align: center;
        margin-top: 15px;
    text-transform: uppercase;
}
#product_unavaliable.active{
  display: block;
}
.catalog-setting__pagination-body ul{
  display: block;
  width: 100%;
  text-align: center;
}
.catalog-setting__pagination-title{
  display: none;
}
.catalog-setting__pagination-body li{
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.calc_title{
      text-align: right;
    position: relative;
    font-weight: 100;
    font-size: 22px;
    color: #60676c;
   display: block;
   width: 100%;
       margin: 10px 0px;
}
#mainDeliveryForm .calc_title{
  text-align: left;
}
@media(max-width:769px){
  .calc_title{
    text-align: left;
  }
}
#delivery_map{
  height: 400px;
  margin-top: 30px;
}
#delivery_dots_result{
  display: none;
}
.payment_text{
  margin-top: 0;
    color: #888c8c;
    font-size: 16px;
    font-weight: 100;
    line-height: 28px;
      padding: 0 35px 35px;
}
.main-bsket__table .calc_title{
      font-size: 28px;
}
.product_promo{
      border: 1px dashed#f1b000;
    padding: 30px;
    margin: 0 0 30px;
    text-align: center;
}
.main-pickup__attention{
  display: none;
}
.main-pickup__attention.active{
  display:block;
} 
.clear_filter{
        display: inline-block;
    vertical-align: top;
    margin: 0 0 16px;
    color: #72777b;
}
.delivery_description{
      position: absolute;
    top: -95px;
    background: #fff;
    padding: 10px;
    left: 0;
    width: 100%;
    border-radius: 20px;
    display: none;
}
.buyer-info__check-field label:hover .delivery_description{
  display: block;
}
.delivery_common_info{
      padding: 30px 0;
}
.main-banner-unit > div{
      height: 100% !important;
}
.main-banner-unit > div.bx-parallax{
	position:relative;
	background-repeat: no-repeat;
	background-size: cover; 
	background-position-x: center; 
	background-position-y: 0; 	
	/* background-position: 80% 0 !important; */
}

.zoomContainer{
  max-width: 580px;
}
#delivery_items_result p{
  white-space: pre-line;
}
#delivery_items_result ul, #delivery_items_result ol{
      margin-top: 0;
    color: #888c8c;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 100;
    line-height: 28px;
}

a.delivery-city-list{
	display: block;
	text-align: center;
	color: #60676c;
	font-weight: 100;
	font-size: 36px;
	margin-bottom: 32px;
	margin-top: 75px;
}
a.delivery-city-list > i {
	margin-left: 15px;
	margin-bottom: 8px;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #8d9194;
    transform: rotateZ(45deg);
    border-top: none;
    border-left: none;
}
a.delivery-city-list.active > i {
	margin-top: 8px;
	margin-bottom: 0px;
	transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#fullcitylist{
	font-size: 18px;
    color: #888c8c;
    font-weight: 100;
    line-height: 28px;
	}
	#fullcitylist > li {
		margin-bottom: 2px;
	}
	#fullcitylist > li > a {
		color: #888c8c;
		text-decoration: underline;
	}
	#fullcitylist > li > a:hover {
		color: black;
	}
	
/* search form */

.header__search > ul {
	display: none;
	position: absolute;
}

.header__search { 
/* 	overflow: visible; */
}

.header__search.open > ul {
	display: block;
}
.header__search > ul {
    display: none;
    position: absolute;
    width: 366px;
    border-top: none;
    border: 1px solid #efeff1;
    top: 33px;
    border-radius: 16px;
    background: white;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    margin-left: 60px !important;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.35);
	}
.header__search > ul {
	background: white;
	border: 1px solid none;
	z-index: 1000;
}
.header__search > ul > li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
.header__search > ul > li > a {
    display: block;
    padding: 7px 10px;
    color: #7a8085;
    font-weight: 100;
    font-size: 14px;
    line-height: 1.2;
}
.header__search > ul > li > a:hover {
    background-color: #f1b000;
}
.header__search > ul > li:last-child > a {
    border-top: 1px solid #efeff1;
}
.header__search.clearfix.open > .header__search-body > form > .header__search-input > .main-input_search {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
@media (max-width: 1229px) and (min-width: 990px){
.header__search > ul {
    width: 278px;
    position: relative;
    top: 0px;
    margin-left: 61px !important;

}
}
@media (max-width: 989px) and (min-width: 770px){
.header__search > ul {
    width: 288px;
    position: relative;
    top: 0px;
    margin-left: 1px !important;

}
}
@media (max-width: 769px){
.header__search > ul {
    width: 288px;
    position: relative;
     top: 0px;
     margin-left: 1px !important;
}
}
@media (max-width: 400px){
.header__search > ul {
    width: 228px;
    position: relative;
     top: 0px;
     margin-left: 1px !important;
}
}
/* /search form */

/* search page */

.search-page > form {
	display: flex;
	border-radius: 27px;
	overflow: hidden;
	width: 50%;
	border: 1px solid #efeff1;
	}
	.search-page > form > input[type=text] {
		flex-grow: 3;
	    padding-left: 15px;
	    padding-top: 9px;
	    padding-bottom: 9px;
	    border: none;
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	    color: #7a8085;
	}
	.search-page > form > button[type=submit] {
		display: inline-block;
		position: relative;
		background: none;
		border: none;
		margin: 0;
		padding:0 ;
		width: 40px;
		height: 38px;
		border-left: 1px solid #efeff1; 
		background: #efeff1;
	}
	.search-page > form > button[type=submit]::before {
		content: '';
		position: absolute;
		left: 9px;
		top: 9px;
		display: inline-block;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjAiIHk9IjAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCwgMCwgNDQsIDQ0Ij4KICA8ZyBpZD0ic2VhcmNoXzFfIj4KICAgIDxwYXRoIGQ9Ik0zMi41LDMwIEMzNC45OTQsMjYuODcxIDM2LjUsMjIuMzQ2IDM2LjUsMTggQzM2LjUsNy45NSAyOC4zNjEsMCAxOC41LDAgQzguNjM4LDAgMC41LDcuOTUgMC41LDE4IEMwLjUsMjguMDUgOC42MzgsMzYgMTguNSwzNiBDMjIuNjkzLDM2IDI2LjQ1MywzNC40NjYgMjkuNSwzMiBMNDAuNSw0NCBMNDMuNSw0MSBMMzIuNSwzMCB6IE0xOC41LDMyIEMxMC44NDIsMzIgNC41LDI1LjgwNCA0LjUsMTggQzQuNSwxMC4xOTYgMTAuODQyLDQgMTguNSw0IEMyNi4xNTgsNCAzMi41LDEwLjE5NiAzMi41LDE4IEMzMi41LDI1LjgwNCAyNi4xNTgsMzIgMTguNSwzMiB6IiBmaWxsPSIjNDk0OTQ5Ii8+CiAgPC9nPgo8L3N2Zz4K');
		background-size: contain;
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		vertical-align: top;
	}
.search-page > div > a {
	font-size: 18px;
	 color: #60676c;
	}
.search-page > div > small {
	font-weight: normal;
    line-height: 1;
    color: #888c8c;
    padding-left: 10px;
    white-space: nowrap;
    text-transform: uppercase;
	}
.search-page > div {
	margin-top: 30px;
}
.search-page > p{
font-size: 16px;
    color: #888c8c;
    padding: 0;
    margin-top: 7px;
    margin-bottom: 7px;
    font-weight: 100;
    line-height: 28px;}
@media (min-width: 143px) and (max-width:989px){
	.search-page > form {
	width: 100%;
	}
	.search-page > form > input[type=text] {
		width: 80%
	}

}
.section-global-description {
    padding-top: 39px;
    padding-bottom: 52px;
    background-color: #495354;
    margin-top: 30px;
}
.container > .global-description__title > h1,
.container > .global-description__title > h2,
.container > .global-description__title > h3,
.container > .global-description__title > h4,
.container > .global-description__title > h5 {
    color: #fff !important;
    font-weight: 400;
    font-size: 22px;
    font-family: 'SF-UI-Display';
}
.container > .global-description__content > p {
	color: #e0e0e0;
}

/* /search page */


/* kit block */

.kit-block {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  overflow: hidden;	
  }
  .kit-popup-body {
	  background: white;
  }
  .kit-item, .kit-summary {
    box-sizing: border-box;
    padding: 5px;
    flex-grow: 5;
    flex-basis: 17%;
    overflow: hidden;
    max-width: 17%;
  }
  .kit-block.kit-block-4-mult .kit-item, .kit-block.kit-block-4-mult .kit-summary {
    flex-basis: 15%;
    max-width: 15%;
  }
  .kit-item select {
	  max-width: 100%;
  }
  /*
  .kit-item:last-item-in-row {
    background: red;
  }
  */
  .kit-plus, .kit-equal {
	display: flex;
    align-items: center;
    justify-content: center;    
    flex-grow: 1;
    flex-basis: 5%;
    max-width: 5%;
	font-size: 50px;
	color: #999;
  }
  .kit-item[data-hidden], .kit-plus[data-hidden] {
    display: none;
  }
  .kit-plus:before, .kit-equal:before {
  }
  .kit-plus:before {
    content: "+";
  }
  .kit-equal:before {
    content: "=";	  
  } 
  .kit-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .kit-equal, .kit-summary {
/*     flex: 1; */
  }
  .kit-open-btn:after, .btn_kit:after {
    display: none;
  }
  .btn_yellow {
    background: #ffce1a;
  }
  .kit-open-btn:hover {
    text-decoration: underline;
  }
  @media (max-width: 989px){
    .kit-item, 
    .kit-summary {
      flex-basis: 45%;
      max-width: 45%;
    }
    .kit-block.kit-block-4-mult .kit-item, 
    .kit-block.kit-block-4-mult .kit-summary {
      flex-basis: 29%;
      max-width: 29%;
    }
  }
  @media (max-width: 600px) {
    .kit-block {
      flex-direction: column;  
    }
    .kit-item, 
    .kit-summary, 
    .kit-block.kit-block-4-mult .kit-item, 
    .kit-block.kit-block-4-mult .kit-summary,
    .kit-plus, .kit-equal {
      flex-basis: auto;
      max-width: none;
    }
  }
  .kit-slider {
	padding: 0 50px;
	position: relative;
  }
  .kit-product__items-wr {
    overflow: hidden;
  }
  .kit-product__items-wr-selected {
    height: 338px;
  }
  .kit-product__items-wr-all {
    height: 338px;
  }
  .kit-product__item {
    margin-left: 15px;
    margin-right: 15px;
  }
  .kit-product__item .product-item__links {
    max-width: 100%;
  }
  .kit-slider-active .kit-product__items-wr {
	overflow: visible;
  }
  .kit-slider-loader {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: white;
    z-index: 10;
  }
  .kit-slider-loader > .spinner > * {
    background-color: #CCC;
  }
  .kit-slider-active .kit-slider-loader {
    display: none;
  }
  .kit-slider .product-item__links {
    padding: 0;
  }
  /* arrows */
  .kit-slider .slick-prev, .kit-slider .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    outline: none;
    background: transparent;
    position: absolute;
    width: 25px;
    height: 25px;
    border: solid #AAA;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    cursor: pointer;
  }
  .kit-slider .slick-prev[aria-disabled=true], .kit-slider .slick-next[aria-disabled=true] {
    border-color: #EEE;
  }
  .kit-slider .slick-prev {
    left: -21px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  .kit-slider .slick-next {
    right: -21px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  } 
  /* /arrows */
  .kit-slider .product-item__pic {
    height: 135px;
  }  
  .kit-slider select {
    max-width: 100%;
  }
  .kit-select-offer {
	  height: 55px;
  }
  .kit-select-offer select {
	height: 25px;
	text-align: center;
	max-width: 100%;
  }
  .kit-modal-summary {
	 padding: 7px 0;
    }
    .kit-modal-summary > * {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
    }
    .kit-modal-summary > .product-item__price {
      margin-left: 20px;
      padding-top: 0;
      border-top: 0;
    }
    .kit-modal-summary > .btn {
      margin-left: 20px;
    }
    @media (max-width: 600px) {
      .kit-modal-summary {
        padding-bottom: 12px;
      }
      .kit-modal-summary .product-item__price {
        padding-bottom: 12px;
      }
    }
  #kitModal .popular-goods__item-name {
	height: 60px;
  }
  #kitModal h3 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: 'SF-UI-Display';
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 300;
  }
  #kitModal .popular-goods__item {
  	padding-bottom: 15px;
  }
  #kitModal .popular-goods__item .ellipsis {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;	
  }
  
.kit-container .section-title {
	padding-bottom: 25px;
}
/* /kit block */

/* restriction */
body.body-restriction::-webkit-scrollbar {
  display: none;
}
body.body-restriction {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  overflow: hidden;
  padding-right: 0 !important;
}
body.body-restriction .page-wrapper > * {
	filter: blur(10px);
}
body.body-restriction .page-wrapper > .page-content-wrapper {
	filter: none;
}

body.body-restriction .page-content-wrapper > * {
	filter: blur(10px);
}
body.body-restriction  .page-content-wrapper > .modal {
	filter: none;
}


/* End */
/* /local/templates/vape/css/owl.carousel.css?15351129004620 */
/* /local/templates/vape/css/slick.css?15351129011729 */
/* /local/templates/vape/css/blueimp-gallery.min.css?15351128966502 */
/* /local/templates/vape/css/bootstrap-select.css?15351128967096 */
/* /local/templates/vape/css/ion.rangeSlider.css?15351128993355 */
/* /local/templates/vape/css/ion.rangeSlider.skinHTML5.css?15351128992368 */
/* /local/templates/vape/css/all.css?1650970681236275 */
/* /local/templates/vape/css/swipeks.css?15351129012603 */
/* /local/templates/vape/css/preloader.css?15571713752947 */
/* /local/templates/vape/js/datepicker/datepicker.css?162219460220694 */
/* /local/templates/vape/template_styles.css?162219265716241 */
