/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/fancybox/dist/css/jquery.fancybox.css ***!
  \*********************************************************************************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(images/fancybox_sprite.7b8e2ce6af56d812aac3.png);
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(images/fancybox_loading.78a563f0ad9e9a354f51.gif) center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(images/blank.e5634ce393b9b3dfb4ee.gif);
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(images/fancybox_overlay.f0eb344850a4f2f3dead.png);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(images/fancybox_sprite@2x.89fa20c7590c9538072a.png);
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url(images/fancybox_loading@2x.d8f0a9727c7b19e2f0db.gif);
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/slick-carousel/slick/slick.css ***!
  \**************************************************************************************************************************************/
/* 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;
  margin-left: auto;
  margin-right: auto;
}

.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;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/legacy/slick-carousel/slick-theme.css ***!
  \*******************************************************************************************************************************************/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(images/ajax-loader.fb6f3c230cb846e25247.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(images/slick.2630a3e3eab21c607e21.svg#slick) format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 25px;
  height: 39px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 100;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  /*    color: transparent;
      outline: none;
      background: transparent;*/
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  /*    font-family: 'slick';
      font-size: 20px;
      line-height: 1;

      opacity: .75;
      color: white;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 26px;
  background: transparent url(images/arrow-left.38d2f903830dd48f1c87.png) no-repeat center center;
}

[dir=rtl] .slick-prev {
  right: 26px;
  left: auto;
}

.slick-prev:before {
  /*content: '←';*/
}

[dir=rtl] .slick-prev:before {
  /*content: '→';*/
}

.slick-next {
  right: 26px;
  background: transparent url(images/arrow-right.6e033e41def00b6d1165.png) no-repeat center center;
}

[dir=rtl] .slick-next {
  right: auto;
  left: 26px;
}

.slick-next:before {
  /*content: '→';*/
}

[dir=rtl] .slick-next:before {
  /*content: '←';*/
}

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

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/slicknav/dist/slicknav.css ***!
  \**********************************************************************************************************************************/
/*!
 * SlickNav Responsive Mobile Menu v1.0.8
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em;
}

.slicknav_menu {
  *zoom: 1;
}

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}

.slicknav_menu .slicknav_icon {
  float: left;
  width: 1.125em;
  height: 0.875em;
  margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon:before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "";
  position: absolute;
}

.slicknav_menu .slicknav_no-text {
  margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before {
  content: " ";
  display: table;
}

.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}

.slicknav_nav {
  clear: both;
}

.slicknav_nav ul {
  display: block;
}

.slicknav_nav li {
  display: block;
}

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
  cursor: pointer;
}

.slicknav_nav .slicknav_item a {
  display: inline;
}

.slicknav_nav .slicknav_row {
  display: block;
}

.slicknav_nav a {
  display: block;
}

.slicknav_nav .slicknav_parent-link a {
  display: inline;
}

.slicknav_brand {
  float: left;
}

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px;
}

.slicknav_menu * {
  box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222;
}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
}

.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
}

.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff;
}

.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff;
}

.slicknav_nav a:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #222;
}

.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/nouislider/dist/nouislider.css ***!
  \**************************************************************************************************************************************/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/cyrillic-300.css ***!
  \************************************************************************************************************************************************/
/* roboto-slab-cyrillic-300-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 300;
  src: url(fonts/roboto-slab-cyrillic-300-normal.woff2) format("woff2"), url(fonts/roboto-slab-cyrillic-300-normal.woff) format("woff");
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/cyrillic-ext-300.css ***!
  \****************************************************************************************************************************************************/
/* roboto-slab-cyrillic-ext-300-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 300;
  src: url(fonts/roboto-slab-cyrillic-ext-300-normal.woff2) format("woff2"), url(fonts/roboto-slab-cyrillic-ext-300-normal.woff) format("woff");
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/latin-300.css ***!
  \*********************************************************************************************************************************************/
/* roboto-slab-latin-300-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 300;
  src: url(fonts/roboto-slab-latin-300-normal.woff2) format("woff2"), url(fonts/roboto-slab-latin-300-normal.woff) format("woff");
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/latin-ext-300.css ***!
  \*************************************************************************************************************************************************/
/* roboto-slab-latin-ext-300-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 300;
  src: url(fonts/roboto-slab-latin-ext-300-normal.woff2) format("woff2"), url(fonts/roboto-slab-latin-ext-300-normal.woff) format("woff");
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/cyrillic-400.css ***!
  \************************************************************************************************************************************************/
/* roboto-slab-cyrillic-400-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(fonts/roboto-slab-cyrillic-400-normal.woff2) format("woff2"), url(fonts/roboto-slab-cyrillic-400-normal.woff) format("woff");
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/cyrillic-ext-400.css ***!
  \****************************************************************************************************************************************************/
/* roboto-slab-cyrillic-ext-400-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(fonts/roboto-slab-cyrillic-ext-400-normal.woff2) format("woff2"), url(fonts/roboto-slab-cyrillic-ext-400-normal.woff) format("woff");
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/latin-400.css ***!
  \*********************************************************************************************************************************************/
/* roboto-slab-latin-400-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(fonts/roboto-slab-latin-400-normal.woff2) format("woff2"), url(fonts/roboto-slab-latin-400-normal.woff) format("woff");
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/roboto-slab/latin-ext-400.css ***!
  \*************************************************************************************************************************************************/
/* roboto-slab-latin-ext-400-normal */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(fonts/roboto-slab-latin-ext-400-normal.woff2) format("woff2"), url(fonts/roboto-slab-latin-ext-400-normal.woff) format("woff");
}
/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/underdog/cyrillic-400.css ***!
  \*********************************************************************************************************************************************/
/* underdog-cyrillic-400-normal */
@font-face {
  font-family: "Underdog";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(fonts/underdog-cyrillic-400-normal.woff2) format("woff2"), url(fonts/underdog-cyrillic-400-normal.woff) format("woff");
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/underdog/latin-400.css ***!
  \******************************************************************************************************************************************/
/* underdog-latin-400-normal */
@font-face {
  font-family: "Underdog";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(fonts/underdog-latin-400-normal.woff2) format("woff2"), url(fonts/underdog-latin-400-normal.woff) format("woff");
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/underdog/latin-ext-400.css ***!
  \**********************************************************************************************************************************************/
/* underdog-latin-ext-400-normal */
@font-face {
  font-family: "Underdog";
  font-style: normal;
  font-display: var(--fontsource-display, swap);
  font-weight: 400;
  src: url(fonts/underdog-latin-ext-400-normal.woff2) format("woff2"), url(fonts/underdog-latin-ext-400-normal.woff) format("woff");
}
/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/legacy/reset.css ***!
  \**********************************************************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/legacy/layout.css ***!
  \***********************************************************************************************************************/
@charset "UTF-8";
/* CSS Document */
.slicknav_menu {
  display: none;
}

#content_main .slick-prev {
  background: transparent url(images/arr1.a3a57f80d49df5234390.png) no-repeat center center;
}

#content_main .slick-next {
  background: transparent url(images/arr2.64dc8ee82a61058009da.png) no-repeat center center;
}

.logo-left {
  float: left;
  margin: 25px 0px 0px 10px;
  background-image: url(images/left-header.d36c640b892ebd860d2d.png);
  width: 190px;
  height: 129px;
  background-position: -5px 0px;
  background-size: 196px 170px;
  background-repeat: no-repeat;
}

.home .phones-header {
  float: right;
  margin-top: -52px;
}

.phones-header {
  float: right;
  margin-top: 50px;
  margin-right: 15px;
}

.phones-header .phone-link {
  font-family: "Roboto Slab";
  text-decoration: none;
  color: #3075b6;
  font-size: 18px;
  line-height: 27.65px;
}

/* Container */
#wrapper {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  overflow: hidden;
}

#content_container {
  display: block;
  overflow: hidden;
  width: 990px;
  margin-top: 14px;
  position: relative;
}

.home #content_container {
  margin-top: 0px;
}

/* Main content */
#content_main {
  display: block;
  float: right;
  width: 688px;
  margin-right: 6px;
  margin-bottom: 91px;
  margin-top: 69px;
}

.fullwidth #content_main, .home #content_main {
  float: none;
  width: 978px;
  margin-right: auto;
  margin-left: auto;
}

.home #content_main {
  margin-top: 0px;
  margin-bottom: 0px;
}

#content_main p, #content_main h3.toysname {
  color: #464637;
  margin-bottom: 15px;
  font: 300 16px/24px "Roboto Slab", serif;
  display: block;
  overflow: hidden;
  overflow-wrap: break-word;
}

#content_main .lead {
  color: #3075b6;
  font-weight: 400;
  font-size: 1.8em;
  padding-bottom: 15px;
  border-bottom: 1px solid #626CB4;
  padding-top: 15px;
  border-top: 1px solid #626CB4;
}

#content_main .poem {
  display: block;
  overflow: hidden;
  margin-left: 30px;
}

#content_main .poem p:first-letter {
  font-weight: 400;
  color: #1BADCF;
  font-size: 1.6em;
}

#content_main .poem a {
  font-weight: 400;
  color: #FF7E14;
}

#content_main p > a {
  text-decoration: underline;
}

#content_main p > a:hover {
  text-decoration: none;
}

