@charset "UTF-8";
.jcf-radio {
    border-radius: 9px
}

.jcf-radio span {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: #777;
    border-radius: 100%
}

.jcf-radio input[type=radio] {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0
}

.jcf-radio.jcf-checked span {
    display: block
}

.jcf-checkbox,
.jcf-radio {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 1px solid #777;
    margin: 0 3px 0 0;
    height: 16px;
    width: 16px
}

.jcf-checkbox span {
    position: absolute;
    display: none;
    height: 4px;
    width: 8px;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -6px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}

:root .jcf-checkbox span {
    margin: -4px 0 0 -5px
}

.jcf-checkbox input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0
}

.jcf-checkbox.jcf-checked span {
    display: block
}

.jcf-button,
.jcf-file {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #fff
}

.jcf-button {
    vertical-align: top;
    border: 1px solid #777;
    margin: 0 10px 10px 0;
    padding: 5px 10px
}

.jcf-button .jcf-real-element {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    outline: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    border: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.jcf-file {
    white-space: nowrap
}

.jcf-file .jcf-real-element {
    position: absolute;
    font-size: 200px;
    height: 200px;
    margin: 0;
    right: 0;
    top: 0
}

.jcf-file .jcf-fake-input,
.jcf-file .jcf-upload-button {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #777;
    line-height: 28px;
    height: 28px
}

.jcf-file .jcf-fake-input {
    text-overflow: ellipsis;
    font-size: 13px;
    width: 125px;
    padding: 0 8px
}

.jcf-file .jcf-upload-button {
    margin: 0 0 0 -1px;
    padding: 0 10px
}

.jcf-scrollable-wrapper {
    box-sizing: content-box;
    position: relative
}

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: #e3e3e3;
    width: 14px;
    bottom: 0;
    right: 0;
    top: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    background: #e3e3e3;
    height: 5px !important;
    left: 0;
    top: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    background: #878787;
    height: 1px;
    width: 4px;
    left: 5px;
    border-radius: 10px;
}

.jcf-scrollbar-horizontal {
    position: absolute;
    background: #e3e3e3;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: #bbb;
    height: 14px;
    width: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    left: auto;
    right: 0
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    display: inline-block;
    position: relative;
    height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    background: #888;
    height: 14px
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3
}



/**********/

.jcf-select {
    background: #fff;
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    position: relative;
    line-height: 35px;
    font-size: 12px;
    color: #8d8d8d;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50px;
    display: inline-block;
    transition: all 0.2s ease;
}
.jcf-select:hover {
    background: #fcfff6;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0
}

.jcf-select .jcf-select-text {
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    margin: 0 35px 0 10px;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0
}
.jcf-select .jcf-select-opener:before {
    content: "";
    background: none;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 50%;
    top: 50%;
    border: none;
    margin: -13px -8px 0 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 47px;
    transition: all 0.2s ease;
}
.jcf-select:hover .jcf-select-opener:before, .jcf-focus .jcf-select-opener:before {
    background: #3e8a97;
    border: 1px solid #3e8a97;
}
.jcf-select .jcf-select-opener:after  {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -7px;
    display: block;
    transform: rotate(-45deg);
    border-left: 1px solid rgba(0,0,0,0.4);
    border-bottom: 1px solid rgba(0,0,0,0.4);
	transition: all 0.2s ease;
}
.jcf-select:hover .jcf-select-opener:after, .jcf-focus .jcf-select-opener:after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

body>.jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999
}

body>.jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0
}

.jcf-select .jcf-select-drop {
    background: #fff;
    width: 100% !important;
    min-width: 110px;
    /* max-width: 200px; */
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    /* right: -1px; */
    box-sizing: border-box;
    box-shadow: 0 15px 30px -10px rgb(0 0 0 / 50%);
    border-radius: 3px;
    overflow: hidden;
}

.jcf-select-drop-content {
	width: 100%;
	float: left;
}


.jcf-list .jcf-selected {
    background: #3e8a97 !important;
    color: #fff !important;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: '...'
}



.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: #e6e6e6;
    color: #000
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    content: '';
    height: 4px;
    width: 8px;
    margin: -7px 5px 0 -3px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px
}

.jcf-list,
.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    width: 100%
}

.jcf-list {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 4px;
}

.jcf-list .jcf-list-content {
    width: 100%;
    overflow: auto;
}

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

.jcf-list .jcf-option,
.jcf-list ul li {
    overflow: hidden;
    display: block
}

.jcf-list .jcf-overflow {
    overflow: auto
}

.jcf-list .jcf-option {
    /* white-space: nowrap; */
    cursor: default;
    padding: 10px 9px;
    line-height: 110%;
    font-size: 14px;
    color: #656565;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important
}

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
    background: #fffae5;
    color: #333;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: 700;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-textarea {
    border: 1px solid #b8c3c9;
    box-sizing: content-box;
    display: inline-block;
    position: relative
}

.jcf-textarea .jcf-scrollbar-horizontal {
    display: none;
    height: 0
}

.jcf-textarea textarea {
    padding: 8px 10px;
    border: none;
    margin: 0
}

.jcf-textarea .jcf-resize {
    position: absolute;
    text-align: center;
    cursor: se-resize;
    background: #e3e3e3;
    font-weight: 700;
    line-height: 15px;
    text-indent: 1px;
    font-size: 12px;
    height: 15px;
    width: 14px;
    bottom: 0;
    right: 0
}

.jcf-textarea .jcf-resize:before {
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    display: block;
    margin: 4px 0 0 3px;
    width: 6px;
    height: 6px;
    content: ''
}

.jcf-number {
    display: inline-block;
    position: relative;
    height: 32px
}

.jcf-number input {
    -moz-appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #777;
    padding: 3px 27px 3px 7px;
    margin: 0;
    height: 100%
}

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
    position: absolute;
    background: #aaa;
    width: 20px;
    height: 15px;
    right: 1px
}

.jcf-number .jcf-btn-inc {
    top: 1px
}

.jcf-number .jcf-btn-dec {
    top: auto;
    bottom: 1px
}

.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
    background: #e6e6e6
}

.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
    background: #aaa
}

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border: 4px solid #aaa
}

.jcf-number .jcf-btn-inc:before {
    margin: -6px 0 0 -4px;
    border-color: transparent transparent #000 transparent
}

.jcf-number .jcf-btn-dec:before {
    margin: -1px 0 0 -4px;
    border-color: #000 transparent transparent transparent
}

.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before,
.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before {
    opacity: .3
}

.jcf-number.jcf-disabled input {
    background: #ddd
}

.jcf-range {
    display: inline-block;
    min-width: 200px;
    margin: 0 10px;
    width: 130px
}

.jcf-range .jcf-range-track {
    margin: 0 20px 0 0;
    position: relative;
    display: block;
    height: 10px
}

.jcf-range .jcf-range-wrapper {
    position: relative;
    background: #e5e5e5;
    border-radius: 5px;
    display: block;
    margin: 5px 0
}

.jcf-range.jcf-vertical {
    min-width: 0;
    width: auto
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
    margin: 0;
    width: 10px;
    height: auto;
    padding: 20px 0 0
}

.jcf-range.jcf-vertical .jcf-range-track {
    height: 180px;
    width: 10px
}

.jcf-range.jcf-vertical .jcf-range-handle {
    left: -5px;
    top: auto
}

.jcf-range .jcf-range-display-wrapper {
    position: absolute;
    min-height: 10px;
    min-width: 10px;
    left: 10px;
    right: 10px
}

.jcf-range .jcf-range-display {
    border-radius: 5px;
    position: absolute;
    background: #888;
    width: 10px;
    height: 10px
}

.jcf-range .jcf-range-display.jcf-range-min {
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px
}

.jcf-range .jcf-range-display.jcf-range-max {
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0
}

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
    left: auto;
    right: auto;
    top: 10px;
    bottom: 10px
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
    margin: 0 0 -10px;
    padding: 0 0 10px
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
    margin: -10px 0 0;
    padding: 10px 0 0
}

.jcf-range .jcf-range-handle {
    position: absolute;
    background: #aaa;
    border-radius: 19px;
    width: 19px;
    height: 19px;
    margin: -4px 0 0;
    z-index: 1;
    top: 0;
    left: 0
}

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px
}

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px
}

.jcf-range .jcf-active-handle {
    z-index: 2
}

.jcf-range.jcf-focus .jcf-active-handle {
    border: 1px solid red;
    margin: -5px 0 0 -1px
}

.jcf-range.jcf-disabled {
    background: 0 0 !important;
    opacity: .3
}

.jcf-disabled {
    background: #ddd !important
}div.throbber {
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3000;
    display: none;
}
.throbber span {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/throbber.svg) no-repeat;
    background-size: 100%;
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -50px;
    animation: throbber 1s ease-in-out infinite;
}
@keyframes throbber {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}body.fancybox-active {
  overflow: hidden; }

body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0; }

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0 !important;
  bottom: 0;
  left: 0; }

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s; }

.fancybox-infobar {
  top: 0;
  left: 0;
  font-size: 13px;
  padding: 0 10px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  color: #ccc;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: exclusion; }

.fancybox-toolbar {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0; }

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0); }

.fancybox-is-closing .fancybox-stage {
  overflow: visible; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: visible; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000; }

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide > title,
.fancybox-slide > style,
.fancybox-slide > meta,
.fancybox-slide > link,
.fancybox-slide > script,
.fancybox-slide > base {
  display: none; }

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  line-height: 20px; }

/* Buttons */
.fancybox-button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, 0.6);
  transition: color .3s ease;
  cursor: pointer;
  outline: none; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff; }

.fancybox-button[disabled] {
  color: #ccc;
  cursor: default;
  opacity: 0.6; }

.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--share svg path {
  stroke-width: 1; }

.fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--pause svg path:nth-child(1) {
  display: none; }

.fancybox-button--zoom svg path {
  fill: transparent; }

/* Navigation arrows */
.fancybox-navigation {
  display: none; }

.fancybox-show-nav .fancybox-navigation {
  display: block; }

.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px; }

.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.6); }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  transition: background-color .25s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -40px; }

.fancybox-slide--image .fancybox-close-small:after,
.fancybox-slide--iframe .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa; }

.fancybox-slide--image .fancybox-close-small:hover:after,
.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none; }

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0 2vw;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
  position: relative;
  /* Fix IE11 */ }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-slide > .fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Share */
.fancybox-share {
  padding: 30px;
  border-radius: 3px;
  background: #f4f4f4;
  max-width: 90%;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  margin: 0 0 20px 0;
  font-size: 35px;
  font-weight: 700; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

p.fancybox-share__links {
  margin-right: -10px; }

.fancybox-share__button {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 0 15px;
  min-width: 130px;
  border: 0;
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  transition: all .2s; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  position: relative;
  top: -1px;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  vertical-align: middle; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 10px 15px;
  background: transparent;
  color: #5d5b5b;
  font-size: 14px;
  outline: none;
  border: 0;
  border-bottom: 2px solid #d7d7d7; }

/* Thumbs */
.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px 2px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-y: hidden;
  overflow-x: auto; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap; }

.fancybox-thumbs-x > ul {
  overflow: hidden; }

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }






/*=========*/
.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 10px;
  left: 0;
  right : 0;
  height: 80px;
  background: transparent;
}

.fancybox-thumbs > ul > li {
  border-color: transparent;
}

.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
  right: 0;
  bottom: 0;
}

@media all and (max-width: 800px) {

  .fancybox-thumbs {
    display: none !important;
  }

  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    bottom: 0;
  }

}/**
 * Copyright (C) 2017-2019 thirty bees
 * Copyright (C) 2007-2016 PrestaShop SA
 *
 * thirty bees is an extension to the PrestaShop software by PrestaShop SA.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@thirtybees.com so we can send you a copy immediately.
 *
 * @author    thirty bees <modules@thirtybees.com>
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2017-2019 thirty bees
 * @copyright 2007-2016 PrestaShop SA
 * @license   Academic Free License (AFL 3.0)
 * PrestaShop is an internationally registered trademark of PrestaShop SA.
 */

/* Special style for block cart*/
#left_column #cart_block, #right_column #cart_block {
}
#header  #cart_block .title_block, #header  #cart_block h4 {
	display: none;
}
#header #cart_block {
	z-index: 10;
	display:none;
	position: absolute;
	right: 0;
	top: 65px;
	height: auto;
	width: 200px;
	-moz-border-bottom-right-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 0 1px 0 #C6C6C6;
	background:#eee
}
#cart_block.cart_block_hover {display:block}
#cart_block .title_block  span, #header  #cart_block h4 {
	float: right;
	padding-left: 10px;
	text-transform: none;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer
}

#cart_block  .block_content {padding:8px 8px 16px 8px;}

#cart_block #cart_block_summary {display:none}
#cart_block .quantity-formated {
	display:inline-block;
	padding-right:2px;
	min-width:18px;
	vertical-align: top;
}
#cart_block .cart_block_product_name {font-weight:bold}
#cart_block .remove_link, #cart_block .deleteCustomizableProduct {
	float:right;
	display:inline-block;
	margin:1px 0 0 5px;
	height:12px;
	width:12px
}
#cart_block .remove_link a, #cart_block .ajax_cart_block_remove_link {
	display:inline-block;
	height:12px;
	width:12px;
	background: url(https://dream-matras.ru/modules/blockcart/img/icon/delete.gif) no-repeat 0 0
}
#cart_block .price {
	float:right
}

#cart_block #cart_block_list dl {
	padding-bottom:10px
}
#cart_block #cart_block_list dt {padding:4px 0}
#cart_block #cart_block_list dt a {font-weight:bold; display: inline-block; max-width: 95px}
#cart_block #cart_block_list dd {
	margin-left:20px
}

#cart_block #cart-prices {
	padding:10px 4px;
	line-height:20px;
	font-weight:bold;
	border-top:1px solid #999
}
#cart_block #cart_block_shipping_cost,
#cart_block #cart_block_total {
	float:right
}
#cart_block #cart_block_shipping_cost {font-weight:bold}

#cart_block #cart-buttons .button_small {display:none;}
#cart_block #cart-buttons  #button_order_cart {
	float:right;
	padding-left:20px
}
#cart_block #cart-buttons  #button_order_cart span {
	position:absolute;
	top:-1px;
	left:-12px;
	display:block;
	height:26px;
	width:26px;
	background:url(https://dream-matras.ru/modules/blockcart/img/icon/pict_add_cart.png) no-repeat 0 0
}
#cart_block table#vouchers {
	clear: both;
	width:100%
}
#cart_block table#vouchers tr td{
	padding: 2px;
}
#cart_block table#vouchers tr td.quantity{
	margin-right:5px;
	min-width:18px
}
#cart_block table#vouchers tr td.delete{
	padding-left: 0;
	padding-right: 0;
	text-align: right;
	width: 15px;
}
#layer_cart {
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	padding:4px;
	position:absolute;
	left:0;
	clear:both;
	display:none;
	z-index:99;
}
.layer_cart_overlay {
	background-color:#000;
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:98;
	opacity:.50;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
}
* html .layer_cart_overlay {
	filter:alpha(opacity=50);
	position:absolute;
	left:0;
	margin-left:-160px;
}
#layer_cart .continue {
	cursor: pointer;
}
#layer_cart p {
	padding: 0px;
}
#blockcart_list {
	width: 232px;
	overflow: hidden;
}
#blockcart_list ul {
	display: block;
	height: 90px;
}
#blockcart_list li {
	list-style-type: none;
	float: left;
	width: 58px;
}.bx-wrapper {
  position: relative;
  padding: 0;
  zoom: 1;
  margin: 0 !important;}

.bx-wrapper img {
  max-width: 100%;
  display: block; }

.bx-viewport {
	direction: ltr !important;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(https://dream-matras.ru/js/jquery/plugins/bxslider/images/bx_loader.gif) center center no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  zoom: 1; }

.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #000;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
  margin-top: 38px;
  height: 20px;
  width: 20px;
  line-height: 0;
  position: absolute;
  top: 40%;
  margin-top: -10px;
  font-size: 0;
  overflow: hidden;
  outline: none;
  text-decoration: none; }
  .bx-wrapper .bx-controls-direction a:before {
    padding-left: 2px;
    color: #c0c0c0;
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 22px; }
  .bx-wrapper .bx-controls-direction a:hover:before {
    color: #333; }

.bx-next {
  right: 10px; }
  .bx-next:before {
    content: "\f138"; }

.bx-prev {
  left: 10px; }
  .bx-prev:before {
    content: "\f137"; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(https://dream-matras.ru/js/jquery/plugins/bxslider/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(https://dream-matras.ru/js/jquery/plugins/bxslider/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: .85em;
  padding: 10px; }/**
 * Copyright (C) 2017-2019 thirty bees
 * Copyright (C) 2007-2016 PrestaShop SA
 *
 * thirty bees is an extension to the PrestaShop software by PrestaShop SA.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@thirtybees.com so we can send you a copy immediately.
 *
 * @author    thirty bees <modules@thirtybees.com>
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2017-2019 thirty bees
 * @copyright 2007-2016 PrestaShop SA
 * @license   Academic Free License (AFL 3.0)
 * PrestaShop is an internationally registered trademark of PrestaShop SA.
 */

/* block top search */
#search_block_top {
	position:absolute;
	right: 26%;
    top: 34px;
}
#search_block_top p {padding:0;}
#search_block_top #search_query_top {
	padding:0 5px;
	height:23px;
	width:300px;/* 310 */
	border:1px solid #666;
	border-right: 0 !important;
	color:#666;
	background:url(https://dream-matras.ru/modules/blocksearch/img/bg_search_input.png) repeat-x 0 0 #fff;
	float: left;
}

#search_block_top .button {
	border:none;
	border-radius:0;
	color:#fff;
	text-transform:uppercase;
	background:url(https://dream-matras.ru/modules/blocksearch/img/bg_search_submit.png) repeat-x 0 0 #101010;
	float: left;
	height: 25px;
}

form#searchbox{padding-top:5px}
form#searchbox label{color:#333;margin-bottom:1px}
form#searchbox input#search_query_block{
	border: 1px solid #CCCCCC;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
	border-radius:3px !important;
    height: 18px;
	margin-top:10px;
}
form#searchbox input#search_button{padding: 1px 4px;}section.otz_blocks {
    width: 100%;
    margin: 0 0 20px;
    position: relative;
    z-index: 2;
    float: right;
}

div.reviews_btn_box {
	width: 100%;
	float: left;
}



div.otz_bl {
    background: #ffffff;
    width: 41%;
    margin: 0px 7% 40px -4%;
    padding: 15px 3%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    float: left;
}

div.otz_tit,
div.otz_text {
    width: 100%;
    margin: 0px 0px 14px 0px;
    font-size: 25px;
    color: #007bb9;
    float: left;
}
div.otz_tit {
    width: 100%;
    margin: 0px 0px 14px 0px;
    font-size: 18px;
    color: #e95151;
    
    float: left;
}

div.otz_text {
    color: #757575;
    font-size: 15px;
    font-family: Arial;
}

div.otz_name {
    width: 100%;
    margin: -9px 0px 0px 0px;
    text-align: right;
    font-size: 13px;
    color: #9d9d9d;
    float: left;
}

.otz_title {
    font-size: 40px;
}


div.reviews_pagination {
    display: flex;
    justify-content: center;
}
.reviews_pagination button {
    background: linear-gradient(to right, #eddc62, #edb862);
    width: 175px;
    height: 45px;
	cursor: pointer;
    font-size: 16px;
    color: #333;
    opacity: 0.9;
    border-radius: 50px;
}
.reviews_pagination button:hover {
    opacity: 1;
}


.otz_cont .reviews_pagination {
    position: absolute;
    left: -90px;
    right: 0;
    bottom: 30px;
}


div.shop-owner-reply-on-review {
    background: rgb(116 102 136 / 10%);
    width: 100%;
    padding: 10px 15px;
    margin: 0px 0 10px 0;
    box-sizing: border-box;
    float: left;
    border-radius: 3px;
}
div.owner-date-reply {
	font-weight: bold;
    color: #e2524f;
}

.otz_text .row-custom {
	width: 100%;
	margin: 5px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
    float: left;
}
div.files-review-reviewsadv {
	width: 70px;
    height: 60px;
    margin: 0px 5px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #ccc;
}
.files-review-reviewsadv img {
	width: 100%;
    height: auto;
}
.files-review-reviewsadv:hover img {
	transform: scale(1.1);   
}



div.rating-stars-dynamic {
	margin: -2px 0px 10px 10px;
    float: left;
}



section.otz_cont {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    float: left;
}


section.otz_form {
    width: 100%;
    padding: 0px 0px 10px 0px;
}

#body-add-review-form-review {
    width: 100%;
    margin: 0px 0px 10px 0px;
    float: left;
}


figure.otz_title {
    width: 100%;
    font-size: 25px;
    text-align: center;
    float: left;
}

.otz_cont form {
	width: 100%;
	float: left;
}

#body-add-review-form-review .float-left {
	width: auto;
}