#content_main h2 {
  font-family: "Roboto Slab", serif;
  font-size: 2.4em;
  line-height: 1.2em;
  color: #616CB3;
  font-weight: 400;
  margin-bottom: 19px;
  padding-top: 5px;
}

#content_main h2 a {
  color: #616CB3;
}

#content_main h3 {
  font-family: "Roboto Slab", serif;
  font-size: 2em;
  font-weight: 400;
  color: #5F6CB2;
  line-height: 1.2em;
  margin-bottom: 5px;
}

#content_main a {
  color: #FF7E14;
  text-decoration: none;
}

#content_main a:hover {
  text-decoration: underline;
}

#content_main .brends, #content_main .toys_nav {
  display: block;
  margin: 0px 0px 20px;
  overflow: hidden;
  width: 978px;
}

#content_main .brends li, #content_main .toys_nav li {
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style: none;
}

#content_main .brends a {
  float: left;
  margin-right: 11px;
  display: block;
  margin-top: 11px;
  border: 3px solid #FFF;
}

#content_main .brends a:hover {
  border: 3px solid #FECE10;
}

#content_main .brends img {
  height: auto;
  width: auto;
  display: block;
}

#content_main .brends .last a,
#content_main .toys_nav .last a,
#content_main .brends li:nth-child(4n) a,
#content_main .toys_nav li:nth-child(3n) a {
  margin-right: 0px;
}

#content_main .toys_nav a {
  display: block;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  border: 3px solid #FFF;
}

#content_main .toys_nav a:hover {
  border: 3px solid #FECE10;
}

#content_main .toys_nav img {
  height: auto;
  width: auto;
  display: block;
}

#content_main .toyslist {
  display: block;
  margin: 0px 0px 20px;
  overflow: hidden;
  width: 688px;
}

#content_main .toyslist li {
  margin: 0px 0px 26px;
  padding: 0px 29px 16px 0px;
  list-style: none;
  display: block;
  float: left;
  width: 150px;
  background: url(images/toyslibg.bede5131a546a733e116.png) repeat-x left bottom;
  overflow: hidden;
}

#content_main .toyslist .last {
  padding-right: 0px;
}

#content_main .toyslist .toysname {
  display: block;
  width: 150px;
  color: #646457;
  margin-bottom: 8px;
  line-height: 1.2em;
  height: 3.6em;
  font-weight: 400;
  position: relative;
}

#content_main .toyslist .toysname span {
  background: url(images/toysnamebg.2028acefdbe0b1337946.png) repeat-x left bottom;
  display: block;
  position: absolute;
  z-index: 100;
  left: 0px;
  bottom: 0px;
  height: 45px;
  width: 100%;
}

#content_main .toyslist img {
  border: 3px solid #dedede;
  margin-bottom: 12px;
}

#content_main .toyslist img:hover {
  border: 3px solid #cccccc;
}

#content_main .toyslist a {
  color: #646457;
}

#content_main .toyslist .price {
  margin: 0px 0px 10px;
  padding: 0px;
  width: 150px;
  display: block;
  color: #777777;
  font-weight: 400;
}

#content_main .toyslist .price span {
  font-weight: 400;
  color: #FF7E13;
  font-size: 1.3em;
  padding-left: 17px;
}

/* Вывод фотограй в фотогалерее */
#content_main .albumphotos {
  display: block;
  margin: 0px 0px 20px;
  overflow: hidden;
  width: 688px;
}

#content_main .albumphotos li {
  margin: 0px 0px 29px;
  padding: 0px 29px 0px 0px;
  list-style: none;
  display: block;
  float: left;
  width: 150px;
  overflow: hidden;
}

#content_main .albumphotos .last {
  padding-right: 0px;
}

#content_main .albumphotos .toysname {
  display: block;
  width: 150px;
  color: #646457;
  margin-bottom: 8px;
  font-size: 1.1em;
  line-height: 1em;
  height: 35px;
  font-weight: 400;
}

#content_main .albumphotos img {
  border: 3px solid #dedede;
  margin: 0px;
}

/* End of Вывод фотограй в фотогалерее */
#content_main .addresses {
  display: block;
  overflow: hidden;
  margin: 0px 0px 20px;
  padding: 0px;
  list-style: none;
}

#content_main .addresses li {
  display: block;
  float: left;
  padding: 0px;
  border-bottom: 1px solid #FFF;
  background-image: none;
  width: 300px;
  margin-right: 40px;
  margin-bottom: 0px;
}

.home #content_main .slideshow {
  display: block;
  clear: both;
  height: 401px;
  width: 978px;
  background: url(images/sliderbg.38a8a69af9b9013c423b.jpg) no-repeat center top;
}

.home #content_main .newsblock {
  display: block;
  clear: both;
  height: 552px;
  width: 978px;
  overflow: hidden;
  background: url(images/newsblockbg.802c99945691d6e657d1.jpg) no-repeat center top;
}

.home #content_main .newsblock h2 {
  display: block;
  color: #5C82BD;
  margin: 158px 0px 0px 448px;
  font: 400 2.4em/0.6em "Roboto Slab", serif;
}

.home #content_main .newsblock h3 {
  font: 400 1.2em/1.2em "Roboto Slab", serif;
  margin: 0px;
  padding: 0px;
  color: #FFF;
}

.home #content_main .newsblock ul {
  font-family: "Roboto Slab", serif;
  display: block;
  overflow: hidden;
  padding: 0px;
  margin: 20px 0px 0px;
}

.home #content_main .newsblock li {
  background-image: none;
  font-family: "Roboto Slab", serif;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 228px;
}

.home #content_main .newsblock .first {
  margin-left: 64px;
  margin-right: 88px;
  margin-top: 15px;
}

.home #content_main .newsblock .odd {
  margin-top: 138px;
}

.home #content_main .newsblock .last {
  margin-right: 51px;
  margin-left: 91px;
  margin-top: 30px;
}

.home #content_main .newsblock h3 .date {
  color: #FFF;
  display: block;
  font: 0.75em/1em "Roboto Slab", serif;
  margin-bottom: 6px;
}

.home #content_main .newsblock h3 a {
  font-family: "Roboto Slab", serif;
  color: #FFF;
}

.home #content_main .newsblock .arhive {
  display: block;
  margin: 0px 0px 0px 684px;
  padding: 0px;
}

.home #content_main .newsblock .arhive a {
  color: #21C5DD;
  font-weight: 400;
  font-size: 1.4em;
  text-decoration: none;
}

.home #content_main .newsblock .arhive a:hover {
  text-decoration: underline;
}

#content_main .news, #content_main .otziv {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 19px;
  border-bottom: 1px dotted #1BADCF;
}

#content_main .news h2 {
  font-size: 2em;
}

#content_main .news h2 .date {
  font-size: 0.7em;
  color: #FF7E14;
  display: block;
  line-height: 1em;
  margin-bottom: 10px;
}

#content_main .otziv h2 {
  font-size: 2em;
  display: block;
  overflow: hidden;
}

#content_main .otziv h2 .name {
  display: block;
  float: left;
  padding-right: 29px;
  background: url(images/otzivybg.b5b3469e6c48bd36ae09.gif) no-repeat right center;
}

#content_main .otziv h2 .date {
  font-size: 16px;
  color: #878787;
  display: block;
  float: left;
}

#content_main .otziv img {
  border: 3px solid #dedede;
  margin: 0px 15px 5px 0px;
  float: left;
}

#content_main .ditto_currentpage {
  display: block;
  float: left;
  border: 1px solid #1BADCF;
  text-decoration: none;
  width: 30px;
  text-align: center;
  margin-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #FFF;
  background: #1BADCF;
}

#content_main .ditto_page {
  display: block;
  float: left;
  color: #1BADCF;
  background: #FFF;
  border: 1px solid #1BADCF;
  text-decoration: none;
  width: 30px;
  text-align: center;
  margin-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#content_main .ditto_page:hover {
  text-decoration: underline;
}

/* Secondary content */
#content_sub {
  display: block;
  float: left;
  width: 285px;
  overflow: hidden;
  margin-bottom: 91px;
}

#feedback {
  display: block;
  overflow: hidden;
  /* height: 513px; */
  width: 247px !important;
  /*padding-left: 7px;*/
}

#feedback h2 {
  color: #3075b6;
  font: 400 1.6em/1.4em "Roboto Slab", serif;
  margin-top: 12px;
}

#feedback .errors {
  font: 400 1.3em/1.1em "Roboto Slab", serif;
  color: #AF178E;
  display: block;
  margin-top: 5px;
}

#feedback .errors .requiredlist {
  color: #FF7E14;
}

#feedback .errors .requiredlist span {
  margin-right: 5px;
}

#feedback p {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}

#feedback label {
  display: block;
  font: 1.3em/1.4em "Roboto Slab", serif;
  color: #888888;
  margin-bottom: 5px;
}

#feedback input {
  border: 1px solid #6fd3ec;
  width: 239px;
  height: 22px;
  font: 300 1.2em "Roboto Slab", serif;
  color: #1BADCF;
  padding-right: 3px;
  padding-left: 3px;
}

#feedback textarea {
  border: 1px solid #6fd3ec;
  width: 239px;
  overflow: hidden;
  height: 118px;
  font: 300 1.2em "Roboto Slab", serif;
  color: #1BADCF;
  padding: 3px;
}

#feedback #send {
  background: #1badcf;
  color: #FFF;
  /*border-bottom: 4px solid #14839e;*/
  /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;*/
  text-transform: uppercase;
  border: none;
  font: 400 14px/2.2em "Roboto Slab", serif;
  /*padding: 5px 43px;*/
  cursor: pointer;
  width: auto;
  min-width: 247px;
  height: 36px;
}

#feedback .fileUpload {
  position: relative;
  overflow: hidden;
  display: block;
  /*	margin: 10px;*/
}

#feedback #uploadFile {
  width: 150px;
  float: left;
  margin-right: 5px;
}

#feedback .fileUpload input.upload {
  font: 300 1.2em "Roboto Slab", serif;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

#feedback .fileUpload span {
  font: 400 1.2em/1.8em "Roboto Slab", serif;
  color: #FFF;
  background: #1BADCF;
  padding: 3px 10px;
  float: left;
  height: 20px;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#feedback .agreement {
  font: 1em/1.4em "Roboto Slab", serif;
  color: #888888;
}

#feedback .agreement a {
  color: #626CB4;
  text-decoration: none;
}

#feedback .agreement a:hover {
  text-decoration: underline;
}

#contactform_submit {
  cursor: pointer;
}

#content_main .certificates {
  display: block;
  overflow: hidden;
  margin: 0px 0px 20px;
  padding: 0px;
  width: 688px;
  list-style: none;
}

#content_main .certificates li {
  display: block;
  margin: 0px 21px 0px 0px;
  padding: 0px;
  float: left;
  border-bottom: 1px solid #FFF;
  background-image: none;
}

#content_main .certificates .last {
  margin-right: 0px;
}

/* Global navigation */
/* Main navigation */
.home_nav_main {
  display: block;
  clear: both;
  height: 70px;
  width: 978px;
  margin-top: 108px;
}

.nav_main {
  display: block;
  clear: both;
  height: 43px;
  width: 100%;
}

.nav_main li, .home_nav_main li {
  display: inline;
}

.nav_main a {
  display: block;
  float: left;
  height: 43px;
  color: #FFF;
  overflow: hidden;
  text-decoration: none;
  font: 400 1.5em/2.9em "Roboto Slab", serif;
  width: auto;
  text-align: center;
  padding: 0 29px;
}

.home_nav_main a {
  display: block;
  float: left;
  color: #FFF;
  overflow: hidden;
  text-decoration: none;
  font: 400 1.6em/1.4em "Roboto Slab", serif;
  text-align: left;
  text-shadow: 1px 1px 2px #666;
}

.home_nav_main a:hover {
  text-decoration: underline;
}

.home_nav_main .home {
  font-size: 1.8em;
  width: 89px;
  margin-left: 22px;
  padding-top: 23px;
}

.home_nav_main .about {
  font-size: 1.8em;
  margin-left: 45px;
  margin-right: 38px;
  width: 63px;
  padding-top: 44px;
}

.home_nav_main .toys {
  width: 136px;
  margin-right: 41px;
  padding-top: 9px;
  padding-bottom: 30px;
}

.home_nav_main .brends {
  width: 74px;
  margin-right: 50px;
  padding-top: 38px;
}

.home_nav_main .feedback {
  width: 78px;
  padding-bottom: 30px;
}

.home_nav_main .forkg {
  width: 141px;
  text-align: center;
  margin-left: 35px;
  margin-right: 53px;
  padding-top: 14px;
}

.home_nav_main .contacts {
  margin-top: 10px;
  padding-bottom: 30px;
}

/* Ховер в навигации на главной */
.home_nav_main .home:hover {
  background: url(images/homenavmainbg.c318921beef5f37df7d1.png) no-repeat 7px 0px;
}

.home_nav_main .about:hover {
  background: url(images/homenavmainbg.c318921beef5f37df7d1.png) no-repeat -130px 0px;
}

.home_nav_main .toys:hover {
  background: url(images/homenavmainbg.c318921beef5f37df7d1.png) no-repeat -231px 0px;
}

.home_nav_main .brends:hover {
  background: url(images/homenavmainbg.c318921beef5f37df7d1.png) no-repeat -406px 0px;
}

.home_nav_main .feedback:hover {
  background: url(images/homenavmainbg.c318921beef5f37df7d1.png) no-repeat -530px 0px;
}

.home_nav_main .forkg:hover {
  background: url(images/homenavmainbg.c318921beef5f37df7d1.png) no-repeat -643px 0px;
}

.home_nav_main .contacts:hover {
  background: url(images/homenavmainbg.c318921beef5f37df7d1.png) no-repeat -839px -10px;
}

/* End of Ховер в навигации на главной */
.nav_main .home {
  background: #c26b34;
  width: 62px;
}

.nav_main .about {
  background: #e17b28;
  width: 48px;
}

.nav_main .toys {
  background: #f1b23b;
  width: 120px;
}

.nav_main .brends {
  background: #008d45;
  width: 62px;
}

.nav_main .feedback {
  background: #1da768;
  width: 68px;
}

.nav_main .forkg {
  background: #3075b6;
  width: 146px;
}

.nav_main .contacts {
  background: #66addd;
  width: 78px;
}

.nav_main .active .home {
  background: #c26b34 url(images/nabmainactiveabg.2fe2d3719e2882c6afe1.png) no-repeat center bottom;
}

.nav_main .active .about {
  background: #e17b28 url(images/nabmainactiveabg.2fe2d3719e2882c6afe1.png) no-repeat center bottom;
}

.nav_main .active .toys {
  background: #f1b23b url(images/nabmainactiveabg.2fe2d3719e2882c6afe1.png) no-repeat center bottom;
}

.nav_main .active .brends {
  background: #008d45 url(images/nabmainactiveabg.2fe2d3719e2882c6afe1.png) no-repeat center bottom;
}

.nav_main .active .feedback {
  background: #1da768 url(images/nabmainactiveabg.2fe2d3719e2882c6afe1.png) no-repeat center bottom;
}

.nav_main .active .forkg {
  background: #3075b6 url(images/nabmainactiveabg.2fe2d3719e2882c6afe1.png) no-repeat center bottom;
  width: auto;
}

.nav_main .active .contacts {
  background: #66addd url(images/nabmainactiveabg.2fe2d3719e2882c6afe1.png) no-repeat center bottom;
  width: auto;
}

.nav_main a:hover {
  text-decoration: underline;
}

/* Secondary navigation  */
.nav_sub {
  display: block;
  height: 708px;
  width: 285px;
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.brends .nav_sub {
  display: block;
  height: 902px;
  width: 285px;
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.nav_sub a {
  color: #3075b6;
  font: 400 1.3em/3.4em "Roboto Slab", serif;
  display: block;
  padding-right: 20px;
  padding-left: 7px;
  height: 45px;
  text-decoration: none;
}

.nav_sub .active a {
  color: #e17b28;
  text-decoration: none;
}

.nav_sub a:hover {
  text-decoration: underline;
}

/* Supplementary navigation */
.nav_sup {
  display: block;
  overflow: hidden;
}

.nav_sup a {
  display: block;
  float: left;
  font: 400 1.5em/1.5em "Roboto Slab", serif;
  color: #333;
  margin-right: 24px;
  height: 21px;
  text-decoration: none;
}

.nav_sup a:hover {
  text-decoration: underline;
}

.nav_sup .home {
  color: #c26b34;
  margin-left: 17px;
}

.nav_sup .about {
  color: #e17b28;
}

.nav_sup .toys {
  color: #f1b23b;
}

.nav_sup .brends {
  color: #008d45;
}

.nav_sup .feedback {
  color: #1da768;
}

.nav_sup .forkg {
  color: #3075b6;
}

.nav_sup .contacts {
  color: #66addd;
}

/* Breadcrumbs navigation */
#nav_breadcrmbs2 {
  display: block;
  position: relative;
  width: 688px;
  margin-top: -58px;
  padding-bottom: 38px;
  overflow: hidden;
  height: 17px;
  font: 300 1.4em/1.6em "Roboto Slab", serif;
  -text-transform: lowercase;
}

.fullwidth #nav_breadcrmbs2 {
  width: 978px;
  margin-left: 0;
  margin-right: 0;
}

#nav_breadcrmbs2 a {
  color: #6d6b6b;
  display: block;
  position: relative;
  float: left;
  padding-right: 6px;
  text-decoration: none;
}

#nav_breadcrmbs2 a:hover {
  text-decoration: underline;
}

#nav_breadcrmbs2 strong {
  color: #777777 !important;
  display: block;
  float: left;
}

#nav_breadcrmbs2 .-bc-delim {
  float: left;
  display: block;
  font-weight: 600;
  position: relative;
  color: #c1c1c1;
  padding-right: 6px;
}

/* Site logo and slogan section */
#branding {
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  height: 196px;
  background: none;
}

.home #branding {
  height: 358px;
  background: url(images/home-header.692b81832b4e54f9e8db.png) no-repeat center top;
}

.infocontainer {
  display: block;
  width: 990px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  height: 196px;
  text-align: left;
}

.home .infocontainer {
  height: 358px;
}