#body-add-review-form-review .form-group {
	width: 100%;
	position: relative;
	margin: 0px 0px 20px 0px;
	float: left;
}
#body-add-review-form-review .form-group:before {
	content:"";
	border: 1px solid rgba(255,255,255,0.3);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
}

#body-add-review-form-review .form-group input[type="text"], #body-add-review-form-review .form-group textarea {
    background: none;
    width: 100%;
    height: 40px;
	padding: 12px 10px;
	box-sizing: border-box;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    position: relative;
    z-index: 2;
    float: left;
    transition: all 0.2s linear;
}

#body-add-review-form-review .form-group input[type="text"]:focus,
#body-add-review-form-review .form-group input[type="text"]:hover,
#body-add-review-form-review .form-group textarea:focus,
#body-add-review-form-review .form-group textarea:hover {
	background: rgba(255,255,255,0.1);
	resize: none;
}
#body-add-review-form-review .form-group textarea {
    height: 140px;
}

input, textarea {outline:none;} 
input:active, textarea:active {outline:none;}
:focus {outline:none;} 


/* 
#body-add-review-form-review .name {
	width: 60%;
	margin: 0px 5% 0px 0px;
}
 */

.otz_cont .btn-success {
    background: #53a7b3;
    width: fit-content;
    padding: 11px 40px;
    margin: 0px auto;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    clear: left;
    transition: all 0.2s linear;
    border-radius: 30px;
}
.otz_cont .btn-success:hover {
    background: #4c7da2;
}


#body-add-review-form-review .required {
	background: #ff8a8a;
    padding: 2px 10px;
    position: absolute;
    left: -8px;
    top: -9px;
    font-family: Arial;
    color: #fff;
    font-size: 13px;
	display: none;
}
#body-add-review-form-review .input_empty .required {
	display: block;
}





#body-add-review-form-review label {
	width: 100%;
	float: left;
}
#file-upload-rev {
    width: 100%;
    float: left;
}
#file-upload-rev input {
    border: none;
    width: 150px !important;
    height: 30px;
    margin: -23px 0 5px 0;
    padding: 10px 0 10px 20px;
    color: #fff;
    float: right;
    position: relative;
    border-radius: 70px;
}

#file-upload-rev input:before {
    content: "Добавить фото";
    background: #f4f4f4;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: #333;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}
#file-upload-rev input:hover:before {
    background: #e95151;
    color: #fff;
}


#file-files-list {
    width: 100%;
    margin: 0 0 0 -1%;
    float: left;
}
#file-files-list .form-group {
    width: 100px;
    margin: 0 5px 5px;
    height: 70px;
    display: flex;
}
#file-files-list .form-group >span {
    padding: 4px;
    border: 1px solid #ccc;
    overflow: hidden;
    display: flex;
    font-size: 0;
}
#file-files-list .form-group >span span {
    overflow: hidden;
}
#file-files-list a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#file-files-list .form-group img {
    width: 130%;
}
#file-files-list .f-img, #file-files-list strong {
    font-size: 0;
}

#file-files-list .btn-reviewsadv {
    position: absolute;
    top: 6px;
    right: 6px;
}

#file-files-list i.fa {
    background: #e95151 url(https://dream-matras.ru/img/x.svg) no-repeat center center;
    background-size: 50%;
    width: 14px;
    height: 14px;
    margin: 0;
    border-radius: 0;
    position: relative;
    border: none;
}
#file-upload-rev input {
    border: none;
    width: 150px !important;
    height: 22px;
    margin: -28px 0 5px 0;
    padding: 10px 0 10px 20px;
    color: #fff;
    float: right;
    position: relative;
    border-radius: 70px;
}

.fa-trash:before {
    content: "";
}

#add-review-form-review {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    float: left;
}




/****************************************** АДАПТИВ ***********************************************/




				@media screen and (max-width: 1024px){


section.otz_form {
    width: 100%;
    position: relative;
    float: left;
}




.otz_cont .reviews_pagination {
    left: -90px;
}


}




			@media screen and (max-width: 500px){


section.otz_blocks {
    height: auto !important;
}
div.otz_bl {
    width: 89%;
    margin: 0 0 25px 2%;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}




#file-files-list .form-group input[type="text"], #file-files-list .form-group textarea {
    padding: 15px 4%;
}


#body-add-review-form-review label {
    font-size: 12px;
}

figure.otz_title {
    font-size: 21px !important;
}
#body-add-review-form-review .form-group input[type="text"], #body-add-review-form-review .form-group textarea {
    width: 96%;
	padding: 12px 2%;
	font-size: 15px;
}

}div.blockadvmulti {
	height: auto;
}
p.advmulti img {
	display:block;
	margin:0 auto;
	width:auto;
	margin-bottom:10px;
}

/* 1 - Top */
p.advmulti1 img { 
	display:block;
	margin:0 auto;
	width:auto;
	margin-bottom:10px;
}

/* 2 - Left */
p.advmulti2 img { 
	display:block;
	margin:0 auto;
	width:auto;
	margin-bottom:10px;
}

/* 3 - Right */
p.advmulti3 img { 
	display:block;
	margin:0 auto;
	width:auto;
	margin-bottom:10px;
}

/* 4 - Home */
p.advmulti4 img { 
	display:block;
	margin:0 auto;
	width:auto;
	margin-bottom:10px;
}

/* 5 - Footer */
p.advmulti5 img { 
	display:block;
	margin:0 auto;
	width:auto;
	margin-bottom:10px;
}div.main_slider {
    width: 100%;
    float: left;
}

.main_slider img,
.main_slider picture {
    width: 100%;
	float: left;
}



.owl-loaded {
	position: relative;
}

.owl-stage-outer {
    overflow: hidden;
}
.owl-item {
	float: left;
}



.owl-carousel {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 2; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-carousel .owl-stage-outer {
    width: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-stage {
	display: flex;
    flex-wrap: wrap;
}
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

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

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

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

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

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("https://dream-matras.ru/modules/banners/views/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.bestkit_icon_item {
    float: left;
    margin: 2px;
    border: 2px solid transparent;
}

.bestkit_icon_item:hover {
    border: 2px solid #d0d0d0;
}

.bestkit_icons_product_list #bestkit_icons_wrapper { text-align: center; }
.bestkit_icons_product_list #bestkit_icons_container { display: inline-block; padding-left: 0px; }#cookieagreement {
    display: none;
}

.cookieagreement__wrapper {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    padding: 20px 30px;
    z-index: 10000;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
}

.cookieagreement__text {
    max-width: 340px;
    border-radius: 5px;
    padding-bottom: 15px;
    color: #777777;
    text-align: left;
}

.cookieagreement__agree_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    background-color: #6d6d6d;
    border-style: none;
    border-radius: 30px;
    box-shadow: none;
    transition-duration: 0.2s;
    transition-property: background-color,color,border-color,box-shadow,opacity,transform;
    transition-timing-function: ease-in-out;
}

.cookieagreement__agree_button button {
    color: #ffffff;
    background: 0 0;
    max-width: 100%;
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-align: center;
    white-space: inherit;
    text-overflow: ellipsis;
    cursor: pointer;
}

.cookieagreement__close_button {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 5px;
}*{
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -o-transition:      all 0.2s ease;
    -moz-transition:    all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition:         all 0.2s ease;
}

body {
    background: #f2f2f2;
    font-size: 15px;
    color: #4e4e4e;
    font-family: 'GothamProRegular';
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

a {
    text-decoration: none;
    color: #6aa7df;
}


div.over {
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left;
}

div.center {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}


ol {
    margin: 0px 0px 15px 20px;
}
ol ol, ul ol {
    margin: 10px 0px 15px 20px;
}
ol li {
    margin: 0px 0px 8px 0px;
}


div.header {
    background: #fff;
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 15px 0px;
    position: relative;
    float: left;
}
/* .shadow:before {
    content: "";
    background: #333;
    position: absolute;
    top: 30px;
    left: 10px;
    bottom: 0px;
    right: 10px;
    z-index: -1;
    -moz-box-shadow: 	0 5px 70px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 5px 70px rgba(0,0,0,0.4);
    box-shadow: 		0 5px 70px rgba(0,0,0,0.4);
} */
.header:before {
    bottom: -68px;
}





div.top_line {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    float: left;
}


div.top_menu {
    margin: 3px 20px 15px 0px;
    float: left;
}
ul {
    list-style-type: none;
}
.top_menu li {
    margin: 0px 0px 0px 20px;
    float: left;
}
.top_menu li a {
    color: #4c7da2;
}
.top_menu li a:hover {
    text-decoration: underline;
}






div.search {
    width: 180px;
    margin: -3px 20px 0px 0px;
    position: relative;
    float: right;
}
.search form {
	width: 100%;
    display: flex;
    float: left;
}


div.search_show {
    display: none;
}

.search input[type="text"] {
    background: #ededed;
    width: 90px;
    height: 31px;
    padding: 0px 20px 0px 10px;
    margin: -2px 15px 0px 0px;
    box-sizing: border-box;
    font-size: 14px;
    color: #999;
    position: relative;
    z-index: 2;
    float: left;
    flex: 1;
    border-radius: 100px;
    transition: all 0.5s ease;
}

.search button {
    background: none;
    width: 30px;
    height: 31px;
    margin: -2px 0px 0px 0px;
    position: relative;
    cursor: pointer;
    float: right;
}

.search button:before, .search_open:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #6f6f6f;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
}
.search_open:before {
    border: 2px solid #333;
}

.search button:after, .search_open:after {
    content: "";
    background: #6f6f6f;
    width: 2px;
    height: 7px;
    position: absolute;
    top: 21px;
    left: 18px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search_open:after {
    background: #333;
}

.search button:hover:before {
    border-color: #4c7da2;
}

.search button:hover:after {
    background: #4c7da2;
}

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}

::-webkit-input-placeholder {
    font-family: gothamproregular;
}
:-moz-placeholder {
    font-family: gothamproregular;
}
::-moz-placeholder {
    font-family: gothamproregular;
}
:-ms-input-placeholder {
    font-family: gothamproregular;
}







div.logo {
    margin: 26px 0px 0px 20px;
    position: relative;
    float: left;
    display: flex;
    align-items: center;
}
.logo img {
    width: 190px;
    margin: 0px 50px 0px 0px;
    float: left;
}


.logo span {
    width: 180px;
    font-size: 13px;
    display: block;
    float: left;
    text-transform: uppercase;
}





div.korz_bl {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/korz_bl.svg) no-repeat left;
    background-size: 50px;
    padding: 8px 0px 3px 60px;
    margin: 25px 20px 14px 40px;
    font-size: 16px;
    color: #7b7b7b;
    position: relative;
    float: right;
}
.korz_bl a {
    color: #7b7b7b;
    display: block;
    margin: 0px 0px 3px 0px;
}
.korz_bl a:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.korz_bl p {
    position: absolute;
    top: 16px;
    left: 24px;
    font-size: 12px;
    color: #4c7da2;
    font-family: 'gothamprobold';
}
.korz_bl span {
    font-size: 19px;
    color: #4c7da2;
    font-family: 'gothamprobold';
    display: block;
}
.korz_bl span span {
    display: inline;
}



div.tel {
    margin: 42px 20px 0px 48px;
    float: right;
}
.tel a {
    font-size: 22px;
    color: #51a3b0;
    font-family: 'GothamProBlack';
    display: block;
}
.tel a:hover {
    color: #53a7b3;
}



div.call_back {
    background:url(https://dream-matras.ru/themes/dreamline/css/../img/back.svg) no-repeat left;
    background-size: 40px;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 0px 50px;
    margin: 29px 0px 0px 0px;
    font-size: 18px;
    color: #7b7b7b;
	cursor: pointer;
    float: right;
}
.call_back:hover {
    color: #53a7b3;
}



div.main_menu {
    background: #53a7b3;
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    width: 100%;
    position: relative;
    z-index: 6;
    float: left;
}
.line:before, .line:after {
    content: "";
    background: #4c95a0;
    width: 2400px;
    height: 68px;
    position: absolute;
    top: 5px;
    right: 100%;
    z-index: -2;
}
.line:after {
    background: #467395;
    left: 100%;
    right: auto;
}

ul {
    list-style-type: none;
}
.main_menu li {
    color: #333333;
    display: block;
	position: relative;
    float: left;
}
.main_menu li span, .main_menu li a {
    padding: 25px 15px;
    font-size: 16px;
    color: #fff;
    display: block;
    font-family: 'gothamprobold';
    text-transform: uppercase;
    float: left;
    transition: all 0.2s linear;
}
.main_menu li a:hover {
    text-shadow: 0px 0px 10px #fff;
}





.main_menu ul ul {
    background: #53a7b3;
    display: none;
    position: absolute;
    top: 100%;
    left: 0 !important;
}

.main_menu ul ul li {
	width: 100%;
	float: left;
}
.main_menu ul ul li a {
    font-size: 16px;
}

/* Main Menu */
.main_menu li a,
.main_menu li span {
  text-decoration: none;
}

/* Main Menu Hover */
.main_menu ul a:hover,
.main_menu ul span:hover,
.main_menu ul li:hover a,
.main_menu ul li:hover span {

}

/* Second Menu */
.main_menu ul li:hover li a, .main_menu ul li:hover li span {
    width: 100%;
    box-sizing: border-box;
    padding: 11px 15px;
    color: #fff;
    display: block;
}
.mobile .main_menu ul li:hover li a, .mobile .main_menu ul li:hover li span {
    color: #333;
	padding: 11px 20px !important;
}
.main_menu li li a:before,
.main_menu li li span:before {
	display: none;
}

/* Second Menu Hover */
.main_menu ul li:hover li li a:hover, .main_menu ul li:hover li li span:hover, .main_menu ul li:hover li li:hover a, .main_menu ul li:hover li li:hover span {
    background: #4c7da2;
    text-shadow: 0px 0px 10px rgb(255 255 255);
}

.desk .main_menu ul li:hover ul {
	display: block;
}

.main_menu ul ul ul {
	max-width: 250px;
	top: 0;
	padding: 10px 0px;
}

.main_menu ul li:hover ul ul {
	display: block;
}

.desk .main_menu ul li:hover ul,
.desk .main_menu ul ul li:hover ul {
	display: block;
}

.level-1 {
	display: flex !important;
    flex-direction: column;
}



/****************************************** FIXED_HEADER ***********************************************/


.fixed_header {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: -150px;
    z-index: 11;
    box-shadow: 0 0 30px rgb(0 0 0 / 50%);
}
.drop_fixed_header .fixed_header {
	transform: translate(0,150px);
}
.fixed_header .center {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.fixed_header .logo {
    margin: 0;
}
.fixed_header .logo img {
    width: 140px;
    margin: 0px 10px 0px 0px;
}


.fixed_header .main_menu {
    background: none;
    width: auto;
}
.fixed_header .line:before, .fixed_header .line:after {
    display: none;
}

.fixed_header .main_menu li a {
    padding: 6px 10px 10px;
    font-size: 15px;
    color: #4e4e4e;
    font-family: 'GothamProRegular';
    text-transform: none;
}
.fixed_header .main_menu li a:hover {
   text-decoration: underline;
}

.fixed_header .korz_bl {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/korz_bl.svg) no-repeat left;
    background-size: 33px;
    padding: 3px 0px 4px 40px;
    margin: 0px 13px 0px 0px;
    font-size: 13px;
}

.fixed_header .korz_bl p {
    top: 12px;
    left: 14px;
    font-size: 11px;
}
.fixed_header .korz_bl span {
    font-size: 16px;
}




/****************************************** FIXED_HEADER end ***********************************************/




div.slider_cont {
    width: 100%;
    margin: 0px 0px 60px 0px;
    position: relative;
    z-index: 2;
    display: flex;
    float: left;
}


.slider_cont .center {
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
}
.shadow:before {
    content: "";
    background: #333;
    position: absolute;
    top: 30px;
    left: 10px;
    bottom: 0px;
    right: 10px;
    z-index: -1;
    -moz-box-shadow: 0 5px 70px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 5px 70px rgb(0 0 0 / 40%);
    box-shadow: 0 5px 70px rgb(0 0 0 / 40%);
}
.slider_cont .shadow:before {
    top: 30px;
    left: 20px;
    bottom: 10px;
    right: 20px;
}


div.filter {
    background: #fff;
    width: 250px;
    margin: 0px 0px 15px 0px;
    padding: 5px 20px 0;
    float: left;
}
div.filter .close {
    display: none;
}

.filter_show {
    display: none;
}


div.filter_title, div.drug_title {
    margin: 6px 0px 5px 0px;
    font-size: 13px;
    color: #e24e7e;
    font-weight: bold;
    float: left;
}

div.filter_select {
    width: 100%;
    float: right;
}




.jq-selectbox {
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
    text-transform: none;
    float: left;
}
.jq-selectbox__select {
    background: #fff;
    height: 36px;
    padding: 10px 45px 0 10px;
    box-sizing: border-box;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    font-size: 14px;
    color: #4e4e4e;
}

.jq-selectbox__select:hover {
    border: 1px solid #ccc;
}
.jq-selectbox__select:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}
.jq-selectbox__select-text {
    display: block;
    width: 100%;
}
.jq-selectbox .placeholder {
    color: #888;
}
.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-left: 1px solid #CCC;
}
.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #da4d4d;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #AAA;
}
.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 0px 0 0;
    padding: 0;
    /* border: 1px solid #CCC; */
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 2px 40px -8px rgba(0,0,0,.4);

    font-size: 16px;
}
.jq-selectbox__search {
    margin: 5px;
}
.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #CCC;
    border-radius: 3px;
    outline: none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333;
}
.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #333;
    font-size: 13px;
}
.jq-selectbox ul {
    margin: 0;
    padding: 0;
}
.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #4e4e4e;
}
.jq-selectbox li.selected {
    background-color: #A3ABB1;
    color: #FFF;
}
.jq-selectbox li:hover {
    background-color: #ca4379;
    color: #FFF;
}
.jq-selectbox li.disabled {
    color: #AAA;
}
.jq-selectbox li.disabled:hover {
    background: none;
}
.jq-selectbox li.optgroup {
    font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default;
}
.jq-selectbox li.option {
    padding-left: 25px;
}
.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default;
}
.jq-select-multiple.focused {
    border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}
.jq-select-multiple ul {
    margin: 0;
    padding: 0;
}
.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none;
}
.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF;
}
.jq-select-multiple li.disabled {
    color: #AAA;
}
.jq-select-multiple li.optgroup {
    font-weight: bold;
}
.jq-select-multiple li.option {
    padding-left: 25px;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF;
}



.jq-selectbox,
.jq-select-multiple {
    position: relative;
    display: inline-block;
}
.jq-selectbox select,
.jq-select-multiple select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
}
.jq-selectbox li,
.jq-select-multiple li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.jq-selectbox {
    z-index: 10;
}
.jq-selectbox__select {
    position: relative;
}
.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.jq-selectbox__dropdown {
    position: absolute;
}
.jq-selectbox__search input {
    -webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}
.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch;
}

input {
    -webkit-appearance: none;
}



/******ПОЛЗУНОК******/

.drug {
    width:100%;
    margin: 0px 0px 20px 0px;
    float: left;
}

div.results {
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    color: #717171;
    float: left;
}
#slider-result_max,
#slider2-result_max,
#slider-result {
    float: right;
}


.drug .slider {
    background: #00ada9;
    width: 100%;
    height: 3px;
    position: relative;
    float: left;
}

/*стиль для кнопки слайдера*/
.drug .ui-slider-handle {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/drug.gif) 12px 0;
    width: 12px;
    height: 17px;
    position: absolute;
    top: -17px;
    margin-left: -5px;
    z-index: 1;
}
.drug .ui-state-hover,
.drug .ui-state-active {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/drug.gif) 0px 0;
}
.girl .ui-slider-handle:before {
    content:'';
    background: #555;
    width:61px;
    height:73px;
    position: absolute;
    top:-73px;
    left:-23px;
    z-index: 2;
}
.boy  .ui-slider-handle:after {
    content:'';
    background:$777;
    width:61px;
    height:73px;
    position: absolute;
    bottom:-73px;
    left:-23px;
    z-index: 2;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #53a7b3;
	border-radius: 20px;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -9px;
    transition: all 0s ease;
}


/*результирующий div, где показывается значение слайдера*/


/*Цвет заливки бара*/
.drug .ui-widget-header {
    background: #ededed;
    height: 3px;
    left: 1px;
    top: 0px;
    position: absolute;
}



div.drug_before,
div.drug_after {
    font-size: 13px;
    color: #717171;
    margin: 9px 7px 0px 0px;
    float: left;
}
div.drug_after {
    margin-right: 7px;
    float: right;
}



div.go_filter {
    width: 100%;
    float: left;
}
.go_filter input {
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    width: 130px;
    height: 30px;
    position: relative;
    left: 50%;
    margin: 0px 0px 18px -65px;
    color: #fff;
    cursor: pointer;
    font-family: 'gothamprobold';
    float: left;
}




div.slid_marg {
    position: absolute;
    top: 0;
    left: 290px;
    right: 0;
    bottom: 0;
}


#slid_main {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