#branding .logo {
  display: block;
  float: left;
  margin: 58px 0px 0px 149px;
  background-image: url(images/logo.cd14103c02058a5275bb.png);
  width: 300px;
  height: 93px;
  background-size: 297px 42px;
  background-repeat: no-repeat;
}

.home #branding .logo {
  float: none;
  display: block;
  margin: auto;
  width: 297px;
  height: 42px;
  margin-top: 57px;
  margin-left: 351px;
}

.slicknav_btn.slicknav_open .slicknav_no-text {
  background-image: url(images/open.246ab650267b454bcb7c.svg);
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.slicknav_btn.slicknav_open .slicknav_icon-bar {
  visibility: hidden;
}

#branding .phones {
  font-family: "Roboto Slab", serif;
  display: block;
  float: left;
  overflow: hidden;
  margin-top: 53px;
  width: 382px;
  font-style: normal;
  background: url(images/addrbg.acb8a3ffe23ddcb2925b.png) no-repeat center center;
}

.home #branding .phones {
  background-image: none;
  display: block;
  height: 157px;
  width: 978px;
  overflow: hidden;
  margin: 0px 0px 49px;
  padding: 0px;
  float: none;
}

#branding .phones address {
  font-style: normal;
}

#branding .shop1 {
  display: block;
  float: left;
  overflow: hidden;
  width: 156px;
}

.home #branding .shop1 {
  float: left;
  width: 290px;
  margin-right: 42px;
  margin-top: 28px;
}

#branding .shop2 {
  display: block;
  float: right;
  overflow: hidden;
  width: 160px;
}

.home #branding .shop2 {
  float: right;
  width: 272px;
  margin-right: 30px;
  text-align: right;
  margin-top: 43px;
}

#branding .phone {
  display: block;
  color: #606CB2;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1em;
}

.phone-link {
  text-decoration: none;
  color: #606CB2;
}

.home #branding .shop1 .phone {
  margin-left: 91px;
}

.home #branding .shop2 .phone {
  text-align: center;
  margin-top: 10px;
}

#branding .phone .citycode {
  font-size: 0.5em;
  font-weight: 400;
}

#branding .first.shopaddr {
  color: #F82690;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
}

.home #branding .first.shopaddr {
  margin-left: 19px;
  line-height: 1.3em;
  font-weight: 400;
  display: block;
  color: #DF0783;
}

.home #branding .second.shopaddr {
  padding: 0px;
  display: block;
  color: #DF0783;
  line-height: 1.3em;
  margin-right: 101px;
  font-weight: 400;
}

#branding .second.shopaddr {
  color: #FF8013;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1em;
}

/* Legal and copyright information */
#site_info {
  display: block;
  clear: both;
  overflow: hidden;
  /*width: 978px;
  margin-right: auto;
  margin-left: auto;*/
  height: 170px;
  margin-top: 25px;
}

.home #site_info {
  background: none;
}

#site_info p {
  display: block;
  width: 978px;
  overflow: hidden;
  margin-top: 45px;
  clear: both;
  font-size: 1.3em;
  font-weight: 400;
  color: #616CB3;
  line-height: 1.5em;
}

#site_info a {
  font-weight: 400;
  font-size: 14px;
}

#site_info a:hover {
  text-decoration: underline;
}

.copyright {
  font-family: "Roboto Slab", serif;
  display: block;
  float: left;
  margin-left: 10px;
  line-height: 2em;
  padding-top: 10px;
}

.vkontakte,
.ico-instagram,
.ico-pinterest,
.ico-twitter {
  display: block;
  float: left;
  margin-left: 17px;
  text-indent: -10000px;
  height: 36px;
  width: 36px;
}

.vkontakte {
  background: url(images/vk3.8e9ac5f1f9c14fa79878.svg) no-repeat left top;
}

.ico-instagram {
  background: url(images/instagram2.c59b798ded4db0999d2c.svg) no-repeat left top;
  margin-left: 6px !important;
}

.ico-pinterest {
  background: url(images/pinterest.2f66e7f11f241adcde56.svg) no-repeat left top;
  margin-left: 6px !important;
}

.ico-twitter {
  background: url(images/twitter2.5b98a542d98e660bd2c4.svg) no-repeat left top;
  margin-left: 6px !important;
}

.author_info {
  font-family: "Roboto Slab", serif;
  display: block;
  float: right;
  margin-right: 100px;
  height: 20px;
}

.author_info a {
  font-family: "Roboto Slab", serif;
  color: #616CB3;
}

#content_main .attention, #content_main strong {
  font-weight: 400;
  color: #626CB4;
}

#contactform .humancheck {
  display: none;
}

#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#tellus {
  display: none;
  width: 300px;
  overflow: hidden;
  text-align: left;
  background: #E5F6FB;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #1BADCF;
}

#tellus .formheader {
  display: block;
  overflow: hidden;
  background: #1BADCF;
  padding: 15px;
}

#tellus .errors {
  color: #626CB4;
  display: block;
  margin: 15px;
  font: 1.3em "Roboto Slab", serif;
}

#tellus .errors strong {
  font-weight: 400;
  color: #FF7E14;
}

#tellus h2 {
  font-family: "Roboto Slab", serif;
  font-size: 2.2em;
  line-height: 1.2em;
  color: #FFF;
  font-weight: bold;
  float: left;
}

#tellus .modal_close {
  display: block;
  float: right;
  background: url(images/close.d2dce11777694db26eff.png) no-repeat left top;
  height: 17px;
  width: 17px;
  cursor: pointer;
}

#tellus #contactform {
  margin: 15px;
}

#tellus #contactform p {
  margin-bottom: 15px;
}

#contactform input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #49A2DF;
  padding: 5px;
  font-family: "Roboto Slab", serif;
  font-size: 1.4em;
  color: #333333;
  width: 258px;
}

#contactform textarea {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #49A2DF;
  padding: 5px;
  font-family: "Roboto Slab", serif;
  font-size: 1.4em;
  color: #333333;
  width: 258px;
  height: 100px;
}

#tellus #send {
  background: #1BADCF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-style: none;
  color: #FFF;
  padding: 7px 15px;
  cursor: pointer;
  width: auto;
  font: 400 1.6em/1.2em "Roboto Slab", serif;
}

.home h1 {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}

/* Товары */
.tovar {
  display: block;
  overflow: hidden;
  width: 100%;
}

.col-md-5 {
  display: block;
  float: left;
  width: 350px;
}

.col-md-7 {
  display: block;
  float: right;
  width: 318px;
}

#frm4 .price {
  display: none;
}

#content_main .tovar .imgs {
  display: block;
  float: left;
  width: 350px;
}

#content_main .tovar .bigimg {
  display: block;
  margin: 0px 0px 15px;
  padding: 0px;
  overflow: hidden;
  list-style: none;
}

#content_main .tovar .bigimg li {
  background-image: none;
  display: none;
  margin: 0px;
  padding: 0px;
}

#content_main .tovar .bigimg .active {
  display: block;
}

#content_main .tovar .preimg {
  display: block;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  list-style: none;
}

#content_main .tovar .preimg li {
  background-image: none;
  display: block;
  float: left;
  cursor: pointer;
  border-bottom: 3px solid #FFF;
  margin: 0px 7px 0px 0px;
  padding: 0px;
}

#content_main .tovar .preimg .active {
  border-bottom: 3px solid #1BADCF;
}

#content_main .tovar .shoppinginfo {
  display: block;
  float: right;
  width: 318px;
  position: relative;
}

#content_main .tovar .shoppinginfo .price {
  font-size: 1.8em;
  display: block;
  overflow: hidden;
  font-weight: 400;
  color: #616CB3;
  width: 45%;
}

/*#content_main .tovar .shoppinginfo .price .name {
	display: block;
	float: left;
}*/
#content_main .tovar .shoppinginfo .price .value {
  display: block;
  float: none;
  color: #FF7E14;
}

#content_main .tovar .shoppinginfo form {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}

#content_main .tovar .shoppinginfo .cntContainer {
  display: block;
  overflow: hidden;
  background: #E5F6FB;
  width: auto;
  /*	border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;*/
  float: left;
  /*margin-right: 15px;*/
}

#content_main .tovar .shoppinginfo .cssMinus {
  display: block;
  height: 40px;
  width: 40px;
  background: transparent url(images/icon-minus-circle.a0004fc1c6128dcf41e3.svg) no-repeat center center;
  text-indent: -10000px;
  cursor: pointer;
  float: left;
  -webkit-background-size: 60%;
  background-size: 60%;
}

#content_main .tovar .shoppinginfo .cssPlus {
  display: block;
  height: 40px;
  width: 40px;
  background: transparent url(images/icon-plus-circle.ce9e9a0abcc3cddc64a8.svg) no-repeat center center;
  text-indent: -10000px;
  cursor: pointer;
  float: left;
  -webkit-background-size: 60%;
  background-size: 60%;
}

#content_main .tovar .shoppinginfo .inputCnt {
  display: block;
  float: left;
  height: 34px;
  width: 40px;
  text-align: center;
  font: 400 1.8em/1.2em "Roboto Slab", serif;
  border-style: none;
  color: #009749;
  background: #FFFFFF;
  margin-top: 2px;
  margin-bottom: 2px;
}

#content_main .tovar .shoppinginfo .addBasketContainer {
  display: block;
  float: right;
  width: 50%;
}

#content_main .toyslist .addBasketContainer {
  display: block;
  width: 100%;
}

#content_main .tovar .shoppinginfo .addBasket {
  /*	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;*/
  font: 400 18px/2.2em "Roboto Slab", serif;
  background: #008d45;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  height: 40px;
  display: block;
  padding-right: 25px;
  padding-left: 25px;
  text-align: center;
  word-spacing: 0.3em;
}

#content_main .toyslist .addBasket {
  font: 400 15px/32px "Roboto Slab", serif;
  background: #008d45;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  display: block;
  text-align: center;
  word-spacing: 0.3em;
}

#content_main .tovar .shoppinginfo .articul {
  font-size: 1.8em;
  font-weight: 400;
  color: #616CB3;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: left;
  width: 50%;
}

#content_main .tovar .shoppinginfo .articul .name,
#content_main .tovar .shoppinginfo .price .name {
  display: block;
  float: none;
  font-size: 0.6em;
  text-transform: uppercase;
  color: #A2A29B;
  line-height: 1.2em;
  letter-spacing: 0.1em;
}

#content_main .tovar .shoppinginfo .articul .value {
  display: block;
  float: none;
  color: #FF7E14;
}

#content_main .tovar .shoppinginfo .description {
  text-align: left;
  font: 300 16px/24px "Roboto Slab", serif !important;
  margin-bottom: 26px;
}

#content_main .tovar .shoppinginfo .description br {
  display: block;
  margin-bottom: 15px;
}

#content_main .tovar .video {
  display: block;
  clear: both;
  padding-top: 20px;
}

#content_main .basket {
  font: 300 1.3em/1.2em "Roboto Slab", serif;
  width: 100%;
  /*	border-bottom: 1px solid #1badcf;*/
  color: #464637;
  margin-bottom: 10px;
}

#content_main .basket td {
  padding: 10px;
  vertical-align: middle;
  white-space: nowrap;
}

#content_main .basket td[align=left] {
  white-space: normal;
}

#content_main .basket thead {
  background: #1badcf;
  font-weight: 400;
  color: #FFF;
}

#content_main .basket thead td {
  border-right: 1px solid #FFF;
  text-align: center;
}

#content_main .basket tbody tr:nth-child(2n) td {
  background: #E5F6FB;
}

#content_main .basket tbody tr td:nth-child(2) {
  white-space: normal;
}

#content_main .basket tbody tr td:nth-child(3),
#content_main .basket tbody tr td:nth-child(4),
#content_main .basket tbody tr td:nth-child(6) {
  text-align: right;
}

#content_main .basket tbody tr td:nth-child(5) {
  /* text-align: center; */
  text-align: right;
}

#content_main .basket tbody tr:last-child td {
  background: #FFF;
  border-top: 1px solid #1badcf;
  font-weight: 400;
  white-space: nowrap;
  color: #14839e;
  text-align: right;
}

#content_main .basket td input {
  color: #009749;
  border: 1px solid #1badcf;
  width: 40px;
  height: 30px;
  text-align: center;
  font-weight: 400;
  margin-right: auto;
  margin-left: auto;
}

#content_main .basket .small {
  display: block;
  height: 40px;
  width: 40px;
  background: transparent url(images/icon-x-circle.c8e46fa811b0abc5ae91.svg) no-repeat center center;
  text-indent: -10000px;
  cursor: pointer;
  -webkit-background-size: 60%;
  background-size: 60%;
}

.search {
  position: absolute;
  top: 0px;
  right: 45px;
  display: block;
  overflow: hidden;
  width: 200px;
}

.search .input-group {
  border: 1px solid #6fd3ec;
  display: block;
  width: auto;
  overflow: hidden;
  border-radius: 3px;
}

.search .form-control {
  display: block;
  float: left;
  font: 300 1.2em/2.2em "Roboto Slab", serif;
  border-style: none;
  padding-left: 5px;
}

.search .form-control:focus {
  outline: none;
}

.search .btn {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-indent: -10000px;
  border-style: none;
  cursor: pointer;
  background: transparent url(images/icon-search.931463bddc2b9b0daaac.svg) no-repeat center center;
  -webkit-background-size: 60%;
  background-size: 60%;
}

#content_main .text-right {
  display: block;
  overflow: hidden;
}

#content_main .bRecalc {
  font: 400 14px/2.2em "Roboto Slab", serif;
  background: #FF7E14;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  /*	height: 40px;*/
  display: inline-block;
  text-align: center;
  word-spacing: 0.3em;
  border-style: none;
  cursor: pointer;
  width: 150px;
  padding: 3px 0;
  margin-left: 12px;
}

#content_main .bOrder {
  font: 400 1.4em/2.2em "Roboto Slab", serif;
  background: #009749;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  /*	height: 40px;*/
  display: block;
  text-align: center;
  word-spacing: 0.3em;
  float: right;
  border-style: none;
  width: 190px;
  cursor: pointer;
}

#content_main .bClear {
  font: 400 14px/2.2em "Roboto Slab", serif;
  background: #FFFFFF;
  text-transform: uppercase;
  color: #999999;
  text-decoration: underline;
  /*	height: 40px;*/
  display: inline-block;
  text-align: center;
  word-spacing: 0.3em;
  float: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* Форма заказа */
#content_main #orderCreate {
  margin-top: 40px;
}

.foDostavka {
  display: block;
  overflow: hidden;
}

.foDostavka .submit-button {
  display: block;
  margin-top: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}

#content_main .payTxt .button {
  font: 400 1.1em/2.2em "Roboto Slab", serif;
  background: #FF7E14;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  /* height: 40px; */
  display: block;
  text-align: center;
  word-spacing: 0.3em;
  /*	float: right;*/
  border-style: none;
  cursor: pointer;
  margin-right: 1px;
  width: 190px;
}

.contactinfo {
  background: #E5F6FB;
  display: block;
  padding: 10px;
  overflow: hidden;
}

.contactinfo .formfield {
  display: block;
  float: left;
  width: 32%;
  margin-right: 2%;
}

.contactinfo .formfield:nth-child(3) {
  margin-right: 0;
}

.contactinfo .formfield label,
.contactinfo .formfield2 label {
  display: block;
  float: none;
  font: 400 1.1em/2.2em "Roboto Slab", serif;
  text-transform: uppercase;
  color: #626CB4;
  letter-spacing: 0.1em;
  padding-left: 22px;
}

.contactinfo .formfield .yourname {
  background: transparent url(images/icon-emotion-happy.9338778c0e284dc4b91e.svg) no-repeat left center;
  -webkit-background-size: 8%;
  background-size: 8%;
}

.contactinfo .formfield .yourphone {
  background: transparent url(images/icon-call.7cf875732efea290d7f9.svg) no-repeat left center;
  -webkit-background-size: 8%;
  background-size: 8%;
}

.contactinfo .formfield .youremail {
  background: transparent url(images/icon-mail.bc9a4264c3108f24ba28.svg) no-repeat left center;
  -webkit-background-size: 8%;
  background-size: 8%;
}

.contactinfo .formfield2 .youraddr {
  background: transparent url(images/icon-location.0d783adff2579e3c3e3b.svg) no-repeat left center;
  -webkit-background-size: 5%;
  background-size: 5%;
}

.contactinfo .formfield2 .yourcomment {
  background: transparent url(images/icon-comment.1d576541b60cf44cbdb3.svg) no-repeat left center;
  -webkit-background-size: 5%;
  background-size: 5%;
}

.contactinfo .formfield input {
  font: 300 1.2em/1.2em "Roboto Slab", serif;
  border: 1px solid #6fd3ec;
  display: block;
  color: #626CB4;
  height: 26px;
  width: 100%;
  box-sizing: border-box;
}

.contactinfo .formfield2 {
  width: 49%;
  display: block;
  float: left;
  margin-right: 2%;
}

.contactinfo .formfield2:nth-child(2) {
  margin-right: 0px;
}

.contactinfo .formfield2 textarea {
  font: 300 1.2em/1.2em "Roboto Slab", serif;
  border: 1px solid #6fd3ec;
  display: block;
  color: #626CB4;
  width: 100%;
  box-sizing: border-box;
  height: 100px;
  overflow: hidden;
}

/* End of Форма заказа */
.basketadd {
  background: #E5F6FB;
  width: 300px;
  display: block;
  overflow: hidden;
  padding: 15px;
}

.basketadd h2 {
  font: 400 1.8em/2.2em "Roboto Slab", serif;
}

.basketadd h3 {
  font: 400 1.6em/2.2em "Roboto Slab", serif;
}

.basketadd p {
  font: 400 1.4em/2.2em "Roboto Slab", serif;
}

.basketadd a {
  color: #626CB4;
}

#nav_breadcrmbs2 strong a {
  background-image: none;
}

#content_main .pagination {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: block;
  overflow: hidden;
}

#content_main .pagination li {
  background-image: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

#content_main .pagination a {
  font: 300 1.6em/1.5em "Roboto Slab", serif;
  display: block;
  float: left;
  color: #1BADCF;
  background: #FFF;
  border: 1px solid #1BADCF;
  text-decoration: none;
  width: 30px;
  text-align: center;
  margin-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#content_main .pagination .active a {
  color: #FFF;
  background: #1BADCF;
}