div.slide_box {
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left;
}
.slide_box img {
    width: 100%;
    position: relative;
    float: right;
}



.owl-carousel .owl-prev, .owl-carousel .owl-next {
    background: rgb(29 72 105 / 40%);
    background-size: 10px !important;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 15px;
    overflow: hidden;
    margin: -23px 0px 0px 0px;
    cursor: pointer;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {
    background: rgb(29 72 105 / 80%);
}
.owl-carousel .owl-next {
    right: 15px;
    left: auto;
}
.owl-carousel button span {
    text-indent: 0 !important;
    font-size: 30px;
    margin: -4px 0px 0px 0px;
    color: #fff;
}

/* PAGINATION OWL */

.owl-pagination {
    margin: -30px 0px 0px 0px;
    position: relative;
    z-index: 2;
}


.owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 3;
}


/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-dots.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-dots .owl-dot {
	background: none;
    display: inline-block;
    zoom: 1;
}
.owl-dots .owl-dot span {
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    display: block;
    width: 15px;
    height: 15px;
    margin: -5px 7px;
    opacity: 0.5;
    cursor: pointer;
    border-radius: 10px;
}

.owl-dots .owl-dot.active span,
.owl-dots.clickable .owl-dot:hover span{
    opacity: 0.9;
}

/* If PaginationNumbers is true */

.owl-dots .owl-dot span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    /*background: url(https://dream-matras.ru/themes/dreamline/css/../AjaxLoader.gif) no-repeat center center*/
}




/* STILE OWL */

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-stage-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.owl-carousel .owl-stage-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-dot,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}



div.owl-nav {
	position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
}










div.cats_cont {
    width: 100%;
    margin: 0px 0px 80px 0px;
    display: flex;
    align-items: stretch;
    gap: 20px;
}

div.cats_cont > .cats_bl:first-child {
    flex-shrink: 0;
    width: calc(40% - 10px);
    aspect-ratio: unset;
}

div.cats_rest {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

div.cats_rest > .cats_bl {
    aspect-ratio: 1.5 / 1;
}

div.cats_bl {
    background: #fff;
    margin: 0;
    position: relative;
    overflow: hidden;
    aspect-ratio: 2.1 / 1;
    -o-transition:      all 0s ease;
    -moz-transition:    all 0s ease;
    -webkit-transition: all 0s ease;
    transition:         all 0s ease;
}

.cats_bl:before {
    content: "";
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    width: 420px;
    height: 420px;
    position: absolute;
    top: -370px;
    left: -350px;
    z-index: 0;
    pointer-events: none;
    border-radius:        444px;
    -moz-border-radius:   444px;
    -khtml-border-radius: 444px;
    -o-transition:      all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition:         all 0.4s ease;
}
.cats_bl:hover:before {
    top: -130px;
    left: -146px;
}

div.cats_img {
    position: absolute;
    top: 50%;
    right: -50px;
    z-index: 1;
    margin: -100px 0px 0px 0px;
}
.cats_img {
    position: absolute;
    top: 50%;
    right: -50px;
    z-index: 1;
    margin: -117px 0px 0px 0px;
    -o-transition:      all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition:         all 0.4s ease;
}
.cats_rest > .cats_bl .cats_img {
    right: -145px;
}
.cats_rest > .cats_bl:nth-child(4) .cats_img {
    right: -60px;
}
.cats_bl:hover .cats_img {
    transform:			translate(-10px,0);
    -webkit-transform:  translate(-10px,0);
    -o-transform:		translate(-10px,0);
    -moz-transform:		translate(-10px,0);
}

.cats_bl:hover .cats_img img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

div.cats_title {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 2;
    font-size: 25px;
    font-family: 'GothamProBlack';
}

.cats_rest > .cats_bl .cats_title {
    font-size: 20px;
    left: 20px;
    top: 35px;
}

.cats_cont > .cats_bl:first-child .cats_title {
    font-size: 40px;
}

.cats_title a {
    color: #53a7b3;
    text-transform: uppercase;
}

.cats_title a:before {
    content:"";
    position: absolute;
    top: -300px;
    left: -200px;
    bottom: -200px;
    right: -500px;
    z-index: 3;
}


.cats_title span {
    display: block;
    font-size: 14px;
    font-family: 'GothamProRegular';
}
.cats_title span span {
    display: inline;
}

.ruble {
	font-size: 80% !important;
}


div.cats_num {
    width: 40px;
    height: 40px;
    line-height: 41px;
    border: 1px solid #cdcdcd;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 0;
    font-size: 12px;
    color: #7b7b7b;
    text-align: center;
    border-radius: 40px;
}


ul.cats_subcategories {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 4;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.cats_subcategories li {
    margin: 5px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

ul.cats_subcategories li:before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #53a7b3;
    pointer-events: none;
}

ul.cats_subcategories li a {
    font-size: 17px;
    font-weight: 600;
    font-family: 'GothamProRegular';
    color: #53a7b3;
    text-transform: uppercase;
    transition: all 0.2s linear;
}
ul.cats_subcategories li a:hover {
    text-shadow: 0px 0px 1px #53a7b3;
}


				@media screen and (min-width: 1001px){
.cats_bl:hover .cats_title a,
.cats_bl:hover .cats_title span {
    color: #fff;
}
.cats_bl:hover .cats_num {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    transition-delay: 0.2s;
}

}









div.main_ic_cont {
    width: 100%;
    margin: 0px 0px 90px 0px;
    position: relative;
    float: left;
}
.main_ic_cont:before {
    content:"";
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
}


.main_ic_cont .center {
    position: relative;
}

div.main_ic_box {
    width: 102%;
    float: left;
}

div.main_ic_bl {
    background: #fff;
    width: 23%;
    margin: -25px 2% 0px 0px;
    padding: 15px 0px 0px 0px;
    position: relative;
    float: left;
}
.main_ic_bl:before {
    -moz-box-shadow: 0 5px 70px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 5px 70px rgba(0,0,0,0.3);
    box-shadow: 0 5px 70px rgba(0,0,0,0.3);
}

div.main_ic_title {
    background: #53a7b3;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    color: #fff;
    font-family: 'gothamprobold';
    float: left;
}

.main_ic_title img {
    width: 45px;
    margin: 13px 20px 0px 20px;
    float: left;
}
.main_ic_title span {
    width: 140px;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
}


div.main_ic_text {
    width: 100%;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
    padding: 20px 20px 0px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    float: left;
}

div.main_ic_link {
    margin: 0px 20px 20px 0px;
    float: right;
}
.main_ic_link a {
    color: #d5487b;
    font-family: 'gothamprobold';
}
.main_ic_link a:hover {
    text-decoration: underline;
}










div.main_text_cont {
    width: 100%;
    margin: 0px 0px 90px 0px;
    box-sizing: border-box;
    float: left;
}

.main_text_cont h1 {
    width: 100%;
    margin: 0px 0px 30px 0px;
    font-size: 25px;
    color: #235378;
    text-align: center;
    font-family: 'GothamProBlack';
    text-transform: uppercase;
    float: left;
}


div.main_img {
    width: 290px;
    float: left;
}
.main_img img {
    width: 100%;
}


div.main_text {
    margin: 0px 0px 0px 310px;
    text-align: justify;
    line-height: 23px;
}








div.hit_cont {
    background: #fff;
    width: 100%;
    position: relative;
    margin: 0px 0px 90px 0px;
    float: left;
}


div.hit_title {
    width: 100%;
    margin: 25px 0px;
    font-size: 25px;
    color: #4c7da2;
    text-align: center;
    font-family: 'GothamProBlack';
    text-transform: uppercase;
    float: left;
}


.tabs_main .tovar_res {
    width: 100%;
    margin: 0 0 40px;
    display: flex;
    justify-content: center;
}


div.texts_container {
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: flex;
    flex-wrap: wrap;
    float: left;
}

div.composition_container {
    background: #fff;
    width: 410px;
    padding: 15px 30px 30px;
    margin: 0px 10px 0px 0px;
    box-sizing: border-box;
    float: left;
}

div.composition_title {
	width: 100%;
	margin: 0px 0px 20px 0px;
	font-size: 20px;
	color: #484747;
	font-family: 'gothamprobold';
	float: left;
}

.main_ic_text ul li, .composition_container ul li, .tabs_text ul li, .list-wrap div>ul li, .rte ul li {
    width: 100%;
    position: relative;
    padding: 0px 0px 8px 15px;
    box-sizing: border-box;
    float: left;
}
.main_ic_text ul li:before, .composition_container ul li:before, .tabs_text ul li:before, .list-wrap div>ul li:before, .rte ul li:before {
    content: "";
    background: #53a7b3;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 2;
    border-radius: 10px;
}

.main_ic_text ul li {
    padding-bottom: 0
}



div.tabs_wrapper {
	width: 100%;
	margin: 0px 0px 0px 0px;
	float: left;
}
.tabs_go {
	margin-bottom: 20px;
}

div.tabs_bl {
	width: 100%;
	position: relative;
	float: left;
}


div.tabs_btn {
    width: 7px;
    height: 7px;
    position: absolute;
    top: 19px;
    left: 15px;
    z-index: 2;
    transition: all 0.2s linear;
}
.tab_go .tabs_btn {
	transform:         rotate(90deg);
}

.tabs_btn:before,
.tabs_btn:after {
	content:"";
	width: 5px;
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
    border-bottom: 1px solid #4e4e4e;
	opacity: 1;
	transition:         all 0.5s linear;
	transform:         rotate(55deg);
}
.tabs_btn:after {
    transform: rotate(-55deg);
    left: 0px;
    top: 1px;
}


div.tabs_title {
    background: rgb(218 74 124 / 5%);
    width: 100%;
    padding: 11px 0;
    margin: 0px 0px 1px 0px;
    font-size: 15px;
    color: #4e4e4e;
    text-indent: 30px;
    cursor: pointer;
    font-family: 'gothamprobold';
    float: left;
}
.tab_go .tabs_title {
    background: rgb(106 41 122 / 10%);
}



div.tabs_over {
    background: #fff;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s linear;
	float: left;
}
.tab_go .tabs_over {
    max-height: 10000px;
}

.tabs_over>div {
    margin: 15px 0px 20px;
}

div.tabs_text {
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    float: left;
}






div.tabs_add {
	width: 100%;
	margin: 20px 0px;
	text-align: center;
	float: left;
}
.tabs_add a {
	background: #fed102;
	padding: 11px 20px 15px;
	border-top: 3px solid #202020;
	display: inline-block;
	font-size: 20px;
	color: #202020;
	-o-transition:      all 0.2s linear;
	-moz-transition:    all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition:         all 0.2s linear;
}

.tabs_add a:hover {
	background: #202020;
	color: #fed102;
}





/* TABS */


#tabs {
    width: 100%;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: stretch;
    float: left;
}

#tabs .tabs_nav {
    width: 100%;
    position: relative;
    z-index: 2;
    text-align: center;
    float: left;
}
#tabs .tabs_nav li {
    display: inline-block;
}

#tabs .tabs_nav li.last { margin-right: 0; }
#tabs .tabs_nav a {
    display: block;
}



.tabs_main .tabs_nav {
    width: 100%;
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    float: left;
    display: flex;
    justify-content: center;
}
.tabs_main .tabs_nav li {
    margin: 15px 17px 21px;
}
.tabs_main .tabs_nav a {
    padding: 10px 0px 5px;
    border-bottom: 3px solid transparent;
    font-size: 20px;
    color: #fff;
    opacity: 0.7;
    font-family: 'GothamProBlack';
}
.tabs_main .tabs_nav li a:hover,
.tabs_main a.current {
    color: #fff;
    border-bottom: 3px solid rgba(255, 255, 255, 0.4);
    opacity: 1;
}


.tabs_main .list-wrap {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 35px 15px;
    border: 1px solid #e8e8e8;
    height: auto !important;
    font-size: 16px;
    float: left;
}

.tabs_main .table {
    overflow-X: visible;
}

#tabs .tovar_res {
    width: 100%;
    margin: 20px 0 70px;
    display: flex;
    justify-content: center;
}

.tabs_main .jcf-select .jcf-select-drop {
    max-height: 110px !important;
}
.tabs_main .jcf-list .jcf-list-content {
    max-height: 110px !important;
}

.tabs_main .owl-dots {
    z-index: 10;
}

.tabs_main .list-wrap p {
    margin: 0px 0px 20px 0px;
}

.tabs_main .list-wrap ul {
    margin: 0px 0px 10px 0px;
}



.tabs_main  .product_list {
    padding: 0px 50px;
    box-sizing: border-box;
}
.tabs_main .owl-nav {
    margin: 0px -30px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

#tabs .owl-carousel .owl-prev, #tabs .owl-carousel .owl-next {
    background: rgb(0 0 0 / 20%);
    left: -21px;
    border: 1px solid rgba(0,0,0,0.1);
}
#tabs .owl-carousel .owl-next {
    left: auto;
    right: -21px;
}



#hit_slider {
    width: 100%;
    text-align: center;
    float: left;
}
#hit_slider .tovar_bl {
    margin-bottom: 65px;
}


div.tovar_box {
    width: 100%;
    float: left;
}


div.tovar_bl {
    background: #fff;
    width: 100%;
    max-width: 300px;
    margin: 0px 0% 15px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    color: #8c8c8c;
    text-align: left;
    display: inline-block;
    transition: all 0.2s ease;
    /* border-radius: 0 0 23px 0; */
	border-radius: 2px;
}
.tovar_bl:hover, .krovati_bl:hover {
    box-shadow: 0 20px 50px -15px rgb(0 0 0 / 25%);
    z-index: 3;
}



div.sale {
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    width: 35px;
    height: 21px;
    margin: 0px 10px 0px 0px;
    line-height: 22px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border-radius: 10px 0px 10px 0px;
}
div.hit {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/hit_ic.svg);
    width: 55px;
    height: 50px;
    top: -33px;
    left: 10px;
    padding: 0px 4px 0px 0px;
    box-sizing: border-box;
    font-size: 11px;
    color: #fff;
}

div.tovar_img {
    width: 100%;
    height: 180px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0px 0px 15px 0px;
    overflow: hidden;
	display :flex;
    float: left;
}
.tovar_img a {
    width: 100%;
    display :flex;
	justify-content: center;
	align-items: center;
}
.tovar_img img {
    width: 100%;
    float: left;
}


div.preview_gift {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
}