.shoppingcart {
  display: block;
  position: absolute;
  top: 0;
  right: 0px;
  width: 40px;
  height: 40px;
  background: transparent url(images/icon-cart.706abbf292afe0b23731.svg) no-repeat center top;
  -webkit-background-size: 80%;
  background-size: 80%;
  text-indent: -10000px;
}

#content_main .errors {
  background: #FFECEC;
  padding: 15px;
  border-left: 5px solid #FF3E3E;
  margin-bottom: 15px;
}

#content_main .errors p {
  margin-bottom: 10px;
}

#content_main .errors strong {
  color: #FF3E3E;
}

#content_main .center {
  list-style: none;
  display: block;
  overflow: hidden;
  text-align: center;
  background: transparent url(images/sliderbg2.93b9bdcad6a93d439265.jpg) no-repeat center center;
  padding-top: 53px;
  padding-bottom: 77px;
  margin-top: 0px;
}

#content_main .center::before {
  content: "";
  background: transparent url(images/sliderbg2-before.3dd89174e061bc1746fb.png) no-repeat center center;
  position: absolute;
  top: 0px;
  display: block;
  height: 48px;
  width: 100%;
}

#content_main .center::after {
  content: "";
  background: transparent url(images/sliderbg2-after.162fd68b5a2d4eb58016.png) no-repeat center center;
  height: 77px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  display: block;
}

#content_main .center li {
  background-image: none;
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 0px 10px 0;
}

#content_main .center img {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.-cellular {
  font-size: 0.7em;
  white-space: nowrap;
}

.-product--card--out_of_stock .-art--name {
  display: block;
  float: none;
  font-size: 11px;
  text-transform: uppercase;
  color: #A2A29B;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  font-weight: 400;
}

.-product--card--out_of_stock .-art--value {
  display: block;
  float: none;
  color: #FF7E14;
  font-weight: 400;
  font-size: 18px;
}

.-product--card--out_of_stock .-tag {
  font-weight: 400 !important;
  font-size: 1.8em !important;
  color: #ef7c7c !important;
}

#content_main h1 {
  font: 400 22px "Roboto Slab", serif;
}

@media only screen and (max-width: 989px) {
  #branding {
    background: none !important;
  }
  #content_sub {
    background: none !important;
  }
  .slicknav_menu {
    top: 0px;
  }
  #branding .logo {
    margin: 25px auto 0px !important;
    width: 237px !important;
    height: 35px !important;
    background-size: 237px 33px !important;
    float: none;
  }
  #branding .phones-header {
    float: none;
    margin: 12px 0px;
  }
  .logo-left {
    display: none;
  }
  #branding .phone {
    text-align: center;
  }
  #content_sub .nav_sub .active a {
    background-color: transparent;
  }
  #content_main .center::before {
    content: "";
    background: transparent url(images/sliderbg3-before.b325d78a7d00b17d8d67.png) no-repeat center center;
    top: 0px;
    height: 92px;
  }
  #content_main .center {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 687px) {
  .slicknav_menu {
    top: 0px;
  }
  #branding .logo {
    margin: 25px auto 0px !important;
    width: 237px !important;
    height: 35px !important;
    background-size: 237px 33px !important;
  }
  #branding .phones-header {
    float: none;
    margin: 12px 0px;
  }
  .logo-left {
    display: none;
  }
  #branding .phone {
    text-align: center;
  }
  #site_info .nav_sup a {
    text-align: left;
  }
  #site_info .nav_sup {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 25px;
    width: 88%;
  }
  #site_info {
    padding-left: 30px;
    height: 250px;
  }
  #site_info p {
    padding-left: 0px !important;
  }
  #feedback {
    /* height: 470px; */
    /*padding-left:0px;*/
    /*margin-left: 30px!important;*/
    width: 90% !important;
  }
  #feedback #send {
    width: 100%;
  }
  #feedback #uploadFile {
    width: 63%;
  }
  #feedback textarea {
    width: 96%;
  }
  #feedback input {
    width: 96%;
  }
  #feedback h2 {
    margin-top: 35px;
  }
  #content_main .toys_nav .last a {
    margin-bottom: 0px;
  }
  #content_sub .nav_sub {
    height: 390px;
  }
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/legacy/elements.css ***!
  \*************************************************************************************************************************/
/* CSS Document */
body {
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.8em;
  text-align: center;
  background: #FFF;
}

/* Headings */
h1 {
  color: #464637;
  font: 400 3.6em/1.1em "Roboto Slab", serif;
  margin-bottom: 22px;
}

/* Basic elements */
strong, #content_main .attention {
  font-weight: 400;
}

/* Links */
/* Table */
/* Form */
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/legacy/rwd.css ***!
  \********************************************************************************************************************/