div.preview_gift .icon_item {
    background: #ffffff;
    width: 50px;
    height: 50px;
    padding: 0;
    z-index: 9;
    border-radius: 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

.preview_gift .icon_item img {
    width: 29px;
}

.product_block .hit {
    background: #ffd100;
    width: 50px;
    height: 50px;
	margin: 0px 15px 0px 0px;
    padding: 0;
    position: relative;
    top: 0;
    right: auto;
    left: auto;
    z-index: 0;
	text-align: center;
    border-radius: 50px;
    box-sizing: border-box;
    float: left;
}
.product_block .hit:before {
    display: none;
}
.product_block .hit svg {
    margin: 2px 0px -7px 0px;
    float: none;
}
.product_block .hit span {
    float: none;
}



div.icon_description {
    background: #fff;
    width: 240px;
    position: absolute;
    top: 90%;
    left: 10px;
    z-index: 2;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333333;
    text-align: justify;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 13px 40px -5px rgb(0 0 0 / 30%);
    border-radius: 3px;
    transform: translate(0,25px);
}
.icon_item:hover .icon_description {
	opacity: 1;
	visibility: visible;
	transform: translate(0,0);
}
.icon_description a {
	display: inline-block;
	position: relative;
}
.icon_description a:before {
	content:"";
	position: absolute;
	top: 0;
	bottom: -20px;
	left: 0;
	right: 0;
	z-index: 2;
}

.icon_description:before {
    content: "";
    border: 4px solid transparent;
    border-bottom: 4px solid #fff;
    position: absolute;
    top: -8px;
    left: 11px;
    z-index: 5;
    transform: rotate(0deg);
}
.icon_description img {
    width: 100% !important;
    margin: -20px auto;
    display: block;
    position: relative;
    z-index: -1;
}


.icon_description div {
	font-size: 15px;
	text-align: center;
}
.gift_price p {
    color: #f66f79;
    text-transform: uppercase;
    margin: 0 0 3px 0;
	font-family: 'gothamprobold';
}
.gift_price>span {
    font-size: 14px;
    color: #4e4e4e;
    text-decoration: line-through;
}
.gift_price>span span {
    font-family: 'gothamprobold';
}


div.tovar_title {
    width: 100%;
    height: 15px;
    position: relative;
    padding: 0px 0px 3px 0px;
    float: left;
}
.tovar_title a {
    width: 94%;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 7px 3% 0px;
    position: absolute;
    bottom: 8px;
    display: block;
    font-size: 16px;
    color: #333;
}




div.tovar_info {
    width: 94%;
    height: 42px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0px 3% 13px;
    padding: 0px 0px 10px 0px;
    float: left;
}
div.tovar_info_all {
    background: #fff;
    width: 200px;
    height: 43px;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
div.tovar_info_all:hover {
    height: 204px;
    margin: -124px 0px -37px 0px;
    padding: 10px 0px 0px 0px;
}
.tovar_info_all div{
    width: 100%;
    float: left;
}
.tovar_info_all p {
    width: 100%;
    font-size: 15px;
    float: left;
}
.tovar_info_all span {
    font-size: 13px;
    margin: 0px 0px 7px 0px;
    float: left;
}


div.hardness_cont {
    width: 39%;
    height: 41px;
    float: left;
}

div.hardness_second_cont {
    margin: 0px 0px 1px 0px;
    float: left;
    clear: left;
}


div.hardness {
    margin: 0px 17px 1px 0px;
    float: left;
}
.hardness p {
    margin: 0px 0px 9px 0px !important;
    font-size: 13px !important;
}

div.hardnessDop{
    height: 8px;
    margin: 0px 17px 0px 0px;
    float: left;
}

.hardness span.hardnessRed, .hardnessDop span.hardnessRed{
    background-color: #8c8c8c;
    width: 13px;
    margin-right: 1px;
    float: left;
    height: 6px;
}

.hardness span.hardnessWhite, .hardnessDop span.hardnessWhite{
    background-color: #fff;
    border: 1px solid #8c8c8c;
    width: 11px;
    margin-right: 1px;
    float: left;
    height: 4px;
}

div.visota {
    width: 30%;
    margin: 0px 1px 0px 0px;
    font-size: 14px !important;
    float: left;
}
.visota i, .ves i {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/visota.svg) no-repeat left;
    width: 9px;
    height: 21px;
    margin: 3px 5px 0px 0px;
    opacity: 0.5;
    float: left;
    filter: grayscale(100%);
}
.visota i i,
.ves i i {
    background-position: 0 -18px;
    margin: 0px;
    opacity: 0;
}


.ves i {
    background:url(https://dream-matras.ru/themes/dreamline/css/../img/ves.svg) no-repeat left;
    width: 23px;
    height: 20px;
}
.ves i i {
    background-position: 0 -20px;
}

div.ves {
    font-size: 14px !important;
}

div.visota span, div.ves span {
    margin: 7px -20px 0px 0px;
    display: inline-block;
}

.ves span {
    text-indent: -17px;
    overflow: hidden;
    margin: 7px 0px 0px -2px !important;
    font-size: 13px;
}



.tovar_info .best_icons_bl img {
	width: 50px;
}


div.tovar_size {
    margin: 27px 0px 0px 0px;
    position: relative;
    z-index: 2;
    float: left;
}
.tovar_size:hover {
    z-index: 3;
}

.tovar_size .selector {
    width: 92px;
    margin: -26px 0px 0px 0px;
    display: block;
    float: right;
}


div.tovar_price_box {
    width: 120px;
    height: 46px;
    margin: 0px 0px 0px 10px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}
div.tovar_price_vertical {
	display: flex;
    align-items: center;
}
	


div.tovar_skidka {
    margin: 5px 0px 0px 0px;
    text-align: right;
    color: #8c8c8c;
    float: left;
}
.tovar_skidka strike {
    font-size: 14px;
    display: block;
    float: left;
}

.tovar_skidka p {
    font-size: 20px;
    margin: -7px 0px 0px 10px;
    float: left;
}


div.tovar_cena {
    margin: -2px 10px 0px 0px;
    font-size: 17px;
    float: right;
}
.tovar_cena span {
    font-size: 24px;
    font-family: 'GothamProBlack';
}
.tovar_cena, .tovar_cena span {
    color: #2b6785;
}



.tovar_bl .buy_block {
    width: 100%;
    padding: 0px 10px;
    margin: 0px 0px 13px 0px;
    box-sizing: border-box;
    float: left;
}
.tovar_bl .select_mini {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.select_mini {
    width: 100%;
    float: left;
}
.select_mini .jcf-select {
    width: 150px;
}


.select_mini p {
    font-size: 12px;
    color: #979797;
    margin: 0px 0px 4px 0px;
}

.select_mini .jq-selectbox__select {
    height: 26px;
    padding: 5px 0 0 0;
    border: none;
    border-bottom: 1px solid #31286e;
    color: #31286e;
    font-size: 12px;
}
.select_mini .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 100%;
    border-left: none;
}

.select_mini .jq-selectbox__trigger-arrow {
    top: 9px;
    right: 2px;
    border-top: 5px solid #31286e;
}
.select_mini .jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top: 5px solid #cb447a;
    top: 9px;
}

.select_mini .jq-selectbox li {
    padding: 7px 10px 2px;
    font-size: 12px;
}



div.tovar_add {
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    margin: 0px -1px 10px 0px;
    overflow: hidden;
    position: relative;
    float: right;
    border-radius: 23px 0 0 23px;
}
.tovar_add a {
    width: 120px;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    font-family: 'GothamProBlack';
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: all 0.2s linear;
}

.tovar_add span {
    position: relative;
    z-index: 2;
}

.tovar_add:before {
    border-radius: 23px 0 0px 23px !important;
}



.tovar_cena, .tovar_skidka p, .tovar_skidka strike, .selectbox .select:before, .selectbox .trigger, .tovar_bl:hover,
.hardnessRed,
.hardnessWhite,
.visota i i ,
.ves i i,
.visota span,
.ves span {
    -o-transition:      all 0.2s ease;
    -moz-transition:    all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition:         all 0.2s ease;
}
.tovar_bl:hover {
    border: 1px solid #53a7b3;
}

.tovar_bl:hover .tovar_cena,
.tovar_bl:hover .tovar_cena span {
    color: #53a7b3;
}
.tovar_bl:hover .tovar_skidka p {
    color: #fb4c4c;
}
/* .tovar_bl:hover .tovar_skidka strike {
    color: #333;
}
 */
.tovar_bl:hover .selectbox .select:before {
    border: 1px solid #333;
}
.tovar_bl:hover .selectbox .trigger {
    border-left: 1px solid #333;
}

.tovar_bl:hover .hardnessRed,
.tovar_bl:hover .hardnessRed{
    background-color: #53a7b3;
}
.tovar_bl:hover .hardnessWhite,
.tovar_bl:hover .hardnessWhite {
    border: 1px solid #53a7b3;
}


.tovar_bl:hover .visota i,
.tovar_bl:hover .ves i {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter:	grayscale(0%);
    -ms-filter: 	grayscale(0%);
    -o-filter: 		grayscale(0%);
    filter: 		grayscale(0%);
}


.tovar_bl:hover .visota span,
.tovar_bl:hover .ves span {
    color: #53a7b3;
}








div.article_cont {
    width: 100%;
    margin: 0px 0px 90px 0px;
    float: left;
}

div.title_border {
    width: 100%;
    position: relative;
    font-size: 25px;
    color: #4c7da2;
    margin: 0px 0px 40px 0px;
    text-transform: uppercase;
    font-family: 'GothamProBlack';
    float: left;
}
.title_border:before {
    content:"";
    border-bottom: 1px solid #4c7da2;
    opacity: 0.4;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 0;
}
.title_border span {
    background: #f2f2f2;
    padding: 0px 20px 0px 0px;
    position: relative;
}



div.article_box {
    width: 103%;
    float: left;
}

div.article_bl {
    width: 31%;
    margin: 0px 2% 20px 0px;
    overflow: hidden;
    position: relative;
    float: left;
}
div.article_img {
    background: #ccc;
    width: 145px;
    height: 154px;
    padding-top: inherit;
    position: relative;
    overflow: hidden;
    float: left;
}
.article_img img {
    height: 100%;
}
.article_bl:hover .article_img img {
    transform:         scale(1.1);
    -ms-transform:     scale(1.1);
    -moz-transform:    scale(1.1);
    -o-transform:      scale(1.1);
    -webkit-transform: scale(1.1);
}

div.article_name {
    max-height: 40px;
    margin: 0px 0px 10px 160px;
    font-size: 16px;
    overflow: hidden;
}
.article_name a {
    color: #4c7da2;
}
.article_name a:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.article_name a:hover {
    color: #31286e;
}

div.article_text {
    max-height: 129px;
    margin: 0px 0px 0px 160px;
    font-size: 14px;
    color: #737373;
    overflow: hidden;
}



.article_img span {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.article_bl:first-child .article_img {
    width: 100%;
    height: auto !important;
    min-height: 200px;
    margin: 0px 0px 15px 0px;
    overflow: hidden;
    float: left;
}
.article_bl:first-child .article_img img {
    width: 100%;
    height: auto;
}


.article_bl:first-child .article_name,
.article_bl:first-child .article_text {
    width: 100%;
    margin: 0px 0px 10px 0px;
    float: left;
}















div.qwest {
    background:url(https://dream-matras.ru/themes/dreamline/css/../img/qwest.jpg) no-repeat left;
    width: 100%;
    height: 320px;
    position: relative;
    color: #fff;
    float: left;
}
.qwest:before {
    content:"";
    background: -webkit-linear-gradient(left,rgb(62 138 151 / 8%),#4c7da2);
    background: -o-linear-gradient(left,rgb(62 138 151 / 8%),#4c7da2);
    background: -moz-linear-gradient(left,rgb(62 138 151 / 8%),#4c7da2);
    background: linear-gradient(to right, rgb(62 138 151 / 8%), #4c7da2);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}



div.qwest_title {
    margin: 70px 0px 40px 0px;
    font-size: 30px;
    text-align: right;
    font-family: 'GothamProBlack';
    position: relative;
    z-index: 2;
    float: right;
    text-transform: uppercase;
}
.qwest_title span {
    display: block;
    font-size: 50px;
}



div.qwest_form {
    position: relative;
    z-index: 2;
    float: right;
    clear: right;
}
.qwest_form form {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
}
.qwest_form>span {
    font-size: 15px;
    margin: 0px 0px 7px 0px;
    float: right;
}


.qwest_form input[type="text"] {
    background: none;
    width: 200px;
    height: 44px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    border: 1px solid #fff;
    color: #fff;
    float: left;
    border-radius:        44px;
    -moz-border-radius:   44px;
    -khtml-border-radius: 44px;
}
.qwest_form input[type="text"]:focus {
    background: rgba(255,255,255,0.1);
}

.qwest_form .input_empty input[type="text"] {
    background: #ffd3d3;
    border: 1px solid #ffd3d3;
}

.qwest_form .submit {
	margin: 0px 0px 0px -46px;
	float: left;
}

.qwest_form button {
    background: #fff;
    width: 125px;
    height: 46px;
    font-size: 13px;
    color: #235378;
    font-family: 'gothamprobold';
    cursor: pointer;
    float: left;
    border-radius:        46px;
    -moz-border-radius:   46px;
    -khtml-border-radius: 46px;
}


.qwest_form input::-webkit-input-placeholder {
    color:    #fff !important;
}
.qwest_form input:-moz-placeholder {
    color:    #fff !important;
}
.qwest_form input::-moz-placeholder {
    color:    #fff !important;
}
.qwest_form input:-ms-input-placeholder {
    color:    #fff !important;
}



#pfg-form-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
}

#pfg-form-3 > .form-group:not(.pfg-consent) {
    order: 1;
    position: relative;
    top: auto;
    left: auto;
    z-index: auto;
    height: 46px;
}

#pfg-form-3 > .form-group.input_empty:not(.pfg-consent),
#pfg-form-3 > .form-group.input_incorrect:not(.pfg-consent) {
    height: 64px;
}

#pfg-form-3 > .form-group:not(.pfg-consent) input[type="text"],
#pfg-form-3 > .form-group:not(.pfg-consent) input[type="tel"] {
    width: 200px;
    box-sizing: content-box;
}

#pfg-form-3 > .form-group:not(.pfg-consent) > .required,
#pfg-form-3 > .form-group:not(.pfg-consent) > .incorrect {
    position: absolute;
    top: 48px;
    left: 2px;
    display: none;
    margin: 0;
    color: #ffd3d3;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
}

#pfg-form-3 > .form-group.input_empty:not(.pfg-consent) > .required,
#pfg-form-3 > .form-group.input_incorrect:not(.pfg-consent) > .incorrect {
    display: block;
}

#pfg-form-3 .submit {
    order: 2;
    margin: 0 0 0 -46px;
    position: relative;
    z-index: 2;
}

#pfg-form-3 .pfg-consent {
    order: 3;
    flex: 0 0 100%;
    display: flex;
    justify-content: flex-end;
    margin: 8px 0 0;
    padding: 0;
    clear: none;
    position: relative;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
}

#pfg-form-3 .pfg-consent .decor_checkbox {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 4px;
    align-items: start;
    justify-items: start;
    width: 301px;
    max-width: 100%;
    margin-left: auto;
}

#pfg-form-3 .pfg-consent .decor_checkbox > span:first-child {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
}

#pfg-form-3 .pfg-consent input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #ffd02d;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    opacity: 1;
    position: relative;
}

#pfg-form-3 .pfg-consent input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: #faa322;
    border-radius: 1px;
}

#pfg-form-3 .pfg-consent .jcf-checkbox {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 0;
}

#pfg-form-3 .pfg-consent .jcf-checkbox > span {
    background: #faa322;
}

#pfg-form-3 .pfg-consent .terms_conditions {
    width: auto !important;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
}

#pfg-form-3 .pfg-consent .terms_conditions a {
    color: #fff;
    text-decoration: underline;
}

#pfg-form-3 .pfg-consent .terms_conditions a:hover {
    text-decoration: none;
}

#pfg-form-3 .pfg-consent span.required {
    grid-column: 1 / -1;
    position: static;
    display: none;
    width: auto;
    max-width: 100%;
    margin: 0;
    color: #ffd3d3;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
}

#pfg-form-3 .pfg-consent.input_empty span.required,
#pfg-form-3 .pfg-consent.checkbox_required span.required {
    display: block;
}

#pfg-form-3 button {
    color: #235378;
}

@media screen and (max-width: 749px) {
    #pfg-form-3 {
        width: 270px;
        flex-wrap: nowrap;
        min-height: 104px;
        position: relative;
        align-items: flex-start;
    }

    #pfg-form-3 .pfg-consent {
        position: absolute;
        top: 54px;
        right: 0;
        width: 100%;
    }

    #pfg-form-3 > .form-group.input_empty:not(.pfg-consent) ~ .pfg-consent,
    #pfg-form-3 > .form-group.input_incorrect:not(.pfg-consent) ~ .pfg-consent {
        top: 72px;
    }

    #pfg-form-3:has(> .form-group.input_empty:not(.pfg-consent)),
    #pfg-form-3:has(> .form-group.input_incorrect:not(.pfg-consent)) {
        min-height: 122px;
    }

    #pfg-form-3 .pfg-consent .decor_checkbox {
        width: 270px;
        margin-left: 0;
    }

    #pfg-form-3 .pfg-consent .terms_conditions {
        flex: 1 1 0%;
    }
}





div.overlay {
	background:rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2010;
	display: none;
	transition: all 0s ease;
}


div.popup {
    background: #fff;
    width: 100%;
    max-width: 390px;
    max-height: 80vh;
    overflow: auto;
    padding: 30px 30px 0px;
    box-sizing: border-box;
    position: fixed;
    top: 10vh;
    box-shadow: 0 5px 80px -20px rgb(0 0 0);
    z-index: 2011;
    text-align: center;
    border-radius: 5px;
}

.fancybox-container .popup {
    margin: 0px 0px 0px -195px;
}
.fancybox-container .popup p {
   padding: 0px 0px 20px 0px;
}


div.popup_wrapper {
	width: 100%;
	float: left;
}

div.popup-confirmation {
	padding: 0px 0px 20px 0px;
}


div.popup_title {
    width: 100%;
    margin: 0px 0px 20px 0px;
    font-size: 21px;
    color: #4e4e4e;
    float: left;
}

div.phones_popup {
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #ededed;
    justify-content: center;
    flex-wrap: wrap;
	display: none;
    float: left;
}
.mobile .phones_popup {
    display: flex;
}
.phones_popup a {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/back.svg) no-repeat left;
    background-size: 28px;
    height: 32px;
    padding: 0px 0px 0px 37px;
    font-size: 16px;
    color: #833981;
    cursor: pointer;
    float: right;
    display: flex;
    align-items: center;
}


.popup .form-group {
    width: 100%;
    margin: 0px 0 15px !important;
    float: left;
}

div.close {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	cursor:pointer;
	transition: all 0.2s ease;
}
.close:hover {
	transform: rotate(90deg);
}
.close:before,
.close:after {
	content:"";
	background:#333;
	width: 1px;
	height: 21px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: rotate(45deg);
}
.close:after {
	transform: rotate(-45deg);
}



input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}

.popup input[type="text"], .popup input[type="tel"], .popup textarea {
    background: #fff;
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    padding: 7px 10px;
    box-sizing: border-box;
    font-size: 15px;
    text-indent: 0;
    color: #757575;
    font-family: calibri;
    float: left;
    border-radius: 30px;
}
.popup textarea {
    border-radius: 15px;
}

.input_empty input[type="text"], .input_empty input[type="tel"], .input_empty textarea {
    background: #fcf5f5;
    border: 1px solid #ffd3d3;
}

.popup textarea {
	height: 90px;
	resize: none;
}

.popup .submit {
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: flex;
    justify-content: center;
    float: left;
}



.popup .btn-default,
.popup .btn-success {
    background: linear-gradient(to right, #2f808f, #264b78);
    width: 205px;
    height: 50px;
    margin: 0px 0px 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
	opacity: 0.9;
    transition: all 0.2s ease;
    border-radius: 50px;
}
.popup .btn-default:hover {
	opacity: 1;
}

::-webkit-input-placeholder {
  font-family: calibri;
}
:-moz-placeholder {
  font-family: calibri;
}
::-moz-placeholder {
  font-family: calibri;
}
:-ms-input-placeholder {
  font-family: calibri;
}



.popup_wrapper p {
	font-size: 13px;
	padding: 0px 0px 15px 0px;
}






div.add_cart_popup {
	max-width: 460px;
}

div.add_cart_popup_title {
    margin: 0px 0px 20px 0px;
    font-size: 21px;
    color: #4e4e4e;
}
div.add_cart_popup_name {
    font-size: 16px;
    color: #53a7b3;
    margin: 0px 0px 10px 0px;
}
div.add_cart_popup_attributes {
    font-size: 13px;
    color: #53a7b3;
}

div.add_cart_popup_container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    float: left;
}

div.add_cart_popup_img {
	
}
.add_cart_popup_img img {
	width: 200px;
}
div.add_cart_popup_selects {
    width: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
div.cart_number {
	
}
.cart_number p {
	padding: 0px 0px 5px 0px;
}
div.quantity_input_container {
    background: #ebebeb;
    width: 100%;
    display: flex;
    border-radius: 30px;
}

.popup_wrapper .cart_quantity {
    width: 100%;
}
.quantity_input_container input[type="text"]{
	background: none;
	border: none;
    height: 30px;
    text-align: center;
	flex: 1;
}
.quantity_input_container .button-minus, .quantity_input_container .button-plus {
    width: 30px;
    height: 30px;
	background: none;
	border: none;
    border-radius: 30px;
}
.quantity_input_container .button-minus:before, .quantity_input_container .button-plus:before {
    width: 10px;
	cursor: pointer;
}

.price_by_per_item {
    width: 100%;
    font-size: 12px;
    color: #818181;
    margin: 3px 0px 0px 0px;
}
div.price_by_per_item  {
	
}

div.add_cart_popup_price_wrapper {
    margin: 20px 0px 0px 0px;
    text-align: right;
}

.add_cart_popup_price_wrapper p {
    background: #53a7b3;
    display: inline-block;
    padding: 4px 5px;
    color: #fff;
    font-size: 12px;
}

.add_cart_popup_with_reduction {
    font-size: 16px;
    color: #919191;
    display: inline-block;
    margin: 0px 0px 0px 7px;
    position: relative;
    top: 2px;
}
.add_cart_popup_price {
	margin: 6px 0px 0px 0px;
    font-size: 22px;
    color: #333333;
    clear: left;
    display: block;
}

div.move_to_cart {
	
}

div.continue_shopping {
	
}
.continue_shopping span {
	cursor: pointer;
}
.continue_shopping span:hover {
	text-decoration: underline;
}


div.move_to_cart,
div.continue_shopping {
	width: 100%;
	display :flex;
	justify-content: center;
	float: left;
}
div.continue_shopping {
	margin: 10px 0px 30px 0px;
}






div.additional_product_popup {
    width: 100%;
    margin: 30px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: left;
	overflow: hidden;
}

.additional_product_popup:before {
    content:"";
    border-top: 1px solid rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
    left: -30px;
    right: -30px;
    z-index: 2;
}


div.additional_product {
    width: 100%;
    max-width: 270px;
    position: relative;
    margin: 0px 0px 20px 0px;
    float: left;
}

div.additional_product_checkbox {
	margin: 0px 0px 10px 0px;
	float: left;
}
.additional_product_checkbox .decor_checkbox span, .form_bottom .decor_checkbox span {
    background: #fff;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(250, 163, 34, 0.7);
    margin: 0px 10px 0px 0px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
}

.additional_product_checkbox .decor_checkbox span:before,
.form_bottom .decor_checkbox span:before {
	content:"";
    background: rgba(250, 163, 34, 0);
    position: absolute;
	top: 3px;
	left: 3px;
	bottom: 3px;
	right: 3px;
	z-index: 2;
	transition: all 0.2s ease;
}
.additional_product_checkbox .decor_checkbox span:hover:before,
.form_bottom .decor_checkbox span:hover:before {
	content:"";
    background: rgba(250, 163, 34, 0.2);
}
.additional_product_checkbox .check_active span:before,
.form_bottom .check_active span:before {
    background: rgba(250, 163, 34, 1) !important;
	transform: rotate(90deg) scale(0.8);
}




.additional_product_checkbox label {
	font-size: 16px;
	color: #4e4e4e;
	font-weight: 700;
	cursor: pointer;
}
.additional_product_checkbox label:hover {
	color: rgba(250, 163, 34, 1);
}
.additional_product_checkbox i {
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin: 0px 0px 0px 5px;
	position: relative;
    font-size: 12px;
    color: #4e4e4e;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.4);
    display: inline-block;
    font-style: normal;
    border-radius: 20px;
}
.additional_product_checkbox p {
    display: none;
}

div.additional_product_img {
    width: 70px;
    margin: 0px 10px 0px 0px;
    border: 1px solid rgba(0,0,0,0.1);
    float: left;
    border-radius: 2px;
    overflow: hidden;
    clear: left;
}
.additional_product_img img {
	width: 100%;
	float: left;
}


div.additional_product_name {
    max-width: 170px;
	height: 32px;
    overflow: hidden;
    font-size: 15px;
    line-height: 14px;
    color: #222;
    margin: -2px 0 0 0;
    cursor: pointer;
    text-align: left;
    float: left;
}
.additional_product_name:hover {
  color: #00afbe;
}

div.additional_product_parameter {
    position: absolute;
    left: 80px;
    bottom: -2px;
    font-size: 15px;
    color: #767676;
}
.additional_product_parameter span  {
    display: block;
    font-size: 11px;
}
div.additional_product_price {
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 2;
	font-size: 18px;
	color: #4e4e4e;
	font-weight: 700;
}






.module-ph_simpleblog-single .left_col {
	margin: 0;
}

.rte img {
    max-width: 100%;
    height: auto !important;
    margin: 0px auto 20px;
    display: block;
}
.rte p img {
	margin: 0px auto 0px;
}


div.map_box {
	width: 100%;
	float: left;
}
.map_box iframe {
	max-width: 900px;
	height: 500px;
}


div.table {
	width: 100%;
	overflow-X: auto;
	float: left;
}
.table table {
	min-width: 900px;
}

#tabs .table {
	overflow-X: visible;
}




div.footer {
    background: #fff;
    width: 100%;
	font-size: 14px;
    float: left;
}
.mobile  .footer {
    margin: 0px 0px 60px 0px;
}

.footer .center {
    display: flex;
    flex-wrap: wrap;
}


div.footer_title {
	padding: 10px 0;
	font-size: 15px;
	color: #333333;
	text-transform: uppercase;
	font-family: 'gothamprobold';
}
.footer_title img {
	width: 150px;
}

div.copiright {
	font-size: 12px;
	color: #7b7b7b;
}
.copiright p {
	font-size: 13px;
	color: #4e4e4e;
}



div.footer_bl {
	width: 25%;
	padding: 10px 15px;
	box-sizing: border-box;
	float: left;
}

.footer .center .footer_bl li {
	width: 50%;
}

div.footer_info {
    width: 250px;
}

div.footer_contacts {
    width: 247px;
}

div.footer_menu {
    flex: 2;
}




.footer_phone a {
	font-size: 20px;
	font-family: 'gothamprobold';
	display: block;
}
.footer_phone a:hover {
	color: #235378;
}
.footer_phone span {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/back.svg) no-repeat left;
    background-size: 21px;
    height: 23px;
    padding: 0px 0px 0px 26px;
    margin: 10px 0px 0px 0px;
    font-size: 15px;
    color: #7b7b7b;
    cursor: pointer;
    display: flex;
    align-items: center;
}


.footer_bl p {
	margin: 0px 0px 10px 0px;
}

.footer_bl li {
    width: 100%;
    margin: 0px 0px 4px 0px;
    float: left;
}

li.footer_img {
    width: auto !important;
    float: left;
}
.footer_ic img, .footer_img img {
    height: 50px;
    position: relative;
    top: 20px;
    margin: -20px 10px 18px 0;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    float: left;
}



.footer_menu a {
	color: #4e4e4e;
	text-decoration: underline;
}
.footer_menu a:hover {
	text-decoration: none;
}








/****************************************** KROVATI ***********************************************/




div.krovati_bl {
    width: 99%;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 0 0 23px 0;
    -moz-border-radius: 0 0 23px 0;
    -khtml-border-radius: 0 0 23px 0;
}

div.krovati_info {
    background: #fff;
    width: 270px;
    height: 240px;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    float: right;
}

div.krovati_name {
    height: 42px;
    float: left;
}
.krovati_name a {
    font-size: 18px;
    line-height: 100%;
    color: #4c7da2;
    font-family: 'gothamprobold';
}
.krovati_name a:before {
    content:"";
    position: absolute;
    top: 0;
    left: -700px;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: none;
}

div.krovati_text {
    width: 100%;
    height: 60px;
    overflow: hidden;
    font-size: 13px;
    float: left;
}

div.krovati_size {
    width: 100px;
    margin: 11px 0px 0px 0px;
    float: left;
}
.krovati_size .select_mini {
    margin: 0;
}
.krovati_size .jq-selectbox {
    width: 120%;
}
.krovati_size .jq-selectbox__dropdown {
    top: -125px !important;
}
.krovati_size .jq-selectbox__search {
    display: none;
}
.krovati_size .jq-selectbox__dropdown ul {
    max-height: 210px !important;
}


div.krovati_cash {
    height: 56px;
    position: relative;
    float: right;
}
div.krovati_old {
    text-align: right;
    float: right;
}
.krovati_old strike {
    font-size: 13px;
    color: #8c8c8c;
}
.krovati_old span {
    font-size: 20px;
    margin: 0px 0px 0px 5px;
}

div.krovati_cena {
    font-size: 20px;
    color: #30286d;
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'gothamprobold';
}
.krovati_cena span {
    font-size: 28px;
}

/*div.krovati_dalee {
	width: 100%;
	margin: 8px 0px 0px 0px;
	text-align: right;
	font-size: 14px;
	float: right;
}*/

div.krovati_com_num {
    line-height: 19px;
    margin: 31px 0px 0px 0px;
    position: relative;
    border: 1px solid #ccc;
    font-size: 10px;
    color: #4e4e4e;
    text-align: center;
    float: left;
    clear: left;
    border-radius:        100%;
    -moz-border-radius:   100%;
    -khtml-border-radius: 100%;
}

.krovati_com_num a {
    width: 25px;
    height: 18px;
    position: relative;
    z-index: 4;
    display: block;
}
.krovati_com_num:before {
    content: "";
    background: #ffffff;
    width: 6px;
    height: 4px;
    position: absolute;
    right: -2px;
    bottom: 1px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -moz-transform:    rotate(-84deg);
    -webkit-transform: rotate(-84deg);
    -o-transform:      rotate(-84deg);
    -ms-transform:     rotate(-84deg);
    transform:         rotate(-84deg);
    -o-transition:      all 0.2s ease;
    -moz-transition:    all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition:         all 0.2s ease;
}

.krovati_com_num:hover {
    border: 1px solid #4c7da2;
    color: #4c7da2;
}
.krovati_com_num:hover a {
    color: #4c7da2;
}
.krovati_com_num:hover:before {
    border-bottom: 1px solid #4c7da2;
    border-left: 1px solid #4c7da2;
}

.krovati_com_num .inform {
    top: auto;
    bottom: -20px;
    left: auto;
    right: 100%;
    z-index: 2;
    margin: 0px 0px 0px 60px;
    font-size: 13px;
    transform: 			translate(-36%,-10%);
    -ms-transform:      translate(-36%,-10%);
    -moz-transform:     translate(-36%,-10%);
    -o-transform:       translate(-36%,-10%);

}
div.krovati_com_num:hover .inform {
    transform:         translate(-6%,-10%);
    -ms-transform:     translate(-6%,-10%);
    -moz-transform:    translate(-6%,-10%);
    -o-transform:      translate(-6%,-10%);
}
div.krovati_com_num .inform:before {
    content: "";
    border: 6px solid transparent;
    border-left: 6px solid #4c7da2;
    bottom: 20px;
    left: auto;
    right: -12px;
}


div.krovati_add {
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 4;
}







div.krovati_img {
    position: relative;
    height: 240px;
    margin: 0px 270px 0px 0px;
}
div.krovati_img_over {
    width: 100%;
    height: 240px;
    display: block;
    overflow: hidden;
    float: left;
}
.krovati_img_over:before {
    content:"";
    position: absolute;
    top: 0;
    left: 77px;
    bottom: 0;
    right: 0;
    z-index: 3;
}


div.krovati_icons {
    background: rgba(0,0,0,0.6);
    padding: 0px 18px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
}

div.krovati_icons_top {
    margin: 20px 0px 0px 0px;
    float: left;
}

div.bed_ic {
    width: 40px;
    position: relative;
    z-index: 3;
    margin: 0px 0px 15px 0px;
    float: left;
    clear: left;
}
div.ic_new {
    width: 100%;
    display: inline-block;
}
.ic_new img {
    width: 100%;
}
.tovar_info:hover .bed_ic img {
    opacity: 0.6;
}
.bed_ic:hover img {
    opacity: 1 !important;
}




div.inform_trig {
    position: relative;
}
.inform {
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    width: 150px;
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 2;
    margin: 0px 0px 0px 60px;
    padding: 20px 10px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    opacity: 0;
    -moz-box-shadow:    0 10px 55px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 10px 55px rgba(0,0,0,0.3);
    box-shadow:	        0 10px 55px rgba(0,0,0,0.3);
    border-radius:        3px;
    -moz-border-radius:   3px;
    -khtml-border-radius: 3px;
    transform:         translate(0,-50%);
    -ms-transform:     translate(0,-50%);
    -moz-transform:    translate(0,-50%);
    -o-transform:      translate(0,-50%);

}
.inform_trig:hover .inform {
    opacity: 1;
    transform:         translate(-50px,-50%);
    -ms-transform:     translate(-50px,-50%);
    -moz-transform:    translate(-50px,-50%);
    -o-transform:      translate(-50px,-50%);
}
.inform_trig .inform:before {
    content: "";
    border: 6px solid transparent;
    border-right: 6px solid #53a7b3;
    position: absolute;
    bottom: 50%;
    left: -12px;
    z-index: 13;
    margin: 0px 0px -6px 0px;
}



div.krovati_icons_bot {
    position: absolute;
    bottom: 0;
    left: 0;
}


div.krovati_icon {
    margin: 6px 17px 0px 0px;
    font-size: 13px;
    color: #9d9d9d;
    text-align: center;
    font-family: 'gothamprobold';
    float: left;
}
.krovati_icon span {
    font-size: 18px;
}








/****************************************** KROVATI end ***********************************************/






div.title_product {
    background: #fff;
    width: 100%;
    position: relative;
    padding: 20px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    float: left;
}



div.breadcrumb {
    width: 100%;
    margin: 0px 20px 10px;
    box-sizing: border-box;
    color: #8c8c8c;
    float: left;
}
div.breadcrumb a {
    color: #8c8c8c;
    position: relative;
    display: inline-block;
    font-size: 13px;
}
.breadcrumb a:hover {
    color: #4e4e4e;
}
.navigation-pipe {
	padding: 0px 10px;
	font-size: 12px;
	color: #ccc;
}


.title_product h1 {
    margin: 0px 0px 0px 20px;
    font-size: 30px;
    color: #53a7b3;
    font-family: 'gothamprobold';
    float: left;
}

div.sku {
    margin: 15px 10px 0px 0px;
    font-size: 13px;
    color: #9b9b9b;
    float: right;
}



div.reviews_list_stars {
	margin: 0px 0px 0px 20px;
    float: left;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #ababab;
	cursor: pointer;
}
.star_content  img {
	margin: 0px -4px 0px 0px;
}
.reviews_list_stars span span {
    text-decoration: underline;
    color: #53a7b3;
}



div.cart_cont {
    width: 100%;
    margin: 0px 0px 40px 0px;
    color: #7b7b7b;
    float: left;
    order: 2;
}

div.cart_main_info {
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: flex;
    flex-wrap: wrap;
    float: left;
}


div.clears {
    clear: both;
    margin: 0px 0px 30px 0px;
}


#buy_block {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    float: left;
}


div.cart_info {
    width: 100%;
    float: right;
}
div.cart_info1, div.cart_info2 {
    background: #fff;
    margin: 0px 0px 0px 10px;
    padding: 10px 0 0 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    float: left;
}
div.cart_info1 {
    width: calc(310px - 10px);
}
div.cart_info2 {
    flex: 1;
}


div.cart_info_item {
    width: 100%;
    padding: 10px 30px;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: left;
}
.cart_info_item:last-child {
    border: none;
}


#buy_block .jcf-select {
    color: #53a7b3;
    border: 1px solid #53a7b3;
}
#buy_block .jcf-select:hover {
    background: rgb(83 167 179 / 15%);
}

#buy_block .jcf-select .jcf-select-opener:before {
    background: #53a7b3;
    border: 1px solid #53a7b3;
}

#buy_block .jcf-select .jcf-select-opener:after {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}




div#attributes {
    width: 100%;
    float: left;
}


div.attribute {
    width: 100%;
    position: relative;
    margin: 0px 0px 15px 0px;
    float: left;
}
.attribute label {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    float: left;
}
.tovar_box:hover .attribute label {
    color: #757575;
}
.attribute .select {
	width: 100%;
    float: left;
}