@media only screen and (min-width: 688px) and (max-width: 989px) {
  .nav_main, .home_nav_main {
    display: none;
  }
  .slicknav_menu {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 200;
  }
  .slicknav_menu {
    padding: 0;
    background-color: #1BADCF;
  }
  .slicknav_nav a {
    color: #FFFFFF;
    font: 400 1.2em/1.1em "Roboto Slab", serif;
    width: 20%;
    float: left;
    padding: 10px;
    margin-left: 10px;
  }
  .slicknav_btn {
    background-color: #1BADCF;
  }
  .slicknav_nav {
    padding-bottom: 20px;
  }
  .slicknav_nav a:hover {
    background-color: #FFFFFF;
    color: #1BADCF;
    border-radius: 100px;
    outline: none;
  }
  #branding, #wrapper, #content_container, #site_info {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #content_container {
    text-align: center;
  }
  #content_main, .fullwidth #content_main {
    width: 688px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 30px;
  }
  .home #content_main {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .home #content_main .newsblock {
    width: 100%;
    height: auto;
    text-align: center;
    background: none;
    margin-bottom: 50px;
  }
  .home #content_main .newsblock h2 {
    background: url(images/newsbg.8da16db385a2a8e88ccf.png) no-repeat center top;
    width: 181px;
    height: 40px;
    padding-top: 118px;
    margin: 0 auto 10px;
  }
  .home #content_main .newsblock li {
    text-align: left;
  }
  .home #content_main .newsblock .first {
    margin: 0 0 10px 10px;
    background: url(images/firstnewsbg.5db30f409ef4d3617f98.png) no-repeat center center;
    width: 238px;
    height: 132px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    float: left;
  }
  .home #content_main .newsblock .odd {
    margin: 0 10px 10px 0;
    width: 215px;
    background: url(images/secondnewsbg.0c66a3eeb2a2f8c5504e.png) no-repeat center center;
    height: 125px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    float: right;
  }
  .home #content_main .newsblock .last {
    margin: 0 auto 15px;
    background: url(images/thirdnewsbg.96daf84d3f302dc7d52c.png) no-repeat center center;
    width: 238px;
    height: 133px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    float: none;
    clear: both;
  }
  .home #content_main .newsblock .arhive {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #content_main .brends, #content_main .toys_nav {
    width: 100%;
  }
  #content_main .brends a {
    width: 30%;
    margin-right: 1.2%;
    margin-left: 1.2%;
    margin-bottom: 1.2%;
  }
  #content_main .brends li:nth-child(4n) a, #content_main .brends .last a {
    margin-right: 1.2%;
    margin-left: 1.2%;
  }
  #content_main .brends img {
    width: 100%;
    height: 100%;
  }
  #content_main .toys_nav a {
    width: 30%;
    margin-right: 1.2%;
    margin-left: 1.2%;
    margin-bottom: 1.2%;
  }
  #content_main .toys_nav .last a, #content_main .toys_nav li:nth-child(3n) a {
    margin-right: 1.2%;
    margin-left: 1.2%;
  }
  #content_main .toys_nav img {
    width: 100%;
    height: 100%;
  }
  #content_sub {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 48px;
    padding-bottom: 77px;
    background: #E5F6FB url(images/sliderbg2-before.3dd89174e061bc1746fb.png) no-repeat center top;
  }
  #content_sub:after {
    content: "";
    background: transparent url(images/sliderbg2-after.162fd68b5a2d4eb58016.png) no-repeat center center;
    height: 77px;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
  }
  .nav_sub, .brends .nav_sub {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    background: none;
    height: auto;
  }
  .nav_sub a, .brends .nav_sub a {
    float: left;
    width: 30%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    line-height: 1.2em;
    margin-bottom: 15px;
  }
  .nav_sub .active a, .nav_sub .active .toycat01, .nav_sub .active .toycat02, .nav_sub .active .toycat03, .nav_sub .active .toycat04, .nav_sub .active .toycat05, .nav_sub .active .toycat06, .nav_sub .active .toycat07, .nav_sub .active .toycat08, .nav_sub .active .toycat09, .nav_sub .active .toycat10, .nav_sub .active .toycat11, .nav_sub .active .toycat12, .nav_sub .active .toycat13, .nav_sub .active .toycat14, .nav_sub .active .toycat15, .nav_sub .active .toycat16, .nav_sub .active .toycat17, .nav_sub .active .toycat18, .nav_sub .active .toycat19, .nav_sub .active .toycat20, .nav_sub .active .brend01, .nav_sub .active .brend02, .nav_sub .active .brend03, .nav_sub .active .brend04, .nav_sub .active .brend05, .nav_sub .active .brend06, .nav_sub .active .brend07, .nav_sub .active .brend08, .nav_sub .active .brend09, .nav_sub .active .brend10, .nav_sub .active .brend11, .nav_sub .active .brend12, .nav_sub .active .brend13, .nav_sub .active .brend14, .nav_sub .active .brend15, .nav_sub .active .brend16, .nav_sub .active .brend17, .nav_sub .active .brend18, .nav_sub .active .brend19, .nav_sub .active .brend20, .nav_sub .active .brend21 {
    background-color: #B4E0EC;
    border-radius: 100px;
  }
  .search {
    right: 55px;
  }
  .shoppingcart {
    right: 10px;
  }
  #branding {
    height: auto;
    background: url(images/brandingbg.fdc0fc5d84b6c1f3cab0.png) no-repeat -300px bottom;
  }
  .home #branding {
    background: none;
    height: auto;
  }
  .home .infocontainer {
    height: auto;
    position: relative;
    margin-top: 40px;
  }
  .home #branding .phones {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 0;
  }
  .home #branding .shop1 {
    width: auto;
    margin-right: 0;
    text-align: center;
  }
  .home #branding .first.shopaddr, .home #branding .shop1 .phone {
    margin-left: 0;
  }
  .home #branding .shop2 {
    width: auto;
    margin-right: 0;
    text-align: right;
    position: absolute;
    right: 3%;
    top: 0;
  }
  .home #branding .logo {
    float: none;
    margin: 0 auto;
    clear: both;
  }
  .infocontainer {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    margin-right: 0;
    margin-left: 0;
    height: auto;
    margin-top: 40px;
  }
  #branding .logo {
    margin: 27px 27px 22px 0;
  }
  #feedback {
    width: 195px;
    background-image: none; /*margin-left:auto;margin-right:auto;padding-left:0*/
  }
}
@media only screen and (max-width: 687px) {
  .nav_main, .home_nav_main {
    display: none;
  }
  .slicknav_menu {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 200;
  }
  #branding, #wrapper, #content_container, #site_info {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #content_main, #content_sub, .fullwidth #content_main, .infocontainer {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    margin-right: 0;
    margin-left: 0;
  }
  .home #content_main {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #content_main {
    margin-top: 89px;
    margin-bottom: 0;
  }
  #nav_breadcrmbs2 {
    margin-top: -49px;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 28px;
  }
  .search {
    width: 80%; /*padding-left:3%*/
    right: inherit;
  }
  .shoppingcart {
    right: 3%;
  }
  .home #branding .logo {
    float: none;
    margin: 20px auto;
    width: 40%;
    height: 40%;
  }
  .home #branding .phones {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
  .home #branding .shop1 {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 18px;
    margin-right: 0;
  }
  .home #branding .first.shopaddr, .home #branding .shop1 .phone {
    margin-left: 0;
  }
  .home #branding .shop2 {
    float: none;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  .home #branding .shop2 .phone {
    margin-top: 0;
  }
  .home #content_main .newsblock {
    width: 100%;
    height: auto;
    text-align: center;
    background: none;
    margin-bottom: 50px;
  }
  .home #content_main .newsblock h2 {
    background: url(images/newsbg.8da16db385a2a8e88ccf.png) no-repeat center top;
    width: 181px;
    height: 40px;
    padding-top: 118px;
    margin: 0 auto 10px;
  }
  .home #content_main .newsblock li {
    float: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  .home #content_main .newsblock .first {
    margin: 0 auto 15px;
    background: url(images/firstnewsbg.5db30f409ef4d3617f98.png) no-repeat center center;
    width: 238px;
    height: 132px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
  }
  .home #content_main .newsblock .odd {
    margin: 0 auto 15px;
    width: 215px;
    background: url(images/secondnewsbg.0c66a3eeb2a2f8c5504e.png) no-repeat center center;
    height: 125px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
  }
  .home #content_main .newsblock .last {
    margin: 0 auto 15px;
    background: url(images/thirdnewsbg.96daf84d3f302dc7d52c.png) no-repeat center center;
    width: 238px;
    height: 133px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
  }
  .home #content_main .newsblock .arhive {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .home #content_main .slideshow, .carousel-container {
    width: 100%;
  }
  #carousel {
    width: 100%;
  }
  #carousel img {
    width: 100%;
  }
  #content_main .center li {
    padding-left: 10px;
    padding-right: 10px;
  }
  #branding {
    background-position: left top;
    height: auto;
  }
  .home #branding {
    height: auto;
    background: none;
  }
  .infocontainer, .home .infocontainer {
    height: auto;
    margin-top: 40px;
  }
  #branding .logo {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 40%;
    height: 40%;
  }
  #branding .phones {
    width: 300px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }
  #branding .shop1, #branding .shop2 {
    width: auto;
  }
  #branding .phone {
    font-size: 2.3em;
  }
  #content_sub {
    margin-bottom: 15px;
  }
  .nav_sub, .brends .nav_sub, #feedback { /*margin-left:auto;margin-right:auto*/ }
  .nav_sup {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 15px;
  }
  .nav_sup .home {
    margin-left: 0;
  }
  .nav_sup a {
    text-align: center;
    width: 33.3333%;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .nav_sup .contacts {
    width: 100%;
    float: none;
    clear: both;
  }
  #site_info p {
    margin-top: 0;
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
  }
  .copyright {
    float: left;
    margin-left: 0;
    margin-right: 0;
    clear: both;
  }
  .vkontakte, .ico-instagram, .ico-twitter, .ico-pinterest {
    display: inline-block;
    float: left;
    margin-left: 0;
  }
  #content_main img {
    width: 100%;
    height: 100%;
  }
  #content_main .otziv img {
    width: inherit;
    height: inherit;
  }
  iframe {
    width: 99.5%;
    height: 400px;
  }
  #content_main .toyslist, #content_main .albumphotos {
    width: 100%;
  }
  #content_main .albumphotos {
    list-style: none;
  }
  #content_main .toyslist li, #content_main .albumphotos li {
    width: 47%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.5%;
    padding-right: 1.5%;
    background-image: none;
  }
  #content_main .toyslist .toysname, #content_main .toyslist .price {
    width: 100%;
  }
  #content_main .toyslist img, #content_main .albumphotos img {
    width: 96%;
  }
  #content_main .pagination a {
    margin-bottom: 5px;
  }
  #content_main .tovar .imgs {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #content_main .tovar .bigimg, #content_main .tovar .bigimg img {
    width: 100%;
  }
  #content_main .tovar .preimg {
    width: 100%;
  }
  #content_main .tovar .shoppinginfo {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  #content_main .tovar .shoppinginfo .cntContainer {
    margin-right: 0;
  }
  #content_main .tovar .shoppinginfo .addBasket {
    font-size: 1.6em;
    line-height: 2.4em;
  }
  #content_main .tovar .video {
    width: 100%;
  }
  #page_wrap {
    width: 100%;
  }
  .slicknav_menu {
    padding: 0;
    background-color: #1BADCF;
  }
  .slicknav_nav a {
    color: #FFFFFF;
    font: 400 1.2em/1.1em "Roboto Slab", serif;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }
  .slicknav_btn {
    background-color: #1BADCF;
  }
  .slicknav_nav {
    padding-bottom: 20px;
  }
  .slicknav_nav a:hover {
    background-color: #FFFFFF;
    color: #1BADCF;
    border-radius: 100px;
    outline: none;
  }
  #content_main .brends, #content_main .toys_nav {
    width: 100%;
    text-align: center;
  }
  #content_main .brends li, #content_main .toys_nav li {
    background: none;
  }
  #content_main .toys_nav a, #content_main .brends a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    border: none;
    text-align: center;
  }
  #content_main .toys_nav a:hover, #content_main .brends a:hover {
    border: none;
  }
  #content_main .brends img, #content_main .toys_nav img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .contactinfo .formfield, .contactinfo .formfield2 {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .contactinfo .formfield2 .youraddr, .contactinfo .formfield2 .yourcomment, .contactinfo .formfield .youremail, .contactinfo .formfield .yourname, .contactinfo .formfield .yourphone {
    background-size: 20px 20px;
  }
  .contactinfo .formfield label, .contactinfo .formfield2 label {
    padding-left: 25px;
    margin-bottom: 5px;
    background-size: 15px 15px;
  }
  #content_main .bOrder {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #content_main .bClear, #content_main .bRecalc {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #content_main .bClear {
    margin-bottom: 2px;
  }
  #content_main form div {
    overflow-x: auto;
  }
}
@media only screen and (max-width: 360px) {
  .nav_sup a {
    width: 50%;
  }
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/legacy/tweaks-checkout.scss ***!
  \*********************************************************************************************************************************/
#content_main .bCheckout {
  font: 400 14px/2.2em "Roboto Slab", serif;
  background: #009749;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  word-spacing: 0.3em;
  float: right;
  border-style: none;
  cursor: pointer;
  width: 190px;
  padding: 3px 0;
}

@media only screen and (max-width: 687px) {
  #content_main .bCheckout {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 15px;
  }
}
/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/foundation/globals.scss ***!
  \*****************************************************************************************************************************/

/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/foundation/popup.scss ***!
  \***************************************************************************************************************************/