.attribute .jq-selectbox__trigger {
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    border-left: none;
    top: -1px;
    right: -1px;
    bottom: -1px;
    height: auto;
    border-radius:        0 2px 2px 0;
    -moz-border-radius:   0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
}
.attribute .select:hover .jq-selectbox__trigger {
    background: -webkit-linear-gradient(left,#53a7b3,#4c7da2);
    background: -o-linear-gradient(left,#53a7b3,#4c7da2);
    background: -moz-linear-gradient(left,#53a7b3,#4c7da2);
    background: linear-gradient(to right, #53a7b3, #4c7da2);
}
.attribute .jq-selectbox__trigger-arrow,
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top: 5px solid #fff;
    top: 15px;
}



.cart_main_info .tovar_info {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 12px;
    color: #4e4e4e;
    display: flex;
    justify-content: space-between;
}
.cart_main_info .tovar_info .hardness_text,
.cart_main_info .tovar_info span {
	font-size: 11px;
}

.cart_main_info .hardness_cont {
    width: 110px;
    float: left;
}

.cart_main_info .visota {
    width: auto;
    flex: 1;
    margin: 0px 0px 0px -6px;
    font-size: 11px !important;
    float: left;
}
.cart_main_info .ves {
    font-size: 11px !important;
    flex: 1;
}


div.tovar_cash {
	width: 100%;
    text-align: center;
	display :flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
    float: right;
}


.cat_cena {
    font-size: 35px;
    font-family: 'gothamprobold';
    color: #53a7b3;
	position: relative;
	z-index: 2;
    float: left;
}
.cat_cena span {
    font-size: 80%;
    font-family: 'GothamProRegular';
}


.cat_old {
    font-size: 16px;
    text-align: right;
    color: #717171;
    float: left;
}

div.in_stock {
    background: linear-gradient(to right, rgb(83 167 179 / 40%), rgb(76 125 162 / 40%));
    width: 100%;
    height: fit-content;
    padding: 8px 0px;
    text-align: center;
    color: #4c7da2;
}




div.color_images {
    width: calc(100% - 26px);
    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
    float: left;
}


.color_images .owl-item {
    padding: 0 5px;
    box-sizing: border-box;
    float: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	
}
div.color_item {
    width: 100%;
	float: left;
}
.color_item a {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	float: left;
}

.color_images img {
    width: 50px;
    height: 50px;
    margin: 0 5px 7px;
    border: 1px solid #ccc;
    cursor: pointer;
    box-sizing: border-box;
    padding: 2px;
    transition: all 0.2s ease;
}
.color_images a:hover img {
    border: 1px solid #53a7b3;
}

.color_images .owl-loaded {
    position: unset;
}


.color_images .owl-nav {
    width: 21px;
    position: absolute;
    top: 0px;
    bottom: 10px;
    right: -25px;
    left: auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.color_images .owl-nav button {
    width: 21px;
    height: 21px;
    font-size: 0;
    position: relative;
    bottom: 0;
    border-radius: 3px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}
.color_images .owl-nav button:hover {
	opacity: 0.8;
}
.color_images .owl-nav button:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    margin: 0px 0px 0px 3px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    opacity: 1;
    transform: rotate(45deg);
	border-radius: 2px;
}
.color_images .owl-nav button:after {
    content: "";
    position: absolute;
    z-index: 2;
}

.color_images button.owl-next {
	transform: scale(-1);
	float: right;
}



.color_images .owl-dots {
	display: none;
}





.over-pics{
    position:absolute;
    z-index:99999;
    box-shadow:0 0 1px #131313;
    background:rgba(55, 55, 55, 0.2) none repeat scroll 0 0;
    padding:10px;
    display: none;
}


div.over-pics {
	background: #fff;
	box-shadow:  0 10px 20px rgba(0,0,0,0.3);
	border-radius: 3px;
}

div.over-pics--name {
	width: 100%;
	padding: 8px 0px 0px;
	font-size: 15px;
	color: #333333;
	text-align: center;
	float: left;
}





div.dostavka {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.dostavka span {
    font-size: 16px;
    font-weight: bold;
    color: #53a7b3;
}

div.dostavka_img {
	width: 50px;
	height: 50px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #53a7b3;
	float: left;
	display :flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
}
.dostavka_img svg {
	width: 30px;
	height: auto;
}

.dostavka_ic {fill:none;stroke:#53a7b3;stroke-width:2.905;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}


div.dostavka_text {
    flex: 1;
    font-size: 13px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.dostavka_text p {
	font-family: 'gothamprobold';
	font-size: 14px;
}
.dostavka_text span {
    font-family: 'gothamprobold';
    font-size: inherit;
}



div.nestandart {
    width: 100%;
    float: left;
}
.nestandart img {
    width: 35px;
    margin: 1px 10px 0px 0px;
    float: left;
}
.nestandart a {
    font-size: 14px;
    line-height: 14px;
    color: #7b7b7b;
	display :flex;
	align-items: center;
}



div.add_korz {
    width: 100%;
    padding: 0px 25px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    float: left;
}

.add_korz button, .oneclick {
    background: linear-gradient(to right, #eddc62, #edb862);
    width: 100%;
    position: relative;
    padding: 14px 0px;
    margin: 5px 0px;
    box-sizing: border-box;
    font-size: 15px;
    color: #333;
    font-family: 'gothamprobold';
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: left;
    border-radius: 100px;
}

.oneclick {
    background: linear-gradient(to right, #f1f1f1, #dedede);
    color: #767676;
}

.oneclick_ic {fill:#676767;}

.add_korz button:before, .tovar_add:before, .oneclick:before {
    content:"";
    background: linear-gradient(to right, #eddc62, #53a7b3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius:        100px;
    opacity: 0;
    transition: all 0.2s ease;
}
.add_korz button:hover:before,
.tovar_add:hover:before,
.oneclick:hover:before {
    opacity: 1;
}

.add_korz img,
.oneclick svg {
    height: 25px;
    margin: 0 9px 0 0;
    position: relative;
    float: left;
}


.add_korz span {
    display: block;
    position: relative;
    float: left;
}


div.payment_methods {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.payment_methods:hover {
    color: #333;
}

div.payment_box {
	
}

div.payment_item {
    position: relative;
    margin: -6px 0px 0 10px;
    float: left;
}
.payment_item img {
    width: 32px;
    opacity: 0.5;
    float: left;
}
.payment_item:hover img {
	opacity: 1;
}

div.payment_text {
    background: #fff;
    position: absolute;
    bottom: 15px;
    left: 50%;
    padding: 7px 12px;
    transform: translate(-50%,0);
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 5px 20px -5px rgb(0 0 0 / 40%);
    border-radius: 20px;
}
.payment_item:hover .payment_text {
    transform: translate(-50%,-20px);
	visibility: visible;
	opacity: 1;
}

.payment_text:before {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 2;
    margin: 0px 0px 0px -4px;
}





section.cart_icons {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    justify-content: space-between;
    float: left;
}

figure.icons_cont {
    width: 100px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}


figure.icons_name {
    height: 21px;
    display: flex;
    align-items: center;
}

.icons_hardness .icons_name {
    font-size: 10px;
}


.icons_height, .icons_weight, .icons_hardness, .icons_garant {
    width: 70px;
    height: 70px;
    text-align: center;
    color: #fff;
    float: left;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
figure.icons_height {
	background:url(https://dream-matras.ru/themes/dreamline/css/../img/int_visota.svg);
	font-size: 12px;
}
figure.icons_weight {
	background:url(https://dream-matras.ru/themes/dreamline/css/../img/int_ves.svg);
	font-size: 12px;
}
figure.icons_hardness {
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/int_hard.svg);
    font-size: 10px;
    flex-direction: column;
    align-items: center;
}


figure.hard_rotate {
    width: 40px;
    height: 30px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg));
    margin: 6px 0px 13px 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
figure.hard_cont {
    margin: 0px 0px 2px 0px;
    float: left;
}
.hard_cont span.hardLight, .hardDop span.hardLight, .hard_cont span.hardNone, .hardDop span.hardNone {
    background: #4c7da2;
    width: 6px;
    height: 10px;
    margin: 0px 2px 0px 0px;
    float: left;
}
.hard_cont span.hardNone, .hardDop span.hardNone {
    opacity: 0.3;
}




figure.icons_img {
    width: 70px;
    height: 70px;
    margin: 0px 0px 15px 0px;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius:        50px;
    -moz-border-radius:   50px;
    -khtml-border-radius: 50px;
}

figure.icons_text {
    width: 100%;
    font-size: 13px;
    color: #7b7b7b;
    float: left;
}



div.icons_title {
    background: #53a7b3;
    width: 150px;
    text-align: center;
    padding: 9px 10px;
    box-sizing: border-box;
    position: absolute;
    bottom: 140%;
    left: 50%;
    opacity: 0;
    z-index: 1;
    font-size: 13px;
    color: #fff;
    visibility: hidden;
    transform: translate(-50%,0);
    border-radius: 2px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 30%);
    transition: all 0.2s ease;
}
.best_icons_bl:hover .icons_title,
.icons_cont:hover .icons_title,
.mobile .best_open .icons_title {
	opacity: 1;
    visibility: visible;
	transform: translate(-50%,20px);
}

.icons_title:before {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid #53a7b3;
    position: absolute;
    bottom: -9px;
    left: 50%;
    z-index: 2;
    margin: 0px 0px 0px -2px;
}


.icons_title:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.icons_title a {
    color: #fff;
    text-decoration: underline;
}
.icons_title a:hover {
    text-decoration: none;
}



div.best_icons_cont {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 100%;
    float: left;
}
div.best_icons_bl {
	position: relative;
	float: left;
}
.best_icons_bl:last-child {
	margin: 0;
}
.best_icons_cont img {
    width: 60px;
    margin: 0px 7px 0px 7px;
}







div.cart_img_res {
    width: 50%;
    float: left;
}

div.cart_img_box {
    background: #fff;
    width: 100%;
    height: 360px;
    position: relative;
    display: flex;
    float: left;
}

div.cart_img_more {
    background: rgb(255 255 255 / 50%);
    border: 1px solid #e1e1e1;
    padding: 8px 19px;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    border-radius: 20px;
}
.cart_img_more:hover {
    background: #53a7b3;
    border: 1px solid #53a7b3;
	color: #fff;
}


.fancybox-thumbs > ul {
    display: flex;
    justify-content: center;
}

div.tovar_sale {
    background: linear-gradient(to right, #53a7b3, #4c7da2);
    position: relative;
    /* top: 10px; */
    /* right: -7px; */
    z-index: 2;
    padding: 5px 8px 6px 3px;
    font-size: 12px;
    color: #fff;
    border-radius: 0 2px 2px 0;
    margin-bottom: 5px;
}
/* .tovar_sale:before {
    content: "";
    border: 5px solid transparent;
    border-right: 5px solid #772b4f;
    position: absolute;
    bottom: -5px;
    right: 3px;
    transform: rotate(45deg);
} */
.tovar_sale:after {
    content: "";
    border: 12px solid transparent;
    border-right: 11px solid #53a7b3;
    position: absolute;
    bottom: 0px;
    left: -23px;
}



#product .preview_gift .icon_item {
    width: 60px;
    height: 60px;
}
#product .preview_gift .icon_item img {
    width: 40px;
}


div.tovar_hit {
    background: linear-gradient(to right, #eddc62, #edb862);
    position: absolute;
    top: 20px;
    right: -7px;
    z-index: 2;
    padding: 5px 24px 6px 18px;
    font-size: 15px;
    font-family: 'gothamprobold';
    color: #4e4e4e;
}
.tovar_hit:before {
    content: "";
    border: 5px solid transparent;
    border-right: 5px solid #a68146;
    position: absolute;
    bottom: -5px;
    right: 13px;
    margin: 0px -11px 0px 0;
    transform: rotate(45deg);
}
.tovar_hit:after {
    content: "";
    border: 14px solid transparent;
    border-right: 11px solid #eddc62;
    position: absolute;
    bottom: 0px;
    left: -25px;
}




.product_best .icon_description {
    background: #53a7b3;
    width: auto !important;
    padding: 8px 15px;
    position: absolute;
    top: 125%;
    left: 50% !important;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transform: translate(-50%,0);
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
}
.product_best .icon_item:hover .icon_description {
    visibility: visible;
    opacity: 1;
	transform: translate(-50%,-8px);
}
.product_best .icon_description:before {
    content: "";
    border: 5px solid transparent;
    border-bottom: 5px solid #53a7b3;
    position: absolute;
    top: -10px;
    left: 50% !important;
    z-index: 2;
    margin: 0px 0px 0px -5px;
}


div.product_best {
    box-sizing: border-box;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 5;
    float: left;
}
.product_best .icons_wrapper {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.product_best .icon_item {
    margin: 0px 0px 0px 10px;
    text-align: center;
    position: relative;
}
.product_best .icon_item img {
    width: 80px;
    max-width: 90px;
}



div.cart_img_cont {
    width: 100%;
    float: left;
}
div.cart_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    overflow: hidden;
    float: left;
}

div.cart_img img {
    width: 100%;
    float: left;
}



div.cart_min {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -57px;
    float: left;
}
.cart_min a {
    width: 24%;
    margin: 0px 1% 0px 0px;
    display: block;
    border: 1px solid rgba(131, 184, 23, 0.28);
    box-sizing: border-box;
    float: left;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.cart_min a:hover {
    border: 1px solid #53a7b3;
}

.cart_min img {
    width: 100%;
    float: left;
}

#thumbs_list li a {
    width: 100%;
}
#thumbs_list li {
    height: auto !important;
}
span.view_scroll_spacer {
    display: none;
}






.tabs_product .tabs_nav li {
    float: left;
}
.tabs_product .tabs_nav li a {
    background: #e8e8e8;
    display: block;
    position: relative;
    padding: 13px 35px;
    margin: 6px 0px 0px 0px;
    font-size: 16px;
    font-family: 'gothamprobold';
    color: #838383;
    text-decoration: none;
    border-right: 1px solid #d6d5d5;
    transition: all 0s ease;
}

.tabs_nav li span {
	background: #53a7b3;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -9px;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    border-radius: 20px;
}

.tabs_product .tabs_nav li a:hover {
    color: #484747;
}
.tabs_product .tabs_nav li a.current {
    background: #fff;
    padding: 16px 35px;
    color: #484747;
    margin: 0 0 0 -1px;
    border: none;
}


.tabs_product .list-wrap {
    background: #fff;
    width: 100%;
    height: auto !important;
    padding: 20px 30px;
    box-sizing: border-box;
    flex: 1;
    float: left;
}

.tabs_product .list-wrap p {
    margin: 0px 0px 1px 0px;
}

#tab5 p {
    margin: 0px 0px 15px 0px;
}


div.reviews_title {
	background: #f6f6f6;
    width: 100%;
    padding: 20px;
    margin: 20px 0px 20px 0px;
    text-align: center;
    font-size: 19px;
    color: #333333;
    box-sizing: border-box;
    float: left;
}

.reviews_title span {
	color: #ff1b1b;
}
.cart_cont.reviews-wrapper {
	width: 100%;
	float: left;
}



div.external-reviews-title {
	width: 100%;
	padding: 20px 0px 20px 0px;
	font-size: 16px;
	color: #4e4e4e;
	text-align: center;
	float: left;
}

.external-reviews-title i {
    font-style: normal;
    color: #ff1b1b;
}
.external-reviews-title span {
    opacity: 0.7;
	margin: 0px 0px 0px 6px;
}

div.reviews_pagination {
	width: 100%;
    display: flex;
    justify-content: center;
	float: left;
}

.cart_cont .page_reviews_item {
	width: 100%;
    margin: 0px 0px 20px 0px;
    display: flex;
	flex-wrap: wrap;
    float: left;
}
.cart_cont .page_reviews_info {
	width: 130px;
}
.cart_cont .page_reviews_review {
	background: #fff;
    padding: 20px 20px 0px;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
    flex: 1;
    font-size: 15px;
    border-radius: 3px;
}
.cart_cont .page_reviews_review:before {
    content: "";
    background: #fff;
    width: 15px;    
	height: 15px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    top: 19px;
    left: -2px;
    z-index: 2;
    margin: 0px 0px 0px -7px;
    transform: rotate(135deg);
}

.cart_cont .page_reviews_text {
    margin: 0px 0px 20px 0px;
}
.cart_cont .page_reviews_text p {
    margin: 0px 0px 10px 0px;
}
.cart_cont .page_reviews_text span {
	font-family: 'gothamprobold';
	color: #4e4e4e;
}

div.page_reviews_photo {
	display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 10px 0px;
}
.page_reviews_img {
	width: 80px;
    height: 50px;
    margin: 0px 4px 4px 0px;
    border: 2px solid rgba(255,255,255,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1px;
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 10%);
}
.page_reviews_img:hover img {
	transform: scale(1.1);
}

.page_reviews_title span {
	font-family: 'gothamprobold';
	color: #4e4e4e;
	display: block;
	margin: 0px 0px 5px 0px;
}


.cart_cont .page_reviews_tovar {
	display: none;
}


.cart_cont  .reviews_img {
    width: 70px;
    height: 70px;
	margin: 4px 0px 0px 0px;
    border: 2px solid rgba(255,255,255,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 100px;
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 10%);
}
.page_reviews_product span {
    margin: 0px 6px 0px 0px;
}

.reviews_img img {
    width: 115%;
    height: auto !important;
}



div.cart_stats_text {
    width: 48%;
    margin: 0px 2% 0px 0px;
    float: left;
}
.cart_stats_text p {
    margin: 0px 0px 10px 0px;
}

div.cart_stats {
    width: 100%;
    font-size: 15px;
    float: left;
}

.cart_stats div {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 3px 0px;
    float: left;
}
.cart_stats p,.cart_stats span{
    background:#fff;
    position: relative;
    top:3px;
    display: block;
    float: left;
}

.cart_stats a p, .cart_stats a span, .cart_stats a{
    color: #414141;
}
.cart_stats a:hover, .cart_stats a:hover p, .cart_stats a:hover span{
    text-decoration: none;
    color: #af1329;
}


.cart_stats span {
    margin: 1px 0px 0px 0px;
    float: right;
}




div.cart_composition {
    width: 28%;
    margin: 0px 2% 0px 0px;
    float: left;
}
div.cart_composition_text {
    width: 70%;
    float: left;
}


.cart_cont .otz_bl {
    border-bottom: 1px solid #e7e7e7;
    padding: 20px 0px;
}







#criterions_list {
    width: 100%;
    margin: 0px 0px 10px 0px;
    float: left;
}




div.cart_vid {
    max-width: 1200px;
    min-width: 250px;
    margin: 0px auto;
}







div.colors_cont {
    width: 100%;
    text-align: center;
    float: left;
}
div.colors_box_title {
    width: 100%;
    font-size: 30px;
    margin: 20px 0px 20px 0px;
    font-family: 'gothamprobold';
    float: left;
}

div.colors_box_box {
    width: 100%;
    font-size: 26px;
    margin: 0px 0px 20px 0px;
    float: left;
}

div.colors_box_name {
    width: 100%;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    float: left;
}

.colors_box_box ul {
	width: 100%;
}
.list-wrap .colors_box_box li {
    background: none;
    width: calc(100% * 1 / 5.001 - 10px);
    padding: 0;
    margin: 0px 10px 0px 0px;
    float: left;
}

div.colors_box_bl {
    width: 100%;
    margin: 0px 0px 20px 0px;
	padding: 0px 10px;
	box-sizing: border-box;
    float: left;
}

div.colors_box_img {
    width: 100%;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 80% 0px 0px 0px;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 10%);
}
div.colors_box_img:hover,
.colors_box_bl .selected {
    box-shadow: 0 0 0px 1px rgb(223 76 125);
}
.colors_box_img img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.colors_box_bl p {
    font-size: 13px;
}










div.otz_shadow {
    width: 61%;
    margin: 0px -2% 30px 5px;
    position: relative;
    float: left;
}
.otz_shadow:before {
    content: "";
    background: url(https://dream-matras.ru/themes/dreamline/css/../img/otz_over.png);
    height: 57px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 2%;
    margin: 0px 12px 0px 0px;
    z-index: 2;
}


div.otz_over {
    width: 100%;
    padding: 0px 0px 40px 0px;
    overflow: auto;
    float: left;
}


div.otz_cont {
    width: 100%;
    padding: 0px 10px 0px 0px;
    box-sizing: border-box;
    float: left;
}

div.otz_title {
    background: #fff;
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 15px 0px;
    text-align: center;
    font-size: 25px;
    color: #53a7b3;
    font-family: 'GothamProBlack';
    float: left;
}

div.spr-reviews,
div.spr-content {
    width: 100% !important;
    float: left;
}

div.otz_bl {
    background: #fff;
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 20px 20px 35px;
    box-sizing: border-box;
    position: relative;
    float: left;
}


div.otz_img {
    width: 96px;
    height: 72px;
    border: 1px solid #e7e7e7;
    overflow: hidden;
    float: left;
}
#product .otz_img {
    display: none;
}
#product  .otz_res {
    margin: 0;
}
.otz_img img {
    width: 100%;
    height: auto !important;
}


div.otz_product_name {
    position: absolute;
    left: 20px;
    top: 100px;
}



.border-image-review {
    border: none !important;
}

.social-sharing {
    margin: 0px 10px 0px 0px;
}

div.otz_res {
    margin: 0px 0px 0px 108px;
}


div.otz_tit {
    width: auto;
    margin: 0px 0px 6px 0px;
    font-size: 20px;
    color: #53a7b3;
    float: left;
}

div.otz_stars,
div.otz_dalee {
    float: right;
}

div.otz_stars {
    margin: 3px 0px 0px 0px;
}

div.star {
    float: left;
}



div.related_container {
	width: 100%;
	float: left;
}

div.related_title {
    background: #fff;
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px;
    font-size: 20px;
    font-family: 'gothamprobold';
    text-align: center;
    float: left;
}


div.related_slider {
	width: calc(100% + 10px);
	float: left;
}

div.related_item {
    background: #fff;
    width: calc(33.333% - 10px);
    margin: 0px 10px 10px 0px;
    padding: 15px;
    box-sizing: border-box;
    float: left;
}
.related_item:hover {
    box-shadow: 0 25px 50px -19px rgb(0 0 0 / 20%);
}

.owl-item .related_item {
    width: calc(100% - 10px);
    margin: 0px 0px 10px 0px;
}

div.related_img {
    margin: 0px 10px 21px 0px;
    float: left;
}
.related_img a {
    width: 135px;
    height: 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    float: left;
}
.related_img img {
	width: 100%;
	float: left;
}
.related_img img:hover {
	transform: scale(1.1);
}

div.related_name {
    height: 43px;
}
.related_name a {
	font-size: 16px;
}
.related_name a:hover {
	color: #ba3d77;
}


.related_price .tovar_sale {
    position: relative;
    top: 0;
    left: 0;
    padding: 5px 8px 6px 0;
    font-size: 12px;
    float: left;
}
.related_price  .tovar_sale:before {
	display: none;
}
.related_price .tovar_sale:after {
	border: 12px solid transparent;
    border-right: 11px solid #53a7b3;
    left: -23px;
    right: auto;
}

div.related_price {
    width: 140px;
    height: 60px;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}
.related_price .cat_old {
    margin: 4px 0px 0px 10px;
}
.related_price .cat_cena {
    font-size: 30px;
    color: #333;
}


div.related_attribute {
	width: 50%;
    float: left;
    clear: left;
}

.related_attribute .attribute {
    display: flex;
    align-items: center;
    margin: 0;
}
.related_attribute .attribute label {
    width: auto;
    margin: 0px 10px 2px 0px;
}



.related_item .add_korz {
    width: 45%;
    padding: 0;
    margin: -11px 0px 0px 0px;
    float: right;
}
.related_item .add_korz img {
    height: 15px;
}
.related_item  .add_korz button {
    padding: 11px 0px;
    font-size: 13px;
    font-family: 'gothamproregular';
}



.related_slider .disabled {
	display: none;
}


/****************************************** PRODUCT end ***********************************************/








/****************************************** RIGHT_COL ***********************************************/




div.right_col {
    width: 272px;
    margin: 20px 0px 0px 0px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    float: right;
}
.right_col > div {
    width: 100%;
    max-width: 360px;
}

.PM_ASBlockOutputHorizontal {
    background: rgb(255 255 255 / 60%);
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}
.PM_ASBlockOutput .close {
	display: none;
}

div.PM_ASearchTitle,
div.sidebar_title {
    width: 100%;
    margin: 0px 0px 15px 0px;
    font-size: 17px;
    color: #4e4e4e;
    font-family: 'gothamprobold';
    text-align: center;
    float: left;
}

.PM_ASCriterionsGroupName {
    margin: 0px 0px 5px 0px;
    font-size: 14px;
    color: #747474;
    float: left;
}

.PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup {
    width: 100%;
    padding: 0px 0px 12px 0px;
    float: left;
}

.PM_ASCriterionNoChoice {
	width: 100%;
    float: left;
}


div.PM_ASCritRangeInputs {
	display: none;
}

div.PM_ASCritRange {
    width: calc(100% - 16px);
    max-width: 100%;
    margin: 6px 8px 0px;
    box-sizing: border-box;
    float: left;
}

div.PM_ASSubmitSearch-wrapper {
    width: 100%;
    padding: 20px 0px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    float: left;
}

.PM_ASSubmitSearch-wrapper span,
.PM_ASSubmitSearch-wrapper input {
	background: #53a7b3;
    padding: 13px 30px;
	margin: 0px 0px 10px 0px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 30px;
}

.PM_ASResetSearch {
    padding: 11px 30px;
    color: #333;
    border-radius: 100px;
}
.PM_ASResetSearch:hover {
	background: #a9376f;
	color: #fff;
}


.PM_ASResetGroup {
    margin: 5px 0px -16px 0px;
}
.PM_ASResetGroup:hover {
	color: #e04d7d;
}
.PM_ASResetGroup:before {
    padding-right: 0px;
}


div.sidebar_container {
	background: rgb(255 255 255 / 60%);
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 15px;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
	float: left;
}










div.block-cms {
    background: #fff;
    width: 100%;
    padding: 20px 20px 0px;
    box-sizing: border-box;
	color: #757575;
    float: left;
}

.block-cms h1 {
    width: 100%;
	text-align: center;
}


.rte .breadcrumb {
    margin: 0px 0px 10px !important;
}


div.akcii_container {
    width: 102%;
    margin: 0 0 0 -1%;
    float: left;
}
div.akcii_item {
    width: 48%;
    margin: 0px 1% 30px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    float: left;
    border-radius: 4px;
}
.akcii_item:hover {
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.5);
}
div.akcii_img {
    background: #ccc;
    width: 100%;
	position: relative;
    float: left;
	border-bottom: 1px solid #ccc;
	
}
.akcii_img img {
    width: 100%;
    float: left;
}

div.akcii_text {
	width: 100%;
	padding: 15px 20px 0;
	box-sizing: border-box;
	float: left;
}

div.akcii_title {
	width: 100%;
	padding: 0px 0px 15px;
	float: left;
}
.akcii_title a {
	font-size: 16px;
	color: #4e4e4e;
}
.akcii_title a:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}




div.sidebar_hit {
	width: 100%;
	display :flex;
	align-items: center;
	flex-direction: column;
	float: left;
}

.sidebar_hit .tovar_res {
    width: 100%;
    margin: 0;
}


/******* слайдер на главной *************/

.slider_cont .PM_ASBlockOutputHorizontal {
    background: none;
    width: 290px;
    border: none;
    padding: 15px;
    margin: 0;
    box-sizing: border-box;
    float: left;
}






/******* слайдер на главной end *************/






#categories_block_left {
    background: #fff;
    width: 100%;
    padding: 15px 15px 10px;
    margin: 0px 0px 15px 0px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    float: left;
}

div.tree_title {
    width: 100%;
    margin: 0px 0px 12px 0px;
    font-size: 17px;
    color: #4e4e4e;
    font-family: 'gothamprobold';
    text-align: center;
    float: left;
}


#categories_block_left li {
    width: 100%;
	position: relative;
    margin: 0px 0px 8px 10px;
    float: left;
}
#categories_block_left li:before {
    content: "";
    width: 5px;
    border-bottom: 1px solid #ccc;
    position: absolute;
    top: 8px;
    left: -9px;
    z-index: 2;
}

#categories_block_left a {
    color: #7a7a7a;
}
#categories_block_left a:hover {
    color: #333;
	text-decoration: underline;
}







/****************************************** RIGHT_COL end ***********************************************/







/****************************************** LEFT_COL ***********************************************/




div.left_col {
    margin: 0px 290px 0px 0px;
}
div.left_col_box {
    width: 100%;
    margin: 20px 0px 50px 0px;
    float: left;
}


#productsSortForm .select {
    display: flex;
    align-items: center;
	margin: 0px 0px 10px 0px;
}
#productsSortForm .jcf-select {
    width: 180px;
}
#productsSortForm label {
    margin: -4px 10px 0px 0px;
}

#productsSortForm .jcf-select .jcf-select-drop {
    min-width: 180px;
}

div.PM_ASearchResultsTitle {
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
}



div.filter_panel {
    width: 100%;
    padding: 10px 0px;
    box-sizing: border-box;
    float: left;
}
.filter_panel li {
    margin: 7px 15px 0 0;
    float: left;
}
.filter_panel a {
    background: #fff;
    font-size: 14px;
    color: #9f9f9f;
    border: 1px solid #e3e3e3;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
}
.filter_panel a:hover, .filter_panel .act {
    background: #4f92aa;
    border: 1px solid #4f92aa;
    color: #fff;
}




div.product_list {
    width: 100%;
    position: relative;
    float: left;
}

div.tovar_res {
    width: calc(100% * 1 / 3.001 - 10px);
    margin: 0px 10px 20px 0px;
    float: left;
}




div.pagination {
    width: 100%;
    margin: 10px 0px 40px 0px;
    text-align: center;
    float: left;
}
.pagination ul {
    width: 100%;
    display :flex;
	justify-content: center;
	align-items: center;
    float: left;
}

.pagination a,.pagination span span {
    display: inline-block;
    padding: 6px 12px;
    margin: 0px 5px;
    color: #a1a1a1;
	font-size: 16px;
    text-decoration: none;
    -o-transition:      all 0.2s linear;
    -moz-transition:    all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition:         all 0.2s linear;
}
.pagination a:hover, .pagination span span, .pagination .active, .pagination b:hover {
    color: #333;
}

.pagination b {
    font-family: 'GothamProRegular';
    font-weight: normal;
    font-size: 14px;
	color: #a1a1a1;
}

.pagination .prev, .pagination .next {
    display: none;
}


.pagination .prev, .pagination .next {
    display: none;
}







/************** PARENT_CAT ***************/


div.parent_cat {
    width: calc(100% + 10px);
    margin: 30px 0px 0px 0px;
    float: left;
}


div.parent_titles {
    width: 100%;
    margin: 0px 0px 55px 0px;
    font-size: 40px;
    font-family: 'gothamprobold';
    float: left;
}


div.parent_cat_res {
    width: calc(100% * 1 / 3.001 - 10px);
    text-align: center;
    margin: 0 10px 10px 0;
    float: left;
}

div.parent_cat_bl {
	background: #fff;
    width: 100%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
    text-align: left;
    display: inline-block;
    position: relative;
}
.parent_cat_bl:hover {
    box-shadow: 0 15px 30px -10px rgb(0 0 0 / 20%);
}


div.parent_cat_title {
    height: 25px;
    margin: 0px 0px 10px 0px;
    font-size: 19px;
    color: #333;
    float: left;
}

div.parent_cat_num {
    margin: 13px 0px 0px 0px;
    font-size: 12px;
    color: #979797;
    float: right;
}

.parent_cat_title a:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}






/************** PARENT_CAT end ***************/





/****************************************** LEFT_COL end ***********************************************/











/****************************************** АДАПТИВ ***********************************************/



div.header_mob {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid rgb(51 51 51 / 10%);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    float: left;
}

div.logo_mob {
    float: left;
}
.logo_mob img {
    width: 110px;
    float: left;
}

div.search_mob {
    float: right;
}

.search_mob form {
	border: 1px solid #f1f1f1;
	border-radius: 20px;
	display :flex;
	align-items: center;
}
.search_mob input {
	background: none;
    width: 90px;
    height: 23px;
    text-indent: 10px;
    font-size: 12px;
    color: #333333;
}
.search_ic {
	fill:none;
	stroke:#4e4e4e;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}
.search_mob button {
	background: none;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search_mob svg {
	width: 9px;
    height: auto;
}


div.panel {
	background: linear-gradient(to right, #53a7b3, #4c7da2);
	width: 100%;
	padding: 10px 0px;
	display :flex;
	align-items: center;
	justify-content:space-around;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
}

div.panel_item {
    width: 60px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    float: left;
    overflow: hidden;
}
div.panel_img {
	width: 100%;
	margin: 0px 0px 3px 0px;
	display :flex;
	justify-content: center;
	float: left;
}
.panel_img img {
    width: 25px;
    display: flex;
    justify-content: center;
    float: left;
}

.panel_item>span {
	font-size: 11px;
	color: #fff;
}

.panel_item a:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -30px;
    bottom: -30px;
    right: -20px;
    z-index: 2;
}

.panel_item .korz_bl {
	background: none;
    background-size: 50px;
    padding: 0;
    margin: 0;
    font-size: 0;
    color: #7b7b7b;
    position: absolute;
	top: -4px;
    right: 11px;
}
.panel_item .korz_bl p {
    background: #ff5656;
    width: 15px;
    height: 15px;
    position: relative;
    top: 1px;
    left: 0;
    font-size: 10px;
    color: #fff;
    border: 1px solid #ff5656;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.panel_item .korz_bl p.unvisible {
    background: #4c7da2;
    border: 1px solid #fff;
}
.panel_item .ajax_cart_total {
    display: none !important;
}



div.menu_container {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 20;
	display :flex;
	flex-direction: column;
	transform: translate(-100%,0);
	transition: all 0.4s ease;
}
.menu_open .menu_container {
	transform: translate(0,0);
}

.menu_container .top_line {
	order: 1;
	border-top: 1px solid #e5e5e5;
    border-bottom: none;
    margin: 30px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
}
.menu_container .top_menu li {
    width: 100%;
}
.menu_container .top_menu li a {
    color: #4e4e4e;
    padding: 5px 0px;
    display: inline-block;
}



.menu_container #nav_topmenu {
	order: 0;
}
.menu_container .main_menu {
    background: none;
    margin: 30px 0px 0px 0px;
}

.menu_container .main_menu li {
    width: 100%;
}
.menu_container .main_menu li a,
.menu_container .main_menu li span {
    padding: 10px 20px;
	color: #333333;
}

.menu_container .line:after {
    display: none;
}





				@media screen and (max-width: 1200px){



div.main_text_cont ,
div.main_ic_box  {
	padding: 0px 15px;
	box-sizing: border-box;
}


div.slider_cont {
    margin: 0;
}

div.cats_cont {
    margin: 0;
}
.main_text_cont h1 {
    margin: 0px 0px 12px 0px;
}



div.cart_img_res {
    width: 45%;
}
#buy_block {
    width: 55%;
}


div.qwest {
    padding: 0px 15px;
    box-sizing: border-box;
}


div.article_cont {
	padding: 0px 15px;
	box-sizing: border-box;
}


}

				@media screen and (max-width: 1100px){



.logo span {
    display: none;
}


}




				@media screen and (max-width: 1024px){



div.main_ic_title {
    font-size: 12px;
}
.main_ic_title img {
    width: 34px;
    margin: 13px 20px 0px 20px;
    float: left;
}


div.footer_bl {
    width: 50% !important;
}

div.article_box {
	width: calc(100% + 20px);
}

div.article_bl {
	width: calc(50% - 10px);
	margin: 0px 10px 20px 0px;
}


}





				@media screen and (max-width: 1000px){


div.main_menu {
    width: 300px;
}
.main_menu ul ul {
    background: none;
	height: auto;
	max-height: 0px;
	display: block;
    overflow: hidden;
    position: relative;
    top: 0;
	transition: all 0.3s ease;
}
.main_menu .dropdown_open ul {
    width: 100%;
    max-height: 500px;
}
.main_menu ul ul ul {
    display: block !important;
    margin: -14px 0px 0px 10px;
}

.cats_title a:before {
    top: -100px;
    left: -100px;
    bottom: -100px;
    right: -100px;
}

div.cats_cont {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: initial;
}
div.cats_cont > .cats_bl:first-child {
    width: 33.333% !important;
    height: 70px !important;
    aspect-ratio: unset;
    flex-shrink: initial;
}
div.cats_rest {
    display: contents;
}
div.cats_bl {
    width: 33.333% !important;
    flex-grow: 1;
    height: 70px !important;
    aspect-ratio: unset;
    position: relative;
    margin: 0;
    padding: 0px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cats_bl:before {
    content: "";
    width: 0;
    height: auto;
    position: absolute;
    top: 0 !important;
    bottom: 0;
    left: -1px !important;
    border-left: 1px solid #f2f2f2;
    z-index: 4;
    border-radius: 0;
}
.cats_bl:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #f2f2f2;
}
div.cats_img {
    display: none;
}
ul.cats_subcategories {
    display: none;
}

div.cats_title {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    font-size: 15px !important;
}

div.cats_num {
    position: relative;
    left: auto;
    bottom: auto;
}




.PM_ASBlockOutput .close {
	display: block;
}


div.slider_cont {
    z-index: auto;
}
#PM_ASBlockOutput_1, .PM_ASBlockOutputHorizontal {
    background: #fff;
    width: auto;
    max-width: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0px;
    z-index: 55;
    margin: 0;
    display: flex;
    justify-content: center;
    transform: translate(-100%,0);
    transition: all 0.5s ease;
}
.filter_open #PM_ASBlockOutput_1,
.filter_open .PM_ASBlockOutputHorizontal {
    transform: translate(0%,0) !important;
}



.tabs_main .tabs_nav {
    background: rgb(232 232 232);
}
.tabs_main .tabs_nav a {
    color: #4e4e4e !important;
}
.tabs_main .tabs_nav li a:hover, .tabs_main a.current {
    border-bottom: 3px solid rgb(108 108 108 / 40%);
}



div.slid_marg {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    float: left;
}

#slid_main,
.slider_cont .center,
.owl-stage-outer {
    height: auto;
    float: left;
}





div.main_text_cont {
    border-top: 1px solid #dedede;
    padding: 15px;
    margin: 0px 0px 20px 0px;
	font-size: 14px;
}
.main_text_cont h1 {
    font-size: 19px;
}


#PM_ASBlock_1 {
	max-width: 330px;
    width: 100%;
}


div.main_img {
    display: none;
}
div.main_text {
    margin: 0;
}


div.main_ic_cont {
	display: none;
}



div.left_col {
    margin: 15px 0 0 0;
}

.center {
	display :flex;
    flex-wrap: wrap;
}


div.title_product {
	order: 1;
	margin: 0;
}
div.right_col {
	order: 3;
	width: 100%;
    margin: 0;
}
div.left_col {
    order: 2;
    width: 100%;
    float: left;
}
div.left_col_box {
    width: 100%;
    margin: 0;
}

div.tovar_res {
    width: 33.33%;
    margin: 0px 0px 10px 0px;
	padding: 0px 5px;
	box-sizing: border-box;
    display: flex;
    justify-content: center;
}

#categories_block_left {
    margin: 0px 0px 20px 0px;
}
#categories_block_left li {
    width: auto;
    margin: 0px 10px 5px 10px;
    float: left;
}

.shadow:before {
    display: none;
}



div.cart_cont {
    margin: 0;
}

div.title_product {
    padding: 10px 0px;
}
#product .title_product {
    border-bottom: 1px solid #e5e5e5;
}
.title_product h1 {
    margin: 0px 0px 0px 9px;
    font-size: 25px;
}
div.reviews_list_stars {
    margin: 0px 0px 0px 10px;
}
div.breadcrumb {
    margin: 0px 10px 5px;
    font-size: 11px;
}
div.breadcrumb a,
div.breadcrumb span {
    font-size: 11px;
}


div.cart_info1 {
    width: 310px;
}
div.cart_info1, div.cart_info2 {
    margin: 0;
    border-left: 1px solid #e5e5e5;
	box-sizing: border-box;
}




div.cart_img_res {
    width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
#buy_block {
    width: 100%;
}
.cart_img img {
    max-width: 500px;
}

div.cart_info1 {
    width: 50%;
	border-left: none;
}

div.cart_info_item {
    padding: 15px;
}

div.composition_container {
    width: 300px;
    padding: 15px;
}

.tabs_product .tabs_nav li a, div.composition_title {
    font-size: 15px;
}
div.composition_title {
    margin: 0px 0px 10px 0px;
}
.tabs_product .tabs_nav li a {
    padding: 13px 15px;
}
.tabs_product .tabs_nav li a.current {
    padding: 16px 15px;
}

.tabs_product .list-wrap {
    padding: 15px;
}



div.filter_panel {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #f2f2f2;
    order: 1;
}
.filter_panel li {
    width: auto;
    margin: 2px 0px;
}
.filter_panel a {
	background: #fff !important;
    font-size: 12px;
    color: #a1a1a1 !important;
    font-family: 'GothamProRegular';
    padding: 5px 0px;
    margin: 0px 20px 0px 0px;
    text-transform: none;
    border-radius: 40px;
    text-decoration: underline;
    border: navajowhite !important;
    float: left;
}


div.related_slider {
    width: calc(100% + 20px);
    padding: 0px 0px 40px 0px;
}
.related_slider .owl-dots {
    right: 10px;
    bottom: 20px !important;
}



div.qwest {
    display: flex;
    align-items: center;
}
.qwest .center {
    justify-content: space-around;
}
div.qwest_title {
    margin: 0;
}


.owl-item .related_item {
    width: calc(100% - 20px);
    margin: 0px 0px 10px 0px;
}

}





				@media screen and (max-width: 820px){



div.header {
    display: flex;
    flex-wrap: wrap;
}

div.logo {
    margin: 20px 0px 0px 20px;
}
.logo img {
    width: 200px;
    margin: 0px 10px 0px 0px;
}


div.header_box {
    margin: 5px 20px -9px 20px;
    flex: 1;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.header_box>div {
    margin: 0 !important;
}

div.call_back {
	width: 100px;
    line-height: 18px;
    display: flex;
    align-items: center;
}


.block-cms h1, .rte h1, .pagenotfound h1 {
    font-size: 20px;
}


}




				@media screen and (max-width: 750px){


.owl-dots {
    bottom: 10px;
}
.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next {
    width: 25px;
}

div.cats_bl,
div.cats_cont > .cats_bl:first-child {
    width: 50% !important;
    flex-grow: 0;
}
.cats_rest > .cats_bl:last-child:nth-child(even) {
    width: 100% !important;
}

.footer .center, .footer2 .center {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: inherit;
}
div.footer_bl {
    width: 100% !important;
    max-width: 350px;
    border: none;
    text-align: center;
	border-bottom: 1px solid #ccc;
}
.footer_bl p span {
    height: auto;
    display: block;
    margin: 0px 0px 10px 0px;
}


.footer_ic p {
    width: 260px;
    margin: 0px 0px 10px 0px;
}
.footer_left,
.footer_right {
    margin: 0px 0px 20px;
	text-align: center;
}


div.footer_phone {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer .center .footer_bl li {
    width: 100%;
}

.footer_bl ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


div.hit_cont {
    margin: 0;
}


div.tovar_res {
    width: 50%;
}


div.composition_container {
    width: 100%;
    margin: 0px 0px 10px 0px;
}


div.cart_main_info,
div.composition_container,
div.texts_container {
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}
div.cart_info1, div.cart_info2 {
    border-left: none;
}

.owl-carousel .owl-prev, .owl-carousel .owl-next {
    left: -25px;
}
.owl-carousel .owl-next {
    right: -25px;
    left: auto;
}
.tabs_main .list-wrap {
    padding: 20px 15px 15px;
}
.tabs_main .tabs_nav a {
    font-size: 15px;
    font-family: 'GothamProRegular';
}



div.title_border {
    font-size: 21px;
    margin: 0px 0px 10px 0px;
}


.tabs_main .owl-nav {
    margin: 0px 20px;
}


div.article_bl {
    width: 100%;
    margin: 0px 0 20px;
}
.article_bl:first-child .article_img {
    width: 145px;
    height: 160px !important;
    margin: 0px 0px 0px 0px;
}
.article_bl:first-child .article_img img {
    width: auto;
    height: 100%;
}

.article_bl:first-child .article_name, .article_bl:first-child .article_text {
    max-height: 120px;
    width: auto;
    margin: 0px 0px 0px 160px;
    float: none;
}

div.qwest {
    padding: 0;
}
.qwest .center {
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}
.qwest_title span {
    font-size: 43px;
}
div.qwest_form {
    width: 270px;
}


.qwest_form button {
    width: 105px;
}





div.page_reviews_info {
    width: 100% !important;
    padding: 0;
}

div.page_reviews_name {
    margin: 0px 10px 0px 0px;
    float: left;
}

div.page_reviews_date {
    float: right;
}
.cart_cont .page_reviews_review:before {
    top: -9px;
    left: auto;
    right: 20px;
    transform: rotate(-135deg);
}

div.page_reviews_review {
    padding: 15px 10px 0;
    font-size: 14px;
}

div.page_reviews_rating {
	float: left;
	clear: left;
}

div.page_reviews_product {
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: flex;
    flex-wrap: wrap;
	align-items: center;
    float: left;
}


div.page_reviews_tovar {
    max-width: 150px;
	margin: 0px 0px 0px 5px;
}

}


				@media screen and (max-width: 520px){


body {
    font-size: 14px;
}
div.tovar_res {
    width: 100%;
}

div.cart_info1 {
    width: 100%;
    justify-content: center;
}
div.cart_info_item {
    max-width: 300px;
    padding: 15px;
}

div.cart_info2 {
	justify-content: center;
}

.cart_info2>div {
    max-width: 400px;
    margin: 10px 0px;
}

div.payment_methods {
    padding: 0px 0px 10px 0px;
}

.add_korz button, .oneclick {
    max-width: 250px;
}

.item_dostavka {
	order: 2;
}
.item_size {
	order: 3;
}
.item_info {
	order: 1;
}




div.over-pics {
	position: fixed;
    left: 50% !important;
    top: 10px !important;
    transform: translate(-50%,0);
}

.over-pics--name {
    position: relative;
}
.over-pics--name:before, .over-pics--name:after {
    content: "";
    /* background: #333; */
    width: 20px;
    height: 0px;
    border-bottom: 1px solid #333;
    position: absolute;
    top: 14px;
    right: 0;
    transform: rotate(45deg);
    transition: all 0.2s ease;
}
.over-pics--name:after {
    transform: rotate(-45deg);
    top: 14px;
    right: 0;
}

.over-pics--image img {
	width: 200px !important;
	height: 200px !important;
}

#productsSortForm .select {
    justify-content: center;
}

}

				@media screen and (max-width: 480px){



div.popup {
    width: 100%;
    max-width: none;
    max-height: 100vh;
    height: 100vh;
    overflow: auto;
    top: 0vh;
    padding: 0px 15px;
    border-radius: 0;
    display: flex;
    align-items: center;
}

.pagination a, .pagination span span {
    padding: 6px 4px;
    font-size: 14px;
}



.tabs_main .tabs_nav li {
    margin: 15px 10px;
    text-align: center;
}
.tabs_main .tabs_nav a {
    font-size: 13px;
    font-family: 'GothamProRegular';
}


}

				@media screen and (max-width: 450px){



.cats_title span {
    font-size: 11px;
}
div.cats_bl,
div.cats_cont > .cats_bl:first-child {
    padding: 0px 10px;
    height: 55px !important;
}
div.cats_title {
    font-size: 13px !important;
}
div.cats_num {
    position: absolute;
    width: 31px;
    height: 18px;
    line-height: 19px;
    font-size: 10px;
    right: 10px;
    bottom: 5px;
}


#tabs .tabs_nav li {
    width: 100%;
    display: inline-block;
}
#tabs .tabs_nav a {
    display: block;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d6d5d5;
}


.tabs_nav li span {
    top: 50%;
    margin: -9px 0px 0px 0px;
}

.navigation-pipe {
    padding: 0px 5px;
}

div.reviews_list_stars {
    margin: 0px 10px 0px;
    float: right;
}
div.sku {
    margin: 13px 10px 5px;
    font-size: 12px;
    float: left;
}



div.article_cont {
    margin: 0;
	padding: 0px 15px;
    box-sizing: border-box;
}

div.article_box {
    width: 100%;
}

div.article_bl {
    width: 100%;
    margin: 0px 0 10px;
}




.tabs_main .product_list {
    padding: 0px 10px;
}


.map_box iframe {
	height: 210px;
}

div.cart_img_box {
    height: 280px;
}
.product_best .icon_item img {
    width: 70px;
    background: #fff;
    border-radius: 100px;
}
.product_best .icon_item:hover .icon_description {
    transform: translate(-90%,-8px);
}
.product_best .icon_description:before {
    left: 90% !important;
}

div.cart_img_more {
    padding: 5px 10px;
    left: 10px;
    bottom: 10px;
}


.rte img {
    width: 100%;
}


div.article_text {
    font-size: 12px;
}
.article_bl:first-child .article_img {
    min-height: 154px;
}


div.qwest {
    height: 200px;
}

}




				@media screen and (max-width: 390px){


.fancybox-container .popup {
    margin: 0px 0px 0px -50%;
    padding-top: 20px;
}

}



				@media screen and (max-width: 370px){


div.add_cart_popup_img {
    width: 100%;
}
div.add_cart_popup_selects {
	width: 100%;
    flex-direction: column;
    align-items: center;
    margin: 0px 0px 30px 0px;
}

.qwest_form .form-group {
    width: 100%;
}



}

				@media screen and (max-width: 320px){


.add_cart_popup_img img {
    width: 180px;
    margin: -20px 0px;
}

}

.form_consent {
  width: 100%;
  margin: 10px 0;
  padding: 0;
  clear: both;
  float: left;
}
.form_consent .decor_checkbox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form_consent .decor_checkbox > span:first-child {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  margin: 0 8px 0 0;
}
.form_consent .jcf-checkbox {
  display: inline-block;
  position: relative;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border: 1px solid #777;
  margin: 0;
  vertical-align: middle;
}
.form_consent .jcf-checkbox span {
  position: absolute;
  display: none;
  width: 8px;
  height: 4px;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -5px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
}
.form_consent .jcf-checkbox.jcf-checked span {
  display: block;
}
.form_consent .jcf-checkbox input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}
.form_consent input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
}
.form_consent .terms_conditions {
  flex: 1;
  cursor: pointer;
  margin: 0;
  font-size: 13px;
  line-height: 1.3;
  color: inherit;
  height: auto;
  float: none;
}
.form_consent .terms_conditions a {
  text-decoration: underline;
  color: inherit;
}
.form_consent .terms_conditions a:hover {
  text-decoration: none;
}
.form_consent .required {
  display: none;
  flex: 0 0 100%;
  margin: 4px 0 0;
  color: #e32330;
  font-size: 13px;
  position: static;
  width: 100%;
  float: none;
  clear: both;
}
.form_consent.input_empty .required,
.form_consent.checkbox_required .required {
  display: block;
}
.form_consent.input_empty input[type="checkbox"],
.form_consent.checkbox_required input[type="checkbox"] {
  outline: 1px solid #e32330;
}
.form_consent.input_empty .jcf-checkbox,
.form_consent.checkbox_required .jcf-checkbox {
  border-color: #e32330;
}
.form_consent.input_empty .terms_conditions,
.form_consent.input_empty .terms_conditions a,
.form_consent.checkbox_required .terms_conditions,
.form_consent.checkbox_required .terms_conditions a {
  color: #e32330;
}

.form-group {
  position: relative;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="number"],