/**
 * Styles for the outputting of popup messages (with help of Fancybox)
 */
.popup-msg .content {
  width: 300px;
  display: block;
  overflow: hidden;
  padding: 15px;
  border-radius: 6px;
}
.popup-msg .title {
  font: 400 1.8em/2.2em "Roboto Slab", Serif;
}
.popup-msg .message {
  font: 400 1.4em/2.2em "Roboto Slab", Serif;
}
.popup-msg .content {
  background: #e5f6fb;
}
.popup-msg .content.content_error {
  background: #f5cdca;
}
.popup-msg .content.content_warning {
  background: #f5e3cc;
}
.popup-msg .content.content_info {
  background: #dff5d1;
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/partials/category/filter.scss ***!
  \***********************************************************************************************************************************/
.slider {
  height: 10px;
  margin: 4px 8px 14px 8px;
}

.slider .noUi-connect {
  background: #1badcf;
}

.slider .noUi-handle {
  height: 18px;
  width: 18px;
  top: -5px;
  right: -9px;
  border-radius: 9px;
}

.slider .noUi-handle:before,
.slider .noUi-handle:after {
  display: none;
}

.filter-block {
  margin-bottom: 10px;
}

.catalog-filter-btn {
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
}
.catalog-filter-btn--desc {
  display: none;
}

.catalog-clear-all {
  position: relative;
  display: flex;
  justify-content: end;
  color: #1badcf !important;
  font-size: 1.2em;
  /*text-decoration: unset;*/
  padding: 0 20px 10px 20px;
  opacity: 0;
}
.catalog-clear-all.active {
  opacity: 1;
}

.catalog-btn {
  position: relative;
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 100%;
  background-color: #1badcf;
  transform: rotate(0deg);
  /*transition: all 0.1s ease;*/
}
.catalog-btn::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 5px;
  left: 5px;
  background-image: url(images/icon-filter.a43e8596d3b6d777c23d.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.catalog-filter {
  background-color: #e6e9ed;
}

.tf-filter__desc {
  display: none;
}

.tf-filter-group {
  border-bottom: 1px solid #fff;
}
.tf-filter-group:hover {
  background-color: #ccd1d9;
}

.panel {
  padding: 10px 20px;
}
.panel.collapsed .panel-title::before {
  transform: rotate(0deg);
}
.panel.collapsed .panel-body,
.panel.collapsed .show-all {
  display: none;
}

.panel-head {
  color: #464637 !important;
  text-decoration: unset;
}

.several-items-are-showed .panel-body {
  max-height: 280px;
}
.several-items-are-showed .show-all {
  display: block;
}

.panel-body {
  margin-bottom: 0;
  margin-top: 15px;
  overflow: hidden;
}
.panel-body--age {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 7px;
}

.panel-body__item {
  position: relative;
  margin-bottom: 8px;
  height: 20px;
}

.panel-price-input {
  display: block;
  line-height: 16px;
  width: 100%;
  padding: 7px 5px;
  margin: 0;
  color: #646457;
  transition: all 0.1s ease;
  border: 1px solid #1badcf;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 0 7px #e6e9ed inset;
}

.panel-price-inputs {
  display: flex;
}

.panel-price-input__item:not(:last-child) {
  margin-right: 10px;
}

.panel-title {
  position: relative;
  font-weight: bold;
  font-size: 15px;
  padding-right: 15px;
  cursor: pointer;
}
.panel-title::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 6px;
  right: 0;
  top: 9px;
  background-image: url(images/arrow.241a41a8510b90e8fd08.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  transform: rotate(180deg);
}

.show-all {
  display: none;
  position: relative;
  width: 120px;
  margin: 0;
  padding: 0 15px;
  background-color: #aab2bd;
  color: #fff;
  font-size: 13px;
  line-height: 32px;
  vertical-align: top;
  cursor: pointer;
  border-radius: 3px;
  /*transition: all 0.1s ease;*/
}
.show-all::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 8px;
  right: 7px;
  top: 11px;
  background-image: url(images/arrow-all.4cb07c1ec5e6c02fa3f9.svg);
  background-repeat: no-repeat;
}

.check-input {
  opacity: 0;
}

.panel-label {
  padding: 0 0 0 28px;
  font-size: 15px;
  line-height: 20px;
  color: #434a54;
  cursor: pointer;
}
.panel-label.panel-label__unavailable {
  opacity: 0.5;
}

.check {
  position: relative;
  width: 100%;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #646457;
  margin: 0;
  cursor: pointer;
}

.check-order {
  padding-right: 50px;
}

.check-input {
  position: absolute;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.check-box {
  position: absolute;
  height: 15px;
  width: 15px;
  margin-left: -28px;
  border: 1px solid #1badcf;
  background-color: #fff;
  cursor: pointer;
}

.check-input:checked + .check-box {
  width: 17px;
  height: 17px;
  background-color: #1badcf;
  background-image: url(images/checked.2cbb45d0b9e62a585932.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: -2px -2px;
  border: none;
}

.check-input:focus + .check-box {
  border: 1px solid #1badcf;
}

.check-input:checked:focus + .check-box {
  border: none;
}

.check-input:disabled + .check-box {
  opacity: 0.5;
}

.check-confident {
  font-size: 15px;
  line-height: 129.7%;
  color: #171717;
  padding-right: 0;
  padding-top: 0;
}

.sorting-desc {
  display: none;
}

.select {
  position: relative;
  width: 185px;
  height: 32px;
  margin: 0 0 10px 0;
  overflow-x: unset !important;
}
.select.open .select__title::before {
  transform: translate(-3px, -50%) rotate(-45deg);
}
.select.open .select__title::after {
  transform: translate(3px, -50%) rotate(45deg);
}
.select.open .select__content {
  display: block;
}
.select.open .select__label + .select__input + .select__label {
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  /*max-height: 40px;*/
  border-top-width: 1px;
}

.select__title {
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 6px 16px;
  color: #858585;
  border-radius: 3px;
  border: solid 1px #1badcf;
  overflow-x: unset;
  cursor: pointer;
}
.select__title::before, .select__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 10px;
  height: 2px;
  /*transition: all 0.3s ease-out;*/
  background-color: #1badcf;
  transform: translate(-3px, -50%) rotate(45deg);
}
.select__title::after {
  transform: translate(3px, -50%) rotate(-45deg);
}

.select__content {
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  position: absolute;
  /*top: 36px;*/
  left: 0;
  /*display: flex;*/
  /*flex-direction: column;*/
  width: calc(100% - 2px);
  background-color: #ffffff;
  border: 1px solid #1badcf;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  /*transition: all 0.3s ease-out;*/
  display: none;
  z-index: 1000;
}

.select__input {
  display: none;
}
.select__input:checked + label {
  background-color: #1badcf;
  color: #fff;
}
.select__input:disabled + label {
  opacity: 0.6;
  pointer-events: none;
}

.select__label {
  /*height: 40px;*/
  /*max-height: 0;*/
  /*transition: all 0.2s ease-out;*/
  cursor: pointer;
  overflow: hidden;
}
.select__label + input + .select__label {
  border-top: 0 solid rgba(199, 204, 209, 0.3764705882);
}
.select__label:hover {
  background-color: #1badcf;
  color: #fff !important;
}
.select__label:focus {
  background-color: #1badcf;
  color: #fff !important;
}

.select__link {
  display: block;
  padding: 7px 16px;
  color: #646457 !important;
}
.select__link:hover {
  text-decoration: none !important;
  color: #fff !important;
}
.select__link:focus {
  text-decoration: none !important;
  color: #fff !important;
}

.catalog-filter__block-mobile.collapsed .catalog-btn {
  background-color: #858585;
  transform: rotate(90deg);
  /*transition: all 0.1s ease;*/
}
.catalog-filter__block-mobile.collapsed .tf-filter {
  display: none;
}

@media (min-width: 989px) {
  .catalog-filter__block {
    display: block;
  }
  .catalog-filter__block-mobile {
    display: none;
  }
  .catalog-btn {
    display: none;
  }
  .catalog-filter-btn {
    justify-content: start;
  }
  .sorting-desc {
    font-family: "Roboto Slab", serif;
    display: flex;
    align-items: baseline;
  }
  .sorting__title {
    font-size: 12px !important;
    margin-right: 10px;
  }
  .sorting__list {
    display: flex;
    align-items: center;
  }
  .sorting__item {
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 6px 20px;
    color: #646457;
    border: 1px solid #e6e9ed;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
  }
  .sorting__item.active {
    background-color: #1badcf;
    border-color: #1badcf;
    color: #ffffff !important;
    cursor: default;
  }
  .sorting__item.active:hover {
    border-color: #1badcf;
  }
  .sorting__item:hover {
    border-color: #1badcf;
  }
  .sorting__item a {
    color: inherit !important;
    text-decoration: none !important;
  }
  .search .btn {
    position: absolute;
    right: 0;
  }
  .search .input-group {
    height: 30px;
  }
}
.panel-body .panel-body__item label::after {
  content: attr(data-cnt);
  padding: 0 0 0 5px;
  color: #1badcf;
  font-weight: lighter;
  font-size: 9px;
  line-height: 9px;
  white-space: nowrap;
  vertical-align: top;
}