.form-group input[type="url"],
.form-group textarea,
.form-group select {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.form-group.input_empty input[type="text"],
.form-group.input_empty input[type="email"],
.form-group.input_empty input[type="tel"],
.form-group.input_empty input[type="number"],
.form-group.input_empty input[type="url"],
.form-group.input_empty textarea,
.form-group.input_empty select,
.form-group.input_incorrect input[type="text"],
.form-group.input_incorrect input[type="email"],
.form-group.input_incorrect input[type="tel"],
.form-group.input_incorrect input[type="number"],
.form-group.input_incorrect input[type="url"],
.form-group.input_incorrect textarea,
.form-group.input_incorrect select {
  border-color: #e32330;
  background-color: #ffd3d3;
}
.form-group.input_success input[type="text"],
.form-group.input_success input[type="email"],
.form-group.input_success input[type="tel"],
.form-group.input_success input[type="number"],
.form-group.input_success input[type="url"],
.form-group.input_success textarea,
.form-group.input_success select {
  border-color: #72ae75;
}
.form-group > span.required,
.form-group > span.incorrect {
  display: none;
  margin: 4px 0 0;
  color: #e32330;
  font-size: 12px;
  line-height: 1.2;
}
.form-group.input_empty > span.required {
  display: block;
}
.form-group.input_incorrect > span.incorrect {
  display: block;
}

@font-face {
    font-family: 'GothamProRegular';
    src: url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProRegular.eot');
    src: url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProRegular.eot?#iefix') format('embedded-opentype'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProRegular.woff') format('woff'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProRegular.ttf') format('truetype'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProRegular.svg#GothamProRegular') format('svg');
}

@font-face {
    font-family: 'gothamprobold';
    src: url('https://dream-matras.ru/themes/dreamline/css/../fonts/gothamprobold.eot');
    src: url('https://dream-matras.ru/themes/dreamline/css/../fonts/gothamprobold.eot?#iefix') format('embedded-opentype'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/gothamprobold.woff') format('woff'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/gothamprobold.ttf') format('truetype'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/gothamprobold.svg#gothamprobold') format('svg');
}

@font-face {
    font-family: 'GothamProBlack';
    src: url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProBlack.eot');
    src: url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProBlack.eot?#iefix') format('embedded-opentype'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProBlack.woff') format('woff'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProBlack.ttf') format('truetype'),
    url('https://dream-matras.ru/themes/dreamline/css/../fonts/GothamProBlack.svg#GothamProBlack') format('svg');
}/****************************************** �������� ***********************************************/




h1, h2, h3, h4, h5, b, strong {
	font-family: 'gothamprobold';
}



#bigpic {
    width: 100%;
    max-width: 1000px;
    height: auto !important;
}

div.close_img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
	cursor:pointer;
}

.close_img:before,
.close_img:after {
	content:"";
	width: 50px;
    display: block;
    position: absolute;
    top: 24px;
    border-bottom: 2px solid #333;
	opacity: 0.6;
	transition:         all 0.2s linear;
	transform:         rotate(45deg);
}
.close_img:hover:before,
.close_img:hover:after {
	opacity: 1;
}
.close_img:after {
	transform:         rotate(135deg);
}


#thumbs_list_frame {
	position: relative;
}

#photo_block .slick-list {
	margin: 0 50px;
    overflow: hidden;
}

#photo_block .slick-arrow {
	background: #cc447a;
	width: 39px;
	height: 39px;
	margin: 4px 0px 0px 0px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	cursor: pointer;
	float: left;
	border-radius: 40px;
	opacity: 0.8;
	transition:         all 0.2s ease;
}
#photo_block .slick-arrow:hover {
	opacity: 1;
}

#photo_block .slick-next {
	right: 0;
	left: auto;
	transform: rotate(180deg);
}

#photo_block .slick-arrow:before {
	content:"";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	position: absolute;
	top: 50%;
	top: 50%;
	margin: -6px 0px 0px -3px;
	transform: rotate(-45deg);
}





#thumbs_list {
    width: 100% !important;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
	overflow: hidden;
	float: none;
	text-align: center;
}
#thumbs_list ul {
    width: 100% !important;
	height: auto !important;
}

#thumbs_list li {
    float: left;
    height: 90px;
    width: 90px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: none !important;
    margin-right: 8px;
    line-height: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#thumbs_list img {
    background: #fff;
}
#thumbs_list li:hover {
    -moz-box-shadow:    0 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	box-shadow:	        0 2px 5px rgba(0,0,0,0.3);
}

















/****************************************** КАТ СТАТЙ ***********************************************/




div.simpleblog-post-item,
div.post-item,
div.post-content {
	-o-transition:      all 0s;
	-moz-transition:    all 0s;
	-webkit-transition: all 0s;
	transition:         all 0s;
}

div.post-content {
	text-align: left;
}

div.simpleblog-posts {
    width: 100%;
    margin: 20px 0px 0px 0px;
    float: left;
}

div.simpleblog-post-item {
    width: 30%;
    margin: 0px 1% 40px;
    float: left;
}

/* .simpleblog-post-item:nth-child(2n) {
    margin-right: 2%;
} */

div.post-thumbnail {
    width: 100%;
    margin: 0px 0px 14px 0px;
    float: left;
}
.post-thumbnail a {
	width: 100%;
    display: block;
	position: relative;
	overflow: hidden;
    float: left;
}




.post-thumbnail img {
    width: 100%;
}
.post-thumbnail:hover img {
    transform: scale(1.1);
}


div.post-item, div.post-title {
    width: 100%;
    text-align: center;
    float: left;
}
div.post-title {
    height: 50px;
    line-height: 17px;
}
.post-title a:hover {
    text-decoration: underline;
}

.post-item a {
	color: #53a7b3;	
}

div.post-read-more {
    margin: 10px 0px 0px 0px;
}

.post-read-more a {
    text-decoration: underline;
}

.post-read-more a:hover {
    text-decoration: none;
}

.post-read-more i {
    display: none;
}




/****************************************** КАТ СТАТЕЙ end ***********************************************/





/****************************************** ТЕКСТОВАЯ ***********************************************/







#order-detail-content, .pagenotfound .pagenotfound, .rte {
    background: rgba(255,255,255,0.5);
    width: 100%;
    margin: 0px 0 50px;
    padding: 30px 20px 60px;
	box-sizing: border-box;
    color: #757575;
    float: left;
}

.rte h2, .rte h3, .rte h4, .rte h5 {
	margin: 0px 0px 13px 0px;
	color: #4e4e4e;
}

.rte ul {
	margin: 0px 0px 13px 0px;
}
.rte li {
	float: none !important;
}
.rte a:hover {
	text-decoration: underline;
}

.rte em {
    background: #e8f0f5;
    padding: 15px 20px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 10px;
}

div.pagenotfound_fon {
    width: 100%;
    padding: 190px 0px;
    float: left;
}


.pagenotfound .std,
.pagenotfound h3 {
	display: none;
}

.block-cms h1,
.rte h1,
.pagenotfound h1 {
	font-weight: lighter;
	margin: 0px 0px 30px 0px;
}
.rte p {
    font-size: 16px;
    line-height: 120%;
    margin: 0px 0px 20px 0px;
}




.rte table {
	margin: 0px 0px 20px 0px;
	
}
.table_mini {
	min-width: 500px;
}
.rte tr td {
	border-bottom: 1px solid #d9d9d9;
	padding: 10px 15px;
	vertical-align: top;
}
.rte tr:last-child td {
	border: none;
}
.rte tr strong,
.rte tr h3 {
	position: relative;
	top: 3px;
}


.rte td p {
	margin: 0px 0px 0px 0px;
}







.price,
.cart_total {
	white-space: nowrap;
}









#order-detail-content a {
	color: #757575;
}

#order-detail-content table {
    width: 100%;
    min-width: 950px;
}
#order-detail-content td {
	border: 1px solid #d9d9d9;
	padding: 10px;
}

.cart_quantity {
	width: 90px;
}


#opc_new_account {
  background:#fff;
  width: 94%;
  padding: 30px 3%;
  margin: 40px 0px 50px;
  position: relative;
  z-index: 2;
  color: #757575;
  float: left;
  border: 1px solid #d9d9d9;
}

.text-right {
	text-align: right;
}
.old-price {
	text-decoration: line-through;
	font-size: 17px;
	color: #757575;
}
.price-percent-reduction {
	font-size: 15px;
    font-weight: bold;
    color: #fe5050;
	margin: 5px 0px 0px 0px;
}
.cart_total {
	text-align: right;
}
.cart_item .price {
    font-size: 25px;
    color: #4c7da2;
    text-align: right;
	float: none;
}

#total_price_container {
	text-align: right;
}

.cart_navigation  {
	margin: 30px 0px 0px 0px;
	float: left;
}
#total_price_container #total_price  {
	font-size: 35px;
    color: #4c7da2;
}


.cart_delete  {
	text-align: center;
}

.icon-trash {
	background: #fe5055;
    width: 30px;
    height: 30px;
	position: relative;
    display: inline-block;
	cursor:pointer;
    -o-transition:      all 0.2s linear;
    -moz-transition:    all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition:         all 0.2s linear;
}
.icon-trash:before,
.icon-trash:after {
	content: "";
    width: 20px;
    display: block;
    position: absolute;
    top: 14px;
    left: 5px;
    border-bottom: 2px solid #fff;
    opacity: 1;
}
.icon-trash:before {
	-moz-transform:    rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform:      rotate(-45deg);
	-ms-transform:     rotate(-45deg);
	transform:         rotate(-45deg));
}
.icon-trash:after {
	-moz-transform:    rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform:      rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg));
}



.cart_quantity_input {
	background: #fff;
    width: 30px;
    height: 21px;
    text-align: center;
    font-size: 15px;
    color: #4c7da2;
    border: 1px solid #d9d9d9;
	float: left;
}

.button-minus,
.button-plus {
	width: 21px;
	height: 21px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #d9d9d9;
	display: block;
	position: relative;
	float: left;
	-o-transition:      all 0.2s linear;
	-moz-transition:    all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition:         all 0.2s linear;
}

.button-minus:before, .button-plus:before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0px 0px -5px;
}
.button-plus:before {
    content: "+";
    margin: -8px 0px 0px -4px;
}

.button-minus:hover,
.button-plus:hover {
	background: #4c7da2;
	border: 1px solid #4c7da2;
	color: #fff;
}


.button-exclusive,
.button-exclusive,
#submitAccount span,
#submitGuestAccount span {
	background: #4c7da2;
    padding: 12px 20px;
	display: inline-block;
    color: #fff;
	cursor:pointer;
	float: left;
}

.quantity_cont {
	color: #c4c2c2;
}


#login_form {
	display: none;
}
.password {
	display: none !important;
}



.inline-infos,
.is_customer_param {
	width: 100%;
	float: left;
}

.page-subheading {
	width: 99%;
	margin: 0px 0px 20px 1%;
	float: left;
}


#opc_account_errors {
    width: 98%;
    margin: 0px 1% 20px;
	color: #fe5050;
    float: left;
}
#opc_account_errors ol {
    margin: 7px 0px 0px 16px;
}



h3.top-indent {
	margin-top: 40px;
}


div.is_customer_param {
	width: 99%;
	margin: 30px 0px 20px 1%;
	float: left;
}
.is_customer_param label {
	margin: 0px 0px 10px 0px;
}
.inline-infos,
.opc-required {
	width: 99%;
	margin: 0px 0px 0px 1%;
	font-size: 14px;
	float: left;
}

#other  {
	width: 94%;
	height: 100px;
	padding: 20px 3%;
	border: 1px solid #d9d9d9;
	float: left;
}


#submitGuestAccount {
    margin: 15px 0px 0px 1%;
    float: left;
}


div.opc-add-save {
    width: 100%;
    padding: 30px 0px 0px 0px;
    float: left;
}
.opc-required {
	margin: 0px 0px 20px 0px;
}



div.order_confirmation {
    width: 100%;
    height: 100%;
    margin: 120px 0px 200px 0px;
    text-align: center;
    float: left;
}
.order_confirmation h1 {
    font-size: 45px;
    color: #cc447a;
    margin: 0px 0px 50px 0px;
	
}





#emptyCartWarningWrapper {
    background: url(https://dream-matras.ru/img/cart_none.png) no-repeat center bottom;
    width: 100%;
    height: 640px;
    margin: 90px 0px -3px 0px;
    text-align: center;
    font-size: 35px;
    float: left;
}


/***************** ������ ������� ********************/






.cart_last_product_header {
	display: none;
}



.basket_panel {
    background: #61587ea6;
    padding: 10px 20px 6px 16px;
    margin: 0px 20px 0px 0px;
    position: relative;
    z-index: 12;
    display: flex;
    align-items: center;
    font-size: 19px;
    
    box-shadow: 0 10px 20px -10px rgb(0 0 0 / 20%);
    transition: all 0.2s linear;
    border-radius: 30px;
    float: right;
    justify-self: flex-end;
}
.basket_panel:hover {
    background: #61587e;
}	

div.basket_icon {
    margin: 0px 12px 0px 0px;
    position: relative;
}
.basket_icon svg {
    width: 31px;
}

.ic_basket{fill:#fff;}
.ic_basket2{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}


.basket_price a {
	color: #fff;
}
.basket_price a:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}

div.number_product {
    background: #fe5050;
    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
    
    float: left;
    border-radius: 15px;
    cursor: pointer;
}

.number_product:after {
  content:"";
  /* background: #fe5050; */
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  z-index: -1;
  -o-transition:      all 0.2s linear;
  -moz-transition:    all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition:         all 0.2s linear;
  border-radius:        20px;
  -moz-border-radius:   20px;
  -khtml-border-radius: 20px;
}
.number_product:hover:after {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  transition-timing-function: cubic-bezier(.1, -1.5, .1, 2.5);
}
.number_product:active:after {
  top: -4px;
  left: -4px;
  bottom: -4px;
  right: -4px;
}




#index .basket_panel {
    position: fixed;
    top: 44px;
    right: 0;
}









/******************** ����� ���������� � ������� *********************/

div.layer_cart_overlay {
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	display: none;
}

#layer_cart {
    background: #fff;
    max-width: 330px;
    padding: 20px 20px;
    margin: 0px 0px 0px -165px !important;
    box-sizing: border-box;
    border: none;
    display: none;
    color: #757575;
    position: fixed;
    top: 5% !important;
    left: 50%;
    z-index: 2011;
    border-radius: 4px;
    box-shadow: 0 5px 80px -20px rgb(0 0 0);
}

span.title {
    width: 100%;
    color: #4e4e4e;
    font-size: 20px;
    margin: 0px 0px 20px 0px;
    display: block;
    text-align: center;
    float: left;
}
#layer_cart_product_price {
    color: #cc447a;
    font-size: 15px;
}
div.product-image-container {
    width: 100%;
    height: 170px;
    margin: 0px 0px 15px 0px;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    float: left;
    display: flex;
    align-items: center;
}
.product-image-container img {
	width: 100%;
	float: left;
}

div.layer_cart_product_info,
div.layer_cart_product ,
div.layer_cart_cart  {
	width: 100%;
	margin: 0px 0px 10px 0px;
	float: left;
}
.layer_cart_cart .title,
.crossseling,
.layer_cart_row {
	display: none;
}

#layer_cart_product_title {
    color: #cc447a;
    font-size: 20px;
}

div.button-container {
    width: 100%;
    margin: 10px 0px -10px 0px;
    float: left;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: center;
}

div.layer_cart_item {
	width: 100%;
	display :flex;
	justify-content:space-between;
	float: left;
}
.layer_cart_item span {
	
}
.layer_cart_item p {
	
}



element.style {
}
#layer_cart .continue {
    cursor: pointer;
}
span.continue, a.button-medium, .submit input {
    padding: 13px 20px;
    font-size: 15px;
    color: #6b6b6b;
    display: block;
    cursor: pointer;
    float: left;
    border-radius: 50px;
    opacity: 0.8;
}
span.continue:hover,
a.button-medium:hover,
.submit input:hover {
	opacity: 1;
}
a.button-medium, .submit input {
    background: linear-gradient(to right, #2f808f, #264b78);
    color: #fff;
    float: right;
    position: relative;
}

h2.page-heading,
#cart_title {
	width: 100%;
    margin: 100px 0px 50px 0px;
    text-align: center;
    
    font-size: 45px;
    color: #cc447a;
    float: left;
}

#emptyCartWarning {
	background: url(https://dream-matras.ru/themes/dreamline/css/../img/empty-cart.png) top;
    background-size: 100%;
    width: 426px;
    height: 289px;
    position: relative;
    left: 50%;
    margin: 30px 0px 120px -213px;
    font-size: 0px;
    opacity: 0.8;
    float: left;
}

.hidden {
	display: none;
}











			@media screen and (max-width: 750px){



div.pagenotfound_fon {
    padding: 20px 0px;
}



}











			
			@media screen and (max-width: 490px){



.natural_title span {
    font-size: 20px;
    top: -19px;
}
.natural_title p {
    font-size: 30px;
}
.natural_title i {
    padding: 40px 20px 20px;
    font-size: 13px;
    bottom: -56px;
    right: -30px;
    z-index: -1;
}

section.product_wrapper {
    width: 90%;
    margin: 0px 5%;
}

.product_block:before {
    height: 160px;
}
.product_block:after {
    top: 158px;
}

figure.product_image {
    margin: 0px -15px;
}


/* figure.product_price {
    margin: -40px 4% 0px 0px;
} */
.price span {
    font-size: 30px;
}

figure.tovar_size {
    margin: -24px 0px 30px 4%;
}
/* div.select {
    width: 110px;
    float: left;
    clear: left;
} */

.product_icons {
	position: relative;
	left: 50%;
    margin: 0px 0px 0px -112px;
    opacity: 1;
    transform: none;
    -ms-transform:  none;
    -moz-transform: none;
    -o-transform:   none;
    -webkit-transform: none;
}


.product_add_to_cart_wrapper button {
    padding: 16px 27px;
    font-size: 17px;
}


section.premium_title, .otz_title {
    padding: 45px 0px 20px 5%;
    font-size: 23px;
	line-height: 39px;
}

.cart_title h1 {
    font-size: 20px;
}

.cart_img img {
    width: 100%;
}

.category-podvesnye-kresla .cart_img img {
    width: 160%;
}

.cart_right .price {
    color: #fff;
    /* float: none; */
    text-align: center;
    width: 100%;
}
section.cart_cena_cont {
    width: 90%;
    margin: 0px 5%;
    right: 0;
    position: relative;
    float: right;
}


figure.otz_title {
    font-size: 28px;
}

.otz_cont input[type="text"], .otz_cont textarea {
    padding: 15px 4%;
}
div.name {
    width: 100%;
    margin: 0px 0 20px;
}
input.submit {
    width: 100%;
    padding: 20px 0%;
    margin: 0px 0%;
}

section.cart_right {
    padding: 0px 0px 30px 0px;
}

#layer_cart {
    max-width: 100%;
    padding: 20px 15px 0;
    margin: 0 !important;
    position: fixed;
    top: 0 !important;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0;
}

#layer_cart .clearfix {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#layer_cart .clearfix>div {
	max-width: 320px;
    width: 100%;
}



}





			@media screen and (max-width: 1400px){


div.simpleblog-posts {
    padding: 0px 10px;
    box-sizing: border-box;
}

}





			@media screen and (max-width: 1100px){


#index .basket_panel {
    background: #fe5050;
    top: 20px;
    right: 20px;
    border: none;
}

#order-detail-content, .pagenotfound .pagenotfound, .rte {
    margin: 0;
    padding: 15px 10px 10px;
}
.rte p {
    font-size: 15px;
    line-height: 120%;
}

}




			@media screen and (max-width: 800px){


div.simpleblog-post-item {
    width: 48%;
}

div.akcii_item {
    width: 48%;
	max-width: none;
	font-size: 14px;
}
div.akcii_text {
    padding: 15px 10px 0;
}
.akcii_title a {
    font-size: 13px;
}

}





			@media screen and (max-width: 550px){


div.simpleblog-post-item {
    width: 100%;
    margin: 0 0 30px;
}
div.post-title {
    height: auto;
    margin: 0px 0px 10px 0px;
}



div.akcii_item {
    width: 100%;
    max-width: 340px;
    margin: 0 0 30px;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	text-align: left;
	display: inline-block;
	float: none;
}

}




			@media screen and (max-width: 370px){


div.form-group {
    width: 97%;
}


}



	

#thumbs_list {
  overflow: hidden;
  float: left;
  width: 392px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    #thumbs_list {
      width: 294px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #thumbs_list {
      width: 164px; } }
  @media (max-width: 767px) {
    #thumbs_list {
      width: 196px; } }
#thumbs_list ul#thumbs_list_frame {
    max-width: 600px;
    list-style-type: none;
    padding-left: 0;
    overflow: hidden;
    height: 90px;
    display: inline-block;
}
  #thumbs_list li {
    float: left;
    height: auto;
    width: 90px;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    margin-right: 8px;
    line-height: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media (min-width: 768px) and (max-width: 991px) {
      #thumbs_list li {
        width: 76px;
        height: 76px;
        margin-right: 6px; } }
    #thumbs_list li a {
      display: block;
      border: 3px solid #fff;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fbfbfb; }
      #thumbs_list li a:hover, #thumbs_list li a.shown {
        border-color: #dbdbdb; }
#thumbs_list li img {
    border: 1px solid #fff;
    width: 100%;
    max-width: 60px;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	  
      @media (min-width: 768px) and (max-width: 991px) {
        #thumbs_list li img {
          width: 68px;
          height: 68px; } 
}
		  

	 		  
@media screen and (max-width: 770px) {
#product_in_cart {
    width: 94%;
    margin: 20px 3% 0 !important;
    float: left;
}

	 		  



@media screen and (max-width: 520px){



div.basket_title {
	display: none;
}
  
.itog p {
	font-size: 15px;
	margin: 7px 0 0 0;
}

#thumbs_list ul#thumbs_list_frame {
    max-width: 300px;
}

}