article, details, footer, header, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

.hidden, [hidden] {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button, html, input, select, textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:active, a:focus, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0
}

h2 {
    font-size: 1.5em;
    margin: 0
}

h3 {
    font-size: 1.17em;
    margin: 0
}

h4 {
    font-size: 1em;
    margin: 0
}

h5 {
    font-size: .83em;
    margin: 0
}

h6 {
    font-size: .67em;
    margin: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

hr {
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p {
    margin: 0
}

small {
    font-size: 80%
}

label {
    cursor: pointer
}

menu, ol, ul {
    margin: 0
}

menu, ol, ul {
    padding: 0
}

img {
    border: 0;
    vertical-align: top
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear {
    display: block;
    height: 0;
    clear: both
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.remove-space {
    font-size: 0;
    letter-spacing: -4px
}

.nowrap {
    white-space: nowrap
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    outline: 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    outline: 0;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    outline: 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    outline: 0
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.bx-wrapper .bx-caption span {
    display: block
}

.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .2)
}

.fancybox-inner, .fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe, .fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -93px;
    background-color: #fff;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 186px;
    height: 52px;
    background: url(../images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    cursor: pointer;
    z-index: 8040;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAAAa0lEQVR4XoXTsRGAQAgFUYIri8LEs5Ffhw16FzF/HFdSHsEGhFKHRsBoLJGh0q1TA9hcora/mn6wubdGgYVRZE6ROUXm1BlQY0SRdQJDL72QdoIGUC9tiswpMqfInL7ugKqaAa1Qqn5foZQPV0ym3IP5948AAAAASUVORK5CYII=) no-repeat center center;
    background-size: 10px 10px;
    transition: background;
    transition: background .3s ease
}

.fancybox-close:hover {
    background: #f6c6ca url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAgElEQVR4XqXVsQ3AIAwFUQrGos9KccwOGSYLxkimAuVLF6Qr/ShcuBx3adEZ1QLfmE2jDdCiJ7oSJZinYVPvEtWYz9ktirFIoAATKMAECjCNCgygAgPogmHQGai32VeUY3WE0K9t7lCMCRRgAgWYRuVvCA3AdhhEbZ4A+3sC0mgv1V3QzCex5hkAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 10px 10px
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: 0 0;
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, .4)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 15px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 15px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0)
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100)
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: alpha(opacity=85);
    -ms-filter: alpha(opacity=85)
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75)
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background: #dcdcdc
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 8px
}

.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    left: -9px;
    top: -5px;
    border: 3px #fff solid;
    background: #eb5c5e;
    border-radius: 50%
}

.noUi-vertical {
    width: 8px
}

.noUi-vertical .noUi-handle {
    width: 18px;
    height: 18px;
    left: -6px;
    top: -6px;
    border: 2px #fff solid;
    background: #eb5c5e;
    border-radius: 50%
}

.noUi-background {
    background: #eb5c5e
}

.noUi-connect {
    background: #eb5c5e;
    transition: background 450ms
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    cursor: default
}

[disabled] .noUi-handle {
    cursor: default
}

[disabled] .noUi-connect {
    background: #eb5c5e
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    box-sizing: border-box
}

.select2-container {
    width: 100%
}

.select2-container .select2-choice {
    box-sizing: border-box;
    transition: all .3s ease;
    display: block;
    width: 100%;
    height: 45px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #dadada;
    white-space: nowrap;
    line-height: 45px;
    color: #000;
    text-decoration: none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff
}

html[dir=rtl] .select2-container .select2-choice {
    padding: 0 8px 0 0
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto
}

html[dir=rtl] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url(../images/select2.png) right top no-repeat;
    cursor: pointer;
    outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15)
}

.select2-drop-active {
    border: 1px solid #478f00;
    border-top: none
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #478f00
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 45px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/base64/select-arrow-open.png) center center no-repeat
}

html[dir=rtl] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/base64/select-arrow-open.png) center center no-repeat
}

html[dir=rtl] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    background: #fff url(../images/select2.png) no-repeat 100% -22px;
    background: url(../images/select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

html[dir=rtl] .select2-search input {
    padding: 4px 5px 4px 20px;
    background: #fff url(../images/select2.png) no-repeat -37px -22px;
    background: url(../images/select2.png) no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search input.select2-active {
    background: #fff url(../images/select2-spinner.gif) no-repeat 100%;
    background: url(../images/select2-spinner.gif) no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #478f00;
    outline: 0
}

.select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices {
    border: 1px solid #478f00 !important
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #478f00;
    border-top-color: transparent;
    background-image: -moz-linear-gradient(center top, #fff 0, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%)
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: 0 0;
    border-left: none;
    -webkit-filter: none;
    filter: none
}

html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}

html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-results {
    max-height: 200px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent
}

html[dir=rtl] .select2-results {
    margin: 4px 0 4px 4px
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
    line-height: 45px
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: 700
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results-dept-1 .select2-result-label {
    padding-left: 20px
}

.select2-results-dept-2 .select2-result-label {
    padding-left: 40px
}

.select2-results-dept-3 .select2-result-label {
    padding-left: 60px
}

.select2-results-dept-4 .select2-result-label {
    padding-left: 80px
}

.select2-results-dept-5 .select2-result-label {
    padding-left: 100px
}

.select2-results-dept-6 .select2-result-label {
    padding-left: 110px
}

.select2-results-dept-7 .select2-result-label {
    padding-left: 120px
}

.select2-results .select2-highlighted {
    background: #478f00;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: 0 0
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-ajax-error, .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px
}

.select2-results .select2-disabled.select2-highlighted {
    display: none;
    color: #666;
    background: #f4f4f4;
    cursor: default
}

.select2-results .select2-disabled {
    display: none;
    background: #f4f4f4;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #f4f4f4 url(../images/select2-spinner.gif) no-repeat 100%
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, .2)
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%)
}

html[dir=rtl] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px
}

.select2-locked {
    padding: 3px 5px 3px 5px !important
}

.select2-container-multi .select2-choices {
    min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #478f00;
    outline: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

html[dir=rtl] .select2-container-multi .select2-choices li {
    float: right
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    box-shadow: none;
    background: 0 0 !important
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url(../images/select2-spinner.gif) no-repeat 100% !important
}

.select2-default {
    color: #999 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)
}

html[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: 0;
    background: url(../images/select2.png) right top no-repeat
}

html[dir=rtl] .select2-search-choice-close {
    right: auto;
    left: 3px
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

html[dir=rtl] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: 0 0
}

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0 !important;
    top: 0 !important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice abbr, .select2-search input, .select2-search-choice-close {
        background-image: url(select2x2.png) !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important
    }

    .select2-search input {
        background-position: 100% -21px !important
    }
}

@-webkit-keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        -ms-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        -ms-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation: bounceInUp linear 1.5s;
    animation: bounceInUp linear 1.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: bounceInUp linear 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation: bounceInUp linear 1.5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -ms-animation: bounceInUp linear 1.5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -ms-animation-delay: 0s;
    -o-animation: bounceInUp linear 1.5s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s
}

@-webkit-keyframes slightJump {
    0% {
        margin-top: 0
    }
    50% {
        margin-top: -3px
    }
    100% {
        margin-top: 0
    }
}

@keyframes slightJump {
    0% {
        margin-top: 0
    }
    50% {
        margin-top: -3px
    }
    100% {
        margin-top: 0
    }
}

@-webkit-keyframes logoAnim {
    0% {
        height: 29px;
        opacity: 1
    }
    30% {
        height: 0;
        opacity: 0
    }
    50% {
        height: 0;
        opacity: 0
    }
    100% {
        height: 29px;
        opacity: 1
    }
}

@keyframes logoAnim {
    0% {
        height: 29px;
        opacity: 1
    }
    30% {
        height: 0;
        opacity: 0
    }
    50% {
        height: 0;
        opacity: 0
    }
    100% {
        height: 29px;
        opacity: 1
    }
}

.ico {
    display: inline-block;
    background: 0 0 no-repeat;
    vertical-align: middle
}

.ico.ico-phone {
    width: 12px;
    height: 12px
}

.ico.ico-m-phone {
    width: 12px;
    height: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAA7UlEQVR4AY3AUUdDYRzH8V8JUYmJgAjKnpCI3kW3UYIa3QZEJIZuA3sNgQCpMEjUdUCxonDO1HWWne2bbeZ5ztl2/vuoB8c7N0xoPDhiOnY0DhwxPW9MyYKjjncoC0+EPplWPtqkHSsfP6TdKx93hBK2lY8TQruysEyLvoRF2bjGK8vGOgl9DYqyUcF7YV4WZqnhPTAjC1v84T2zIAsHhF5ZVRd7fFFlQ4MoE/rljAL7JHQkVCgoiwvSmoS+OWJSaZyT71ZZlGgw2ocGsUmN4eqsaRjmuKRJVozTaDiuaOFFFGVhiVOqRLR5ZEVd/16IujdIBsYhAAAAAElFTkSuQmCC);
    background-size: 12px 12px
}

.ico.ico-lock {
    width: 11px;
    height: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAAfklEQVR4Xu3PMQqAMAyGUae6Z+0NvICH8CzV0SNm1Lt0sVPNEOEftAREXFL4liY8SPf0pnEI0iyxlKWqZYl1Fu6AFhqlTaFWmxStaADU0i71FjgBUPRkgjnpXwE8WWAGeGnsrQCzBS4AUwMmgA8LXK/e7TqM0Bf9CjvssMMOnz5DhPTdIBnxAAAAAElFTkSuQmCC);
    background-size: 11px 12px
}

.ico.ico-person {
    width: 12px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAABL0lEQVR4XrXUzSoFcRjHcefcgJWmbJzYSJGkXAFOnXBka3JKJdmQe2Cn3IMroKSyUiAlTdhYsZ4cmwnqzOM7RR1lXp5nXuqz/X2r6fn3pH2NqREHO/AQ/PCwCyd5IH18Bm1IjDZmrePjCCApAkxYAqeQjM614/0QpSFNYMkQWNYE1g2BbU1gzRDY0ATqhkBDE+jFpyLQQZ/2Dk4UgTPLHSwoAovWa77IELhExRoYTXku3jCc98FbSQi0ooG8gYGEQE0RMB3dvHW0iiaO0UkIfOAA06hkHXbxBFF6hItq3PgYbiA53WLy7zhlvEMK8oXV3/E5hJCChWhGgXtISR4IUCovEEYBv8SAHwU2Swxsdf/oqwJ/9jXq/91CDS72cIg7POM15iV9gYcj7KOFwe7Nb+I4ndRtH/LTAAAAAElFTkSuQmCC);
    background-size: 12px 14px
}

.ico.ico-m-person {
    width: 12px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAQAAACxtDVnAAAAgUlEQVR4Xm3NMQpBcRwA4N8R9BSDcgplETmL2a4cRtxBysb8JstLcQCLyfi8z6B//uS7wBdvCms3NxtF5Owl+/jQk+tHYiA3jERHI2l08+MgOUbOSA1qo/hmBVbxzcQZnPJ6rJQrTSPCTO1XYx4e/nmEyj9VaFnYurh7atxd7Sy1X/K70qJyLQZ8AAAAAElFTkSuQmCC)
}

.ico.ico-reset {
    width: 11px;
    height: 11px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAAUklEQVR4XlWNoRGAQBDEDoUDd/7dO1oATxFXDS0wqYMGmVM7u2onEQkWMmysbEHyMgw+XH1GC0HufhIGJaagxOSjBBQqNSykuNclBE2wczYwcfxD9jGFGFR1zgAAAABJRU5ErkJggg==)
}

.ico.ico-cart {
    width: 34px;
    height: 30px;
    background: url(../images/sprite-retina.png) -105px -50px no-repeat;
    background-size: 700px
}

.ico.ico-fresh {
    width: 137px;
    height: 125px;
    background: url(../images/sprite-retina.png) 0 -100px no-repeat;
    background-size: 700px
}

.ico.ico-speed {
    width: 141px;
    height: 102px;
    background: url(../images/sprite-retina.png) -150px -100px no-repeat;
    background-size: 700px
}

.ico.ico-chef {
    width: 123px;
    height: 117px;
    background: url(../images/sprite-retina.png) 0 -250px no-repeat;
    background-size: 700px
}

.ico.ico-portions {
    width: 155px;
    height: 99px;
    background: url(../images/sprite-retina.png) -150px -250px no-repeat;
    background-size: 700px
}

.ico.ico-instagram {
    width: 32px;
    height: 33px;
    background: url(../images/sprite-retina.png) 0 -50px no-repeat;
    background-size: 700px
}

.ico.ico-facebook {
    width: 32px;
    height: 33px;
    background: url(../images/sprite-retina.png) -35px -50px no-repeat;
    background-size: 700px
}

.ico.ico-twitter {
    width: 32px;
    height: 33px;
    background: url(../images/sprite-retina.png) -70px -50px no-repeat;
    background-size: 700px
}

.ico.ico-warning {
    width: 21px;
    height: 21px;
    background: #eb5c5e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAAYElEQVR4Xu3VzQ2AIBAFYU5bvPEPe9SLoKGC8URiAWuC5H0FzIU8NvRCBCNykFkwv+hINflFC9XpF31RVFFFHWeaGv9QjI2bixUL/sT/oX50o1Ljh2/4ZlGRnczcz6JEHn0y9wd7I1VZAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: 21px 21px;
    border-radius: 50%
}

.ico.ico-warning-small {
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAmVBMVEVMaXHrXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rXF7rW13qV1n////uc3TrWVvrWlzrXV/++vnve33sZmj619fsYmTtaWvudHXuc3X51NT86OnsZWfqWVvtbG7qWFrtbW++G/U3AAAAHHRSTlMA9s71ApCvjzkQ0vGSEdXz+YzpOjuO8JHT9+sSZbKU5wAAAKJJREFUGBkFwVtOwkAAAMDZ3T4oD0NMRBPvfzSjVj8gtJbCtutMgE1pgzKHGwLden8HH02cBIf5REChT1OoNkea/SoOd8636lgjL4N9xvgcXmvEWIR1xXcMAEAdr2DLFuwrkMqTnFZUVYFH3hkLfKW4g1aJCzSpvhx42cwO3cRnrnLEuU7+MmIOuuVEoKBPU5Lfeg0YLu0ocV2V3/T4ibf5zj+4rEHmKi3IDwAAAABJRU5ErkJggg==)
}

.ico.ico-pizza-status {
    width: 29px;
    height: 29px;
    color: #fff;
    text-align: center;
    font: 700 12px/29px 'Open Sans', Arial, Tahoma, sans-serif;
    background: #eb5c5e;
    border-radius: 50%
}

.ico.ico-delivery {
    width: 32px;
    height: 35px;
    background: url(../images/sprite-retina.png) -325px -525px no-repeat;
    background-size: 700px
}

.ico.ico-payment-gray {
    width: 18px;
    height: 16px;
    background: url(../images/sprite-retina.png) -460px -60px no-repeat;
    background-size: 700px
}

.ico.ico-payment-black {
    width: 18px;
    height: 16px;
    background: url(../images/sprite-retina.png) -440px -60px no-repeat;
    background-size: 700px
}

.ico.ico-payment-green, .page-personal .tab .history-table .row:hover .ico-payment-black, .page-personal .tab .history-table .row:hover .ico-payment-gray {
    width: 18px;
    height: 16px;
    background: url(../images/sprite-retina.png) -420px -60px no-repeat;
    background-size: 700px
}

::-moz-selection {
    background: #ea5c5e;
    color: #fff
}

::selection {
    background: #ea5c5e;
    color: #fff
}

::-moz-selection {
    background: #ea5c5e;
    color: #fff
}

a.iconed {
    display: inline-block;
    text-decoration: none
}

a.inner {
    text-decoration: none;
    border-bottom: 1px dashed
}

a.inner:hover {
    border-color: transparent
}

a.show-more {
    color: #478f00;
    font: 700 22px Bitter, 'PT Serif', Georgia, serif;
    text-decoration: underline
}

a.show-more:hover {
    text-decoration: none
}

.btn {
    box-sizing: border-box;
    transition: opacity;
    transition: opacity .3s ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: inline-block;
    height: 49px;
    padding: 0 12px;
    color: #fff;
    font: 14px/49px Bitter, 'PT Serif', Georgia, serif;
    text-align: center;
    text-decoration: none;
    background-color: #58443a;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAIAAAAeFy4qAAAAGElEQVR4XmOMcLHCihtTw0E06XgUkxOmALMBUx2zwJYWAAAAAElFTkSuQmCC);
    background-size: auto 49px;
    white-space: nowrap;
    outline: 0
}

.btn:active, .btn:focus, .btn:hover, .btn:visited {
    outline: 0
}

button.btn {
    border: none;
    overflow: visible
}

.btn:hover {
    opacity: .9
}

.btn:after, .btn:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 100%;
    top: 0;
    background: 0 0 no-repeat;
    background-size: auto 49px
}

.btn:before {
    right: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABiCAMAAABj2dPeAAAAjVBMVEUAAABYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpaRjtZRTtcRz1iTEFjTUJmT0RwV0tzWU1zWk12XE98YVN8YVR9YlSBZVddSD5uVUlaRTtmUERrU0h7YFJrVEhuVkpuVklvVkpeST/11Up4AAAAFXRSTlMAAQIFBgwbKEVHWIaHiIylp93e3+HrN4/JAAAAxElEQVR4Xu3WxxKCMBiFUVBBQbHy03uxlvd/PGUQEs2dycpd7vJMJst80bjNaBzPJmYLswN5coBsE2LD7cWv3xtV31K/oOJO62v6LMoZGxsadj8PPLFdGlc0HRtza7Untjijjul7Xhkizm4E+JGQyF6a+CKfyv4Gxt4zaos0pB+uL/m1IRK4g/+wYsWKFSuu4NPrB1FbZCHHbHH3rOMIHEmSDBwYnKOpuVjuhHih1EnCCDOKo4sTjYMuz7/mYLYwm5hnjF8f+KWZySEJagAAAABJRU5ErkJggg==)
}

.btn:after {
    left: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABiCAYAAABUByPsAAABbklEQVR4Xu3aQUrDUBAG4FrQVW7QC3gGg4qlMUk1VGxsk1BFK7opVKHgRgXcqIDXEE9lxZOMw6wsD8yLLwMBfuDffgyTTICZtLLeFllmg4hatqkCd7TgUAt+1YK/OG0FWJJZw09XY/qdPPD/gr85XuWKH6cpTcLtsqo/OGuV4LvJgC6Trk1L3gS3hWfDiOaj2Lbf7xzPCj6NdujhYmggJT3POO3SAVkUCV0PegJUyCfnmRNwOpx1A54e7nHVKRX7vgD/jQFzuM99qbxuWHI7PqCbUb9+uAh8wRd5Im1xh822SM/lgbrD5gPlnsurOD+JZYh4QmX8HeDV93yWRjKhPP7ybXGHzTQcBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGBzaXp/fiyw+5o3X13znsW7srB2X0wf1bSYzh1W6RrLf/1zhfKBxf0ktOS8cELOJsdTPGK5n930D4X6p039Y6x9sgYcvBtwog8b8RuE2o8bP4tXXTCiGh3VAAAAAElFTkSuQmCC)
}

.btn.btn-green {
    height: 51px;
    line-height: 51px;
    padding: 0 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABmCAIAAACFhmw8AAAAF0lEQVR4XmN072fAisPXg2nK8SgmJ4wBssJWC14mEJAAAAAASUVORK5CYII=);
    background-size: auto 51px
}

.btn.btn-green:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABmCAYAAADPlmH6AAABSElEQVR4Xu3aUWrCQBCH8alQn3IDL9CTuFqxGmxobmSBgtEWWgREJW2hCp5IS08yHZgXYUF3SQYC/IHv9ec6qkBmyc2IA2szM4UWA3esYGcFP1vBv1KrfljLg+GnA/F5rrgI/0lJ9ImzPXF/cfXU39JNFDz5Ih58BI3kRfFA+GFFPF4Hz/tTSoLg/itxtvOAazPPpdYFWEtL4uFSgYhO0lRy0p2UePDgXU/dm3tAVOSfQOeclvXDim+ljQHcKxRPSx1LZdgfi858uKwF9j/QtNQXGK31R3T/pu+kEnz+PR+t9Bf6+KP/LZVhP8CAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDNh/MJ3tFa77Ubouuwqrh//26wr7BYv9Ssh4iVV97XaUplJX6ki3BotCg9Wm1TLWfn1sv/COKG/ApYIGXINwjbhqYnY55h/WCukDJ5UB+gAAAABJRU5ErkJggg==);
    background-size: auto 51px
}

.btn.btn-green:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABmCAYAAADPlmH6AAABSElEQVR4Xu3aUWrCQBCH8alQn3IDL9CTuFqxGmxobmSBgtEWWgREJW2hCp5IS08yHZgXYUF3SQYC/IHv9ec6qkBmyc2IA2szM4UWA3esYGcFP1vBv1KrfljLg+GnA/F5rrgI/0lJ9ImzPXF/cfXU39JNFDz5Ih58BI3kRfFA+GFFPF4Hz/tTSoLg/itxtvOAazPPpdYFWEtL4uFSgYhO0lRy0p2UePDgXU/dm3tAVOSfQOeclvXDim+ljQHcKxRPSx1LZdgfi858uKwF9j/QtNQXGK31R3T/pu+kEnz+PR+t9Bf6+KP/LZVhP8CAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDNh/MJ3tFa77Ubouuwqrh//26wr7BYv9Ssh4iVV97XaUplJX6ki3BotCg9Wm1TLWfn1sv/COKG/ApYIGXINwjbhqYnY55h/WCukDJ5UB+gAAAABJRU5ErkJggg==);
    background-size: auto 51px
}

.btn.btn-light {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAHUlEQVR4XmOMcLGC4////zP+3sUw6PH///+R3Q0APrZRLW0yTNIAAAAASUVORK5CYII=);
    color: #4b372a
}

.btn.btn-light:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAYAAADjjzjTAAAA5ElEQVR4XmOIcLH6j4bZGLAAbAotiFU4CavC/0AQ42GPrPAHEOtjKPz34fj/2txUdFOfALEBisK/13P/71i/GqQAHf8E4glAbALE3Ay/97D///Xr1//ytDiQApyY4fcuhv9/r6X/f/v61f/y9Hj8CiGK0/7//v3r/7Z1K/9XZSX9j/dxwlQIx3vY/v+9kf//38fT/4EAq0J0PFgUjiocVTiqcFQhemmW9x9UXAMB/vJx+7pV4DI9wdcZUyFIEeESdw8byCS8ikCYUK0wEYgtgJgHbz1DqOb6iaYIX11Iee1KuL4GABW6OWbLUFTYAAAAAElFTkSuQmCC)
}

.btn.btn-light:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAYAAADjjzjTAAAA5ElEQVR4XmOIcLH6j4bZGLAAbAotiFU4CavC/0AQ42GPrPAHEOtjKPz34fj/2txUdFOfALEBisK/13P/71i/GqQAHf8E4glAbALE3Ay/97D///Xr1//ytDiQApyY4fcuhv9/r6X/f/v61f/y9Hj8CiGK0/7//v3r/7Z1K/9XZSX9j/dxwlQIx3vY/v+9kf//38fT/4EAq0J0PFgUjiocVTiqcFQhemmW9x9UXAMB/vJx+7pV4DI9wdcZUyFIEeESdw8byCS8ikCYUK0wEYgtgJgHbz1DqOb6iaYIX11Iee1KuL4GABW6OWbLUFTYAAAAAElFTkSuQmCC)
}

.btn.btn-white {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAAAAAA+BJz4AAAAEklEQVR4XmP8D4a3gJiqEGEmAFPwMLfhzgRWAAAAAElFTkSuQmCC);
    color: #4b372a
}

.btn.btn-white:before {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAeUlEQVR4Xu3TMQ5AQBSEYZWGu1C6JscjUWxUGjoU9reR5dk8otKZ6b56JkIa43PF4g4rjRkzgKU+Kadjz4RxkFJQsuDTMzgMMtNgiUJqGeHAlYmeBkeCNYYBCyFKPsAff1Sr0/vUS37afKLe8fQj4UUeJ63eXqz/vgFeuZEuUIszaQAAAABJRU5ErkJggg==)
}

.btn.btn-white:after {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAdUlEQVR4Xu3ToRJAQBhF4U0K70Lc1+TxmBGMtIWGYI9g/Zi5VXPil+91XGXOutErbB7YEk9cKQ0HFlIjVcKJgLVR4ylcpGPlnYOZ3tgQZjoCC/sTITIx0BrefYA//ihWp/aplyw3r96R6x/Z4zYj+U39Yvn3A0D6ZVqXUvOcAAAAAElFTkSuQmCC)
}

.btn.btn-white:hover {
    opacity: .9
}

.btn.btn-gray {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAAAAAA+BJz4AAAAEklEQVR4XmO8BYabgZiqEGEmAPgJKZ7cegsmAAAAAElFTkSuQmCC);
    color: #4b372a
}

.btn.btn-gray:before {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAhElEQVR4Xu3TMQqEMBCFYe1c2NN51QgWWtooNrpNMrcQD/CLxDjIWNhsJ1MEPphM817GOUIape8dlgalkCVCwB30kTGtTrTsf5Wy6mpHH2/q/KgIEZVqBiShZ6aj2knR0dATkCvG90/44outTZ1nsvm0ScZm3rbjtke2cR5nuvmkxbniBkH8WEROw/KSAAAAAElFTkSuQmCC)
}

.btn.btn-gray:after {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAgklEQVR4Xu3TMQ6DMBBEUacjEqfjqkZKEUoaEA1JY+8tIg7wEQgzzSpKkZKd7mnLmWCUBJ3Qag+bEyO54MeqAztm/U5233Ggx5TFGqtDpuW9gxKMkUdh4cYtPS+ScEtm4EkUKn/HCy9U6zqh+jmTvjXZ7by7Dn9HkYQW52zz5xXfiq3UXDVnUeKO9QAAAABJRU5ErkJggg==)
}

.btn-flat {
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    transition: background;
    transition: background .3s ease;
    display: inline-block;
    color: #fff;
    font: 14px/45px Bitter, 'PT Serif', Georgia, serif;
    text-align: center;
    background: #43281b;
    border-radius: 1px;
    text-decoration: none
}

.btn-flat:hover {
    background: #593a2b
}

.btn-basket-delete {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #dadada url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAaElEQVR4Xu2UOw7AIAzFynnT03DguAeowMMb2oG3RrYE+Vx/ywmDSe0AislYlyfQ1AZvYK4FN71WUK+qKARXheKuUNwVirtCcWlZC+4KwQNB/oT8E/M25oOUj3K+TPk65wclP2nf5+QBuKcyHCndO7sAAAAASUVORK5CYII=) 50% 50% no-repeat;
    background-size: 16px 16px
}

.btn-basket-delete:hover {
    background-color: #eb5c5e
}

.btn-basket-delete.active {
    background-color: #c9494b
}

.empty-note {
    padding: 60px 0 120px;
    text-align: center;
    font: 36px Bitter, 'PT Serif', Georgia, serif
}

.inp {
    position: relative;
    display: block
}

.inp label.error {
    transition: all .3s ease;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    transform: scale(.8, .8);
    width: 21px !important;
    height: 21px;
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 0;
    line-height: 0;
    background: #eb5c5e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAAYElEQVR4Xu3VzQ2AIBAFYU5bvPEPe9SLoKGC8URiAWuC5H0FzIU8NvRCBCNykFkwv+hINflFC9XpF31RVFFFHWeaGv9QjI2bixUL/sT/oX50o1Ljh2/4ZlGRnczcz6JEHn0y9wd7I1VZAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: 21px 21px;
    border-radius: 50%;
    overflow: hidden
}

.inp label.error + .show-pass {
    right: 35px
}

.inp .show-pass {
    transition: all .3s ease;
    width: 43px;
    height: 43px;
    position: absolute;
    right: 2px;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcCAQAAAC96eVgAAAB6UlEQVR4XpXWQUhUQRzH8QHXIBCLgg0wqzBksUShS4DGtroYeK2LJ0kMQTwpiqB6KkGMiqQ2BDoF0S0KiC6K4SlVQIH4IlDboqKoLBhIYSM8bCj35/je/E7L//HhzZs//1mDLzGSDPCOWVbIk2eFOd4zRIqY8S2OSoInZLE6ZBmnJhp6mVfYEHnNtbBoD7+xoTN8PHqWT9iImeG8D60hJ4AcL7hHilu08ozvgt3kxlFoUmx7j25OYHChiE52BXxboTfFgxtcxYhcke+bPowm2Csg/5BwzGmSNBB3bLl82+p/0RLWxSO9jnjMdgD8JOM+Rrv8tqUOZUqQW478/F9lwbE/BDv9F+3HikwckCMFlZcH6BhWpNcYQwVWpi0gS/klaucC9C5W5oJhXqM0B2idp1avUWYN3/yovybz1dAUffvEvduvDk7Xe1APC8iM96BGg9PnEjZCS817W2rJ9Sldku1z7ChbAZDnOcWe5t+lzKEY3ki2yrGnSNHAGff7ohwq9YcHyowcabUYkUo5Iu8UTqlivmBFxOiTHdGi52mMj5LNkaGDNI20My6H3g5NvuvkETZy5qg47uJrZjkS+SDcbVrEIBuhwLeeK1qkhPtMerhVMlwXnA913djKUyZZZM397fnAMGlOGs/aB/MCCW7iSK3MAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 21px 12px
}

.inp .show-pass.active, .inp .show-pass:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAcCAYAAAAX4C3rAAACD0lEQVR4Xr3YD0SccRzH8VFFpKYotKo0OW0pBsPKde0UARQMpGnGDGxK1AI1UiqlXYaBkYA0rKCUwKqwIQxbO21WlWhkU7+9j/A4v+r7fe55nuMFzufx8fzu9+9uuP1EF/bTEUYv5rCOXRxf2MUG5vEKEaQnsoGgQAhj2IFR2sEkavwsWI53MB55j7tel3yJfzA+6PeiYD4WYXy2hltuS9YgLiwQxxt0IIIGtGMC34VlD3BfWzIsHOozvEDmFc9KwzOcCgs3S0vWwwjs4Y5ihG4r3m5UsvScCUqeI2TJ30QYjSiwlC1WvNnqy0pm4zeMQJclP4ojR+YPYshMKtup+M3m2IouC0seWrKrV2S2LGV/CMuuJJfsgRF6m5R9LchMJ2WGYVSjR6ACRuGxo2QO/gpzhY5cG4xCSSK0qQy1OIo+cJmrUxZdT4S+BVhUnwO2E6GmgIa+IIWhr7bMWvVkGhRkYilMpiFnsAzGp+VpM4Xl6YttHX2uKNttyQ/h0JE5xhQyXC74pyi6bHeaUZStsuRzEUEj8izflyq20Lrr9vs1xRZXqziUVCqOja2SB2bgE4yE9JinWB0eaW+YHxVl44jhKaJ4iE5MKo52J2hye8ofgQnABipSvTe14KuPJQe8vIWmoQ97Hhac9e66bD9cP8GSy3I/EcO9IP8xKUU7xrGEz/hl+UvnA/oRRZbbAv8B25tw/Ket43cAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 21px 12px
}

input[type=text], input[type=email], input[type=password] {
    width: 100%;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none
}

input[type=text].error, input[type=email].error, input[type=password].error {
    border-color: #eb5c5e
}

input[type=text].error + label, input[type=email].error + label, input[type=password].error + label {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.placeholder {
    font: italic 14px/18px 'Open Sans', Arial, Tahoma, sans-serif;
    color: #a6a6a6
}

::-webkit-input-placeholder {
    font: italic 14px/18px 'Open Sans', Arial, Tahoma, sans-serif;
    color: #a6a6a6
}

:-moz-placeholder {
    font: italic 14px/18px 'Open Sans', Arial, Tahoma, sans-serif;
    color: #a6a6a6
}

::-moz-placeholder {
    font: italic 14px/40px 'Open Sans', Arial, Tahoma, sans-serif;
    color: #a6a6a6
}

:-ms-input-placeholder {
    font: italic 14px/18px 'Open Sans', Arial, Tahoma, sans-serif;
    color: #a6a6a6
}

.decorated {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk4BqAXcGrB14vYI3jnx39UPa3IUfNo0vWMHUeHgAAAAASUVORK5CYII=) 0 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4XiXFIRIAIAgEQP7/RJgxECnQoMipuGWJNx7S/Lv9W2pGrJoRYtl3tCsfNIQvWFUwk3wAAAAASUVORK5CYII=) 100% 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR42iXFIRIAEBAAwPv/E5kRRIVGcSvYslH6TETuUReB05aAUzPAmP/d/7c8J4ovWNAm1d0AAAAASUVORK5CYII=) 0 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk6D2bOH0db844yHVH2QvkHlBWoEfJYEvWMBG5+0AAAAASUVORK5CYII=) 100% 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 100% 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 100% repeat-x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-x
}

.badge {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: url(../images/sprite.png) no-repeat
}

.badge.badge-new {
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) -50px 0 no-repeat;
    background-size: 700px;
    background-color: #eb5c5e
}

.badge.badge-good {
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) -100px 0 no-repeat;
    background-size: 700px;
    background-color: #45b9ec
}

.badge.badge-discount {
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) -150px 0 no-repeat;
    background-size: 700px;
    background-color: #fdbb00
}

.badge.badge-details {
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) -200px 0 no-repeat;
    background-size: 700px;
    background-color: #478f00
}

.badge.badge-pdf {
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) 0 0 no-repeat;
    background-size: 700px;
    background-color: #eb5c5e
}

.badge.badge-profile {
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) -250px 0 no-repeat;
    background-size: 700px;
    background-color: #eb5c5e
}

.badge.badge-history {
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) -300px 0 no-repeat;
    background-size: 700px;
    background-color: #478f00
}

.title-features {
    display: block;
    margin: auto;
    background: url(../images/features-ru.png) 50% 50% no-repeat;
    background-size: 420px 158px
}

.title-features.az {
    background: url(../images/features-az.png) 50% 50% no-repeat;
    background-size: 357px 146px
}

.title-about {
    display: block;
    margin: auto
}

form .form-field label {
    font: 400 14px/22px 'Open Sans', Arial, Tahoma, sans-serif
}

form .form-field.error .select2-choice {
    border-color: #eb5c5e
}

label:hover .checker, label:hover .radio {
    border-color: #91c35f
}

.checker {
    width: 16px;
    height: 16px;
    transition: border-color;
    transition: border-color .3s ease;
    display: inline-block;
    background: #f0f0f0;
    border: 1px #dadada solid;
    border-radius: 1px;
    cursor: pointer
}

.checker:hover {
    border-color: #91c35f
}

.checker span {
    width: 100%;
    height: 100%;
    display: block
}

.checker span.checked {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAzElEQVR4XrWToQ2DUBRFwWBxdczwlyjpBFgGQHQAlqiCzkGnaGdoJ8AhCAKS1ysQ5OaV5JHXnxz3/jnqRt7vcosCGED1D3kK3kBWGk95DDogWzwDNRDi7iU/g4XkL5B4yDPQk7wHmYc8AU+SLyDXjk8HAi0QotbkFZhAYZCXivwBYpY3m/pMkb0xjST/gFQ7noFwxDAmWWPh14diP6KPiShJa4zsj6kl3bEIRLlhTObI1WlMHGH0MTlHeEz+kY7G5BfhMXlGJjCAYBV8AbHHF/cTji20AAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: 12px 10px
}

.checker input {
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer
}

.checker.disabled {
    filter: alpha(opacity=60);
    opacity: .6
}

.checker.disabled:hover {
    border-color: #dadada
}

.radio {
    width: 18px;
    height: 18px;
    vertical-align: top;
    display: inline-block;
    background: #f0f0f0;
    border: 1px #dcdcdc solid;
    border-radius: 50%;
    cursor: pointer
}

.radio:hover {
    border-color: #91c35f
}

.radio span {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.radio span:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all .1s ease;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 5px;
    top: 5px;
    background-color: #478f00;
    border-radius: 50%
}

.radio span.checked:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input {
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer
}

.quantity {
    width: 107px;
    padding-top: 5px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.quantity .step-down, .quantity .step-up {
    position: absolute;
    top: 10px
}

.quantity .step-down {
    left: 0
}

.quantity .step-up {
    right: 0
}

.quantity input {
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    text-align: center;
    outline: 0;
    font: 700 14px/35px 'Open Sans', Arial, Tahoma, sans-serif;
    display: inline-block;
    background-color: #f0f0f0;
    border: 1px solid #dadada
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px;
    border-radius: 7px;
    background: #8d8d8d
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active, .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: #45b9ec
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    background: #dadada
}

.pager {
    font: 13px Arial, Tahoma, sans-serif;
    text-align: center
}

.pager li {
    display: inline-block;
    line-height: 30px;
    vertical-align: top
}

.pager li a, .pager li span {
    display: block;
    color: #000;
    margin: 0 7px;
    padding: 0 5px;
    text-decoration: none;
    cursor: pointer
}

.pager li a:hover, .pager li span:hover {
    color: #478f00
}

.pager li a.current, .pager li span.current {
    min-width: 30px;
    height: 30px;
    margin: -1px 2px 0;
    line-height: 31px;
    padding: 0;
    color: #fff;
    background: #478f00;
    border-radius: 30px;
    cursor: default
}

.pager li .dots {
    margin: 0 -5px 0 -3px;
    padding: 0
}

.breadcrumbs {
    padding: 5px 0 20px;
    list-style: none;
    color: #fff;
    font: 13px/1 'Open Sans', Arial, Tahoma, sans-serif
}

.breadcrumbs li {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-right: 10px;
    vertical-align: top
}

.breadcrumbs li:last-child {
    padding-right: 0;
    margin-right: 0
}

.breadcrumbs li:last-child:after {
    display: none
}

.breadcrumbs li:after {
    content: '»';
    position: absolute;
    top: 0;
    right: 0
}

.breadcrumbs li a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px #fbba00 solid
}

.breadcrumbs li a:hover {
    border-color: transparent
}

#uLogin {
    display: inline-block;
    text-align: center
}

#uLogin div {
    width: auto !important;
    height: auto !important
}

#uLogin div div {
    width: 32px !important;
    height: 33px !important;
    float: none !important;
    margin: 0 10px 10px !important
}

#uLogin div div[data-uloginbutton=vkontakte] {
    background: url(../images/sprite-retina.png) -290px -470px no-repeat !important;
    background-size: 700px !important
}

#uLogin div div[data-uloginbutton=twitter] {
    background: url(../images/sprite-retina.png) -70px -50px no-repeat !important;
    background-size: 700px !important
}

#uLogin div div[data-uloginbutton=facebook] {
    background: url(../images/sprite-retina.png) -35px -50px no-repeat !important;
    background-size: 700px !important
}

#uLogin div div[data-uloginbutton=instagram] {
    background: url(../images/sprite-retina.png) 0 -50px no-repeat !important;
    background-size: 700px !important
}

.facebook-login {
    display: inline-block;
    margin: 0 5px;
    width: 32px;
    height: 33px;
    background: url(../images/sprite-retina.png) -35px -50px no-repeat;
    background-size: 700px
}

@media (max-width: 980px) {
    .breadcrumbs {
        margin-left: 10px
    }
}

@media (max-width: 700px) {
    .breadcrumbs {
        display: none
    }
}

@media (max-width: 980px) {
    .breadcrumbs {
        margin-left: 10px
    }
}

@media (max-width: 700px) {
    .breadcrumbs {
        display: none
    }
}

.popup {
    position: relative
}

.popup .success {
    display: none;
    color: #000;
    font: 16px/26px Bitter, 'PT Serif', Georgia, serif;
    text-align: center;
    padding: 10px 15px
}

.popup.call-me {
    box-sizing: border-box;
    padding: 27px 30px 31px;
    max-width: 451px
}

.popup.call-me form .btn-loader {
    display: none;
    width: 186px;
    height: 52px;
    margin: auto;
    background: url(../images/loader.gif) 0 0 no-repeat
}

.popup.call-me form.in-loading .btn {
    display: none
}

.popup.call-me form.in-loading .btn-loader {
    display: block
}

.popup.delete-order {
    box-sizing: border-box;
    max-width: 451px;
    padding: 27px 30px 39px;
    text-align: center
}

.popup.delete-order .txt {
    padding: 10px 0 38px
}

.popup.delete-order .btns {
    margin-left: 8px
}

.popup.delete-order .btns .btn {
    margin: 0 33px;
    padding: 0 15px
}

.popup.delete-order .btns .btn:first-child {
    padding: 0 20px
}

.popup.delete-order .btns .btn-loader {
    display: none;
    width: 186px;
    height: 52px;
    margin: auto;
    background: url(../images/loader.gif) 0 0 no-repeat
}

.popup.delete-order .btns.in-loading .btn {
    display: none
}

.popup.delete-order .btns.in-loading .btn-loader {
    display: block
}

.popup.subscribe-popup {
    box-sizing: border-box;
    max-width: 544px;
    padding: 27px 30px 30px
}

.popup.subscribe-popup .txt {
    padding: 10px 0 18px
}

.popup.subscribe-popup .txt-label {
    display: inline-block;
    padding-bottom: 26px
}

.popup.subscribe-popup .txt-label .checker {
    margin-right: 4px
}

.popup.subscribe-popup .btns {
    margin-left: 8px;
    text-align: center
}

.popup.subscribe-popup .btns .btn {
    margin: 0 33px;
    padding: 0 15px
}

.popup.subscribe-popup .btns .btn:first-child {
    padding: 0 20px;
    margin: 0 23px
}

.popup.add-address {
    box-sizing: border-box;
    max-width: 620px;
    padding: 27px 30px 30px
}

.popup.add-address .change {
    display: none
}

.popup.add-address .form-title {
    margin: 0 0 25px -5px
}

.popup.add-address .form-field {
    margin-bottom: 25px
}

.popup.add-address .left-col {
    width: 260px;
    float: left;
    margin-right: 39px
}

.popup.add-address .right-col {
    width: 260px;
    float: right
}

.popup.add-address .split {
    width: 100%
}

.popup.add-address .split > label {
    display: inline-block;
    vertical-align: top;
    width: 115px
}

.popup.add-address .split > label:first-child {
    margin-right: 26px
}

.popup.add-address .btns {
    margin-left: 8px;
    text-align: center
}

.popup.add-address .btns .btn {
    margin: 0 33px;
    padding: 0 15px
}

.popup.add-address .btns .btn:first-child {
    padding: 0 20px
}

.popup.add-address .map-txt {
    margin-top: 7px;
    padding: 22px 0 26px;
    color: #000;
    font: 700 16px Bitter, 'PT Serif', Georgia, serif;
    border-top: 1px #dcdcdc solid
}

.popup.add-address .map {
    width: 560px;
    height: 264px;
    margin-bottom: 28px;
    border: 1px #dcdcdc solid
}

.popup.add-address .map.ajax-loader {
    border: none
}

.popup.add-address .map.ajax-loader .loader:after {
    left: 50%;
    margin-left: -93px;
    top: 100px
}

.popup.add-address .left-col {
    display: block;
    height: 0;
    clear: both
}

.popup.add-address .left-col .form-field {
    float: left;
    width: 100%
}

.popup.add-address .form-field.city {
    width: 115px;
    float: left
}

.popup.add-address .form-field.city + .form-field {
    width: calc(100% - 125px);
    margin-left: 10px;
    float: left;
    padding-top: 20px
}

.popup.add-address .form-field.city + .form-field input {
    height: auto
}

.popup.add-address .form-field.city + .form-field .checker {
    position: relative;
    top: 14px;
    overflow: hidden
}

.popup.add-address .form-field.city + .form-field label {
    display: inline-block;
    width: calc(100% - .5em - 16px);
    position: relative;
    top: 9px;
    padding-left: 4px;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 1
}

.popup.order-popup {
    box-sizing: border-box;
    max-width: 710px;
    padding: 0 20px 25px;
    color: #000
}

.popup.order-popup .title {
    margin: 0 0 5px 5px;
    padding: 2px 0 17px;
    font: 700 20px/28px Arial, Tahoma, sans-serif;
    text-align: center;
    border-bottom: 1px #dcdcdc solid
}

.popup.order-popup .title .badge {
    position: relative;
    top: -4px;
    width: auto;
    height: auto;
    margin-left: 5px;
    padding: 0 10px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #fff
}

.popup.order-popup .title .badge.gray {
    background: #dcdcdc
}

.popup.order-popup .title .badge.green {
    background: #478f00
}

.popup.order-popup .title .badge.blue {
    background: #45b9ec
}

.popup.order-popup .title .badge.yellow {
    background: #fbba00
}

.popup.order-popup .title .badge.red {
    background: #eb5c5e
}

.popup.order-popup .order-list {
    margin-bottom: -4px;
    padding: 10px 15px 0
}

.popup.order-popup .order-item {
    margin-bottom: 15px
}

.popup.order-popup .order-item .image-wrap {
    display: inline-block;
    width: 76px;
    height: 70px;
    line-height: 70px;
    text-align: center
}

.popup.order-popup .order-item .image-wrap .ico-delivery {
    margin-left: 2px;
    vertical-align: -11px
}

.popup.order-popup .order-item .image-wrap img {
    width: 100%;
    transition: opacity;
    transition: opacity .3s ease
}

.popup.order-popup .order-item .image-wrap:hover img {
    filter: alpha(opacity=75);
    opacity: .75
}

.popup.order-popup .order-item .txt {
    position: relative;
    width: 540px;
    margin-left: 7px;
    float: right;
    margin-top: 28px
}

.popup.order-popup .order-item .txt span {
    position: relative;
    display: inline-block;
    padding-right: 5px;
    background: #fff;
    z-index: 1
}

.popup.order-popup .order-item .txt i {
    position: relative;
    float: right;
    margin-top: -2px;
    padding: 0 15px 0 5px;
    font-style: normal;
    font-size: 16px;
    font-family: Bitter, 'PT Serif', Georgia, serif;
    background: #fff;
    z-index: 1
}

.popup.order-popup .order-item .txt i strong {
    margin-right: 3px
}

.popup.order-popup .order-item .txt:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 11px;
    background: #dcdcdc
}

.popup.order-popup .order-item .text-ingredients {
    padding: 7px 100px 0 0;
    font-size: 12px
}

.popup.order-popup .order-item .not-any-more {
    padding: 10px;
    text-align: center;
    background: #eee
}

.popup.order-popup .order-summary {
    position: relative;
    height: 51px;
    margin: 25px 9px 0;
    font-family: Arial, Tahoma, sans-serif
}

.popup.order-popup .order-summary .payed {
    float: left;
    margin: 10px 0 0 20px
}

.popup.order-popup .order-summary .delivered {
    position: absolute;
    bottom: 10px;
    left: 20px
}

.popup.order-popup .order-summary .summ {
    position: absolute;
    top: 16px;
    right: 21px
}

.popup.order-popup .order-summary .summ span {
    font: 16px Bitter, 'PT Serif', Georgia, serif
}

.popup.order-popup .button-wrapper {
    margin-top: 22px;
    text-align: center
}

.popup.remind-password {
    box-sizing: border-box;
    max-width: 450px;
    padding: 27px 30px 29px
}

.popup.remind-password .form-title {
    margin-bottom: 27px
}

.popup.remind-password .form-submit {
    margin-top: 30px
}

.popup.remind-password .placeholder {
    font-size: 12px
}

.popup.remind-password ::-webkit-input-placeholder {
    font-size: 12px
}

.popup.remind-password :-moz-placeholder {
    font-size: 12px
}

.popup.remind-password ::-moz-placeholder {
    font-size: 12px
}

.popup.remind-password :-ms-input-placeholder {
    font-size: 12px
}

.popup.auth.register {
    box-sizing: border-box;
    max-width: 350px;
    padding: 27px 30px 24px
}

.popup.auth.register form .btn-loader {
    display: none;
    width: 186px;
    height: 52px;
    margin: auto;
    background: url(../images/loader.gif) 0 0 no-repeat
}

.popup.auth.register form.in-loading .btn {
    display: none
}

.popup.auth.register form.in-loading .btn-loader {
    display: block
}

.popup.auth .auth-type-select {
    width: 100%
}

.popup.auth .auth-type-select label {
    box-sizing: border-box;
    height: 46px;
    padding-left: 54px;
    position: relative;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 20px
}

.popup.auth .auth-type-select label .title {
    transition: all .3s ease;
    font: 400 16px/43px Bitter, 'PT Serif', Georgia, serif;
    border-bottom: 1px solid transparent;
    z-index: 20;
    position: relative
}

.popup.auth .auth-type-select label .icon {
    transition: all .3s ease;
    position: absolute;
    display: block
}

.popup.auth .auth-type-select label .cover {
    transition: width;
    transition: width .3s ease;
    display: block;
    position: absolute;
    left: 0;
    border-radius: 30px;
    top: 0;
    height: 100%;
    width: 44px
}

.popup.auth .auth-type-select label:hover span {
    border-color: #000
}

.popup.auth .auth-type-select label:hover input:not(:checked) ~ .icon {
    -webkit-animation: slightJump linear .4s;
    animation: slightJump linear .4s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: slightJump linear .4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation: slightJump linear .4s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -ms-animation: slightJump linear .4s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -ms-animation-delay: 0s;
    -o-animation: slightJump linear .4s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s
}

.popup.auth .auth-type-select label.email {
    width: 141px;
    margin-right: 23px
}

.popup.auth .auth-type-select label.email .cover {
    background-color: #ea5c5e
}

.popup.auth .auth-type-select label.email .icon {
    width: 22px;
    height: 16px;
    background: url(../images/sprite-retina.png) -221px -534px no-repeat;
    background-size: 700px;
    left: 11px;
    top: 14px
}

.popup.auth .auth-type-select label.sms {
    width: 122px
}

.popup.auth .auth-type-select label.sms .cover {
    background-color: #45b9ec
}

.popup.auth .auth-type-select label.sms .icon {
    width: 20px;
    height: 27px;
    background: url(../images/sprite-retina.png) -272.5px -529px no-repeat;
    background-size: 700px;
    left: 12px;
    top: 9px
}

.popup.auth .auth-type-select label input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 0
}

.popup.auth .auth-type-select label input:checked ~ .cover {
    width: 100%
}

.popup.auth .auth-type-select label input:checked ~ .title {
    border-color: transparent;
    color: #fff
}

.popup.auth .form-submit {
    margin-top: 21px;
    margin-bottom: 20px
}

.popup.auth .form-submit a {
    padding: 0 11px
}

.popup.auth hr {
    height: 1px;
    width: 100%;
    margin-bottom: 17px;
    border: none;
    background-color: #dadada
}

.popup.auth .social-auth .title {
    font: italic 18px/1 Bitter, 'PT Serif', Georgia, serif;
    margin-bottom: 17px;
    text-align: center
}

.popup.auth .social-auth .social-buttons {
    text-align: center
}

.popup.auth .social-auth .social-buttons a {
    transition: opacity;
    transition: opacity .3s ease;
    cursor: pointer;
    margin: 0 10px 10px
}

.popup.auth .social-auth .social-buttons a:hover {
    filter: alpha(opacity=60);
    opacity: .6
}

.popup.auth .social-auth .social-buttons .ulogin {
    vertical-align: top
}

.popup.auth.-loading:after {
    z-index: 100
}

.popup.reference-popup {
    max-width: 420px;
    padding: 12px 15px 15px;
    box-sizing: border-box
}

.popup.reference-popup .form-title {
    margin-bottom: 17px
}

.popup.reference-popup .form-subtitle {
    margin-bottom: 26px;
    color: grey;
    font: 13px Arial, Tahoma, sans-serif
}

.popup.reference-popup ul {
    list-style: none
}

.popup.reference-popup ul li {
    padding-bottom: 23px
}

.popup.reference-popup ul li .radio {
    margin-right: 9px;
    vertical-align: 2px
}

.popup.reference-popup ul li input[type=text] {
    position: relative;
    top: -2px;
    width: auto;
    height: 45px;
    width: calc(100% - 30px);
    margin: -12px 0 0 -4px;
    padding: 0 14px;
    border: 1px #dadada solid
}

.popup.reference-popup ul li input[type=text].error {
    border-color: #eb5c5e
}

.popup.reference-popup ul li label > label {
    display: none !important
}

.popup.reference-popup .btns {
    padding-top: 4px;
    text-align: center
}

.popup.reference-popup .btns .btn {
    padding: 0 44px
}

.popup.reference-popup .success {
    font-size: 26px;
    font-weight: 700
}

.popup.cart-popup {
    box-sizing: border-box;
    z-index: 123;
    display: block;
    width: 563px;
    padding: 20px 20px;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2)
}

.popup.cart-popup .basket-total {
    color: #000;
    width: 416px;
    float: none;
    margin: 0 0 0 93px;
    padding: 16px 26px;
    font-size: 14px
}

.popup.cart-popup .basket-total .currency {
    font-size: 16px;
    font-weight: 400
}

.popup.cart-popup .basket-total .total-summary {
    padding-bottom: 5px
}

.popup.cart-popup .basket-total .total-overall-text {
    font-size: 16px
}

.popup.cart-popup .basket-total .total-overall-text strong {
    font-size: 26px
}

.popup.cart-popup mark {
    color: #eb5c5e;
    font-weight: 700;
    background: 0 0
}

.popup.cart-popup .cart-items {
    padding-left: 3px;
    margin-bottom: 15px;
    max-height: 294px;
    width: 550px
}

.popup.cart-popup .cart-items .mCSB_scrollTools_vertical {
    right: 24px;
    top: 23px;
    height: 264px;
    opacity: 1
}

.popup.cart-popup .item {
    font-size: 0;
    position: relative;
    color: #000;
    margin-bottom: 3px
}

.popup.cart-popup .item .item-pic {
    width: 70px;
    height: 70px;
    margin-right: 22px;
    background: no-repeat center center;
    background-size: contain;
    display: inline-block;
    vertical-align: top
}

.popup.cart-popup .item .name {
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background: #fff;
    padding-top: 30px;
    display: inline-block;
    vertical-align: top;
    font: 400 14px/16px Arial, Tahoma, sans-serif;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.popup.cart-popup .item .price {
    z-index: 1;
    float: right;
    position: relative;
    padding-top: 27px;
    margin-right: 54px;
    font: 400 16px/1 Bitter, 'PT Serif', Georgia, serif
}

.popup.cart-popup .item .price:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 300px;
    height: 1px;
    bottom: 2px;
    background-color: #dadada;
    right: 100%
}

.popup.cart-popup .item .price strong {
    font-size: 18px
}

.popup.cart-popup .item .remove {
    width: 16px;
    height: 16px;
    transition: background-color;
    transition: background-color .3s ease;
    position: absolute;
    background: #dadada url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAaElEQVR4Xu2UOw7AIAzFynnT03DguAeowMMb2oG3RrYE+Vx/ywmDSe0AislYlyfQ1AZvYK4FN71WUK+qKARXheKuUNwVirtCcWlZC+4KwQNB/oT8E/M25oOUj3K+TPk65wclP2nf5+QBuKcyHCndO7sAAAAASUVORK5CYII=) 50% 50% no-repeat;
    background-size: 16px 16px;
    right: 29px;
    top: 27px;
    display: block
}

.popup.cart-popup .item .remove:hover {
    background-color: #ea5c5e
}

.popup.cart-popup .links-wrap {
    padding-top: 20px;
    margin-bottom: 22px
}

.popup.cart-popup .links-wrap .continue {
    transition: all .3s ease;
    display: inline-block;
    margin-left: 14px;
    margin-top: 16px;
    color: #478f00;
    border-bottom: 1px solid #478f00;
    font: 700 16px/20px Bitter, 'PT Serif', Georgia, serif
}

.popup.cart-popup .links-wrap .continue:hover {
    border-color: transparent
}

.popup.cart-popup .links-wrap .btn {
    float: right;
    padding: 0 15px;
    margin-right: 24px
}

.popup.send-pdf {
    box-sizing: border-box;
    padding: 27px 30px 31px;
    max-width: 350px
}

.popup.send-pdf .form-title {
    margin-bottom: 37px
}

.popup.send-pdf .form-submit {
    margin-bottom: 31px
}

.popup.send-pdf .link-wrap {
    border-top: 1px solid #ccc;
    text-align: center;
    padding: 28px 0 0
}

.popup.send-pdf .link-wrap a {
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    padding-left: 22px;
    font: 700 14px/1 'Open Sans', Arial, Tahoma, sans-serif;
    color: #478f00
}

.popup.send-pdf .link-wrap a:hover {
    filter: alpha(opacity=75);
    opacity: .75
}

.popup.send-pdf .link-wrap a:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAA5ElEQVR4Xu2TMQrCQBBFA1ql0UZPoIIeQ08gaJvU8RgeYlttcwiPYeUJ0tnYCXECPxjG/exEsdvAqyZ/H8z+TbbHhZW6S2L8ouBNFETBRCgRzi0C8k+GWSlMW8FOqDrBh7D6QrBEtgaVsG8GzhO+CmkPQYpMrXDNcCBcPMNzD8FJz3HmsA2PhJtHkhsEmZ7hrLFu0Uy4I6zugwjU3sFdmLOaroUnuQ8l+Nw7spvQOyh896EFZO8H20NDs3rirC+ZNwuwxlgFoWbxxtgFvFm8MXYBbRZrjF3AKVhjIr+Dff6NKAjyApfCEis+fPfZAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 12px 15px;
    left: 6px;
    top: 3px
}

.popup.popup-form-errors {
    text-align: center
}

.popup.popup-form-errors .title {
    margin: 15px 0 20px;
    color: #000;
    font: 700 22px/1 Bitter, 'PT Serif', Georgia, serif;
    text-align: center
}

.popup.popup-form-errors ul {
    margin-bottom: 20px;
    line-height: 20px
}

.popup.popup-form-errors > ul > li {
    font-weight: 700
}

.popup.popup-form-errors > ul > li ul {
    font-weight: 400
}

.popup .popup-close {
    width: 33px;
    height: 33px;
    transition: background;
    transition: background .3s ease;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAAUklEQVR4XlWNoRGAQBDEDoUDd/7dO1oATxFXDS0wqYMGmVM7u2onEQkWMmysbEHyMgw+XH1GC0HufhIGJaagxOSjBBQqNSykuNclBE2wczYwcfxD9jGFGFR1zgAAAABJRU5ErkJggg==) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0
}

.popup .popup-close:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAALVBMVEX///9HjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwATUUSOAAAADnRSTlMAAQoUFR8vOUJba4i/1i6KFZwAAABESURBVAhbYxBlYGBgMmCITWBg0JnAwHaNgekUUCQ3QWcBkGK7DuIwMNRtAJFMp6+BKJ0FuUDFQGVAxUAOSDGDJ0hxAwAvaQ8jJ5cPkwAAAABJRU5ErkJggg==) no-repeat center center
}

.popup .form-title {
    color: #000;
    font: 700 22px/1 Bitter, 'PT Serif', Georgia, serif;
    margin-bottom: 23px;
    text-align: center
}

.popup .form-subtitle {
    padding-top: 6px;
    margin-bottom: 20px;
    text-align: center;
    font: 700 16px/1 Bitter, 'PT Serif', Georgia, serif
}

.popup.text-popup .form-subtitle {
    margin-bottom: 0;
    color: #000;
    font: 700 18px/24px Bitter, 'PT Serif', Georgia, serif
}

.popup.text-popup .form-subtitle span {
    display: block;
    padding-top: 20px;
    font: 700 16px/24px 'Open Sans', Arial, Tahoma, sans-serif
}

.popup.text-popup .form-subtitle hr {
    margin: 20px 0 0;
    height: 1px;
    border: 0;
    background: #E4E4E4
}

.popup.popup-departments {
    width: 544px;
    box-sizing: border-box;
    padding: 0 30px 30px
}

.popup.popup-departments * {
    box-sizing: border-box
}

.popup.popup-departments .title {
    display: block;
    padding: 27px 0 20px;
    color: #000;
    font-family: Bitter, 'PT Serif', Georgia, serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center
}

.popup.popup-departments label {
    display: block
}

.popup.popup-departments label + label {
    margin-top: 9px
}

.popup.popup-departments .btn {
    display: block;
    width: 163px;
    margin: 30px auto 0
}

.popup.popup-departments input[type=radio] + span {
    display: block;
    height: 98px;
    padding: 33px 0 0 49px
}

.popup.popup-departments input[type=radio] + span:before {
    top: 30px;
    left: 18px
}

.popup.popup-departments input[type=radio] + span:after {
    top: 36px;
    left: 24px
}

.popup.popup-departments input[type=radio] + span .name {
    margin-bottom: 8px;
    font-family: 'Open Sans', Arial, Tahoma, sans-serif;
    color: #000
}

.popup.popup-departments input[type=radio] + span .time {
    font-family: 'Open Sans', Arial, Tahoma, sans-serif;
    color: rgba(0, 0, 0, .5)
}

.popup.popup-departments input[type=radio]:checked + span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk4BqAXcGrB14vYI3jnx39UPa3IUfNo0vWMHUeHgAAAAASUVORK5CYII=) 0 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4XiXFIRIAIAgEQP7/RJgxECnQoMipuGWJNx7S/Lv9W2pGrJoRYtl3tCsfNIQvWFUwk3wAAAAASUVORK5CYII=) 100% 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR42iXFIRIAEBAAwPv/E5kRRIVGcSvYslH6TETuUReB05aAUzPAmP/d/7c8J4ovWNAm1d0AAAAASUVORK5CYII=) 0 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk6D2bOH0db844yHVH2QvkHlBWoEfJYEvWMBG5+0AAAAASUVORK5CYII=) 100% 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 100% 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 100% repeat-x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-x
}

@media (max-width: 780px) {
    .popup.order-popup {
        padding-left: 0;
        padding-right: 0
    }

    .popup.order-popup .order-list {
        padding-left: 0;
        padding-right: 0
    }

    .popup.order-popup .order-item .txt {
        width: 280px
    }

    .popup.order-popup .order-summary {
        padding: 15px
    }

    .popup.order-popup .order-summary .delivered, .popup.order-popup .order-summary .payed, .popup.order-popup .order-summary .summ {
        position: static;
        float: none;
        margin: 0;
        padding-bottom: 5px
    }
}

@media (max-width: 680px) {
    .popup.add-address {
        padding-left: 15px;
        padding-right: 15px
    }

    .popup.add-address .left-col, .popup.add-address .right-col {
        width: 100%;
        float: none;
        margin: 0
    }

    .popup.add-address .split > label {
        width: 48%
    }

    .popup.add-address .split > label:first-child {
        margin-right: 2%
    }

    .popup.add-address .map {
        width: 100%
    }
}

@media (max-width: 450px) {
    .popup.order-popup .title {
        margin-left: 0
    }

    .popup.order-popup .order-list {
        overflow: hidden
    }

    .popup.order-popup .order-item {
        padding-bottom: 20px
    }

    .popup.order-popup .order-item .image-wrap {
        display: block;
        margin: auto
    }

    .popup.order-popup .order-item .image-wrap img {
        max-width: 100%;
        max-height: 100%;
        width: auto
    }

    .popup.order-popup .order-item .txt {
        width: 100%;
        float: none;
        margin-left: 0;
        text-align: center
    }

    .popup.order-popup .order-item .txt:before {
        display: none
    }

    .popup.order-popup .order-item .txt i {
        display: block;
        float: none;
        margin: 5px 0 0;
        padding: 0
    }

    .popup.order-popup .order-summary {
        height: auto
    }
}

@media (max-width: 680px) {
    .fancybox-wrap {
        width: 100% !important;
        left: 0 !important
    }

    .fancybox-wrap .fancybox-inner {
        width: 100% !important;
        height: auto !important
    }

    .fancybox-wrap .fancybox-inner .popup {
        max-width: 100% !important
    }
}

input[type=radio].radio-css {
    display: none
}

input[type=radio].radio-css:hover {
    border-color: #91c35f
}

input[type=radio].radio-css + span {
    display: inline-block;
    position: relative;
    padding-left: 27px
}

input[type=radio].radio-css + span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #f0f0f0;
    border: 1px #dcdcdc solid;
    border-radius: 50%;
    cursor: pointer
}

input[type=radio].radio-css + span:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    transition: all, .1s;
    left: 6px;
    top: 6px;
    background-color: #478f00;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

input[type=radio].radio-css + span:hover:before {
    border-color: #91c35f
}

input[type=radio].radio-css:checked + span:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVadyB1Wk.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVYNyB1Wk.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVZdyB1Wk.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVaNyB1Wk.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVZ9yB1Wk.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVa9yB1Wk.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*@font-face {*/
/*    font-family: 'Open Sans';*/
/*    src: url(fonts/open-sans-regular/OpenSans-Regular.eot);*/
/*    src: local("?"), url(fonts/open-sans-regular/OpenSans-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-regular/OpenSans-Regular.woff) format('woff'), url(fonts/open-sans-regular/OpenSans-Regular.ttf) format('truetype'), url(fonts/open-sans-regular/OpenSans-Regular.svg#open-sans-regular/OpenSans-Regular) format('svg');*/
/*    font-weight: 400;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: 'Open Sans';*/
/*    src: url(fonts/open-sans-bold/OpenSans-Bold.eot);*/
/*    src: local("?"), url(fonts/open-sans-bold/OpenSans-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/open-sans-bold/OpenSans-Bold.woff) format('woff'), url(fonts/open-sans-bold/OpenSans-Bold.ttf) format('truetype'), url(fonts/open-sans-bold/OpenSans-Bold.svg#open-sans-bold/OpenSans-Bold) format('svg');*/
/*    font-weight: 700;*/
/*    font-style: normal*/
/*}*/

/* cyrillic-ext */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxmJD1img.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxvJD1img.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxkJD1img.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxlJD1img.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bitter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax-HiqOu8IVPmn7erxrJD0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bitter/v16/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*@font-face {*/
/*    font-family: Bitter;*/
/*    src: url(fonts/bitter-regular/Bitter-Regular.eot);*/
/*    src: local("?"), url(fonts/bitter-regular/Bitter-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/bitter-regular/Bitter-Regular.woff) format('woff'), url(fonts/bitter-regular/Bitter-Regular.ttf) format('truetype'), url(fonts/bitter-regular/Bitter-Regular.svg#bitter-regular/Bitter-Regular) format('svg');*/
/*    font-weight: 400;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Bitter;*/
/*    src: url(fonts/bitter-bold/Bitter-Bold.eot);*/
/*    src: local("?"), url(fonts/bitter-bold/Bitter-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/bitter-bold/Bitter-Bold.woff) format('woff'), url(fonts/bitter-bold/Bitter-Bold.ttf) format('truetype'), url(fonts/bitter-bold/Bitter-Bold.svg#bitter-bold/Bitter-Bold) format('svg');*/
/*    font-weight: 700;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Bitter;*/
/*    src: url(fonts/bitter-italic/Bitter-Italic.eot);*/
/*    src: local("?"), url(fonts/bitter-italic/Bitter-Italic.eot?#iefix) format('embedded-opentype'), url(fonts/bitter-italic/Bitter-Italic.woff) format('woff'), url(fonts/bitter-italic/Bitter-Italic.ttf) format('truetype'), url(fonts/bitter-italic/Bitter-Italic.svg#bitter-italic/Bitter-Italic) format('svg');*/
/*    font-weight: 400;*/
/*    font-style: italic*/
/*}*/

/*@font-face {*/
/*    font-family: Bitter;*/
/*    src: url(fonts/bitter-bold-italic/Bitter-Bold-Italic.eot);*/
/*    src: local("?"), url(fonts/bitter-bold-italic/Bitter-Bold-Italic.eot?#iefix) format('embedded-opentype'), url(fonts/bitter-bold-italic/Bitter-Bold-Italic.woff) format('woff'), url(fonts/bitter-bold-italic/Bitter-Bold-Italic.ttf) format('truetype'), url(fonts/bitter-bold-italic/Bitter-Bold-Italic.svg#bitter-bold-italic/Bitter-Bold-Italic) format('svg');*/
/*    font-weight: 700;*/
/*    font-style: italic*/
/*}*/

@font-face {
    font-family: 'Ocr A Extended';
    src: url(fonts/ocr-a-extended/ocr-a-extended.eot);
    src: local("?"), url(fonts/ocr-a-extended/ocr-a-extended.eot?#iefix) format('embedded-opentype'), url(fonts/ocr-a-extended/ocr-a-extended.woff) format('woff'), url(fonts/ocr-a-extended/ocr-a-extended.ttf) format('truetype'), url(fonts/ocr-a-extended/ocr-a-extended.svg#ocr-a-extended/ocr-a-extended) format('svg');
    font-weight: 700;
    font-style: italic
}

html {
    height: 100%
}

body {
    height: 100% !important;
    color: #161616;
    font: 14px/1 'Open Sans', Arial, Tahoma, sans-serif;
    background: #080504 url(../images/bg.jpg);
    overflow-x: hidden
}

.content {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -320px;
    overflow: hidden
}

.content .push {
    height: 320px;
    width: 978px;
    margin: auto;
    z-index: -1
}

.footer {
    height: 320px
}

.container {
    position: relative;
    width: 978px;
    margin: auto;
    z-index: 2
}

.ribbon-title-wrap {
    padding-top: 58px;
    text-align: center
}

.ribbon-title-wrap .ribbon-title {
    -webkit-transform: matrix(1.0044, -.173, 0, 1, 0, 0);
    -ms-transform: matrix(1.0044, -.173, 0, 1, 0, 0);
    transform: matrix(1.0044, -.173, 0, 1, 0, 0);
    transition: opacity .2s ease;
    text-decoration: none;
    margin-left: 15px;
    display: inline-block;
    position: relative;
    border: 3px solid #fff;
    padding: 1px 8px 3px 8px;
    font: 700 42px/1 Bitter, 'PT Serif', Georgia, serif;
    text-transform: uppercase
}

.ribbon-title-wrap .ribbon-title h1 {
    font: 700 42px/1 Bitter, 'PT Serif', Georgia, serif
}

.ribbon-title-wrap .ribbon-title:after, .ribbon-title-wrap .ribbon-title:before {
    content: '';
    position: absolute;
    width: 54px;
    height: 53px;
    background: url(../images/sprite-retina.png) -325px -470px no-repeat;
    background-size: 700px
}

.ribbon-title-wrap .ribbon-title:after {
    -webkit-transform: matrix(1.0044, .173, 0, 1, 0, 0);
    -ms-transform: matrix(1.0044, .173, 0, 1, 0, 0);
    transform: matrix(1.0044, .173, 0, 1, 0, 0);
    left: -35px;
    top: -29px
}

.ribbon-title-wrap .ribbon-title:before {
    -webkit-transform: matrix(1.0044, .173, 0, 1, 0, 0) rotate(180deg);
    -ms-transform: matrix(1.0044, .173, 0, 1, 0, 0) rotate(180deg);
    transform: matrix(1.0044, .173, 0, 1, 0, 0) rotate(180deg);
    right: -35px;
    top: 22px
}

.ribbon-title-wrap .ribbon-title .title-wrap {
    position: relative;
    overflow: hidden
}

.ribbon-title-wrap .ribbon-title .title {
    color: #fff;
    position: relative;
    z-index: 3
}

.ribbon-title-wrap .ribbon-title .shadow {
    position: absolute;
    left: -2px;
    top: 3px
}

.ribbon-title-wrap .ribbon-title .shadow.shadow-red {
    color: #eb5c5e;
    z-index: 1
}

.ribbon-title-wrap .ribbon-title .shadow.shadow-black {
    z-index: 2;
    color: #1f1611;
    left: -1px;
    top: 2px
}

.ribbon-title-wrap.two-words {
    padding: 0 0 10px 0 !important
}

.ribbon-title-wrap.two-words .first-word:before {
    background: 0 0
}

.ribbon-title-wrap.two-words .second-word:after {
    background: 0 0
}

.products-empty {
    text-align: center;
    padding: 30px 0;
    margin-bottom: 50px;
    background: #fff
}

.products {
    margin-bottom: 50px;
    background: #fff
}

.products.no-items {
    padding: 25px 0
}

.products.no-items h1 {
    text-align: center
}

.products + .products-empty {
    margin-top: -50px
}

.products.empty {
    margin: 0
}

.products .products-inner {
    margin-left: -66px;
    padding: 0 0 0 67px
}

.products .products-inner.empty {
    width: 0;
    height: 0
}

.products hr {
    position: relative;
    height: 14px;
    top: -20px;
    margin-bottom: 7px;
    border: none;
    background: url(../images/pdf-separator.png) no-repeat center center
}

.products .show-more-wrap {
    padding-bottom: 44px;
    text-align: center
}

.products.special-margin .product-card {
    margin-bottom: 51px
}

.list-item-change {
    box-sizing: border-box;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 461px;
    left: 420px;
    padding: 14px 21px;
    text-align: left;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
    z-index: 1
}

.list-item-change .m-text {
    display: none;
    font: 14px/20px 'Open Sans', Arial, Tahoma, sans-serif;
    margin-top: 10px
}

.list-item-change .autocomplete-suggestions {
    box-sizing: border-box;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15);
    overflow: auto;
    margin-top: -1px;
    border: 1px solid #dadada;
    border-top: none;
    background-color: #fff;
    width: 100% !important
}

.list-item-change .autocomplete-suggestions .autocomplete-no-suggestion, .list-item-change .autocomplete-suggestions .autocomplete-suggestion {
    transition: all .3s ease;
    background-color: #fff;
    padding: 12px 16px
}

.list-item-change .autocomplete-suggestions .autocomplete-no-suggestion.autocomplete-no-suggestion, .list-item-change .autocomplete-suggestions .autocomplete-no-suggestion.autocomplete-selected, .list-item-change .autocomplete-suggestions .autocomplete-no-suggestion:hover, .list-item-change .autocomplete-suggestions .autocomplete-suggestion.autocomplete-no-suggestion, .list-item-change .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected, .list-item-change .autocomplete-suggestions .autocomplete-suggestion:hover {
    color: #000;
    background-color: #dadada
}

.list-item-change .change-btns, .list-item-change .exclude, .list-item-change .ingredients, .list-item-change .ingredients-price, .list-item-change .size, .list-item-change .total-price, .list-item-change .type {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    opacity: 0
}

.list-item-change .size, .list-item-change .type {
    transition: all .3s ease
}

.list-item-change .ingredients {
    transition: all .4s ease
}

.list-item-change .exclude {
    transition: all .5s ease
}

.list-item-change .ingredients-price {
    transition: all .6s ease
}

.list-item-change .total-price {
    transition: all .7s ease
}

.list-item-change .change-btns {
    transition: all .8s ease
}

.list-item-change .heading {
    padding-bottom: 8px;
    font: 700 16px Bitter, 'PT Serif', Georgia, serif
}

.list-item-change .type {
    width: 163px;
    float: left
}

.list-item-change .type br {
    display: none
}

.list-item-change .type label {
    display: block;
    margin-left: 2px;
    padding-top: 11px
}

.list-item-change .type label:last-child {
    padding-top: 14px
}

.list-item-change .type label .radio {
    width: 16px;
    height: 16px;
    margin-right: 9px;
    vertical-align: 0
}

.list-item-change .type label .radio .checked:after {
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px
}

.list-item-change .size {
    width: 255px;
    float: left;
    margin-right: -5px
}

.list-item-change .size .select-size {
    padding-top: 12px
}

.list-item-change .size .size-wrap {
    margin-right: 9px
}

.list-item-change .ingredients {
    padding-top: 13px;
    font-size: 13px;
    white-space: normal;
    margin-bottom: 19px;
    line-height: 30px
}

.list-item-change .ingredients label {
    transition: opacity;
    transition: opacity .3s ease;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1;
    font-family: 'Open Sans', Arial, Tahoma, sans-serif;
    margin-right: 6px
}

.list-item-change .ingredients label .price {
    transition: all .2s ease;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale(.7) translate(0, 20px);
    -ms-transform: scale(.7) translate(0, 20px);
    transform: scale(.7) translate(0, 20px);
    position: absolute;
    width: 90px;
    left: 50%;
    margin-left: -45px;
    bottom: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.list-item-change .ingredients label .price span {
    box-shadow: 1px -1px 3px 0 rgba(0, 0, 0, .15);
    padding: 6px 8px;
    display: inline-block;
    color: #fff;
    position: relative;
    background-color: #fff;
    color: #4f9e00;
    border: 1px solid #4f9e00;
    border-radius: 1px
}

.list-item-change .ingredients label .price span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    bottom: -5px;
    left: 50%;
    margin-left: -4px;
    border-color: #fff transparent transparent transparent
}

.list-item-change .ingredients label .price span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    bottom: -7px;
    left: 50%;
    margin-left: -5px;
    border-color: #4f9e00 transparent transparent transparent
}

.list-item-change .ingredients label:hover .price {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.list-item-change .ingredients label:hover .name span {
    border-color: transparent
}

.list-item-change .ingredients label input {
    display: none
}

.list-item-change .ingredients label input:checked ~ .price {
    margin-bottom: 6px
}

.list-item-change .ingredients label input:checked ~ .name {
    color: #fff;
    background-color: #478f00;
    padding: 3px 25px 3px 10px
}

.list-item-change .ingredients label input:checked ~ .name span {
    border-color: transparent
}

.list-item-change .ingredients label input:checked ~ .name a {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    visibility: visible;
    opacity: 1
}

.list-item-change .ingredients label .name {
    transition: all .2s ease;
    line-height: 20px;
    display: inline-block;
    color: #444;
    position: relative;
    padding: 3px 10px 3px 10px
}

.list-item-change .ingredients label .name span {
    transition: border-color;
    transition: border-color .3s ease;
    border-bottom: 1px dotted #444
}

.list-item-change .ingredients label .name a {
    transition: all .3s ease;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: scale(.8) translate(-10px, 0);
    -ms-transform: scale(.8) translate(-10px, 0);
    transform: scale(.8) translate(-10px, 0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 26px;
    background: url(../images/retina/filter-close.png) no-repeat center center;
    background-size: 10px 10px
}

.list-item-change .exclude {
    z-index: 10;
    position: relative;
    margin-bottom: 14px !important
}

.list-item-change .exclude .label {
    line-height: 16px;
    margin-bottom: 8px
}

.list-item-change .exclude input:focus ~ .autocomplete-suggestions {
    border-color: #478f00 !important
}

.list-item-change .exclude .tooltip {
    box-sizing: border-box;
    transition: all .3s ease;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0;
    position: absolute;
    width: 200px;
    line-height: 45px;
    padding: 0 0 0 16px;
    background-color: #ea5c5e;
    color: #fff;
    white-space: normal;
    left: 0;
    top: 100%;
    visibility: hidden;
    width: 100%
}

.list-item-change .exclude .tooltip.vis {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible
}

.list-item-change .exclude .exсluded {
    transition: all .3s ease;
    white-space: normal;
    display: block;
    position: relative
}

.list-item-change .exclude .exсluded span {
    transition: all .2s cubic-bezier(.18, 1.08, .45, .93);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    box-sizing: border-box;
    line-height: 20px;
    vertical-align: bottom;
    margin-right: 8px;
    opacity: 1;
    cursor: default;
    position: relative;
    padding: 3px 25px 3px 10px;
    display: inline-block;
    background-color: #ea5c5e;
    color: #fff;
    margin-bottom: 8px
}

.list-item-change .exclude .exсluded span.shrinked {
    padding: 3px 0;
    max-width: 0;
    overflow: hidden;
    opacity: 0 !important;
    -webkit-transform: scale(.5) translate(0, 20px);
    -ms-transform: scale(.5) translate(0, 20px);
    transform: scale(.5) translate(0, 20px)
}

.list-item-change .exclude .exсluded span a {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 26px;
    background: url(../images/retina/filter-close.png) no-repeat center center;
    background-size: 10px 10px
}

.list-item-change .ingredients-price, .list-item-change .total-price {
    margin-bottom: 4px;
    padding: 4px 0 0 3px
}

.list-item-change .ingredients-price strong, .list-item-change .total-price strong {
    color: #478f00;
    font-size: 22px
}

.list-item-change .ingredients-price span, .list-item-change .total-price span {
    font-weight: 400;
    font-size: 16px
}

.list-item-change .ingredients-price .subtitle, .list-item-change .total-price .subtitle {
    padding-top: 6px;
    font: 400 12px/1 Arial, Tahoma, sans-serif;
    color: grey
}

.list-item-change .total-price {
    margin-bottom: 0
}

.list-item-change .change-btns {
    margin-top: 17px;
    padding: 24px 0 12px;
    text-align: center;
    border-top: 1px #ccc solid
}

.list-item-change .change-btns a {
    color: #478f00;
    font: 16px Bitter, 'PT Serif', Georgia, serif;
    text-decoration: none;
    border-bottom: 1px dashed
}

.list-item-change .change-btns a:hover {
    border-color: transparent
}

.list-item-change .change-close {
    width: 33px;
    height: 33px;
    transition: background;
    transition: background .3s ease;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAAAa0lEQVR4XoXTsRGAQAgFUYIri8LEs5Ffhw16FzF/HFdSHsEGhFKHRsBoLJGh0q1TA9hcora/mn6wubdGgYVRZE6ROUXm1BlQY0SRdQJDL72QdoIGUC9tiswpMqfInL7ugKqaAa1Qqn5foZQPV0ym3IP5948AAAAASUVORK5CYII=) no-repeat center center;
    background-size: 12px 12px;
    position: absolute;
    right: 0;
    top: 0
}

.list-item-change .change-close:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAgElEQVR4XqXVsQ3AIAwFUQrGos9KccwOGSYLxkimAuVLF6Qr/ShcuBx3adEZ1QLfmE2jDdCiJ7oSJZinYVPvEtWYz9ktirFIoAATKMAECjCNCgygAgPogmHQGai32VeUY3WE0K9t7lCMCRRgAgWYRuVvCA3AdhhEbZ4A+3sC0mgv1V3QzCex5hkAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 12px 12px
}

.set-price-wrap {
    overflow: hidden;
    position: relative;
    text-align: center
}

.set-price-wrap:after, .set-price-wrap:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 15px;
    width: 100%;
    border-bottom: 1px solid #dadada
}

.set-price-wrap:after {
    right: 50%;
    margin-right: 40px
}

.set-price-wrap:before {
    left: 50%;
    margin-left: 40px
}

.set-price-wrap .actual-price, .set-price-wrap .price {
    z-index: 2;
    position: relative;
    display: block
}

.set-price-wrap .actual-price span, .set-price-wrap .price span {
    width: 100px;
    display: inline-block;
    background-color: #fff
}

.set-price-wrap .actual-price span {
    padding-bottom: 2px;
    text-decoration: line-through;
    color: #999;
    font: 400 14px/1 Bitter, 'PT Serif', Georgia, serif
}

.set-price-wrap .price span {
    color: #000;
    font: 400 16px/28px Bitter, 'PT Serif', Georgia, serif
}

.set-price-wrap.discount .price {
    line-height: 1
}

.product-card {
    box-sizing: border-box;
    position: relative;
    width: 241px;
    float: left;
    height: 581px;
    margin: 0 0 37px 63px;
    padding-top: 23px
}

.product-card.opened .list-item-change {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    visibility: visible;
    opacity: 1
}

.product-card.opened .list-item-change .change-btns, .product-card.opened .list-item-change .exclude, .product-card.opened .list-item-change .ingredients, .product-card.opened .list-item-change .ingredients-price, .product-card.opened .list-item-change .size, .product-card.opened .list-item-change .total-price, .product-card.opened .list-item-change .type {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.product-card.opened .list-item-change {
    z-index: 200
}

.product-card.opened:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100
}

.product-card .list-item-change {
    transition: all .3s ease;
    -webkit-transform: scale(.75) translate(0, 50px);
    -ms-transform: scale(.75) translate(0, 50px);
    transform: scale(.75) translate(0, 50px);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    bottom: -40px;
    z-index: 90;
    left: 50%;
    margin-left: -230px;
    position: absolute;
    display: block
}

.product-card .link-wrap {
    text-decoration: none;
    display: block
}

.product-card .link-wrap:hover .product-title span {
    border-color: #478f00
}

.product-card .link-wrap:hover img {
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    transform: translate(0, -4px)
}

.product-card .badge {
    z-index: 10;
    position: absolute;
    top: 45px;
    left: 15px
}

.product-card .img-wrap {
    width: 260px;
    height: 250px;
    position: relative;
    padding-bottom: 13px;
    text-align: center
}

.product-card .img-wrap.bought img {
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
    opacity: 0;
    visibility: hidden
}

.product-card .img-wrap.bought .after-buy {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible
}

.product-card .img-wrap img {
    transition: all .4s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

.product-card .product-title {
    padding-bottom: 15px;
    color: #478f00;
    font: 22px Bitter, 'PT Serif', Georgia, serif;
    text-align: center
}

.product-card .product-title span {
    transition: border-color;
    transition: border-color .3s ease;
    border-bottom: 1px solid transparent
}

.product-card .product-text {
    height: 48px;
    margin: 0 0 26px;
    font: 13px/16px Arial, Tahoma, sans-serif;
    text-align: center;
    overflow: hidden
}

.product-card .product-hr {
    padding-bottom: 9px;
    border-top: 1px #dadada solid;
    text-align: center
}

.product-card .product-hr span {
    position: relative;
    display: inline-block;
    top: -8px;
    padding: 0 12px;
    font: 700 13px Arial, Tahoma, sans-serif;
    background: #fff
}

.product-card .product-prices {
    padding: 0 0 13px 0;
    font-family: Arial, Tahoma, sans-serif;
    text-align: center;
    white-space: nowrap
}

.product-card .btns {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center
}

@media (max-width: 1090px) {
    .product-card .list-item-change {
        width: 340px;
        margin-left: -170px
    }
}

@media (max-width: 980px) {
    .products .products-inner {
        margin-left: 0 !important;
        padding-left: 0;
        text-align: center
    }

    .product-card {
        float: none;
        display: inline-block;
        margin-left: 20px;
        margin-right: 20px;
        text-align: left;
        vertical-align: top
    }
}

@media (max-width: 700px) {
    .product-card {
        width: 320px !important;
        text-align: center
    }

    .product-card .img-wrap {
        width: 100%
    }
}

@media (max-width: 590px) {
    .product-card {
        box-sizing: border-box;
        width: 320px !important;
        height: auto !important;
        display: block;
        min-height: 260px;
        margin: 0 auto 9px !important;
        padding: 18px 0 98px;
        text-align: left;
        border-bottom: 1px #cfcfcf solid
    }

    .product-card.opened:before {
        opacity: 1;
        visibility: visible
    }

    .product-card.opened .list-item-change {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .product-card:last-child {
        border-bottom: 0
    }

    .product-card:before {
        transition: all .3s ease;
        width: 100%;
        height: 100%;
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .8);
        z-index: 20;
        opacity: 0;
        visibility: hidden
    }

    .product-card .after-buy {
        width: 140px;
        height: 140px;
        top: -17px;
        margin-left: -70px
    }

    .product-card .after-buy:before {
        left: 44px;
        top: 43px
    }

    .product-card .after-buy .text {
        display: none
    }

    .product-card .badge {
        top: 6px;
        left: 18px
    }

    .product-card .link-wrap {
        position: relative;
        padding-left: 150px
    }

    .product-card .img-wrap {
        width: 140px;
        height: 127px;
        position: absolute;
        top: 0;
        left: 0;
        margin: 9px 0 0 14px
    }

    .product-card .img-wrap img {
        vertical-align: top
    }

    .product-card .product-title {
        font-size: 24px;
        line-height: 24px;
        text-align: left;
        padding: 0 0 6px 15px
    }

    .product-card .product-text {
        margin-bottom: -2px;
        padding: 0 0 0 165px !important;
        text-align: left
    }

    .product-card .product-hr {
        display: none
    }

    .product-card .select-size {
        padding-left: 166px;
        text-align: left !important
    }

    .product-card .select-size .size-wrap {
        display: block;
        margin: 0
    }

    .product-card .select-size .size-wrap .size-icon {
        margin-bottom: 0;
        margin-top: 10px
    }

    .product-card .select-size .size-wrap .price-wrap {
        padding-top: 26px
    }

    .product-card .btns {
        bottom: 30px
    }

    .product-card .list-item-change {
        margin-left: 0
    }

    .list-item-change {
        width: 320px !important;
        margin-left: -160px !important;
        padding: 20px 10px 14px;
        text-align: left !important;
        z-index: 20;
        bottom: auto !important;
        top: -95px !important
    }

    .list-item-change .ingredients label {
        margin: 0
    }

    .list-item-change .ingredients label .name {
        padding: 0 3px;
        font-size: 12px
    }

    .list-item-change .ingredients label input:checked ~ .name {
        padding: 1px 22px 1px 6px
    }

    .list-item-change .exclude .exсluded span {
        margin: 0 5px 5px 0;
        font-size: 12px;
        padding: 1px 22px 1px 6px
    }

    .list-item-change .size, .list-item-change .type {
        float: none;
        width: 100%
    }

    .list-item-change .type {
        padding-bottom: 24px
    }

    .list-item-change .type label {
        display: inline-block;
        margin-left: 0;
        vertical-align: top;
        padding-top: 7px !important
    }

    .list-item-change .type label .radio {
        width: 23px;
        height: 23px;
        vertical-align: baseline !important;
        position: relative;
        top: -5px
    }

    .list-item-change .type label .radio span:after {
        width: 11px !important;
        height: 11px !important;
        top: 6px !important;
        left: 6px !important
    }

    .list-item-change .type br + label {
        margin-left: 25px
    }

    .list-item-change .select-size {
        padding-left: 0
    }

    .list-item-change .select-size .size-wrap {
        display: inline-block
    }

    .list-item-change .select-size .size-wrap + .size-wrap {
        margin-left: 17px
    }

    .list-item-change .select-size .size-wrap .size-icon {
        display: inline-block
    }

    .list-item-change .select-size .size-wrap .price-wrap {
        padding-top: 18px
    }

    .list-item-change .select-size .size-wrap .price-wrap .old-price {
        position: absolute
    }
}

@media (max-width: 400px) {
    .product-card .product-title {
        font-size: 22px
    }
}

.price-block {
    display: inline-block
}

.price-block .weight {
    display: inline-block;
    width: 47px;
    height: 47px;
    margin-right: 5px;
    padding-top: 9px;
    text-align: center;
    font-size: 13px;
    border: 2px #f7eccd solid;
    border-radius: 50%;
    white-space: normal;
    vertical-align: top;
    box-sizing: border-box
}

.price-block .weight.more {
    width: 53px;
    height: 53px;
    padding-top: 10px
}

.price-block .price {
    display: inline-block;
    padding-top: 15px;
    font: 700 16px Bitter, 'PT Serif', Georgia, serif;
    text-align: left;
    vertical-align: top
}

.price-block .price .currency {
    font-weight: 400
}

.price-block + .price-block {
    margin: 0 7px 0 17px
}

.mini-slider {
    box-sizing: border-box;
    position: relative;
    height: 350px;
    margin: 0 25px 50px;
    padding: 7px 0;
    background: url(../images/retina/corners/mini-slider-bg.jpg);
    background-size: auto 350px
}

.mini-slider:after, .mini-slider:before {
    content: '';
    position: absolute;
    top: 0;
    background: 0 0 no-repeat
}

.mini-slider:before {
    width: 25px;
    height: 350px;
    background: url(../images/sprite-retina.png) -350px 0 no-repeat;
    background-size: 700px;
    right: 100%
}

.mini-slider:after {
    width: 30px;
    height: 350px;
    background: url(../images/sprite-retina.png) -385px 0 no-repeat;
    background-size: 700px;
    left: 100%;
    margin-left: -5px;
    z-index: -1
}

.mini-slider .action-box {
    box-sizing: border-box;
    width: 273px;
    height: 100%;
    width: 278px;
    float: left;
    padding: 28px 0 0 5px
}

.mini-slider .action-box .action-title {
    margin-left: -5px
}

.mini-slider .action-box hr {
    margin: 18px 0 25px
}

.mini-slider .action-box .action-strong {
    margin-left: -15px
}

.mini-slider .action-box .btns {
    height: 20px;
    bottom: 22px
}

.mini-slider .slider-wrap {
    position: relative;
    width: 635px;
    height: 100%;
    float: right;
    margin-right: -19px
}

.mini-slider .slider-wrap:after, .mini-slider .slider-wrap:before {
    content: '';
    position: absolute;
    z-index: 10;
    background: 0 0 no-repeat
}

.mini-slider .slider-wrap:before {
    top: -7px;
    right: -6px;
    width: 23px;
    height: 26px;
    background: url(../images/corners/slider-wrap-top.png) 0 0 no-repeat
}

.mini-slider .slider-wrap:after {
    bottom: -7px;
    right: -6px;
    width: 23px;
    height: 26px;
    background: url(../images/corners/slider-wrap-bottom.png) 0 0 no-repeat
}

.mini-slider .slider-wrap .mini-slider-inner {
    height: 100%;
    overflow: hidden
}

.mini-slider .slider-wrap .mini-slider-inner .slide {
    height: 100%;
    background: 50% 50%;
    background-size: cover
}

.mini-slider .slider-wrap .bx-viewport, .mini-slider .slider-wrap .bx-wrapper {
    height: 100% !important
}

@media (max-width: 980px) {
    .mini-slider {
        display: none
    }
}

.slider-styles .action-box {
    position: relative;
    color: #1a110d;
    font: italic 24px/27px Bitter, 'PT Serif', Georgia, serif;
    text-align: center
}

.slider-styles .action-box .action-title {
    height: 77px;
    line-height: 35px;
    font-weight: 700;
    font-size: 34px;
    letter-spacing: -1px;
    overflow: hidden
}

.slider-styles .action-box hr {
    margin: 18px 0 25px;
    border-color: #000;
    filter: alpha(opacity=40);
    opacity: .4
}

.slider-styles .action-box .action-strong {
    height: 56px;
    margin-bottom: 11px;
    font-weight: 700;
    overflow: hidden
}

.slider-styles .action-box .action-text {
    height: 87px;
    line-height: 29px;
    overflow: hidden
}

.slider-styles .action-box .btns {
    position: absolute;
    width: 100%;
    height: 45px;
    left: 0;
    bottom: 2px
}

.slider-styles .action-box .btns .btn-flat {
    width: 200px;
    margin-bottom: 23px
}

.slider-styles .action-box .bx-pager {
    width: 100%
}

.slider-styles .bx-pager {
    width: 310px;
    height: 14px;
    bottom: 200px;
    font-size: 0
}

.slider-styles .bx-pager .bx-pager-item {
    position: relative;
    display: inline-block;
    margin-left: 14px;
    line-height: 14px;
    vertical-align: middle
}

.slider-styles .bx-pager .bx-pager-item:first-child {
    margin-left: 0
}

.slider-styles .bx-pager .bx-pager-item .bx-pager-link {
    display: block;
    width: 8px;
    height: 8px;
    background: #997863;
    border-radius: 50%;
    transition: all .3s ease
}

.slider-styles .bx-pager .bx-pager-item .bx-pager-link.active {
    background: #43281b;
    cursor: default;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.slider-styles .bx-pager .bx-pager-item .bx-pager-link:hover {
    background: #815b49
}

.slider-styles .bx-pager .bx-pager-item div {
    position: absolute;
    width: 22px;
    height: 22px !important;
    top: -7px;
    left: -7px;
    overflow: hidden
}

.step-down, .step-up {
    width: 22px;
    height: 22px;
    transition: all .3s ease;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #478f00
}

.step-down:after, .step-up:after {
    content: '';
    position: absolute;
    transition: all .3s ease;
    width: 10px;
    height: 2px;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -1px;
    background-color: #478f00
}

.step-down:hover, .step-up:hover {
    background-color: #478f00
}

.step-down:hover:before, .step-up:hover:before {
    content: '';
    position: absolute
}

.step-down:hover:after, .step-up:hover:after {
    background-color: #fff
}

.step-down:active {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
    background-color: #ea5c5e;
    border-color: #ea5c5e
}

.step-up:before {
    content: '';
    position: absolute;
    transition: all .3s ease;
    width: 2px;
    height: 10px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -5px;
    background-color: #478f00
}

.step-up:active {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.step-up:hover:before {
    background-color: #fff
}

.products-short {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 33px;
    font-size: 0;
    padding: 16px 0 16px;
    text-align: center
}

.products-short .product-card-short {
    width: 160px;
    margin: 0 14px;
    text-decoration: none;
    color: #000;
    vertical-align: top;
    display: inline-block;
    text-align: center
}

.products-short .product-card-short:hover .title span {
    border-color: #478f00
}

.products-short .product-card-short .img-wrap {
    width: 140px;
    height: 165px;
    line-height: 165px;
    margin-bottom: 27px;
    display: inline-block;
    text-align: center;
    position: relative
}

.products-short .product-card-short .img-wrap img {
    display: inline-block;
    vertical-align: bottom;
    max-width: 100%;
    max-height: 100%
}

.products-short .product-card-short .title {
    font: 400 17px/1 Bitter, 'PT Serif', Georgia, serif;
    margin-bottom: 7px;
    text-align: center;
    color: #478f00
}

.products-short .product-card-short .title span {
    transition: border-color;
    transition: border-color .3s ease;
    border-bottom: 1px solid transparent
}

.products-short .product-card-short .price {
    display: block;
    font: 400 16px/1 Bitter, 'PT Serif', Georgia, serif
}

.dotted-title {
    width: 100%;
    text-align: center
}

.dotted-title .title {
    font: italic 700 23px/1 Bitter, 'PT Serif', Georgia, serif;
    display: inline-block;
    position: relative
}

.dotted-title .title:after, .dotted-title .title:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    top: 10px
}

.dotted-title .title:before {
    left: -11px
}

.dotted-title .title:after {
    right: -11px
}

.select-size {
    white-space: nowrap;
    text-align: center
}

.select-size .title {
    text-align: left
}

.select-size input {
    display: none
}

.select-size input:checked ~ .size-icon {
    background-color: #478f00;
    border-color: #478f00
}

.select-size input:checked ~ .size-icon span {
    color: #fff
}

.select-size label {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin-right: 15px
}

.select-size label:hover .size-icon {
    border-color: #478f00
}

.select-size label.small .size-icon {
    width: 47px;
    height: 47px;
    margin-top: 4px
}

.select-size label.big .size-icon {
    width: 54px;
    height: 54px
}

/*.select-size label.big .size-icon span.size-num {*/
/*    top: 15px*/
/*}*/

.select-size label.big .size-icon span.size-cm {
    bottom: 10px
}

.select-size .size-icon {
    box-sizing: border-box;
    transition: all .3s ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 1px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 7px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #f7eccf
}

.select-size .size-icon span {
    transition: all .3s ease;
    left: 0;
    text-align: center;
    position: absolute;
    display: block;
    width: 100%;
    font: 400 13px/1 Arial, Tahoma, sans-serif
}

.select-size .size-icon span.size-num {
    top: 10px;
    font-weight: 700
}

.select-size .size-icon span.size-cm {
    bottom: 7px
}

.select-size .price-wrap {
    transition: all .3s ease;
    position: relative;
    font: 400 16px/1 Bitter, 'PT Serif', Georgia, serif;
    padding-top: 22px;
    display: inline-block;
    vertical-align: top
}

.select-size .price-wrap .old-price {
    position: absolute;
    text-decoration: line-through;
    left: 4px;
    top: 7px;
    color: #999;
    font: 400 13px/1 Bitter, 'PT Serif', Georgia, serif
}

.select-size .price-wrap .price {
    font-weight: 700
}

form .form-field {
    position: relative;
    display: block;
    margin-bottom: 23px
}

form .form-field.hidden {
    max-height: 0;
    overflow: hidden
}

form .form-field.password-field .forgot-pass {
    transition: border-color;
    transition: border-color .3s ease;
    font: 400 12px/14px 'Open Sans', Arial, Tahoma, sans-serif;
    text-decoration: none;
    color: #b3b3b3;
    display: inline-block;
    position: absolute;
    right: 0;
    border-bottom: 1px dotted #b3b3b3;
    top: 0
}

form .form-field.password-field .forgot-pass:hover {
    border-color: transparent
}

form .form-field.password-field .forgot-pass:focus {
    color: #fbba00;
    border-color: #fbba00
}

form .form-field .phone-text {
    display: block;
    padding: 10px;
    color: #b3b3b3;
    font: 12px/14px 'Open Sans', Arial, Tahoma, sans-serif
}

form .form-field .phone-text a {
    color: #478f00;
    text-decoration: none;
    border-bottom: 1px dotted
}

form .form-field .phone-text a:hover {
    border-color: transparent
}

form .form-field .phone-text a:active {
    color: #ea5c5e
}

form .form-field .label {
    margin-bottom: 6px;
    color: #000;
    display: block;
    font: 400 14px/1 'Open Sans', Arial, Tahoma, sans-serif
}

form .form-field input {
    box-sizing: border-box;
    transition: border-color;
    transition: border-color .3s ease;
    width: 100%;
    height: 45px;
    padding-left: 14px;
    border: 1px solid #dadada;
    outline: 0;
    font-size: 14px
}

form .form-field input:focus {
    border-color: #478f00
}

form .form-submit {
    margin-top: 29px;
    text-align: center
}

form .form-submit a, form .form-submit button {
    padding: 0 44px
}

form .form-submit button, form .form-submit button:focus {
    border: none;
    outline: 0
}

form label:hover .checker {
    border-color: #478f00
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #584133;
    background: radial-gradient(ellipse at center, #584133 0, #584133 0, #584133 0, #584133 30%, #21160f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#584133', endColorstr='#21160f', GradientType=1)
}

.preloader .preloader-block {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -150px 0 0 -150px
}

.preloader .preloader-block .logo {
    display: inline-block;
    width: 156px;
    height: 37px;
    margin-bottom: 26px;
    background: url(../images/retina/preloader-logo.png) 0 0 no-repeat;
    background-size: 156px 37px
}

.preloader .preloader-block .knob {
    display: inline-block;
    width: 186px;
    height: 186px;
    background: url(../images/preloader.jpg) 0 0 no-repeat;
    background-size: 185px 185px;
    border-radius: 50%;
    visibility: hidden
}

.preloader .preloader-block .knob canvas {
    margin: -1px -1px !important
}

.preloader .preloader-block input {
    visibility: hidden
}

.preloader .preloader-block .loading-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 4px;
    color: #af9585;
    font: 16px 'Open Sans', Arial, Tahoma, sans-serif
}

.ajax-loader {
    position: relative
}

.ajax-loader.products .loader:after {
    right: 70px;
    top: -55px
}

.ajax-loader.list-item .loader:after {
    width: 250px;
    height: 100px;
    background-color: #fff;
    top: 45px;
    left: 50%;
    margin-left: -125px
}

.ajax-loader.addresses .loader {
    background: rgba(255, 255, 255, .8)
}

.ajax-loader.addresses .loader:after {
    right: -40px;
    top: -40px
}

.ajax-loader.order-form-addresses .loader {
    background: rgba(255, 255, 255, .6)
}

.ajax-loader.order-form-addresses .loader:after {
    top: 20px;
    right: -5px
}

.ajax-loader.loader-top .loader:after {
    background-position: center top
}

.ajax-loader .loader {
    opacity: 1
}

.ajax-loader .loader:after {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    transform: scale(.6, .6);
    opacity: 1
}

.loader {
    transition: opacity;
    transition: opacity .3s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    top: -17px;
    bottom: 0;
    z-index: 99;
    right: 0;
    background: rgba(255, 255, 255, .5)
}

.loader:after {
    transition: all .3s ease;
    content: '';
    position: absolute;
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-transform: scale(.2, .2);
    -ms-transform: scale(.2, .2);
    transform: scale(.2, .2);
    width: 186px;
    height: 52px;
    opacity: 0;
    background: url(../images/loader.gif) center center no-repeat;
    z-index: 99
}

.-loading {
    position: relative
}

.-loading:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .95) url(../images/loader.gif) center center no-repeat
}

.basket-total {
    box-sizing: border-box;
    position: relative;
    width: 440px;
    float: right;
    margin-right: 10px;
    padding: 21px 21px 18px;
    font: 16px Bitter, 'PT Serif', Georgia, serif;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk4BqAXcGrB14vYI3jnx39UPa3IUfNo0vWMHUeHgAAAAASUVORK5CYII=) 0 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4XiXFIRIAIAgEQP7/RJgxECnQoMipuGWJNx7S/Lv9W2pGrJoRYtl3tCsfNIQvWFUwk3wAAAAASUVORK5CYII=) 100% 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR42iXFIRIAEBAAwPv/E5kRRIVGcSvYslH6TETuUReB05aAUzPAmP/d/7c8J4ovWNAm1d0AAAAASUVORK5CYII=) 0 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk6D2bOH0db844yHVH2QvkHlBWoEfJYEvWMBG5+0AAAAASUVORK5CYII=) 100% 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 100% 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 100% repeat-x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-x
}

.basket-total .free-pizza {
    box-sizing: border-box;
    transition: all .2s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    position: relative;
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    position: absolute;
    left: 0;
    padding-bottom: 8px;
    top: 30px;
    opacity: 0;
    visibility: hidden
}

.basket-total .free-pizza.vis {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    display: block;
    opacity: 1;
    visibility: visible;
    left: auto;
    top: auto;
    position: relative
}

.basket-total .free-pizza .text {
    padding-top: 1px;
    font: 12px/20px Arial, Tahoma, sans-serif;
    display: inline-block;
    vertical-align: middle
}

.basket-total .total-economy {
    transition: all .2s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    opacity: 0;
    visibility: hidden
}

.basket-total .total-economy.vis {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    display: block;
    opacity: 1;
    visibility: visible
}

.basket-total .total-economy.vis ~ .free-pizza {
    border-top: 1px #dadada solid;
    padding: 8px 0
}

.basket-total .total-message {
    transition: all .2s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    position: absolute;
    left: 0;
    top: 30px;
    opacity: 0;
    visibility: hidden
}

.basket-total .total-message:after, .basket-total .total-message:before {
    content: " ";
    display: table
}

.basket-total .total-message:after {
    clear: both
}

.basket-total .total-message.vis {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    display: block;
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    visibility: visible
}

.basket-total .total-message .ico-warning-small {
    float: left;
    position: relative;
    top: 2px
}

.basket-total .total-message .ico-warning-small + mark {
    width: calc(100% - 16px)
}

.basket-total .total-message .ico-warning {
    float: left
}

.basket-total .total-message .ico-warning + mark {
    width: calc(100% - 21px)
}

.basket-total .total-message mark {
    box-sizing: border-box;
    float: left;
    padding-left: .5em
}

.basket-total .total-summary {
    padding-bottom: 11px
}

.basket-total .total-summary strong {
    font-size: 20px
}

.basket-total .total-summary .delivery {
    float: left
}

.basket-total .total-summary .summary {
    float: right
}

.basket-total .total-message {
    padding: 0 0 14px 0;
    font: 12px/20px Arial, Tahoma, sans-serif
}

.basket-total .total-message .total-overall-text {
    display: none
}

.basket-total .total-overall {
    position: relative;
    height: 26px;
    padding-top: 14px;
    border-top: 1px #dadada solid
}

.basket-total .total-overall > div:not(.total-overall-text) {
    position: absolute;
    width: 230px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.basket-total .total-overall .total-overall-text {
    position: absolute;
    top: 1px;
    right: 0
}

.basket-total .total-overall strong {
    display: inline-block;
    margin-left: 13px;
    vertical-align: -2px;
    font: 700 26px/40px Bitter, 'PT Serif', Georgia, serif
}

.basket-total .total-economy {
    color: #8a8a8a;
    font: 12px Arial, Tahoma, sans-serif
}

.after-buy {
    transition: all .5s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
    opacity: 0;
    visibility: hidden;
    width: 212px;
    height: 212px;
    text-align: center;
    border-radius: 50%;
    left: 50%;
    margin-left: -106px;
    top: 17px;
    background-color: #fbf4e0;
    z-index: 2;
    position: absolute
}

.after-buy .text {
    position: absolute;
    top: 105px;
    font: 400 17px/25px Bitter, 'PT Serif', Georgia, serif;
    color: #58443a;
    width: 100%
}

.after-buy:before {
    content: '';
    position: absolute;
    width: 55px;
    height: 55px;
    background: url(../images/sprite-retina.png) -450px 0 no-repeat;
    background-size: 700px;
    left: 80px;
    top: 35px;
    background-color: #58443a;
    border-radius: 50%
}

.go-up {
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    transition: all .2s cubic-bezier(.32, .89, .61, 1);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale(.8) translate(0, 30px);
    -ms-transform: scale(.8) translate(0, 30px);
    transform: scale(.8) translate(0, 30px);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    font: 700 9px/1 Tahoma, sans-serif;
    color: #4f3a2c;
    text-transform: uppercase;
    z-index: 100;
    border-radius: 50%;
    bottom: 100px;
    right: 50%;
    margin-right: -596px;
    border: 2px solid #4f3a2c;
    position: fixed;
    background-color: rgba(0, 0, 0, .5)
}

.go-up.vis {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.go-up:hover {
    border: 2px solid #997863;
    color: #997863
}

.go-up:hover:before {
    border-color: transparent transparent #997863 transparent
}

.go-up:before {
    content: '';
    position: absolute;
    width: 0;
    left: 16px;
    top: 7px;
    height: 0;
    border-style: solid;
    border-width: 0 9.5px 17px 9.5px;
    border-color: transparent transparent #4f3a2c transparent
}

.go-up .text {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 12px
}

@media (max-width: 980px) {
    .container {
        width: 100%
    }
}

@media (max-width: 700px) {
    .content {
        margin-bottom: -180px
    }

    .content .push {
        height: 180px
    }
}

.top-panel {
    position: relative;
    height: 40px;
    margin-bottom: 182px;
    color: #fff;
    font-size: 13px;
    line-height: 40px;
    background: #000
}

.top-panel a {
    transition: color;
    transition: color .3s ease;
    color: #fff;
    text-decoration: none
}

.top-panel a:hover {
    color: #fbba00
}

.top-panel .menu {
    position: absolute;
    left: -1px;
    top: 0
}

.top-panel .menu ul {
    list-style: none
}

.top-panel .menu ul li {
    display: inline-block;
    margin-right: 27px;
    vertical-align: top
}

.top-panel .menu ul li span {
    color: #fbba00
}

.top-panel .call {
    position: absolute;
    left: 639px;
    top: 0
}

.top-panel .call a {
    position: relative;
    padding-left: 22px;
    display: block
}

.top-panel .call a:hover:before {
    opacity: 0
}

.top-panel .call a:hover:after {
    -webkit-animation: slightJump ease .8s;
    animation: slightJump ease .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: slightJump ease .8s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation: slightJump ease .8s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -ms-animation: slightJump ease .8s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -ms-animation-delay: 0s;
    -o-animation: slightJump ease .8s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    opacity: 1
}

.top-panel .call a:after, .top-panel .call a:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    transition: all .3s ease;
    left: 0;
    top: 16px;
    background: no-repeat 50% 50%;
    background-size: 12px 12px
}

.top-panel .call a:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABF0lEQVR4XrXVX0dEQRiA8S0hKrEiIILSCYnYDxHdRgkqug2ISCy6DexnCARIhYVEXQcUWxTOWXWdzfnz9iCs4Z1mm7fhBxzvc8acP7X+tdpIEjzjAkM1g+UOzyA/1v9vOPCEEavhXQhcOxaBO4jiFaOxgQrisR8b+IB4XMcGrjyBAmuxgQNPYMPikGdRKnc/bfUenCs7aFoFllBAHD0sWEVayi4eMGkRGEdHidxgzCLSwJcSuceURWQbonjEvHP9Jt7QxnJopOmJfOIIdWyhcB7tFuohkROIRw5RvGMPw79FjiERLkN2soveHwMvoWeygs6AgS4WB3m6JnCKPCCQIYn5xZ6hVAKpyeeFwAwO0UaKCreY6x/wDexpa26UZqFEAAAAAElFTkSuQmCC)
}

.top-panel .call a:after {
    opacity: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAA7UlEQVR4AY3AUUdDYRzH8V8JUYmJgAjKnpCI3kW3UYIa3QZEJIZuA3sNgQCpMEjUdUCxonDO1HWWne2bbeZ5ztl2/vuoB8c7N0xoPDhiOnY0DhwxPW9MyYKjjncoC0+EPplWPtqkHSsfP6TdKx93hBK2lY8TQruysEyLvoRF2bjGK8vGOgl9DYqyUcF7YV4WZqnhPTAjC1v84T2zIAsHhF5ZVRd7fFFlQ4MoE/rljAL7JHQkVCgoiwvSmoS+OWJSaZyT71ZZlGgw2ocGsUmN4eqsaRjmuKRJVozTaDiuaOFFFGVhiVOqRLR5ZEVd/16IujdIBsYhAAAAAElFTkSuQmCC)
}

.top-panel .auths {
    position: absolute;
    right: 0;
    top: 0
}

.top-panel .auths a {
    vertical-align: top
}

.top-panel .auths .iconed .ico {
    height: 40px;
    background-position: 50%;
    margin-right: 9px;
    vertical-align: top
}

.top-panel .auths .divider {
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 13px;
    background: #3d2d21
}

.top-panel .auths .highlighted {
    display: inline-block;
    color: #3d2d21
}

.top-panel .auths.entered .iconed .ico {
    margin: 0 6px 0 11px
}

.top-panel .auths.entered .divider {
    margin: 14px 6px 0 11px;
    vertical-align: top
}

.top-panel .auths .personal-name {
    display: inline-block;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-panel .auths .reg-link {
    vertical-align: 12px
}

.langs {
    position: absolute;
    left: 496px;
    top: 0
}

.menu.count-1 ~ .langs, .menu.count-2 ~ .langs, .menu.count-3 ~ .langs, .menu.count-4 ~ .langs {
    left: 437px
}

.langs .control {
    border-radius: 3px;
    padding: 0 6px;
    color: #735744
}

.langs .control + .control {
    margin-left: 5px
}

.langs .control.current {
    border: 1px solid;
    color: #fff
}

.auth-popup {
    display: none;
    position: absolute;
    width: 350px;
    top: 100%;
    right: 0;
    padding: 10px;
    color: #000;
    background: #fff;
    z-index: 60;
    box-sizing: border-box
}

.auth-popup .title {
    font: italic 700 20px Bitter, 'PT Serif', Georgia, serif;
    text-align: center
}

.header {
    width: 100%;
    height: 182px;
    transition: background;
    transition: background .3s ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 40px;
    color: #fff
}

.header.az .nav ul li a, .header.az .nav ul li span {
    padding: 0 24px
}

.header .container {
    z-index: 30
}

.header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    border-bottom: 2px #473427 solid;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: opacity;
    transition: opacity .3s ease
}

.header.minimized {
    position: fixed;
    height: auto;
    top: 0;
    z-index: 50;
    background: #080504 url(../images/bg.jpg);
    box-shadow: 0 10px 8px rgba(0, 0, 0, .2)
}

.header.minimized:before {
    filter: alpha(opacity=100);
    opacity: 1
}

.header.minimized .intro {
    height: 78px
}

.header.minimized .intro .phones {
    left: 0;
    top: 25px
}

.header.minimized .intro .phones .phone {
    font-size: 20px;
    padding-bottom: 7px
}

.header.minimized .intro .phones .subphone {
    font-size: 13px;
    padding-left: 0
}

.header.minimized .intro .logos {
    top: 26px;
    left: 389px
}

.header.minimized .intro .logos .times {
    filter: alpha(opacity=0);
    opacity: 0
}

.header.minimized .intro .logos .times-min {
    filter: alpha(opacity=100);
    opacity: 1
}

.header.minimized .intro .cart {
    width: 154px;
    top: 6px;
    right: 0;
    padding-right: 0;
    padding-top: 9px;
    background: 0 0
}

.header.minimized .intro .cart .border, .header.minimized .intro .cart:after, .header.minimized .intro .cart:before {
    display: none
}

.header.minimized .intro .cart .txt {
    width: 84px;
    font-size: 13px;
    margin: 9px 0 0 0;
    line-height: 20px
}

.header.minimized .intro .cart .txt.txt-empty {
    padding-top: 0 !important;
    white-space: normal
}

.header.minimized .nav {
    height: 50px;
    line-height: 38px;
    border: 0
}

.header.minimized .nav ul li {
    font-size: 17px
}

.header.minimized .nav ul li:first-child a, .header.minimized .nav ul li:first-child span {
    padding-left: 34px
}

.header.minimized .nav ul li:last-child a, .header.minimized .nav ul li:last-child span {
    padding-left: 23px
}

.header.minimized .nav ul li a, .header.minimized .nav ul li span {
    padding: 0 27px;
    border: 0
}

.header a {
    color: #fff;
    text-decoration: none
}

.header .m-user-wrap {
    display: none
}

.header .intro {
    transition: all .3s ease;
    position: relative;
    height: 125px;
    will-change: height
}

.header .intro .nav-trigger {
    transition: all .3s ease;
    width: 56px;
    height: 57px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmAQMAAAC4Q4pCAAAABlBMVEUAAADQzs2YQsgyAAAAAXRSTlMAQObYZgAAABJJREFUeF5j+A8GxFBUAYPXPgDoJ2uVUJRrqAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
    background-size: 24px 19px;
    border-right: 2px #473427 solid;
    z-index: 25
}

.header .intro .nav-trigger:hover {
    opacity: .8
}

.header .intro .phones {
    position: absolute;
    left: -2px;
    top: 36px;
    transition: all .3s ease
}

.header .intro .phones .phone {
    display: block;
    padding-bottom: 15px;
    font-size: 24px;
    font-family: Bitter, 'PT Serif', Georgia, serif;
    transition: all .3s ease
}

.header .intro .phones .subphone {
    padding-left: 5px;
    font-size: 14px;
    transition: all .3s ease
}

.header .intro .phones .subphone strong {
    color: #eb5c5e;
    font-weight: 700
}

.header .intro .logos {
    position: absolute;
    width: 200px;
    top: 22px;
    left: 389px;
    text-align: center;
    transition: all .3s ease;
    will-change: top, left
}

.header .intro .logos.animated .back-cover {
    -webkit-animation: logoAnim linear 1s;
    animation: logoAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation: logoAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .1s;
    -moz-animation: logoAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .1s;
    -ms-animation: logoAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -ms-animation-delay: .1s;
    -o-animation: logoAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .1s
}

.header .intro .logos .logo {
    transition: opacity;
    transition: opacity .3s ease;
    width: 156px;
    height: 37px;
    display: inline-block;
    margin-bottom: 14px;
    position: relative;
    z-index: 2
}

.header .intro .logos .logo img {
    width: 156px;
    height: 37px
}

.header .intro .logos .back-cover {
    width: 92px;
    height: 29px;
    transition: all .2s ease;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    background: url(../images/retina/logo-back.png) no-repeat bottom left;
    background-size: 94px 32px;
    position: absolute;
    z-index: 1;
    left: 26px;
    bottom: 1px
}

.header .intro .logos .times {
    transition: opacity;
    transition: opacity .3s ease
}

.header .intro .logos .times strong {
    padding-left: 4px;
    color: #fbba00
}

.header .intro .logos .times-min {
    transition: opacity;
    transition: opacity .3s ease;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100px;
    margin: -64px 0 0 256px;
    font-size: 13px
}

.header .intro .logos .times-min strong {
    display: inline-block;
    padding: 7px 5px 0 0;
    color: #fbba00;
    white-space: nowrap
}

.header .intro .cart {
    width: 193px;
    height: 80px;
    transition: all .3s ease;
    box-sizing: border-box;
    position: absolute;
    top: 22px;
    right: 9px;
    padding: 11px 23px 5px 23px;
    background: rgba(0, 0, 0, .6)
}

.header .intro .cart:after, .header .intro .cart:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 78px;
    top: 0
}

.header .intro .cart:before {
    right: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAABOCAQAAABGDMT8AAAAUklEQVR4Xu3U0QmAMBCD4V8o1B2sA1UHcRk7QLYVpVCDEwiXl+PjnhMsybk46xsz58DEgcbnhiBR2GkPRD/6IYPBYGZlo3V62T9T4ENhqc7izBdwaRiZ6pBwJwAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.header .intro .cart:after {
    left: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAABOCAQAAABGDMT8AAAATUlEQVR42mNgYGFAATKoXG9Ubg8DBzJ3JkM6AyMyFyTAicydydDL4MkgDbJlJgoc5Y5yR7lDjwvKzlIMzLDMzoGjKEArKLzxFjIoRRAA0mIYkQ4DLpMAAAAASUVORK5CYII=) 0 0 no-repeat
}

.header .intro .cart .cover {
    transition: opacity;
    transition: opacity .3s ease;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4)
}

.header .intro .cart .cart-inner {
    cursor: pointer;
    z-index: 11;
    position: relative
}

.header .intro .cart .mini-basket-price {
    white-space: nowrap
}

.header .intro .cart.disabled .cart-inner {
    cursor: default
}

.header .intro .cart.disabled .txt {
    display: none
}

.header .intro .cart.disabled .txt.txt-empty {
    display: block;
    padding-top: 16px
}

.header .intro .cart.opened .cover {
    visibility: visible;
    opacity: 1;
    z-index: 10
}

.header .intro .cart.opened .cart-popup {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    visibility: visible;
    opacity: 1
}

.header .intro .cart.opened .cart-popup > div {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    margin-right: 0 !important
}

.header .intro .cart.opened .cart-popup .item {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.header .intro .cart .cart-popup {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    transform: scale(.9, .9);
    transition: all .2s ease;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    visibility: hidden;
    display: none;
    opacity: 0
}

.header .intro .cart .cart-popup.vis {
    display: block
}

.header .intro .cart .cart-popup .basket-total {
    transition: all .5s ease
}

.header .intro .cart .cart-popup .links-wrap {
    transition: all .6s ease
}

.header .intro .cart .cart-popup .basket-total, .header .intro .cart .cart-popup .links-wrap {
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0
}

.header .intro .cart .cart-popup .item {
    transition: all .3s ease;
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0
}

.header .intro .cart .cart-popup .item.deleting {
    transition: all 0s ease
}

.header .intro .cart .border {
    position: absolute;
    content: '';
    top: 0;
    left: -6px;
    z-index: 1
}

.header .intro .cart .ico-cart {
    position: relative;
    float: left;
    margin-top: 14px;
    z-index: 5
}

.header .intro .cart .cart-full {
    width: 20px;
    height: 22px;
    background: url(../images/sprite-retina.png) -420px 0 no-repeat;
    background-size: 700px;
    transition: all .3s ease;
    position: absolute;
    top: 8px;
    left: 9px;
    border-radius: 50%;
    z-index: 1
}

.header .intro .cart .cart-full.active {
    -webkit-animation: slightJump linear 1s;
    animation: slightJump linear 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: slightJump linear 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation: slightJump linear 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -ms-animation: slightJump linear 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-fill-mode: forwards;
    -ms-animation-delay: 0s;
    -o-animation: slightJump linear 1s;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s
}

.header .intro .cart .txt {
    position: relative;
    width: 100px;
    float: right;
    line-height: 25px;
    z-index: 2;
    transition: all .3s ease
}

.header .intro .cart .txt a {
    color: #45b9ec;
    font-weight: 700
}

.header .intro .cart .txt.txt-empty {
    display: none;
    white-space: nowrap
}

.header .nav {
    height: 52px;
    line-height: 56px;
    font-family: Bitter, 'PT Serif', Georgia, serif;
    border-top: 2px #473427 solid
}

.header .nav .langs {
    display: none;
    position: absolute;
    left: auto;
    right: 20px;
    top: 20px;
    font: 16px/1 'Open Sans', Arial, Tahoma, sans-serif
}

.header .nav ul {
    margin-top: -2px;
    list-style: none;
    white-space: nowrap;
    font-size: 0;
    letter-spacing: -4px
}

.header .nav ul li {
    display: inline-block;
    font-size: 20px;
    letter-spacing: normal;
    vertical-align: top
}

.header .nav ul li.hidden {
    display: none
}

.header .nav ul li a, .header .nav ul li span {
    display: block;
    margin-right: -1px;
    padding: 0 25px
}

.header .nav ul li a i, .header .nav ul li span i {
    display: inline-block;
    font-style: normal;
    line-height: 1.3;
    border-bottom: 0 #fbba00 solid;
    transition: all .1s ease
}

.header .nav ul li a.current, .header .nav ul li span.current {
    color: #fbba00
}

.header .nav ul li a:hover i {
    border-width: 2px
}

.header .nav ul li span.current {
    cursor: default
}

.header .nav ul li:first-child a, .header .nav ul li:first-child span {
    padding-left: 0
}

.header .nav ul li:last-child a, .header .nav ul li:last-child span {
    padding: 0 0 0 19px
}

.nav-bordered .nav {
    border-bottom: 2px #473427 solid
}

@media (max-width: 980px) {
    .top-panel .menu {
        left: 10px
    }

    .top-panel .langs {
        left: 409px
    }

    .top-panel .call {
        left: auto;
        right: 215px
    }

    .top-panel .auths {
        right: 10px
    }

    .header .intro .phones {
        left: 10px;
        font-size: 20px
    }

    .header .intro .phones .subphone span {
        display: none
    }

    .header .intro .cart {
        right: 10px
    }

    .header .intro .logos {
        left: 50%;
        margin-left: -100px
    }

    .header .nav ul {
        display: table;
        width: 100%
    }

    .header .nav ul li {
        display: table-cell;
        padding: 0 5px;
        text-align: center;
        font-size: 17px
    }

    .header .nav ul li a, .header .nav ul li span {
        padding: 0 !important
    }
}

@media (max-width: 880px) {
    .top-panel .menu {
        display: none
    }

    .top-panel .langs {
        left: 10px
    }
}

@media (max-width: 700px) {
    .top-panel {
        margin-bottom: 142px;
        opacity: 0;
        visibility: hidden
    }

    .top-panel {
        margin-bottom: 78px;
        opacity: 0;
        visibility: hidden
    }

    .header {
        height: 118px;
        top: 0
    }

    .header.nav-open .intro .nav-trigger {
        border: 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAJFBMVEUAAADR0M/R0M/R0M/R0M/R0M/R0M/R0M/R0M/R0M/R0M/R0M/tuNG4AAAAC3RSTlMABkxNqaqrr7Cx+ZKS2ScAAACjSURBVHhefdRRCgMxCEXRJNOkie5/v+1EQOGi70vhgIBi+2d8ekvT57BiiH5T17fKdY+ouqNSlcdUcFTmpqo7Ksvy0h3U6aHZvVBwiaKjgisUHBUdVOKgEleo6KIqHBUdFd2BShxUPXaDQcFRwVWKjuqc4KplwSWrd1couES5K4+XjoquUHBUdFCZm1R0qz0CBWcPLio6U9e5orvqulmd6nrVD6n1F29tSppSAAAAAElFTkSuQmCC);
        background-size: 19px 19px
    }

    .header.nav-open .nav {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .header .m-user-wrap {
        display: block;
        height: 60px;
        white-space: nowrap;
        font: 13px/58px 'Open Sans', Arial, Tahoma, sans-serif;
        text-align: center
    }

    .header .m-user-wrap .m-user-call, .header .m-user-wrap .m-user-name {
        display: inline-block;
        width: 50%
    }

    .header .m-user-wrap .m-user-call:first-child, .header .m-user-wrap .m-user-name:first-child {
        margin-right: -2px;
        border-right: 2px #473427 solid
    }

    .header .m-user-wrap .m-user-call .ico, .header .m-user-wrap .m-user-name .ico {
        margin-right: 10px
    }

    .header .m-user-wrap .m-user-call .reg-link, .header .m-user-wrap .m-user-name .reg-link {
        margin-left: 15px
    }

    .header .m-user-wrap .ico-person {
        margin-right: 10px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAQAAADR77dlAAAA/ElEQVR4AZXAwSoEARzH8d/OCzhpy8XGxYUkr4AtLStXky3VJhfyDtyUd/AElFROCqSkCRcnzpvdywS181W0mab/f2fnoyzK7BERExOxT1n9MU+btDYL8jFNTFbMjDycY7mUjRE847KwimdNFjbx7MpCE8+WLFTxLMrCEF9YugzLxhmWC3lYxrIiH1dkXVOSj0li0jpMqD/WSWsoD6OkVZSHJmlL8hFQ55QuaZ8cMUdJWQSEvOB5JiTQP6a4I889s/pDyAeD+GZDEjUSBpVQF48U8SQSikhEiyJaYpsidiRR44aEfLdU1UOFkAOOeeCVd3o6vBFxwiENxvTrBzUAKPrinflaAAAAAElFTkSuQmCC);
        background-size: 12px 14px
    }

    .header .m-user-wrap .divider, .header .m-user-wrap .highlighted, .header .m-user-wrap .ico-lock {
        display: none
    }

    .header .m-user-wrap a.highlighted {
        position: fixed;
        top: -2px;
        right: 10px;
        display: inline-block
    }

    .header .intro:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        top: 57px;
        left: 0;
        background: #473427
    }

    .header .intro .nav-trigger {
        display: block
    }

    .header .intro .phones {
        top: 72px;
        left: 14px
    }

    .header .intro .phones .phone {
        padding-bottom: 6px;
        font-size: 15px
    }

    .header .intro .phones .subphone {
        padding-left: 1px;
        font-size: 12px
    }

    .header .intro .cart {
        width: 121px;
        height: 59px;
        right: 10px;
        top: 59px;
        padding: 0;
        font-size: 12px;
        background: 0 0
    }

    .header .intro .cart .ico-cart {
        margin-top: 15px
    }

    .header .intro .cart .txt {
        width: 80px;
        line-height: 20px;
        padding-left: 5px;
        padding-top: 9px
    }

    .header .intro .cart .txt.txt-empty {
        padding-top: 9px !important;
        white-space: normal
    }

    .header .intro .cart .border, .header .intro .cart:after, .header .intro .cart:before {
        display: none
    }

    .header .intro .logos {
        width: 112px;
        height: 27px;
        top: 15px;
        margin-left: -90px
    }

    .header .intro .logos .back-cover, .header .intro .logos .logo img {
        display: none
    }

    .header .intro .logos .times {
        position: absolute;
        left: 100%;
        top: 5px;
        font-size: 0
    }

    .header .intro .logos .times strong {
        padding-left: 20px;
        font-size: 18px;
        white-space: nowrap
    }

    .header .intro .logos .logo {
        width: 100%;
        height: 100%;
        display: block;
        background: url(../images/retina/logo-adaptive.png) 0 0 no-repeat;
        background-size: 112px 27px
    }

    .header .intro .logos a.logo:hover {
        opacity: .8
    }

    .header .nav {
        transition: all .3s ease;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 56px;
        background: rgba(31, 21, 17, .95);
        border: 0 !important;
        z-index: 20;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    .header .nav .langs {
        display: block;
        right: 37%
    }

    .header .nav ul {
        display: block;
        padding-bottom: 14px;
        border-bottom: 2px #473427 solid
    }

    .header .nav ul li {
        display: block;
        padding: 0;
        text-align: left;
        font-size: 18px;
        line-height: 1
    }

    .header .nav ul li.hidden {
        display: block
    }

    .header .nav ul li i {
        border: 0 !important
    }

    .header .nav ul li a, .header .nav ul li span {
        font-size: 20px;
        padding: 11px 0 11px 39px !important
    }
}

@media (max-width: 400px) {
    .header .intro .logos .times strong {
        display: inline-block;
        margin-top: 4px;
        padding-left: 25px;
        font-size: 12px
    }
}

.footer {
    padding-top: 44px;
    color: #fff;
    font: 14px 'Open Sans', Arial, Tahoma, sans-serif;
    border-top: 2px #473427 solid;
    z-index: 0;
    overflow: hidden;
    box-sizing: border-box
}

.footer a {
    transition: color;
    transition: color .3s ease;
    color: #fff;
    text-decoration: none
}

.footer a:hover {
    color: #fbba00
}

.footer .col {
    float: left
}

.footer .col.col-logo {
    width: 231px
}

.footer .col.col-logo .logo {
    width: 150px;
    height: 35px;
    display: inline-block;
    margin-bottom: 12px;
    background: url(../images/retina/preloader-logo.png) 0 0 no-repeat;
    background-size: 150px 35px
}

.footer .col.col-logo a.logo {
    transition: opacity;
    transition: opacity .3s ease
}

.footer .col.col-logo a.logo:hover {
    filter: alpha(opacity=75);
    opacity: .75
}

.footer .col.col-logo .time-title {
    margin-bottom: 7px
}

.footer .col.col-logo .time-work {
    color: #fbba00;
    font-size: 16px;
    font-weight: 700
}

.footer .col.col-menu {
    width: 269px;
    margin-top: -5px
}

.footer .col.col-menu ul {
    float: left;
    list-style: none;
    font-size: 13px
}

.footer .col.col-menu ul:first-child {
    width: 71px;
    margin-right: 11px;
    padding-right: 10px
}

.footer .col.col-menu ul li {
    padding-top: 12px
}

.footer .col.col-menu ul li:first-child {
    padding-top: 0
}

.footer .col.col-contacts {
    box-sizing: border-box;
    width: 248px;
    text-align: right;
    padding-right: 26px
}

.footer .col.col-contacts .contacts {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px
}

.footer .col.col-contacts .contacts a {
    text-decoration: underline
}

.footer .col.col-contacts .phone {
    display: block;
    text-align: right;
    margin-top: -6px;
    padding-bottom: 6px;
    font-size: 24px;
    font-family: Bitter, 'PT Serif', Georgia, serif
}

.footer .col.col-contacts .subphone {
    display: inline-block;
    margin-bottom: 11px;
    padding-left: 4px;
    font-size: 14px;
    text-align: right
}

.footer .col.col-contacts .subphone strong {
    color: #eb5c5e;
    font-weight: 700
}

.footer .col.col-contacts .all-departments {
    margin-top: 19px
}

.footer .col.col-contacts .all-departments a {
    font-size: 12px;
    font-weight: 700;
    color: #eb5c5e;
    text-decoration: underline
}

.footer .col.col-contacts .all-departments a:hover {
    text-decoration: none
}

.footer .col .socials {
    padding-top: 10px
}

.footer .col .socials .ico {
    margin-right: 15px;
    transition: opacity;
    transition: opacity .3s ease
}

.footer .col .socials .ico:hover {
    filter: alpha(opacity=75);
    opacity: .75
}

.footer .col.col-subscribe {
    width: 229px
}

.footer .col.col-subscribe a {
    transition: opacity;
    transition: opacity .3s ease;
    color: #fff
}

.footer .col.col-subscribe input {
    height: 43px;
    padding: 0 10px;
    color: #fff;
    font: 13px Arial, Tahoma, sans-serif;
    background: rgba(0, 0, 0, .65);
    border-top: 2px rgba(0, 0, 0, .9) solid;
    border-left: 2px rgba(0, 0, 0, .9) solid;
    border-bottom: 2px rgba(42, 23, 14, .8) solid;
    border-right: 2px rgba(42, 23, 14, .8) solid
}

.footer .col.col-subscribe .placeholder {
    color: #735744
}

.footer .col.col-subscribe ::-webkit-input-placeholder {
    color: #735744
}

.footer .col.col-subscribe ::-moz-placeholder {
    color: #735744
}

.footer .col.col-subscribe :-ms-input-placeholder {
    color: #735744
}

.footer .col.col-subscribe .inp {
    margin-bottom: 20px
}

.footer .col.col-subscribe .btn {
    margin: 0 11px
}

.footer .col.col-subscribe .subscribe-success {
    display: none;
    margin-top: -6px;
    font: 20px Bitter, 'PT Serif', Georgia, serif
}

.footer .copyrights {
    width: 100%;
    margin-top: 20px;
    font-size: 13px
}

.footer .copyrights .dadim {
    float: left;
    margin-left: 1px
}

.footer .copyrights .dadim i {
    font-style: normal
}

.footer .copyrights .sibirix {
    position: relative;
    float: right;
    font-size: 12px
}

.footer .copyrights .sibirix a {
    position: relative;
    display: inline-block;
    vertical-align: -5px;
    transition: opacity;
    transition: opacity .3s ease
}

.footer .copyrights .sibirix a:hover {
    filter: alpha(opacity=75);
    opacity: .75
}

.footer .copyrights .sibirix a .slon {
    position: absolute;
    width: 50px;
    height: 90px;
    top: -48px;
    right: 100%;
    margin-right: 2px
}

.footer .copyrights .sibirix a .slon .slon-f {
    display: none;
    position: absolute;
    width: 50px;
    height: 90px;
    top: 0;
    left: 0
}

.footer .copyrights .sibirix a .slon .slon-f.f1 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) 0 -375px no-repeat;
    background-size: 700px;
    display: block
}

.footer .copyrights .sibirix a .slon .slon-f.f2-1 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -50px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f2-2 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -100px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f2-3 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -150px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f2-4 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -200px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f3-1 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -250px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f3-2 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -300px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f4-1 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -350px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f4-2 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -400px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f5 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -450px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f6 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -500px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f7 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -550px -375px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f8 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) 0 -470px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f9 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -50px -470px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f10 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -100px -470px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .slon .slon-f.f11 {
    width: 50px;
    height: 90px;
    background: url(../images/sprite-retina.png) -150px -470px no-repeat;
    background-size: 700px
}

.footer .copyrights .sibirix a .studio {
    width: 72px;
    height: 15px;
    background: url(../images/sprite-retina.png) -210px -470px no-repeat;
    background-size: 700px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: 1px
}

.footer .copyrights .sibirix .sibirix-project {
    position: absolute;
    right: 0;
    bottom: -17px
}

.footer .copyrights .sibirix .sibirix-project:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.m-footer-menu {
    display: none
}

.m-footer-menu ul {
    width: 100%;
    border-top: 2px #473427 solid
}

.m-footer-menu ul li {
    display: block;
    height: 59px;
    border-bottom: 1px #473427 solid
}

.m-footer-menu ul li a, .m-footer-menu ul li span {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font: 13px/59px 'Open Sans', Arial, Tahoma, sans-serif
}

.m-footer-menu ul li a.current, .m-footer-menu ul li a:hover, .m-footer-menu ul li span.current, .m-footer-menu ul li span:hover {
    color: #fbba00
}

.m-footer-menu ul li:last-child {
    border: 0
}

@media (max-width: 980px) {
    .footer .col-logo {
        margin-left: 10px
    }

    .footer .col-menu {
        display: none
    }

    .footer .col-contacts {
        position: absolute;
        top: 44px;
        right: 238px
    }

    .footer .col-subscribe {
        position: absolute;
        top: 44px;
        right: 10px
    }

    .footer .copyrights {
        position: absolute;
        top: 244px;
        left: 10px
    }

    .footer .copyrights .sibirix {
        margin-right: 20px
    }
}

@media (max-width: 880px) {
    .m-footer-menu {
        display: block
    }
}

@media (max-width: 700px) {
    .footer {
        height: 180px;
        padding-top: 20px
    }

    .footer .col {
        float: none
    }

    .footer .col-contacts, .footer .col-subscribe {
        display: none
    }

    .footer .col.col-logo {
        margin: 0;
        width: 100%;
        text-align: center
    }

    .footer .col.col-logo .logo, .footer .col.col-logo .time-title, .footer .col.col-logo .time-work {
        display: none
    }

    .footer .col.col-logo .socials .ico {
        margin: 0 10px
    }

    .footer .copyrights {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 16px
    }

    .footer .copyrights .dadim {
        width: 100%;
        float: none;
        margin: 0;
        padding-bottom: 30px;
        text-align: center
    }

    .footer .copyrights .dadim i {
        display: none
    }

    .footer .copyrights .sibirix {
        width: 100%;
        float: none;
        margin: 0;
        padding-left: 16px;
        text-align: center
    }

    .footer .copyrights .sibirix .sibirix-project {
        position: static;
        display: block;
        float: none;
        margin-top: 7px
    }
}

.page-index .ribbon-title-wrap {
    padding: 49px 0 60px
}

.page-index .ribbon-title-wrap .ribbon-title {
    margin-left: 4px
}

.page-index .title-features {
    position: relative;
    display: block;
    left: 14px;
    margin: 46px auto 20px
}

.page-index .products {
    padding-top: 10px
}

.page-index .features {
    margin-bottom: 79px;
    text-align: center;
    color: #fff;
    white-space: nowrap
}

.page-index .features .feature {
    display: inline-block;
    width: 165px;
    padding: 0 39px;
    white-space: normal;
    vertical-align: top
}

.page-index .features .feature .txt {
    position: relative;
    font: 17px/25px Bitter, 'PT Serif', Georgia, serif;
    z-index: 1
}

.page-index .features .img-wrap {
    position: relative;
    height: 139px;
    top: -20px;
    margin-bottom: -205px;
    padding: 20px 0 200px;
    overflow: hidden
}

.page-index .features .img-wrap .ico {
    opacity: 0
}

.page-index .features .img-wrap .ico.animated {
    opacity: 1;
    -webkit-animation: bounceInUp linear 1.5s;
    animation: bounceInUp linear 1.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: bounceInUp linear 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -moz-animation: bounceInUp linear 1.5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -ms-animation: bounceInUp linear 1.5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -ms-animation-delay: 0s;
    -o-animation: bounceInUp linear 1.5s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 0s
}

.page-index .features .img-wrap .ico-speed {
    margin: 19px 0 0 -15px
}

.page-index .features .img-wrap .ico-chef {
    margin: 7px 0 0 -1px
}

.page-index .features .img-wrap .ico-portions {
    margin: 25px 0 0 0
}

.page-index .day-dish {
    position: relative;
    min-height: 300px;
    margin-bottom: 86px;
    background: #fff
}

.page-index .day-dish.bought .dish-img {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
    visibility: hidden;
    opacity: 0
}

.page-index .day-dish.bought .after-buy {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible
}

.page-index .day-dish .after-buy {
    top: 110px;
    margin-left: 30px;
    z-index: 10
}

.page-index .day-dish .dish-img {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transition: all .4s ease;
    max-width: 482px;
    max-height: 482px;
    position: absolute;
    top: -15px;
    z-index: 6;
    right: 115px
}

.page-index .day-dish .dish-setting {
    width: 300px;
    max-height: 460px;
    position: absolute;
    z-index: 5;
    top: -28px;
    right: -91px
}

.page-index .day-dish .dish-block {
    width: 290px;
    position: relative;
    margin-left: 41px;
    padding: 35px 0 48px;
    text-align: center
}

.page-index .day-dish .dish-block.opened .list-item-change {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1
}

.page-index .day-dish .dish-block.opened .list-item-change .change-btns, .page-index .day-dish .dish-block.opened .list-item-change .exclude, .page-index .day-dish .dish-block.opened .list-item-change .ingredients, .page-index .day-dish .dish-block.opened .list-item-change .ingredients-price, .page-index .day-dish .dish-block.opened .list-item-change .size, .page-index .day-dish .dish-block.opened .list-item-change .total-price, .page-index .day-dish .dish-block.opened .list-item-change .type {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.page-index .day-dish .dish-block.opened:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100
}

.page-index .day-dish .dish-block .list-item-change {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform: scale(.9, .9);
    -ms-transform: scale(.9, .9);
    transform: scale(.9, .9);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    z-index: 200;
    text-align: left;
    position: absolute;
    bottom: -70px;
    margin-top: -40px;
    left: 50%;
    margin-left: -230px;
    display: block
}

.page-index .day-dish .dish-block .dish-title {
    position: relative;
    padding-bottom: 20px;
    font: italic 700 40px Bitter, 'PT Serif', Georgia, serif
}

.page-index .day-dish .dish-block .dish-title:after {
    position: relative;
    left: -5px;
    margin-left: 12px;
    padding: 0;
    background-position: 100% 0
}

.page-index .day-dish .dish-block .dish-name {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 20px;
    color: #478f00;
    font: 22px/27px Bitter, 'PT Serif', Georgia, serif
}

.page-index .day-dish .dish-block .dish-name span {
    transition: border-color;
    transition: border-color .3s ease;
    border-bottom: 1px solid transparent
}

.page-index .day-dish .dish-block .dish-name:hover span {
    border-color: #478f00
}

.page-index .day-dish .dish-block .dish-txt {
    padding: 0 20px 26px;
    font: 13px/16px Arial, Tahoma, sans-serif
}

.page-index .day-dish .dish-block .product-hr {
    margin: 0 18px 8px;
    text-align: center;
    border-top: 1px #dadada solid
}

.page-index .day-dish .dish-block .product-hr span {
    position: relative;
    top: -9px;
    padding: 0 10px;
    font: 700 13px Arial, Tahoma, sans-serif;
    background: #fff
}

.page-index .day-dish .dish-block .price-block {
    margin-left: -12px
}

.page-index .day-dish .dish-block .price-block + .price-block {
    margin: 0 -10px 0 17px
}

.page-index .day-dish .dish-block .btns {
    margin: 19px 0 0 1px
}

.parallax-wrap {
    display: none;
    height: 0;
    top: 261px;
    z-index: 0
}

.parallax-object {
    position: absolute;
    left: auto !important
}

.parallax-object.object-1 {
    left: -564px !important;
    top: -722px !important
}

.parallax-object.object-2 {
    right: -243px !important;
    top: -92px !important
}

.parallax-object.object-3 {
    right: -1099px !important;
    top: 480px !important;
    z-index: 1
}

.parallax-object.object-4 {
    left: -200px !important;
    top: 262px !important
}

.parallax-object.object-4-2 {
    left: 569px !important;
    top: 262px !important
}

.parallax-object.object-5 {
    right: -501px !important;
    top: 1245px !important
}

.parallax-object.object-6 {
    right: -560px !important;
    top: 2098px !important
}

.parallax-object.object-7 {
    left: -412px !important;
    top: 2600px !important
}

.parallax-object.object-8 {
    right: -234px !important;
    top: 3552px !important
}

.parallax-object.object-9 {
    left: -587px !important;
    top: 404px !important
}

.parallax-object.object-10 {
    left: -207px !important;
    top: 989px !important
}

.parallax-object.object-11 {
    left: -498px !important;
    top: 1373px !important
}

.parallax-object.object-12 {
    left: -615px !important;
    top: 1684px !important
}

.parallax-object.object-13 {
    left: -231px !important;
    top: 3709px !important
}

.parallax-object.object-14 {
    left: -410px !important;
    top: 1150px !important
}

.parallax-object.object-15 {
    right: -405px !important;
    top: 791px !important
}

.parallax-object.object-m1 {
    left: -454px !important;
    top: -318px !important
}

.parallax-object.object-m2 {
    right: -420px !important;
    top: -163px !important
}

.parallax-object.object-m3 {
    right: -785px !important;
    top: -548px !important
}

.parallax-object.object-m4 {
    right: -528px !important;
    top: 674px !important
}

.parallax-object.object-m5 {
    right: -258px !important;
    top: 945px !important;
    z-index: 1
}

.parallax-object.object-m6 {
    right: -289px !important;
    top: 1283px !important;
    z-index: 1
}

.parallax-object.object-m7 {
    right: -518px !important;
    top: 1561px !important
}

.parallax-object.object-m8 {
    right: -191px !important;
    top: 1953px !important
}

.parallax-object.object-m9 {
    right: -383px !important;
    top: 2866px !important
}

.parallax-object.object-m10 {
    right: -461px !important;
    top: 3698px !important;
    z-index: 1
}

.parallax-object.object-m11 {
    right: -498px !important;
    top: 3317px !important
}

.parallax-object.object-m12 {
    left: -168px !important;
    top: 669px !important
}

.parallax-object.object-m13 {
    left: -660px !important;
    top: 911px !important
}

.parallax-object.object-m14 {
    left: -344px !important;
    top: 1317px !important
}

.parallax-object.object-m15 {
    left: -372px !important;
    top: 2287px !important;
    z-index: 1
}

.parallax-object.object-m16 {
    left: -400px !important;
    top: 2610px !important
}

.parallax-object.object-m17 {
    left: -486px !important;
    top: 3234px !important
}

.parallax-object.object-m18 {
    left: -227px !important;
    top: 3462px !important
}

.parallax-object.object-m19 {
    left: -488px !important;
    top: 3564px !important
}

.main-slider {
    display: none;
    position: relative;
    width: 100%;
    height: 530px;
    margin: 0 auto;
    z-index: 5
}

.main-slider:hover .bx-next, .main-slider:hover .bx-prev {
    filter: alpha(opacity=100);
    opacity: 1
}

.main-slider .container {
    z-index: 99999
}

.main-slider .bx-wrapper {
    max-width: 1900px !important
}

.main-slider .bx-next, .main-slider .bx-prev {
    filter: alpha(opacity=0);
    opacity: 0;
    transition: opacity;
    transition: opacity .3s ease;
    position: absolute;
    width: 150px;
    height: 500px;
    top: 0;
    font-size: 0
}

.main-slider .bx-next:after, .main-slider .bx-prev:after {
    content: '';
    position: absolute;
    width: 52px;
    height: 52px;
    top: 214px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2) 50% 50% no-repeat;
    background-size: 52px
}

.main-slider .bx-prev {
    left: 0
}

.main-slider .bx-prev:after {
    left: 50px;
    background-image: url(../images/retina/slider-left.png)
}

.main-slider .bx-next {
    right: 0
}

.main-slider .bx-next:after {
    right: 50px;
    background-image: url(../images/retina/slider-right.png)
}

.main-slider .slide {
    height: 500px;
    background-position: 50% 50%;
    background-size: cover
}

.main-slider .action-box {
    width: 310px;
    height: 410px;
    position: absolute;
    top: 45px;
    left: -1px;
    padding: 10px 28px;
    background: url(../images/retina/corners/card-bg.jpg);
    background-size: 310px auto;
    box-shadow: 19px 50px 46px rgba(0, 0, 0, .5);
    z-index: 5;
    box-sizing: border-box
}

.main-slider .action-box:after, .main-slider .action-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0
}

.main-slider .action-box:before {
    bottom: 100%;
    width: 310px;
    height: 25px;
    background: url(../images/sprite-retina.png) 0 -570px no-repeat;
    background-size: 700px
}

.main-slider .action-box:after {
    top: 100%;
    margin-top: -1px;
    width: 310px;
    height: 25px;
    background: url(../images/sprite-retina.png) 0 -600px no-repeat;
    background-size: 700px
}

.main-slider .action-box.action-box-under {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 72px;
    left: 12px;
    box-shadow: none;
    z-index: 1
}

.main-slider .action-box.action-box-under:after {
    height: 24px;
    overflow: hidden
}

.main-slider .action-box .action-title {
    height: 73px;
    line-height: 35px;
    font-weight: 700;
    font-size: 34px;
    letter-spacing: -1px;
    overflow: hidden
}

.main-slider .action-box hr {
    margin: 27px 0 43px
}

.main-slider .action-box .btns {
    bottom: -15px
}

.main-slider .action-box .btn-flat {
    position: absolute;
    width: 200px;
    height: 45px;
    left: 50%;
    bottom: 50px;
    margin-left: -100px
}

@media (max-width: 980px) {
    .parallax-object {
        display: none !important
    }

    .main-slider .action-box {
        left: 12px
    }

    .main-slider .action-box.action-box-under {
        left: 25px
    }

    .page-index .m-hide {
        display: none
    }

    .page-index .features {
        white-space: normal
    }

    .page-index .features .feature {
        width: 49%;
        padding: 0;
        margin-bottom: 40px
    }

    .page-index .features .feature .txt {
        max-width: 220px;
        margin: auto
    }

    .page-index .day-dish .dish-setting {
        display: none
    }

    .page-index .day-dish .after-buy {
        left: auto;
        right: 72px;
        margin-left: 0
    }

    .page-index .day-dish .dish-img {
        max-width: 342px;
        max-height: 342px;
        top: 38px;
        right: 12px
    }
}

@media (max-width: 700px) {
    .main-slider {
        height: 401px
    }

    .main-slider .action-box {
        height: 183px;
        left: 50%;
        top: 212px;
        margin-left: -155px;
        padding-top: 4px;
        padding-bottom: 0
    }

    .main-slider .action-box:before {
        margin-bottom: -10px
    }

    .main-slider .action-box .btn-flat, .main-slider .action-box.action-box-under {
        display: none !important
    }

    .main-slider .action-box .action-title {
        position: relative;
        padding: 0 5px;
        font-size: 30px;
        line-height: 30px;
        z-index: 1
    }

    .main-slider .action-box .action-strong, .main-slider .action-box .action-text {
        height: auto;
        margin: 0;
        padding: 0 25px;
        color: #1a110d;
        font: 14px/21px 'Open Sans', Arial, Tahoma, sans-serif
    }

    .main-slider .action-box hr {
        margin: -2px 0 11px
    }

    .main-slider .action-box .btns {
        bottom: -22px
    }

    .main-slider .slide {
        height: 300px;
        overflow: hidden;
        background-position: 80% 50%
    }

    .main-slider .slide img {
        right: -50%;
        bottom: 0;
        position: absolute;
        width: auto;
        max-width: 10000px
    }

    .main-slider .bx-next, .main-slider .bx-prev {
        width: 100px;
        height: 100%
    }

    .main-slider .bx-next:after, .main-slider .bx-prev:after {
        top: 50%;
        margin-top: -26px
    }

    .main-slider .bx-next:after {
        right: 15px
    }

    .main-slider .bx-prev:after {
        left: 15px
    }

    .page-index .ribbon-title-wrap, .page-index .title-features {
        -webkit-transform: scale(.72);
        -ms-transform: scale(.72);
        transform: scale(.72)
    }

    .page-index .ribbon-title-wrap {
        padding-bottom: 32px
    }

    .page-index .ribbon-title-wrap .ribbon-title:after, .page-index .ribbon-title-wrap .ribbon-title:before {
        display: none
    }

    .page-index .day-dish {
        text-align: center
    }

    .page-index .day-dish .after-buy {
        top: 56px;
        right: 50%;
        margin-right: -110px
    }

    .page-index .day-dish .dish-img {
        position: static;
        margin-top: 20px
    }

    .page-index .day-dish .dish-block {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 460px) {
    .page-index .features .feature {
        width: 100%;
        white-space: nowrap
    }

    .page-index .features .feature .img-wrap {
        text-align: center;
        display: inline-block;
        vertical-align: top;
        width: 49%
    }

    .page-index .features .feature .txt {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 40px 10px 0;
        white-space: normal
    }

    .page-index .title-features {
        left: 0
    }

    .page-index .day-dish .dish-img {
        max-width: 90%
    }
}

@media (max-width: 410px) {
    .page-index .title-features {
        left: -20px
    }
}

@media (max-width: 360px) {
    .page-index .title-features {
        left: -45px
    }
}

.page-text .ribbon-title-wrap {
    margin: 50px 0 60px
}

.text-hr {
    position: relative;
    margin-bottom: 27px;
    height: 14px;
    border: none
}

.text-hr:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 6px;
    background: #d8d8d8
}

.text-hr:before {
    content: '';
    position: absolute;
    width: 171px;
    height: 15px;
    background: url(../images/sprite-retina.png) -150px -50px no-repeat;
    background-size: 700px;
    top: 0;
    left: 50%;
    margin-left: -86px;
    background-color: #fff;
    z-index: 1
}

.text-content {
    padding: 30px 20px 38px;
    margin-bottom: 45px;
    font: 400 13px/22px 'Open Sans', Arial, Tahoma, sans-serif;
    background-color: #fff
}

.text-content .text-clear {
    padding: 0 9px 0
}

.text-content p {
    padding-bottom: 19px
}

.text-content p + h2 {
    padding-top: 16px
}

.text-content img {
    max-width: 100%;
    height: auto !important;
    float: left;
    margin: 5px 46px 10px 0
}

.text-content img + h3 {
    text-align: left
}

.text-content h1 {
    padding: 0 100px 17px;
    font: 700 35px/44px Bitter, 'PT Serif', Georgia, serif;
    text-align: center
}

.text-content h1 + hr {
    margin-bottom: 38px
}

.text-content h2 {
    padding-bottom: 17px;
    font: 700 18px/26px Bitter, 'PT Serif', Georgia, serif
}

.text-content h3 {
    position: relative;
    margin: 9px auto 26px;
    padding: 23px 200px 25px;
    color: #9a9a66;
    font: 700 28px/46px Bitter, 'PT Serif', Georgia, serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.2px
}

.text-content h3:after, .text-content h3:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    position: relative;
    margin-bottom: 27px;
    height: 14px;
    border: none;
    margin-bottom: 0
}

.text-content h3:after:after, .text-content h3:before:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 6px;
    background: #d8d8d8
}

.text-content h3:after:before, .text-content h3:before:before {
    content: '';
    position: absolute;
    width: 171px;
    height: 15px;
    background: url(../images/sprite-retina.png) -150px -50px no-repeat;
    background-size: 700px;
    top: 0;
    left: 50%;
    margin-left: -86px;
    background-color: #fff;
    z-index: 1
}

.text-content h3:before {
    top: 0
}

.text-content h3:after {
    bottom: 0
}

.text-content hr {
    position: relative;
    margin-bottom: 27px;
    height: 14px;
    border: none
}

.text-content hr:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 6px;
    background: #d8d8d8
}

.text-content hr:before {
    content: '';
    position: absolute;
    width: 171px;
    height: 15px;
    background: url(../images/sprite-retina.png) -150px -50px no-repeat;
    background-size: 700px;
    top: 0;
    left: 50%;
    margin-left: -86px;
    background-color: #fff;
    z-index: 1
}

.text-content a {
    color: #478f00;
    font-weight: 700;
    text-decoration: underline;
    border-bottom: 1px solid transparent
}

.text-content a:hover {
    text-decoration: none
}

.text-content ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ea5c5e;
    left: 11px;
    top: 9px
}

.text-content ol {
    counter-reset: item
}

.text-content ol li {
    list-style-position: outside
}

.text-content ol li:before {
    content: counter(item) '.';
    color: #ea5c5e;
    font-weight: 700;
    counter-increment: item;
    position: absolute;
    left: 7px;
    top: 0
}

.text-content ol, .text-content ul {
    padding-bottom: 17px;
    list-style: none
}

.text-content ol li, .text-content ul li {
    position: relative;
    padding-left: 29px;
    margin-bottom: 18px
}

.text-content blockquote {
    position: relative;
    margin: 14px 0 34px;
    padding: 23px 28px 26px;
    box-sizing: border-box;
    z-index: 1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAApUlEQVR4XoXPwQ7BQBDG8Z54CO/kIThz8mTi1PSCgxMkNDgQZ6TVblJhdr4xohK7beKfPf6y+SYQL2soDLznI9xm/xHv+ip4P5CfHIR8SVFDEbJ5PUK+onFLBcddBS7ih+7gbY+ipgq7bDsAFuehM5DjjnhRimRSCl2KfCGVYDYoDiWS2ijDZSRgB/niGuJ+UlxBYHkmMGv94yNqkN6CdIri+NbfXgMdeWrGpAH8AAAAAElFTkSuQmCC) 0 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAp0lEQVR4Xn3PwQ7BQBQF0FnxEf7JR7Bm5cvEqrHBwopKECyINdLqNKkw8+4zRWO8Nm5mM8nJzbvKBPIx3fk3FQjXqUT+h3Y9h2jT+Yeg53nZsA69kMgPrVu5GzWgwy/Cqc8g39mw+eqr0bab32dThXjCj6jU1/anKGQHpEsuBcnM7fggBuE8YJNwVQrEjNsRl0A4id7O9SFdsYkZtoyKgJDtEY3dXoGeAXZ5ar5AFicAAAAASUVORK5CYII=) 100% 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAApklEQVR4Xn3PwQ7BUBAF0K74CP/kI1iz8mVi1XSDhRWVIFgQa6TVNqnw3twxSvNiXuLmLk9uZgITvst1cB4imaA8MIjraMSwbFIUa1xGuJ800jEZrqE4jXwnewz6ItoPkM19hmKF8ijClTZdrZ4J0mnAtsBtRru+iRribNz+QSD5112DPDbjVrXXUXMVcm5poqY45AsfudC29/njH5L7BKlqxPTw0QvxdHlq2+sUdQAAAABJRU5ErkJggg==) 0 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAqUlEQVR4XoXPwQ7BQBAG4D3xEN7JQ3Dm5MnEqXHBwYlKEByIM9LqblKhnX9std0we7CZ08yXP/8qdg+E9IR4hsvQ7bJA2akQHmdcRzBrfkVWS1SJW8BZ4m4eAtkMISRCeoTZ+AB6SYdBjaIpZ7EQtO2U5xrZvyD/FnnYLsS4Sbse7nOmp/IyuoWYtKBXbvmDkCw+GQ3o0AmJyqa074t420uO7fEfcW4EegPvzXlqnU1ctwAAAABJRU5ErkJggg==) 100% 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAIAAAByq0inAAAAE0lEQVR4XmP6vYsBiP7DwL9XmwCEUg7+j95xqgAAAABJRU5ErkJggg==) 0 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAIAAAByq0inAAAAE0lEQVR4XmP692rTfxj4vYsBiACdRQ7+5+U+vAAAAABJRU5ErkJggg==) 100% 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAIAAACNcmNmAAAAFklEQVR4XmP8vYsBjP///w/H/15tAgCl0A8CD6aW/AAAAABJRU5ErkJggg==) 0 0 repeat-x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAIAAACNcmNmAAAAF0lEQVR4XmP892oT4////+H49y4GEAYAxxQPAuguaW0AAAAASUVORK5CYII=) 0 100% repeat-x
}

.text-content table {
    width: 100%;
    margin-bottom: 45px
}

.text-content table tr {
    border-bottom: 1px solid #dadada
}

.text-content table td, .text-content table th {
    color: #161616
}

.text-content table td:first-child, .text-content table th:first-child {
    padding-left: 10px
}

.text-content table td {
    padding: 13px 0 14px
}

.text-content table th {
    font: 700 16px/1 Bitter, 'PT Serif', Georgia, serif;
    text-align: left;
    padding: 23px 0 18px
}

.text-content .no-a {
    font-weight: 400;
    color: #000;
    text-decoration: none;
    cursor: text
}

.text-content .text-center {
    text-align: center
}

@media (max-width: 560px) {
    .page-text table th {
        font-size: 13px
    }
}

@media (max-width: 560px) {
    .page-text .ribbon-title-wrap {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        white-space: nowrap
    }
}

@media (max-width: 470px) {
    .page-text .ribbon-title-wrap {
        margin-left: -30px
    }
}

.wrap-404 {
    position: relative;
    padding: 0 0 105px 14px
}

.wrap-404 .ribbon-title-wrap {
    height: 180px;
    padding: 0
}

.wrap-404 .ribbon-title-wrap .ribbon-title {
    top: 40%
}

.wrap-404 .pic {
    width: 712px;
    height: 592px;
    margin: 0 auto;
    background: url(../images/404.png) no-repeat center center
}

.wrap-404 .link-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: 507px;
    text-align: center
}

.wrap-404 .link-wrap a {
    width: 206px
}

.wrap-404 .link-wrap a:hover {
    opacity: .8
}

body.page-404 {
    box-sizing: content-box
}

body.page-404 * {
    box-sizing: content-box
}

body.page-404 header {
    padding: 0
}

body.page-404 header .container {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 760px) {
    .wrap-404 {
        padding-left: 0
    }

    .wrap-404 .pic {
        width: 100%;
        background-size: contain
    }
}

@media (max-width: 650px) {
    .wrap-404 .ribbon-title-wrap .ribbon-title {
        margin-left: 0;
        font-size: 35px
    }

    .wrap-404 .ribbon-title-wrap .ribbon-title .shadow, .wrap-404 .ribbon-title-wrap .ribbon-title:after, .wrap-404 .ribbon-title-wrap .ribbon-title:before {
        display: none
    }

    .wrap-404 .pic {
        height: 530px
    }

    .wrap-404 .link-wrap {
        top: 467px
    }
}

@media (max-width: 520px) {
    .wrap-404 .ribbon-title-wrap .ribbon-title {
        font-size: 28px
    }

    .wrap-404 .pic {
        height: 360px
    }

    .wrap-404 .link-wrap {
        top: 564px
    }
}

.page-catalog .parallax-wrap {
    height: 0
}

.page-catalog .catalog-filter-wrap {
    z-index: 20;
    position: relative
}

.page-catalog .catalog-filter {
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 94px;
    padding: 0 20px;
    line-height: 94px;
    border-bottom: 1px #f0f0f0 solid;
    background: #fff
}

.page-catalog .catalog-filter .trigger {
    position: relative;
    display: inline-block;
    margin-right: 35px;
    line-height: 45px;
    color: #161616;
    font: 16px Bitter, 'PT Serif', Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
    transition: all .3s ease
}

.page-catalog .catalog-filter .trigger:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    right: 12px;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAAAaUlEQVR4XoXTsRGAUAgEUQLKojBRu7LA8xsxN44rKY9gA0KlTRkwyiUq1Lq0K4EdS/Tjz6Ef7Hi2RoGFUWROkTlF5tQZUGNEkU0CQy89kU6CEqiXDkXmFJlTZE5fd0DVw4B2qNS/r9CqG9As7PwOwOxFAAAAAElFTkSuQmCC) 0 50% no-repeat;
    background-size: 10px 10px;
    filter: alpha(opacity=0);
    opacity: 0
}

.page-catalog .catalog-filter .trigger.active {
    padding-right: 30px
}

.page-catalog .catalog-filter .trigger.active:after {
    filter: alpha(opacity=100);
    opacity: 1
}

.page-catalog .catalog-filter .trigger.active b {
    width: 100%
}

.page-catalog .catalog-filter .trigger.active span {
    margin-left: -8px;
    color: #fff
}

.page-catalog .catalog-filter .trigger.trigger-new b {
    background: #eb5c5e
}

.page-catalog .catalog-filter .trigger.trigger-good b {
    background: #45b9ec
}

.page-catalog .catalog-filter .trigger.trigger-discount b {
    background: #fdbb00
}

.page-catalog .catalog-filter .trigger.trigger-details b {
    background: #478f00
}

.page-catalog .catalog-filter .trigger.trigger-new:hover {
    color: #eb5c5e
}

.page-catalog .catalog-filter .trigger.trigger-good:hover {
    color: #45b9ec
}

.page-catalog .catalog-filter .trigger.trigger-discount:hover {
    color: #fdbb00
}

.page-catalog .catalog-filter .trigger.trigger-details:hover {
    color: #478f00
}

.page-catalog .catalog-filter .trigger b {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: purple;
    transition: all .3s ease
}

.page-catalog .catalog-filter .trigger .badge {
    position: relative;
    margin-right: 4px;
    vertical-align: -2px;
    z-index: 1;
    background-color: transparent
}

.page-catalog .catalog-filter .trigger span {
    position: relative;
    display: inline-block;
    vertical-align: 15px;
    z-index: 1;
    transition: all .3s ease
}

.page-catalog .catalog-filter .badge-pdf {
    position: absolute;
    right: 20px;
    top: 25px;
    transition: opacity;
    transition: opacity .3s ease
}

.page-catalog .catalog-filter .badge-pdf:hover {
    filter: alpha(opacity=75);
    opacity: .75
}

.page-catalog .catalog-filter-details {
    position: absolute;
    width: 100%;
    max-height: 0;
    top: 100%;
    padding: 0 19px;
    background: #fff;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    overflow: hidden;
    transition: all .3s ease;
    box-sizing: border-box
}

.page-catalog .catalog-filter-details.opened {
    max-height: 1500px;
    height: auto
}

.page-catalog .catalog-filter-details .reset-link {
    position: absolute;
    bottom: 33px;
    right: 80px;
    font: 13px 'Open Sans', Arial, Tahoma, sans-serif;
    color: #999
}

.page-catalog .catalog-filter-details .reset-link .ico {
    margin-right: 2px;
    vertical-align: 0
}

.page-catalog .catalog-filter-details .types {
    padding: 17px 0 22px;
    list-style: none;
    font: 16px Bitter, 'PT Serif', Georgia, serif
}

.page-catalog .catalog-filter-details .types li {
    display: inline-block;
    height: 37px;
    margni-right: -8px;
    line-height: 37px;
    padding: 0 10px;
    vertical-align: top;
    border: 1px transparent solid;
    border-radius: 39px
}

.page-catalog .catalog-filter-details .types li.current {
    border-color: #dadada
}

.page-catalog .catalog-filter-details .types li.current a {
    color: #478f00;
    border-color: transparent;
    cursor: default
}

.page-catalog .catalog-filter-details .types a {
    color: #161616;
    text-decoration: none;
    border-bottom: 1px #b2b2b2 dashed
}

.page-catalog .catalog-filter-details .types a:hover {
    color: #478f00;
    border-color: #478f00
}

.page-catalog .catalog-filter-details .ingredients {
    margin-bottom: 22px;
    font: 13px 'Open Sans', Arial, Tahoma, sans-serif
}

.page-catalog .catalog-filter-details .ingredients ul {
    display: inline-block;
    width: 189px;
    margin-bottom: 17px;
    list-style: none;
    vertical-align: top
}

.page-catalog .catalog-filter-details .ingredients ul li {
    display: block;
    position: relative;
    margin-top: 17px;
    padding-left: 22px
}

.page-catalog .catalog-filter-details .ingredients ul li .checker {
    position: absolute;
    left: 0;
    top: 0
}

.page-catalog .catalog-filter-details .ingredients ul li:first-child {
    margin-top: 0
}

.page-catalog .catalog-filter-details .ingredients ul:last-child {
    width: 150px
}

.page-catalog .catalog-filter-details .ingredients ul .checker {
    margin-right: 10px;
    vertical-align: -1px
}

.page-catalog .catalog-filter-details .btns {
    padding-bottom: 40px;
    text-align: center
}

.page-catalog .product-card .img-wrap {
    line-height: 240px
}

.page-catalog .product-card .product-hr {
    padding-bottom: 4px
}

@media (max-width: 980px) {
    .page-catalog .products {
        margin-bottom: 0
    }

    .hide-sets {
        display: none
    }
}

@media (max-width: 825px) {
    .page-catalog .catalog-filter {
        white-space: nowrap
    }

    .page-catalog .catalog-filter .trigger {
        margin-right: 15px;
        font-size: 14px
    }
}

@media (max-width: 700px) {
    .page-catalog .catalog-filter {
        text-align: center
    }

    .page-catalog .catalog-filter .badge-pdf, .page-catalog .catalog-filter .trigger-details {
        display: none
    }

    .page-catalog .catalog-filter-details {
        display: none
    }
}

@media (max-width: 500px) {
    .page-catalog .catalog-filter .trigger {
        font-size: 0
    }
}

.page-detail .parallax-wrap {
    height: 0
}

.page-detail .content-wrap {
    background-color: #fff
}

.page-detail h3 {
    background-color: #fff;
    padding: 22px 0 21px;
    position: relative;
    margin-bottom: 18px;
    color: #9a9a66;
    font: 700 28px/46px Bitter, 'PT Serif', Georgia, serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.2px
}

.page-detail h3:after, .page-detail h3:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    position: relative;
    margin-bottom: 27px;
    height: 14px;
    border: none;
    margin-bottom: 0
}

.page-detail h3:after:after, .page-detail h3:before:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 6px;
    background: #d8d8d8
}

.page-detail h3:after:before, .page-detail h3:before:before {
    content: '';
    position: absolute;
    width: 171px;
    height: 15px;
    background: url(../images/sprite-retina.png) -150px -50px no-repeat;
    background-size: 700px;
    top: 0;
    left: 50%;
    margin-left: -86px;
    background-color: #fff;
    z-index: 1
}

.page-detail h3:before {
    top: 0
}

.page-detail h3:after {
    bottom: 0
}

.page-detail .back-link {
    padding-bottom: 17px;
    text-align: center
}

.page-detail .back-link a {
    color: #478f00;
    font: 700 16px Bitter, 'PT Serif', Georgia, serif
}

.page-detail .text-content {
    box-sizing: border-box;
    padding-bottom: 0;
    margin-bottom: 0
}

.page-detail .text-content h1 {
    padding-bottom: 8px
}

.page-detail .text-content h1 + hr {
    margin-bottom: 20px
}

.page-detail .text-content .gallery-wrap.bought + .m-gallery-wrap .g-slide img {
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
    opacity: 0;
    visibility: hidden
}

.page-detail .text-content .gallery-wrap.bought + .m-gallery-wrap .after-buy {
    transition: all .3s ease;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible
}

.page-detail .text-content .m-gallery-wrap {
    display: none;
    margin-bottom: 25px;
    text-align: center
}

.page-detail .text-content .m-gallery-wrap .after-buy {
    top: 168px
}

.page-detail .text-content .m-gallery-wrap img {
    display: inline;
    float: none;
    margin: 0
}

.page-detail .text-content .m-gallery-wrap .bx-wrapper {
    padding-bottom: 21px
}

.page-detail .text-content .m-gallery-wrap .bx-controls {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center
}

.page-detail .text-content .m-gallery-wrap .bx-controls:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #dbdbdb
}

.page-detail .text-content .m-gallery-wrap .bx-controls .bx-pager {
    position: relative;
    display: inline-block;
    width: auto;
    top: 13px;
    padding: 0 10px;
    background: #fff;
    z-index: 1
}

.page-detail .text-content .m-gallery-wrap .bx-controls .bx-pager-item {
    width: 8px;
    height: 8px;
    margin: 0 5px
}

.page-detail .text-content .m-gallery-wrap .bx-controls .bx-pager-item .bx-pager-link {
    transition: all .3s ease;
    width: 8px;
    height: 8px;
    display: block;
    font-size: 0;
    border: 0;
    border-radius: 50%;
    background: #dcdcdc;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.page-detail .text-content .m-gallery-wrap .bx-controls .bx-pager-item .bx-pager-link.active {
    background: #999;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.page-detail .text-content .gallery-wrap {
    width: 359px;
    margin-left: 38px;
    margin-bottom: 29px;
    float: left;
    position: relative
}

.page-detail .text-content .gallery-wrap.bought .main-pic {
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
    opacity: 0;
    visibility: hidden
}

.page-detail .text-content .gallery-wrap.bought .after-buy {
    transition: all .3s ease;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible
}

.page-detail .text-content .gallery-wrap .after-buy {
    top: 70px
}

.page-detail .text-content .gallery-wrap .badge {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0
}

.page-detail .text-content .gallery-wrap.sale:after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(../images/sprite-retina.png) -150px 0 no-repeat;
    background-size: 700px;
    background-color: #fdbb00;
    left: 28px;
    top: 6px
}

.page-detail .text-content .gallery-wrap img {
    cursor: pointer
}

.page-detail .text-content .main-pic {
    width: 100%;
    height: 355px;
    transition: all .3s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    display: block;
    background: no-repeat center center;
    background-size: contain;
    margin-bottom: 38px
}

.page-detail .text-content .main-pic:hover {
    filter: alpha(opacity=75);
    opacity: .75
}

.page-detail .text-content .thumbs {
    text-align: center;
    font-size: 0
}

.page-detail .text-content .thumbs img {
    box-sizing: border-box;
    transition: all .3s ease;
    opacity: .7;
    float: none;
    margin: 0 5px 10px;
    display: inline-block
}

.page-detail .text-content .thumbs img.active {
    cursor: default
}

.page-detail .text-content .thumbs img.active, .page-detail .text-content .thumbs img:hover {
    opacity: 1;
    border-color: #478f00
}

.page-detail .text-content .thumbs.left {
    text-align: left
}

.page-detail .text-content .thumbs a {
    box-sizing: border-box;
    transition: all .3s ease;
    width: 70px;
    height: 70px;
    margin: 0 5px 10px;
    padding: 4px;
    vertical-align: top;
    display: inline-block;
    background: no-repeat center center;
    background-clip: content-box;
    background-size: 90%;
    border: 1px solid #dbdbdb;
    opacity: .7
}

.page-detail .text-content .thumbs a.active {
    cursor: default
}

.page-detail .text-content .thumbs a.active, .page-detail .text-content .thumbs a:hover {
    opacity: 1;
    border-color: #478f00
}

.page-detail .text-content .info-wrap {
    padding-top: 0;
    float: right;
    width: 469px;
    margin-bottom: 27px;
    position: relative;
    font: 400 14px/22px 'Open Sans', Arial, Tahoma, sans-serif
}

.page-detail .text-content .info-wrap .form {
    position: relative
}

.page-detail .text-content .info-wrap .form.opened .list-item-change {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    visibility: visible;
    opacity: 1
}

.page-detail .text-content .info-wrap .form.opened .list-item-change .change-btns, .page-detail .text-content .info-wrap .form.opened .list-item-change .exclude, .page-detail .text-content .info-wrap .form.opened .list-item-change .ingredients, .page-detail .text-content .info-wrap .form.opened .list-item-change .ingredients-price, .page-detail .text-content .info-wrap .form.opened .list-item-change .size, .page-detail .text-content .info-wrap .form.opened .list-item-change .total-price, .page-detail .text-content .info-wrap .form.opened .list-item-change .type {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.page-detail .text-content .info-wrap .info {
    padding-right: 20px
}

.page-detail .text-content .info-wrap .desc {
    margin-bottom: 25px
}

.page-detail .text-content .info-wrap .contents-title {
    font: 700 16px/1 Bitter, 'PT Serif', Georgia, serif;
    margin-bottom: 12px
}

.page-detail .text-content .info-wrap .contents {
    margin-bottom: 25px
}

.page-detail .text-content .info-wrap .list-item-change {
    transition: all .3s ease;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: scale(.9) translate(25px, 0);
    -ms-transform: scale(.9) translate(25px, 0);
    transform: scale(.9) translate(25px, 0);
    width: 490px;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    display: block;
    position: fixed;
    top: -26px;
    margin-top: 10px;
    left: -21px
}

.page-detail .text-content .info-wrap .list-item-change .change-btns, .page-detail .text-content .info-wrap .list-item-change .exclude, .page-detail .text-content .info-wrap .list-item-change .ingredients, .page-detail .text-content .info-wrap .list-item-change .ingredients-price, .page-detail .text-content .info-wrap .list-item-change .size, .page-detail .text-content .info-wrap .list-item-change .total-price, .page-detail .text-content .info-wrap .list-item-change .type {
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    opacity: 0
}

.page-detail .text-content .info-wrap .list-item-change .size, .page-detail .text-content .info-wrap .list-item-change .type {
    transition: all .3s ease
}

.page-detail .text-content .info-wrap .list-item-change .ingredients {
    transition: all .4s ease;
    margin-bottom: 20px
}

.page-detail .text-content .info-wrap .list-item-change .ingredients-price {
    transition: all .5s ease
}

.page-detail .text-content .info-wrap .list-item-change .change-btns {
    transition: all .6s ease
}

.page-detail .text-content .info-wrap .list-item-change .ingredients {
    padding-top: 14px;
    font-size: 13px
}

.page-detail .text-content .info-wrap .list-item-change .ingredients ul {
    float: left;
    list-style: none
}

.page-detail .text-content .info-wrap .list-item-change .ingredients ul li {
    padding: 0;
    margin: 0
}

.page-detail .text-content .info-wrap .list-item-change .ingredients ul li:before {
    width: 0;
    height: 0
}

.page-detail .text-content .info-wrap .list-item-change .ingredients ul label {
    display: block
}

.page-detail .text-content .info-wrap .list-item-change .ingredients ul label strong {
    color: #478f00
}

.page-detail .text-content .info-wrap .list-item-change .ingredients ul label .checker {
    margin-right: 9px
}

.page-detail .text-content .buying-wrap {
    margin-bottom: 19px;
    position: relative;
    width: 100%
}

.page-detail .text-content .buying-wrap .options-row {
    padding-right: 20px;
    padding-bottom: 20px;
    margin-bottom: 23px
}

.page-detail .text-content .buying-wrap .sets-discount {
    position: relative;
    margin: -24px 0 17px;
    text-align: center;
    font: 14px/14px 'Open Sans', Arial, Tahoma, sans-serif;
    border-top: 1px #ececec solid
}

.page-detail .text-content .buying-wrap .sets-discount div {
    margin-top: -7px
}

.page-detail .text-content .buying-wrap .sets-discount div span {
    display: inline-block;
    margin-left: -5px;
    padding: 0 5px;
    background: #fff
}

.page-detail .text-content .buying-wrap .sets-discount mark {
    color: #eb5c5e;
    font-weight: 700;
    background: 0 0
}

.page-detail .text-content .buying-wrap .quantity {
    margin: 0 17px 0 21px
}

.page-detail .text-content .buying-wrap .total-price {
    display: inline-block;
    vertical-align: bottom;
    font: 400 16px/20px Bitter, 'PT Serif', Georgia, serif
}

.page-detail .text-content .buying-wrap .total-price .price {
    font-weight: 700;
    font-size: 32px
}

.page-detail .text-content .buying-wrap .add-to-basket {
    float: right;
    color: #fff;
    text-decoration: none;
    margin-right: 21px;
    margin-top: -2px;
    font: 400 14px/49px Bitter, 'PT Serif', Georgia, serif
}

.page-detail .text-content .buying-wrap .form-field {
    margin-bottom: 10px
}

.page-detail .text-content .buying-wrap .form-field label .radio {
    margin-right: 5px
}

.page-detail .text-content .buying-wrap .form-field label span {
    line-height: 18px
}

.page-detail .text-content .buying-wrap .title {
    font: 700 16px/1 Bitter, 'PT Serif', Georgia, serif;
    margin-bottom: 12px
}

.page-detail .text-content .buying-wrap .thickness {
    float: left;
    width: 191px
}

.page-detail .text-content .buying-wrap .select-size {
    float: left;
    width: 250px;
    text-align: left
}

.page-detail .text-content .buying-wrap .select-size.set {
    text-align: left
}

.page-detail .text-content .buying-wrap .select-size .title {
    margin-bottom: 13px
}

.page-detail .text-content .buying-wrap.opened .list-item-change {
    z-index: 200
}

.page-detail .text-content .buying-wrap.opened:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100
}

.page-detail .text-content .notice {
    padding: 7px 20px 9px 54px;
    position: relative;
    font: 400 12px/16px 'Open Sans', Arial, Tahoma, sans-serif
}

.page-detail .text-content .notice:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    background: #eb5c5e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAAYElEQVR4Xu3VzQ2AIBAFYU5bvPEPe9SLoKGC8URiAWuC5H0FzIU8NvRCBCNykFkwv+hINflFC9XpF31RVFFFHWeaGv9QjI2bixUL/sT/oX50o1Ljh2/4ZlGRnczcz6JEHn0y9wd7I1VZAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: 21px 21px;
    left: 20px;
    top: 50%;
    margin-top: -10px;
    border-radius: 50%
}

.page-detail .text-content .nutritional-value {
    position: relative;
    margin: 5px 10px 0 0;
    padding: 0 19px 20px;
    border: 1px solid #dadada;
    font: 400 12px/22px 'Open Sans', Arial, Tahoma, sans-serif;
    text-align: justify;
    text-justify: newspaper;
    -moz-text-align-last: justify;
    text-align-last: justify;
    line-height: 0
}

.page-detail .text-content .nutritional-value > div {
    display: inline-block;
    vertical-align: top;
    margin: 23px auto 0
}

.page-detail .text-content .nutritional-value > div.calories span {
    color: #478f00
}

.page-detail .text-content .nutritional-value > div span {
    font-weight: 700;
    color: #ea5c5e
}

.page-detail .text-content .nutritional-value:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block
}

.page-detail .products {
    margin: 0;
    padding-bottom: 14px
}

.page-detail .products .products-inner {
    margin-left: 13px;
    padding: 0
}

.page-detail .products .product-card {
    text-align: left;
    width: 261px;
    height: 545px;
    margin-left: 43px
}

.page-detail .products .product-text {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 16px
}

.page-detail .products .select-size {
    text-align: center;
    width: 100%
}

.page-detail .products .img-wrap {
    margin-bottom: 0;
    line-height: 219px;
    padding-bottom: 0
}

.page-detail .products .product-title {
    line-height: 1;
    padding-bottom: 16px
}

.page-detail .products .product-hr {
    margin-top: 9px;
    padding-bottom: 4px
}

.page-detail .products .select-size {
    margin-bottom: 16px;
    display: inline-block
}

.page-detail .also-in-set {
    text-align: center
}

.page-detail .share-block {
    position: relative;
    margin: 0 20px;
    padding: 36px 0 35px;
    text-align: right
}

.page-detail .share-block:before {
    content: '';
    position: absolute;
    position: relative;
    margin-bottom: 27px;
    height: 14px;
    border: none;
    width: 100%;
    left: 0;
    top: 0
}

.page-detail .share-block:before:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 6px;
    background: #d8d8d8
}

.page-detail .share-block:before:before {
    content: '';
    position: absolute;
    width: 171px;
    height: 15px;
    background: url(../images/sprite-retina.png) -150px -50px no-repeat;
    background-size: 700px;
    top: 0;
    left: 50%;
    margin-left: -86px;
    background-color: #fff;
    z-index: 1
}

.page-detail .share-block .share-item {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top
}

.page-detail .share-block .twitter-share-button {
    max-width: 106px !important
}

@media (max-width: 960px) {
    .page-detail .text-content .gallery-wrap {
        width: 300px
    }

    .page-detail .text-content .main-pic {
        height: 300px
    }

    .page-detail .text-content .info-wrap .form .list-item-change {
        position: absolute;
        left: auto !important;
        right: -21px !important;
        top: auto !important;
        bottom: -40px !important
    }
}

@media (max-width: 890px) {
    .page-detail .text-content .gallery-wrap {
        width: 200px
    }

    .page-detail .text-content .main-pic {
        height: 200px
    }
}

@media (max-width: 790px) {
    .page-detail .text-content .gallery-wrap {
        display: none
    }

    .page-detail .text-content .m-gallery-wrap {
        display: block
    }

    .page-detail .text-content .info-wrap {
        width: 100%;
        float: none
    }

    .page-detail .text-content .info-wrap .form .list-item-change {
        left: auto !important;
        right: 10px;
        bottom: 100px;
        z-index: 200;
        text-align: left
    }
}

@media (max-width: 700px) {
    .page-detail .back-link {
        padding-bottom: 10px
    }

    .page-detail .text-content {
        padding-top: 24px
    }

    .page-detail .text-content h1 {
        padding: 0 0 9px;
        font-size: 24px;
        line-height: 29px;
        text-transform: uppercase
    }

    .page-detail .text-content .info-wrap .desc {
        margin-bottom: 15px
    }

    .page-detail .text-content .info-wrap .contents-title {
        margin-bottom: 4px
    }

    .page-detail .text-content .info-wrap .contents {
        margin-bottom: 15px
    }

    .page-detail .text-content .info-wrap .list-item-change {
        left: 50% !important;
        right: auto;
        margin-left: -150px
    }

    .page-detail .text-content .buying-wrap {
        text-align: center
    }

    .page-detail .text-content .buying-wrap.opened:before {
        opacity: 1;
        visibility: visible
    }

    .page-detail .text-content .buying-wrap:before {
        transition: all .3s ease;
        width: 100%;
        height: 100%;
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .8);
        z-index: 20;
        opacity: 0;
        visibility: hidden
    }

    .page-detail .text-content .buying-wrap .options-row {
        padding-bottom: 30px;
        margin-bottom: 24px;
        border-bottom: 1px #dbdbdb solid;
        text-align: left
    }

    .page-detail .text-content .buying-wrap .title {
        margin-bottom: 18px
    }

    .page-detail .text-content .buying-wrap .thickness {
        width: 100%;
        float: none;
        padding-bottom: 16px
    }

    .page-detail .text-content .buying-wrap .thickness .form-field {
        display: inline-block;
        vertical-align: top
    }

    .page-detail .text-content .buying-wrap .thickness .form-field + .form-field {
        margin-left: 25px
    }

    .page-detail .text-content .buying-wrap .thickness .form-field .radio {
        width: 23px;
        height: 23px;
        margin-right: 3px;
        vertical-align: 2px
    }

    .page-detail .text-content .buying-wrap .thickness .form-field .radio span:after {
        width: 11px;
        height: 11px;
        top: 6px;
        left: 6px
    }

    .page-detail .text-content .buying-wrap .select-size .title {
        margin-bottom: 18px
    }

    .page-detail .text-content .buying-wrap .quantity {
        width: 122px;
        margin: 0 38px 0 18px;
        padding-bottom: 20px;
        vertical-align: middle
    }

    .page-detail .text-content .buying-wrap .quantity .step-down, .page-detail .text-content .buying-wrap .quantity .step-up {
        width: 24px;
        height: 24px
    }

    .page-detail .text-content .buying-wrap .total-price {
        vertical-align: 0
    }

    .page-detail .text-content .buying-wrap .add-to-basket {
        display: block;
        float: none;
        margin: 30px 40px 11px
    }

    .page-detail .text-content .nutritional-value {
        margin: 0 -10px;
        font-size: 13px;
        text-align: left
    }

    .page-detail .text-content .nutritional-value > div {
        margin-right: 10px
    }

    .page-detail .text-content .nutritional-value span {
        font-size: 12px
    }

    .page-detail h3 {
        font-size: 24px;
        line-height: 29px;
        padding: 0 10px 38px;
        margin: -2px 0 10px
    }

    .page-detail h3:before {
        display: none
    }

    .page-detail .share-block {
        text-align: center
    }

    .page-detail .share-block .share-item {
        margin-bottom: 10px
    }
}

.page-catalog-pdf {
    background: #fff
}

.page-catalog-pdf .container {
    width: 1000px
}

.page-catalog-pdf .pdf-header {
    position: relative;
    height: 140px;
    font-family: Bitter, 'PT Serif', Georgia, serif
}

.page-catalog-pdf .pdf-header .phones {
    position: absolute;
    top: 27px;
    left: 0
}

.page-catalog-pdf .pdf-header .phones .phone {
    padding-bottom: 1px;
    font-size: 30px
}

.page-catalog-pdf .pdf-header .phones .subphone {
    margin-left: 6px;
    font: 16px 'Open Sans', Arial, Tahoma, sans-serif
}

.page-catalog-pdf .pdf-header .phones .subphone strong {
    font-size: 20px
}

.page-catalog-pdf .pdf-header .logo {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -105px
}

.page-catalog-pdf .pdf-header .times {
    position: absolute;
    top: 23px;
    right: 9px;
    text-align: right;
    font: 20px 'Open Sans', Arial, Tahoma, sans-serif
}

.page-catalog-pdf .pdf-header .times strong {
    display: block;
    padding-top: 4px;
    font: 700 26px Bitter, 'PT Serif', Georgia, serif
}

.page-catalog-pdf .pdf-title {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
    border-top: 1px #c7c7c7 solid
}

.page-catalog-pdf .pdf-title span {
    display: inline-block;
    margin-top: -40px;
    padding: 0 20px;
    font: italic 700 32px Bitter, 'PT Serif', Georgia, serif;
    background: #fff;
    vertical-align: 5px
}

.page-catalog-pdf .pdf-products {
    margin-left: -17px
}

.page-catalog-pdf .pdf-products .pdf-card {
    float: left;
    margin: 0 0 47px 17px
}

.page-catalog-pdf .pdf-products .pdf-card .img-wrap {
    display: inline-block;
    width: 130px;
    margin-right: 25px;
    vertical-align: top
}

.page-catalog-pdf .pdf-products .pdf-card .img-wrap img {
    width: 100%
}

.page-catalog-pdf .pdf-products .pdf-card .desc-wrap {
    display: inline-block;
    width: 332px;
    margin-top: -8px;
    vertical-align: top
}

.page-catalog-pdf .pdf-products .pdf-card .desc-wrap .title {
    padding-bottom: 10px;
    font: 24px Bitter, 'PT Serif', Georgia, serif
}

.page-catalog-pdf .pdf-products .pdf-card .desc-wrap .prices {
    margin-left: -5px;
    padding-bottom: 4px
}

.page-catalog-pdf .pdf-products .pdf-card .desc-wrap .prices .price-block .weight {
    border-color: #c2c2c2
}

.page-catalog-pdf .pdf-products .pdf-card .desc-wrap .prices .price-block .weight.more {
    margin-top: -3px;
    padding-top: 12px
}

.page-catalog-pdf .pdf-products .pdf-card .desc-wrap .text {
    font: 16px/20px Arial, Tahoma, sans-serif
}

.page-catalog-pdf .pdf-products + .pdf-title {
    margin-top: 3px
}

.page-catalog-pdf .pdf-page {
    margin: 11px 0 56px;
    text-align: center;
    border-top: 1px #c1c1c1 solid
}

.page-catalog-pdf .pdf-page .page-wrap {
    display: inline-block;
    width: 87px;
    height: 47px;
    margin: -20px 0 0 -9px;
    background: #fff;
    vertical-align: 10px
}

.page-catalog-pdf .pdf-page .page-wrap span {
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-top: -4px;
    font: 700 16px/43px Bitter, 'PT Serif', Georgia, serif;
    border: 2px #c1c1c1 solid;
    border-radius: 50%
}

.page-catalog-pdf .pdf-footer {
    position: relative;
    height: 50px;
    font: 16px Arial, Tahoma, sans-serif
}

.page-catalog-pdf .pdf-footer .site {
    float: left
}

.page-catalog-pdf .pdf-footer .address {
    float: right
}

.page-catalog-pdf .pdf-footer .actual {
    position: absolute;
    top: 1px;
    left: 377px
}

.page-catalog-pdf .pdf-leading {
    padding: 0 0 32px;
    color: #ea5b5d;
    font: 700 italic 36px Bitter, 'PT Serif', Georgia, serif;
    text-align: center
}

.page-catalog-pdf .pdf-leading span {
    position: relative;
    display: inline-block
}

.page-catalog-pdf .pdf-leading span i {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 22px;
    background: #ea5b5d;
    border-radius: 50%
}

.page-catalog-pdf .pdf-leading span i:first-child {
    right: 100%;
    margin-right: 15px
}

.page-catalog-pdf .pdf-leading span i:last-child {
    left: 100%;
    margin-left: 12px
}

.page-catalog-pdf .pdf-menu {
    padding: 8px 0 15px;
    list-style: none;
    font: 700 21px Bitter, 'PT Serif', Georgia, serif;
    text-align: center;
    white-space: nowrap
}

.page-catalog-pdf .pdf-menu li {
    display: inline-block;
    padding: 0 14px;
    vertical-align: top
}

.page-catalog-pdf .pdf-divider {
    border-top: 1px #dbdbdb solid
}

.page-catalog-pdf .pdf-divider img {
    margin-top: -7px;
    background-color: #fff
}

.page-catalog-pdf .pdf-menu-down, .page-catalog-pdf .pdf-menu-up {
    display: block;
    margin: auto
}

.page-catalog-pdf .pdf-cover {
    position: relative;
    width: 100%;
    height: 1150px;
    margin-top: 31px;
    overflow: hidden
}

.page-catalog-pdf .pdf-cover .cover-bg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.page-catalog-pdf .pdf-cover .cover-round {
    position: absolute;
    width: 750px;
    height: 750px;
    top: 50%;
    left: 50%;
    margin: -375px 0 0 -375px;
    text-align: center;
    background: #fff;
    border-radius: 50%
}

.page-catalog-pdf .pdf-cover .cover-round .cover-time {
    padding: 110px 0 86px;
    font: 700 24px 'Open Sans', Arial, Tahoma, sans-serif
}

.page-catalog-pdf .pdf-cover .cover-round .cover-time span {
    display: block;
    padding-top: 6px;
    font-size: 32px
}

.page-catalog-pdf .pdf-cover .cover-round .cover-logo {
    margin-bottom: 50px
}

.page-catalog-pdf .pdf-cover .cover-round .cover-slogan {
    padding-bottom: 53px;
    font: 700 italic 30px/40px Bitter, 'PT Serif', Georgia, serif
}

.page-catalog-pdf .pdf-cover .cover-round .cover-phone {
    padding-bottom: 3px;
    font: 32px Bitter, 'PT Serif', Georgia, serif
}

.page-catalog-pdf .pdf-cover .cover-round .cover-subphone {
    font-family: 'Open Sans', Arial, Tahoma, sans-serif;
    font-weight: 700
}

.page-catalog-pdf .pdf-cover .cover-round .cover-subphone .short {
    display: inline-block;
    padding-top: 8px;
    font-size: 20px;
    vertical-align: top
}

.page-catalog-pdf .pdf-cover .cover-round .cover-subphone .short-text {
    display: inline-block;
    margin-left: 21px;
    font-size: 18px;
    text-align: left;
    vertical-align: top
}

.page-catalog-pdf .cover-hr {
    margin: 40px 0 44px;
    border-top: 1px #c1c1c1 solid
}

.page-basket .btns-divider {
    display: none
}

.page-basket .content-wrap {
    margin-bottom: 50px;
    background: #fff
}

.page-basket .text-content {
    margin-bottom: 0;
    padding-bottom: 0
}

.page-basket .text-content hr {
    position: relative;
    z-index: 10
}

.page-basket .basket-list {
    max-height: 554px;
    margin: -45px 0 30px;
    padding: 0 15px 0 20px
}

.page-basket .basket-list .mCSB_scrollTools {
    margin: 22px 0
}

.page-basket .basket-list .list-item {
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px #ececec solid;
    white-space: nowrap
}

.page-basket .basket-list .list-item.ajax-loader .col.col-edit, .page-basket .basket-list .list-item.ajax-loader .col.col-weight {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0
}

.page-basket .basket-list .list-item .col-wrap {
    display: inline-block;
    vertical-align: top
}

.page-basket .basket-list .list-item .col {
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.page-basket .basket-list .list-item .col.col-img {
    text-align: center;
    width: 128px;
    margin-right: 6px
}

.page-basket .basket-list .list-item .col.col-name {
    width: 262px;
    margin-right: 24px
}

.page-basket .basket-list .list-item .col.col-edit {
    transition: all .2s ease;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    width: 57px
}

.page-basket .basket-list .list-item .col.col-weight {
    transition: all .2s ease;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    width: 100px;
    font: 700 16px Bitter, 'PT Serif', Georgia, serif
}

.page-basket .basket-list .list-item .col.col-quantity {
    width: 139px
}

.page-basket .basket-list .list-item .col.col-price {
    width: 158px;
    padding-right: 6px;
    box-sizing: border-box;
    font: 700 32px Bitter, 'PT Serif', Georgia, serif
}

.page-basket .basket-list .list-item .col.col-price:after, .page-basket .basket-list .list-item .col.col-price:before {
    content: " ";
    display: table
}

.page-basket .basket-list .list-item .col.col-price:after {
    clear: both
}

.page-basket .basket-list .list-item .col.col-price span {
    font-weight: 400;
    font-size: 16px
}

.page-basket .basket-list .list-item .col.col-price .col-cell {
    display: block
}

.page-basket .basket-list .list-item .col.col-price .col-cell > * {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-left: -.5em
}

.page-basket .basket-list .list-item .col.col-price .col-cell:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.page-basket .basket-list .list-item .col.col-price .col-cell > div {
    position: relative
}

.page-basket .basket-list .list-item .col.col-price .item-price {
    float: left;
    width: 100%;
    text-align: right
}

.page-basket .basket-list .list-item .col.col-price .old-price {
    position: absolute;
    right: 0;
    bottom: calc(-1.4em + 3px);
    float: right;
    color: grey;
    font-weight: 400;
    font-size: 14px
}

.page-basket .basket-list .list-item .col.col-price .old-price:before {
    content: '';
    position: absolute;
    top: calc(50% + 1px);
    left: -1px;
    right: 0;
    height: 1px;
    background: grey
}

.page-basket .basket-list .list-item .col.col-delete {
    width: 16px
}

.page-basket .basket-list .list-item .list-item-change {
    transition: all .3s ease;
    -webkit-transform: translate(-30px, 0) scale(.9, .9);
    -ms-transform: translate(-30px, 0) scale(.9, .9);
    transform: translate(-30px, 0) scale(.9, .9);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    position: fixed;
    z-index: 20
}

.page-basket .basket-list .list-item .list-item-change .change-btns, .page-basket .basket-list .list-item .list-item-change .exclude, .page-basket .basket-list .list-item .list-item-change .ingredients, .page-basket .basket-list .list-item .list-item-change .ingredients-price, .page-basket .basket-list .list-item .list-item-change .size, .page-basket .basket-list .list-item .list-item-change .total-price, .page-basket .basket-list .list-item .list-item-change .type {
    -webkit-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    opacity: 1
}

.page-basket .basket-list .list-item .list-item-change.opened {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
    visibility: visible
}

.page-basket .basket-list .list-item .list-item-change.opened .change-btns, .page-basket .basket-list .list-item .list-item-change.opened .exclude, .page-basket .basket-list .list-item .list-item-change.opened .ingredients, .page-basket .basket-list .list-item .list-item-change.opened .ingredients-price, .page-basket .basket-list .list-item .list-item-change.opened .size, .page-basket .basket-list .list-item .list-item-change.opened .total-price, .page-basket .basket-list .list-item .list-item-change.opened .type {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.page-basket .basket-list .list-item.opened .list-item-change {
    z-index: 200
}

.page-basket .basket-list .list-item.opened:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100
}

.page-basket .basket-list .col-cell {
    display: table-cell;
    height: 118px;
    vertical-align: middle
}

.page-basket .basket-list .item-name {
    display: block;
    margin-bottom: 5px;
    color: #478f00;
    font: 22px/24px Bitter, 'PT Serif', Georgia, serif;
    text-decoration: none
}

.page-basket .basket-list .item-name:hover {
    text-decoration: underline
}

.page-basket .basket-list .item-ingredients-trigger {
    color: #000;
    font: 12px Arial, Tahoma, sans-serif;
    text-decoration: none;
    border-bottom: 1px dashed
}

.page-basket .basket-list .item-ingredients-trigger.active, .page-basket .basket-list .item-ingredients-trigger:hover {
    border-color: transparent
}

.page-basket .basket-list .item-edit {
    transition: all .3s ease;
    width: 45px;
    height: 45px;
    display: inline-block;
    background: #dcdcdc url(../images/retina/item-edit.png) 50% 50% no-repeat;
    background-size: 22px 22px;
    border-radius: 50%
}

.page-basket .basket-list .item-edit.active, .page-basket .basket-list .item-edit:hover {
    background-color: #fbba00
}

.page-basket .basket-list .item-edit.active {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15)
}

.page-basket .basket-list .quantity {
    padding-top: 0
}

.page-basket .basket-list .quantity .step-down, .page-basket .basket-list .quantity .step-up {
    top: 6px
}

.page-basket .basket-list .item-price {
    margin-top: -13px
}

.page-basket .basket-list .btn-basket-delete {
    margin-top: -4px
}

.page-basket .basket-order {
    padding: 0 20px;
    position: relative
}

.page-basket .basket-order mark {
    color: #eb5c5e;
    font-weight: 700;
    background: 0 0
}

.page-basket .basket-order .total-message {
    margin-bottom: 0;
    padding-bottom: 8px
}

.page-basket .basket-order .basket-promo {
    width: 470px;
    float: left
}

.page-basket .basket-order .basket-promo .promo-block {
    margin: 0 0 19px;
    padding-left: 12px
}

.page-basket .basket-order .basket-promo .promo-block:after, .page-basket .basket-order .basket-promo .promo-block:before {
    content: " ";
    display: table
}

.page-basket .basket-order .basket-promo .promo-block:after {
    clear: both
}

.page-basket .basket-order .basket-promo .promo-block label {
    float: left;
    width: 170px;
    font: 700 italic 16px/45px Bitter, 'PT Serif', Georgia, serif
}

.page-basket .basket-order .basket-promo .promo-block label.error {
    position: absolute;
    z-index: 20;
    top: 12px;
    right: 20px
}

.page-basket .basket-order .basket-promo .promo-block .inp {
    float: left;
    width: calc(100% - 240px)
}

.page-basket .basket-order .basket-promo .promo-block input[type=text] {
    width: 197px;
    height: 45px;
    box-sizing: border-box;
    outline: 0;
    display: inline-block;
    margin-left: 9px;
    padding: 10px;
    background: #f0f0f0;
    border: 1px #dadada solid
}

.page-basket .basket-order .basket-promo .promo-block input[type=text]:focus {
    border-color: #478f00
}

.page-basket .basket-order .basket-promo .promo-block input[type=text].error {
    border-color: #ea5c5e
}

.page-basket .basket-order .basket-promo .promo-block .name {
    color: #996
}

.page-basket .basket-order .basket-promo .promo-block .name:not(:empty) {
    margin: 10px 0 0 8px
}

.page-basket .basket-order .basket-promo .promo-block .btn {
    float: left;
    position: relative;
    top: -2px;
    margin: 0 0 0 24px;
    padding: 0 7px
}

.page-basket .basket-order .basket-promo .status-block {
    box-sizing: border-box;
    position: relative;
    width: 450px;
    margin-left: 10px;
    padding: 0 35px 17px;
    font: 12px/20px Arial, Tahoma, sans-serif;
    border: 1px #dadada solid;
    border-radius: 1px
}

.page-basket .basket-order .basket-promo .status-block .ico-pizza-status {
    position: absolute;
    top: 16px;
    left: 28px
}

.page-basket .basket-order .basket-promo .status-block .status-text {
    padding: 11px 0 0 33px
}

.page-basket .basket-order .basket-promo .status-block .status-range-wrap {
    position: relative;
    padding: 20px 15px 0
}

.page-basket .basket-order .basket-promo .status-block .status-range-wrap .status-end, .page-basket .basket-order .basket-promo .status-block .status-range-wrap .status-start {
    position: absolute;
    top: 13px;
    font-weight: 700
}

.page-basket .basket-order .basket-promo .status-block .status-range-wrap .status-start {
    right: 100%;
    margin-right: -5px
}

.page-basket .basket-order .basket-promo .status-block .status-range-wrap .status-end {
    left: 100%;
    margin-left: -2px;
    color: #eb5c5e;
    z-index: 1
}

.page-basket .basket-order .basket-promo .status-block .status-range-wrap .status-end i {
    position: absolute;
    left: -32px;
    top: -5px
}

.page-basket .basket-order .basket-promo .status-block .status-range .range-current {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: -2px;
    white-space: nowrap
}

.page-basket .basket-order .basket-btns {
    padding: 30px 10px 30px 0;
    text-align: right
}

.page-basket .basket-order .basket-btns .btn {
    margin-left: 64px;
    padding: 0 26px
}

.page-basket .basket-order .basket-btns .show-more {
    font-size: 16px;
    vertical-align: 3px
}

.page-basket .basket-order .basket-note-block {
    position: relative;
    width: 430px;
    float: right;
    margin-right: 20px;
    padding-bottom: 34px;
    white-space: nowrap
}

.page-basket .basket-order .basket-note-block label {
    display: inline-block;
    font: 700 italic 16px Bitter, 'PT Serif', Georgia, serif;
    vertical-align: -14px;
    white-space: nowrap;
    width: 110px;
    text-align: right
}

.page-basket .basket-order .basket-note-block .inp {
    position: absolute;
    top: 0;
    right: -10px;
    vertical-align: top
}

.page-basket .basket-order .basket-note-block input {
    width: 324px;
    height: 45px;
    box-sizing: border-box;
    outline: 0;
    margin-left: 9px;
    padding: 10px;
    background: #f0f0f0;
    border: 1px #dadada solid
}

.page-basket .basket-order .basket-note-block input:focus {
    border-color: #478f00
}

.page-basket .basket-order .basket-note-block input.error {
    border-color: #ea5c5e
}

.page-basket h3 {
    margin: -36px 0 19px;
    padding-bottom: 21px
}

.page-basket .products {
    margin-bottom: 0;
    padding-bottom: 13px
}

.page-basket .products .product-card {
    text-align: center;
    width: 261px;
    margin-left: 43px
}

.page-basket .products .product-card .list-item-change {
    text-align: left
}

.page-basket .products .product-card:first-child {
    margin-left: 54px
}

.page-basket .products .product-card .img-wrap {
    padding-bottom: 0;
    line-height: 220px
}

.page-basket .products .product-card .product-title {
    margin-top: -3px;
    padding-bottom: 14px
}

.page-basket .products .product-card .product-title + .product-hr {
    margin-top: 10px
}

.page-basket .products .product-card .product-hr {
    padding-bottom: 6px
}

.is-mobile .page-basket .basket-list {
    max-height: none
}

@media (max-width: 980px) {
    .text-content h1, .text-content h3 {
        padding-left: 0;
        padding-right: 0
    }

    .page-basket .list-item-change {
        left: 50% !important;
        margin-left: -230px
    }

    .page-basket .basket-list .list-item .col.col-name {
        width: 200px;
        margin-right: 10px
    }

    .page-basket .basket-list .list-item .col.col-weight {
        width: 110px
    }

    .page-basket .basket-order .basket-promo {
        width: 100%;
        float: none
    }

    .page-basket .basket-order .basket-promo .promo-block {
        padding-left: 0
    }

    .page-basket .basket-order .basket-promo .promo-block label {
        display: inline-block;
        width: 170px;
        text-align: left
    }

    .page-basket .basket-order .basket-promo .promo-block .inp {
        width: calc(100% - 250px)
    }

    .page-basket .basket-order .basket-promo .promo-block input {
        width: 100%
    }

    .page-basket .basket-order .basket-promo .status-block {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0
    }

    .page-basket .basket-order .basket-promo .status-block .status-text {
        padding-bottom: 15px
    }

    .page-basket .basket-order .basket-note-block {
        width: 100%;
        float: none
    }

    .page-basket .basket-order .basket-note-block label {
        display: inline-block;
        width: 170px;
        text-align: left
    }

    .page-basket .basket-order .basket-note-block .inp {
        position: relative;
        display: inline-block;
        top: 0;
        right: 0;
        width: calc(100% - 250px)
    }

    .page-basket .basket-order .basket-note-block input {
        width: 100%
    }

    .page-basket .basket-order .basket-total {
        width: 100%;
        float: none
    }
}

@media (max-width: 860px) {
    .page-basket .basket-list .list-item .col.col-name {
        width: 160px
    }

    .page-basket .basket-list .list-item .col.col-weight {
        width: 90px
    }

    .page-basket .basket-order .basket-promo {
        width: 100%;
        float: none
    }

    .page-basket .basket-order .basket-promo .promo-block {
        padding-left: 0
    }

    .page-basket .basket-order .basket-promo .promo-block label {
        display: inline-block;
        width: 170px;
        text-align: left
    }

    .page-basket .basket-order .basket-promo .promo-block .inp {
        width: calc(100% - 250px)
    }

    .page-basket .basket-order .basket-promo .promo-block input {
        width: 100%
    }

    .page-basket .basket-order .basket-promo .status-block {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0
    }

    .page-basket .basket-order .basket-promo .status-block .status-text {
        padding-bottom: 15px
    }

    .page-basket .basket-order .basket-note-block {
        width: 100%;
        float: none
    }

    .page-basket .basket-order .basket-note-block label {
        display: inline-block;
        width: 170px;
        text-align: left
    }

    .page-basket .basket-order .basket-note-block .inp {
        position: relative;
        display: inline-block;
        top: 0;
        right: 0;
        width: calc(100% - 250px)
    }

    .page-basket .basket-order .basket-note-block input {
        width: 100%
    }

    .page-basket .basket-order .basket-total {
        width: 100%;
        float: none
    }
}

@media (max-width: 800px) {
    .page-basket .basket-list .item-name {
        font-size: 20px;
        line-height: 22px
    }

    .page-basket .basket-list .col-cell {
        height: 90px
    }

    .page-basket .basket-list .list-item .col.col-img {
        width: 90px
    }

    .page-basket .basket-list .list-item .col.col-img img {
        width: 100%
    }

    .page-basket .basket-list .list-item .col.col-edit {
        display: none
    }

    .page-basket .basket-list .list-item .col.col-weight {
        width: 100px
    }

    .page-basket .basket-list .list-item .col.col-quantity {
        width: 150px
    }

    .page-basket .basket-list .list-item .col.col-quantity .quantity {
        width: 95px
    }
}

@media (max-width: 710px) {
    .page-basket .basket-list .list-item .col.col-img {
        width: 90px
    }

    .page-basket .basket-list .list-item .col.col-img img {
        width: 100%
    }

    .page-basket .basket-list .list-item .col.col-edit {
        display: none
    }

    .page-basket .basket-list .list-item .col.col-weight {
        width: 70px
    }

    .page-basket .basket-list .list-item .col.col-quantity {
        width: 120px
    }

    .page-basket .basket-list .list-item .col.col-quantity .quantity {
        width: 95px
    }
}

@media (max-width: 660px) {
    .page-basket .basket-list .item-name {
        font-size: 20px;
        line-height: 22px
    }

    .page-basket .basket-list .col-cell {
        height: 90px
    }

    .page-basket .basket-list .list-item {
        text-align: center
    }

    .page-basket .basket-list .list-item .col-wrap {
        display: block
    }

    .page-basket .basket-list .list-item .col.col-name {
        text-align: left
    }

    .page-basket .basket-list .list-item .col.col-weight {
        width: 90px;
        margin-left: -30px
    }

    .page-basket .basket-list .list-item .col.col-quantity {
        width: 120px
    }

    .page-basket .basket-list .list-item .col.col-price {
        margin-left: -115px
    }

    .page-basket .basket-list .list-item .col.col-delete .col-cell, .page-basket .basket-list .list-item .col.col-price .col-cell, .page-basket .basket-list .list-item .col.col-quantity .col-cell, .page-basket .basket-list .list-item .col.col-weight .col-cell {
        height: 60px
    }
}

@media (max-width: 490px) {
    .page-basket .basket-order .basket-promo .promo-block {
        padding-left: 0
    }

    .page-basket .basket-order .basket-promo .promo-block label {
        width: 100%;
        margin-bottom: 20px
    }

    .page-basket .basket-order .basket-promo .promo-block .inp {
        width: calc(100% - 70px)
    }

    .page-basket .basket-order .basket-promo .promo-block input[type=text] {
        width: 100%;
        margin-left: 0
    }

    .page-basket .basket-order .basket-note-block {
        white-space: normal
    }

    .page-basket .basket-order .basket-note-block label {
        width: 100%;
        margin-bottom: 20px
    }

    .page-basket .basket-order .basket-note-block .inp {
        width: 100%
    }

    .page-basket .basket-order .basket-note-block input {
        margin-left: 0
    }

    .page-basket .basket-order .basket-total .free-pizza, .page-basket .basket-order .basket-total .total-message {
        display: none;
        position: relative;
        top: auto;
        padding-top: 10px;
        padding-bottom: 0
    }

    .page-basket .basket-order .basket-total .free-pizza.vis, .page-basket .basket-order .basket-total .total-message.vis {
        display: block
    }

    .page-basket .basket-order .basket-total .total-summary .delivery {
        float: none;
        padding-bottom: 10px
    }

    .page-basket .basket-order .basket-total .total-summary .summary {
        float: none
    }

    .page-basket .basket-order .basket-total .total-overall {
        height: auto;
        padding-top: 20px
    }

    .page-basket .basket-order .basket-total .total-overall > div:not(.total-overall-text) {
        position: static;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .page-basket .basket-order .basket-total .total-overall .total-overall-text {
        position: relative;
        top: 0
    }

    .page-basket .basket-order .basket-total .total-overall .total-overall-text strong {
        margin-left: 0
    }

    .page-basket .basket-order .basket-total .total-overall .total-economy {
        padding-top: 10px
    }

    .page-basket .basket-order .basket-btns {
        text-align: center;
        padding-top: 15px
    }

    .page-basket .basket-order .basket-btns .show-more {
        display: inline-block;
        margin-bottom: 20px
    }

    .page-basket .basket-order .basket-btns .btn {
        margin-left: 0
    }

    .page-basket .basket-order .basket-btns .btns-divider {
        display: block
    }
}

.page-personal .content-wrap {
    margin-bottom: 50px;
    background: #fff
}

.page-personal mark {
    font-weight: 700;
    color: #eb5c5e;
    background: 0 0
}

.page-personal .m-hidden {
    display: none
}

.page-personal .text-content {
    margin-bottom: 0;
    padding-bottom: 0
}

.page-personal .text-content hr {
    margin-bottom: 23px
}

.page-personal .tab-triggers {
    padding: 0 30px 8px
}

.page-personal .tab-triggers .trigger {
    position: relative;
    display: inline-block;
    margin-right: 35px;
    line-height: 45px;
    color: #161616;
    font: 16px Bitter, 'PT Serif', Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
    transition: all .3s ease;
    margin-right: 27px
}

.page-personal .tab-triggers .trigger:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    right: 12px;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAAAaUlEQVR4XoXTsRGAUAgEUQLKojBRu7LA8xsxN44rKY9gA0KlTRkwyiUq1Lq0K4EdS/Tjz6Ef7Hi2RoGFUWROkTlF5tQZUGNEkU0CQy89kU6CEqiXDkXmFJlTZE5fd0DVw4B2qNS/r9CqG9As7PwOwOxFAAAAAElFTkSuQmCC) 0 50% no-repeat;
    background-size: 10px 10px;
    filter: alpha(opacity=0);
    opacity: 0
}

.page-personal .tab-triggers .trigger.active {
    padding-right: 30px
}

.page-personal .tab-triggers .trigger.active:after {
    filter: alpha(opacity=100);
    opacity: 1
}

.page-personal .tab-triggers .trigger.active b {
    width: 100%
}

.page-personal .tab-triggers .trigger.active span {
    margin-left: -8px;
    color: #fff
}

.page-personal .tab-triggers .trigger.trigger-new b {
    background: #eb5c5e
}

.page-personal .tab-triggers .trigger.trigger-good b {
    background: #45b9ec
}

.page-personal .tab-triggers .trigger.trigger-discount b {
    background: #fdbb00
}

.page-personal .tab-triggers .trigger.trigger-details b {
    background: #478f00
}

.page-personal .tab-triggers .trigger.trigger-new:hover {
    color: #eb5c5e
}

.page-personal .tab-triggers .trigger.trigger-good:hover {
    color: #45b9ec
}

.page-personal .tab-triggers .trigger.trigger-discount:hover {
    color: #fdbb00
}

.page-personal .tab-triggers .trigger.trigger-details:hover {
    color: #478f00
}

.page-personal .tab-triggers .trigger b {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: purple;
    transition: all .3s ease
}

.page-personal .tab-triggers .trigger .badge {
    position: relative;
    margin-right: 4px;
    vertical-align: -2px;
    z-index: 1;
    background-color: transparent
}

.page-personal .tab-triggers .trigger span {
    position: relative;
    display: inline-block;
    vertical-align: 15px;
    z-index: 1;
    transition: all .3s ease
}

.page-personal .tab-triggers .trigger:after {
    display: none
}

.page-personal .tab-triggers .trigger.active {
    padding-right: 17px
}

.page-personal .tab-triggers .triggers-serparator {
    display: none
}

.page-personal .tab.tab-profile {
    padding-bottom: 15px
}

.page-personal .tab .profile-col {
    width: 267px;
    float: left;
    padding: 26px 0 0 31px
}

.page-personal .tab .profile-col .title {
    font: 700 16px Bitter, 'PT Serif', Georgia, serif
}

.page-personal .tab .first-col {
    margin-right: 28px
}

.page-personal .tab .first-col .info {
    padding-top: 24px;
    list-style: none;
    font-size: 14px
}

.page-personal .tab .first-col .info li {
    position: relative;
    margin-bottom: 22px
}

.page-personal .tab .first-col .info li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 2px;
    background: #dbdbdb
}

.page-personal .tab .first-col .info li:last-child {
    margin-bottom: 0
}

.page-personal .tab .first-col .info i {
    display: inline-block;
    padding-right: 3px;
    font-style: normal
}

.page-personal .tab .first-col .info span {
    max-width: 212px;
    height: 16px;
    float: right;
    padding-left: 3px;
    text-align: right;
    font-family: Bitter, 'PT Serif', Georgia, serif;
    overflow: hidden
}

.page-personal .tab .first-col .info i, .page-personal .tab .first-col .info span {
    position: relative;
    background: #fff;
    z-index: 1
}

.page-personal .tab .first-col .confirm-phone-wrap {
    padding-top: 5px;
    text-align: right
}

.page-personal .tab .first-col .confirm-phone-wrap .inner {
    color: grey;
    font: 13px Bitter, 'PT Serif', Georgia, serif
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block {
    display: none;
    padding: 11px 14px 13px;
    font: 12px/20px Arial, Tahoma, sans-serif;
    text-align: left;
    border: 1px #dadada solid
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block .confirm-text {
    padding-bottom: 5px
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block form {
    white-space: nowrap
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block form .inp {
    display: inline-block;
    vertical-align: top
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block form input[type=text] {
    width: 144px;
    height: 45px;
    padding-left: 14px;
    border: 1px solid #dadada;
    outline: 0;
    font-size: 14px
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block form input[type=text].error {
    border-color: #eb5c5e
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block form .btn-flat {
    width: 80px;
    margin-left: 10px
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block .resend-block {
    padding-top: 3px
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block .resend-block a {
    color: #478f00;
    text-decoration: none;
    border-bottom: 1px dashed
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block .resend-block a:hover {
    border-color: transparent
}

.page-personal .tab .first-col .confirm-phone-wrap .confirm-block .resend-block a:active {
    color: #ea5c5e
}

.page-personal .tab .first-col .change-password-wrap {
    padding-top: 22px;
    text-align: center
}

.page-personal .tab .first-col .change-password-wrap a {
    margin-left: -5px;
    color: #478f00;
    font: 16px Bitter, 'PT Serif', Georgia, serif
}

.page-personal .tab .first-col .change-password-wrap a + a {
    display: none
}

.page-personal .tab .first-col .edit-wrap {
    padding: 25px 0 30px;
    text-align: center;
    border-bottom: 1px #dcdcdc solid
}

.page-personal .tab .first-col .edit-wrap .btn {
    margin-left: -3px;
    padding: 0 30px
}

.page-personal .tab .first-col .emails-wrap {
    padding-top: 24px
}

.page-personal .tab .first-col .emails-wrap ul {
    margin-left: -1px;
    padding-top: 22px;
    list-style: none;
    font-size: 13px
}

.page-personal .tab .first-col .emails-wrap ul li {
    padding-bottom: 22px
}

.page-personal .tab .first-col .emails-wrap ul .lang-radio {
    margin: 0;
    width: 48px
}

.page-personal .tab .first-col .emails-wrap ul label {
    width: 71px;
    float: right;
    margin: -3px -18px 0 18px
}

.page-personal .tab .first-col .emails-wrap ul label .checker, .page-personal .tab .first-col .emails-wrap ul label .radio {
    margin-right: 9px;
    vertical-align: 0
}

.page-personal .tab .first-col .emails-wrap ul label:last-child {
    margin-left: 0;
    margin-right: 0
}

.page-personal .tab .second-col {
    box-sizing: border-box;
    width: 324px;
    margin-right: 33px;
    padding: 22px 31px 29px
}

.page-personal .tab .second-col .title {
    padding-bottom: 20px;
    vertical-align: -10px
}

.page-personal .tab .second-col .title .ico {
    margin: 0 10px 0 5px
}

.page-personal .tab .second-col .card {
    position: relative;
    margin-bottom: 23px;
    color: #000
}

.page-personal .tab .second-col .card .card-name {
    position: absolute;
    left: 15px;
    top: 15px;
    font: 13px Bitter, 'PT Serif', Georgia, serif;
    text-transform: uppercase
}

.page-personal .tab .second-col .card .card-number {
    position: absolute;
    left: 30px;
    bottom: 52px;
    font: 17px 'Ocr A Extended', Arial, Tahoma, sans-serif, sans-serif;
    color: #bfa87e;
    text-shadow: 1px 0 0 #000
}

.page-personal .tab .second-col .card .card-discount-wrap {
    position: absolute;
    width: 224px;
    height: 25px;
    left: 20px;
    top: 97px;
    text-align: center;
    overflow: hidden
}

.page-personal .tab .second-col .card .card-discount-wrap span {
    position: relative;
    color: #eb5c5e;
    font: 20px Bitter, 'PT Serif', Georgia, serif
}

.page-personal .tab .second-col .card .card-discount-wrap span:after, .page-personal .tab .second-col .card .card-discount-wrap span:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    top: 13px;
    background: #bfbfbe
}

.page-personal .tab .second-col .card .card-discount-wrap span:after {
    right: 100%;
    margin-right: 6px
}

.page-personal .tab .second-col .card .card-discount-wrap span:before {
    left: 100%;
    margin-left: 6px
}

.page-personal .tab .second-col .status-text {
    font: 12px/20px Arial, Tahoma, sans-serif
}

.page-personal .tab .second-col .status-range-wrap {
    position: relative;
    margin-bottom: 30px;
    padding: 28px 30px 0 25px
}

.page-personal .tab .second-col .status-range-wrap .status-end, .page-personal .tab .second-col .status-range-wrap .status-start {
    position: absolute;
    bottom: -3px;
    font: 700 12px Arial, Tahoma, sans-serif
}

.page-personal .tab .second-col .status-range-wrap .status-start {
    right: 100%;
    margin-right: -16px
}

.page-personal .tab .second-col .status-range-wrap .status-end {
    left: 100%;
    margin-left: -13px;
    color: #eb5c5e;
    z-index: 1
}

.page-personal .tab .second-col .status-range-wrap .status-end i {
    position: absolute;
    right: 100%;
    top: -8px;
    margin-right: 4px
}

.page-personal .tab .second-col .status-range-wrap .range-current {
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    white-space: nowrap
}

.page-personal .tab .second-col .status-text-bordered {
    padding: 11px 14px 13px;
    font: 12px/20px Arial, Tahoma, sans-serif;
    border: 1px #dadada solid
}

.page-personal .tab .third-col {
    width: 265px;
    padding: 25px 0 0 0
}

.page-personal .tab .third-col .title {
    padding-bottom: 24px
}

.page-personal .tab .third-col .addresses {
    font: 13px/18px Arial, Tahoma, sans-serif
}

.page-personal .tab .third-col .addresses a {
    color: grey;
    font-family: Bitter, 'PT Serif', Georgia, serif
}

.page-personal .tab .third-col .addresses .address {
    margin-bottom: 26px;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px #dcdcdc solid
}

.page-personal .tab .third-col .addresses .address.removing .delete-popup {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-personal .tab .third-col .addresses .address .delete-popup {
    box-sizing: border-box;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .22);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: all .3s ease;
    -webkit-transform: scale(1) translate(0, 30px);
    -ms-transform: scale(1) translate(0, 30px);
    transform: scale(1) translate(0, 30px);
    opacity: 0;
    visibility: hidden;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

.page-personal .tab .third-col .addresses .address .delete-popup .confirm-text {
    font: 400 14px/20px 'Open Sans', Arial, Tahoma, sans-serif;
    margin-bottom: 16px
}

.page-personal .tab .third-col .addresses .address .delete-popup a {
    color: #fff;
    margin: 0 30px
}

.page-personal .tab .third-col .addresses .address .delete-popup a.btn-gray {
    color: #333
}

.page-personal .tab .third-col .addresses .address:last-child {
    margin-bottom: 0
}

.page-personal .tab .third-col .addresses .address .ctrls > a:last-child {
    float: right
}

.page-personal .tab .third-col .btns {
    padding-top: 25px;
    text-align: center
}

.page-personal .tab .third-col .btns .inner {
    color: #478f00;
    font: 16px Bitter, 'PT Serif', Georgia, serif
}

.page-personal .tab.tab-history {
    padding: 13px 20px 37px
}

.page-personal .tab .history-table {
    margin-bottom: 15px;
    padding-bottom: 14px;
    border-bottom: 1px #dadada solid
}

.page-personal .tab .history-table .row {
    font-size: 0;
    letter-spacing: -4px;
    margin-bottom: 1px;
    padding: 10px 0 11px;
    border: 1px transparent solid;
    cursor: pointer
}

.page-personal .tab .history-table .row.row-leading {
    margin-bottom: 5px;
    padding: 0 0 17px 0;
    color: grey;
    border: 0;
    border-bottom: 1px #dadada solid;
    cursor: default
}

.page-personal .tab .history-table .row.row-leading .col {
    font: 14px Bitter, 'PT Serif', Georgia, serif
}

.page-personal .tab .history-table .row.row-leading .col.col-price {
    font-weight: 400
}

.page-personal .tab .history-table .row .col {
    display: inline-block;
    font: 14px Arial, Tahoma, sans-serif;
    letter-spacing: normal;
    vertical-align: top
}

.page-personal .tab .history-table .row .col.col-id {
    width: 103px;
    padding-left: 11px
}

.page-personal .tab .history-table .row .col.col-date {
    width: 116px
}

.page-personal .tab .history-table .row .col.col-address {
    width: 402px
}

.page-personal .tab .history-table .row .col.col-price {
    width: 78px;
    font-weight: 700;
    text-align: right
}

.page-personal .tab .history-table .row .col.col-status {
    box-sizing: border-box;
    position: relative;
    width: 218px;
    padding-right: 53px;
    text-align: right
}

.page-personal .tab .history-table .row .col.col-status .status-text {
    display: inline-block;
    max-width: calc(218px - 85px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.page-personal .tab .history-table .row .col.col-status .payment {
    margin-left: 10px
}

.page-personal .tab .history-table .row .col.col-status .payment .ico {
    top: -1px;
    position: relative
}

.page-personal .tab .history-table .row .col.col-status a {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background: #dadada 50% 50% no-repeat
}

.page-personal .tab .history-table .row .col.col-status a.status-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAaElEQVR4Xu2UOw7AIAzFynnT03DguAeowMMb2oG3RrYE+Vx/ywmDSe0AislYlyfQ1AZvYK4FN71WUK+qKARXheKuUNwVirtCcWlZC+4KwQNB/oT8E/M25oOUj3K+TPk65wclP2nf5+QBuKcyHCndO7sAAAAASUVORK5CYII=);
    background-size: 16px 16px
}

.page-personal .tab .history-table .row .col.col-status a.status-delete:hover {
    background-color: #eb5c5e
}

.page-personal .tab .history-table .row .col.col-status a.status-repeat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhpJREFUeNrsmMsrRFEcxw1i8kwhhQWhhIXYGWwsLGRFKaWUpTxjoSl2NrYoUoo/wcJkVt5bkkgW8o6Ftzyv78lR06874575HbdJ91efZs6dOb/7mTP33N8512UYRlQkh8sRdAT/qaALpIOrSBTMA9PgErSyswlBTUSDTnBvfMeEjryxmkatAMyAmoBjdzoSR2vo3we2iZyIWy0/nTH8xWDDCB6PwAe6QUq45+EIbhnW4xaMgDg7BTPBuqEW26DQLkGBG8wrSp6DMrsEBeJe6gWfRKQB9IBjE8lTkG2X4A9N4ClAokAeTwBTJpI+uwUFFXJ0RGSQz0ZNJBt1CIqZl6UgmQMWQbxJpVkigms6BNvBO/DL98mMES4BH0Qyjys4RxL2Mi8DP8nXEer7VkpdKWmvMIuXn7SLubU4i7SPmIKHpJ3BFXST9jtTkPZP5gpe/zKiqkH733AF90i7linoIe0D7nJrkMy6VcYMTgQ3JF8V9zaTH6TOhiM4TPKcgBgdpW6BJL6QFUNFrhq8kDxeXbVYLI9eSfJ9UGSxf53JX3tqZaWtMgJek2L/AIZAaoi6PG5S3sQlU2/lvCr7YrEZnwVtJp89g3U5I8VmKQ1UgPIgd4oBMPYXmyZxQU8a4YdYdHTZseRvkRNFJXaBx85NUxLoBzshpN7AMmiW60Hl8+h6NpMLKuWrWz40OgOb3A2883zQEXQEf4kvAQYAmZbdcziSr1IAAAAASUVORK5CYII=);
    background-size: 20px 20px
}

.page-personal .tab .history-table .row .col.col-status a.status-repeat:hover {
    background-color: #fbba00
}

.page-personal .tab .history-table .row:hover {
    color: #478f00;
    border-color: #dadada
}

.page-personal .autocomplete-suggestions {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15);
    overflow: auto;
    margin-top: -1px;
    border: 1px solid #478f00;
    border-top: none;
    background-color: #fff
}

.page-personal .autocomplete-suggestions .autocomplete-no-suggestion, .page-personal .autocomplete-suggestions .autocomplete-suggestion {
    cursor: pointer;
    transition: all .3s ease;
    background-color: #fff;
    padding: 12px 16px
}

.page-personal .autocomplete-suggestions .autocomplete-no-suggestion.autocomplete-no-suggestion, .page-personal .autocomplete-suggestions .autocomplete-no-suggestion.autocomplete-selected, .page-personal .autocomplete-suggestions .autocomplete-no-suggestion:hover, .page-personal .autocomplete-suggestions .autocomplete-suggestion.autocomplete-no-suggestion, .page-personal .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected, .page-personal .autocomplete-suggestions .autocomplete-suggestion:hover {
    color: #000;
    background-color: #dadada
}

@media (max-width: 980px) {
    .page-personal .text-content h1 {
        padding-left: 0;
        padding-right: 0
    }

    .page-personal .tab .profile-col {
        box-sizing: border-box;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .page-personal .tab .profile-col.second-col {
        width: calc(100% - 40px);
        margin-right: 20px;
        margin-left: 20px;
        text-align: center
    }

    .page-personal .tab .profile-col.second-col .card {
        display: inline-block;
        width: 264px
    }

    .page-personal .tab .profile-col.third-col {
        padding-bottom: 30px
    }

    .page-personal .tab .history-table .row {
        white-space: nowrap
    }

    .page-personal .tab .history-table .row .col {
        white-space: normal
    }

    .page-personal .tab .history-table .row .col.col-id {
        width: 10%
    }

    .page-personal .tab .history-table .row .col.col-date {
        width: 15%
    }

    .page-personal .tab .history-table .row .col.col-price {
        width: 14%
    }

    .page-personal .tab .history-table .row .col.col-status {
        width: 27%
    }

    .page-personal .tab .history-table .row .col.col-address {
        width: 32%
    }
}

@media (max-width: 600px) {
    .page-personal .m-hidden {
        display: inline-block
    }

    .page-personal .tab .history-table {
        border-bottom: 0
    }

    .page-personal .tab .history-table .row {
        white-space: normal
    }

    .page-personal .tab .history-table .row:nth-child(odd) {
        background: #f9f9f9
    }

    .page-personal .tab .history-table .row.row-leading {
        display: none
    }

    .page-personal .tab .history-table .row .col {
        width: auto !important;
        padding-left: 11px;
        padding-bottom: 6px
    }
}

@media (max-width: 500px) {
    .page-personal .tab-triggers .triggers-serparator {
        display: block;
        height: 10px
    }

    .page-personal .tab .profile-col.second-col .card {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (max-width: 330px) {
    .page-personal .tab .profile-col.second-col .card .card-discount-wrap {
        top: 90px
    }

    .page-personal .tab .profile-col.second-col .card img {
        width: 240px;
        margin-left: -12px
    }
}

.page-order .m-divider {
    display: none
}

.page-order .text-content {
    padding-bottom: 10px;
    margin-bottom: 0
}

.page-order .text-content hr {
    margin-bottom: 22px
}

.page-order .form-wrap {
    background-color: #fff
}

.page-order form {
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 0;
    position: relative
}

.page-order form .row {
    padding: 0 30px
}

.page-order form .row.info {
    padding-bottom: 29px
}

.page-order form .row.info .form-field {
    margin-bottom: 25px
}

.page-order form .title {
    font: 700 16px/1 Bitter, 'PT Serif', Georgia, serif;
    margin-bottom: 24px
}

.page-order form .person-data {
    padding-top: 19px;
    float: left;
    width: 270px
}

.page-order form .person-data .user-existing-text {
    position: relative;
    display: none;
    font-size: 12px;
    margin-top: -14px;
    padding: 7px 12px 9px 46px;
    border: 1px solid #dadada;
    line-height: 18px
}

.page-order form .person-data .user-existing-text a {
    color: #478f00
}

.page-order form .person-data .user-existing-text:after {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -10px
}

.page-order form .addresses {
    box-sizing: border-box;
    width: 619px;
    height: 334px;
    z-index: 2;
    position: relative;
    padding: 20px 29px 20px 32px;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk4BqAXcGrB14vYI3jnx39UPa3IUfNo0vWMHUeHgAAAAASUVORK5CYII=) 0 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4XiXFIRIAIAgEQP7/RJgxECnQoMipuGWJNx7S/Lv9W2pGrJoRYtl3tCsfNIQvWFUwk3wAAAAASUVORK5CYII=) 100% 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR42iXFIRIAEBAAwPv/E5kRRIVGcSvYslH6TETuUReB05aAUzPAmP/d/7c8J4ovWNAm1d0AAAAASUVORK5CYII=) 0 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAAAAADhOQgPAAAAL0lEQVR4AQXBoREAIRAEsO2/RJhBIDHgwPzlk6D2bOH0db844yHVH2QvkHlBWoEfJYEvWMBG5+0AAAAASUVORK5CYII=) 100% 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 100% 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 100% repeat-x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8BQAA3gDcnsEVAAAAAABJRU5ErkJggg==) 0 0 repeat-x
}

.page-order form .addresses .tabs {
    margin-bottom: 23px
}

.page-order form .addresses .tabs a {
    transition: all .3s ease;
    font: 400 16px/1 'Open Sans', Arial, Tahoma, sans-serif;
    color: #478f00;
    text-decoration: none;
    border-bottom: 1px dotted #478f00
}

.page-order form .addresses .tabs a:hover {
    opacity: .8;
    border-color: transparent
}

.page-order form .addresses .tabs a.active {
    color: #000;
    border-color: transparent
}

.page-order form .addresses.map-shown {
    overflow: hidden
}

.page-order form .addresses.map-shown .map {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform: scale(1) translate(0, 0) !important;
    -ms-transform: scale(1) translate(0, 0) !important;
    transform: scale(1) translate(0, 0) !important;
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.page-order form .addresses.map-shown .map-closer {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1;
    background-color: #f6c6ca;
    visibility: visible
}

.page-order form .addresses .map-closer {
    width: 33px;
    height: 33px;
    transition: all .4s ease;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale(.7, .7) translate(-30px, 30px);
    -ms-transform: scale(.7, .7) translate(-30px, 30px);
    transform: scale(.7, .7) translate(-30px, 30px);
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAALVBMVEX///9HjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwATUUSOAAAADnRSTlMAAQoUFR8vOUJba4i/1i6KFZwAAABESURBVAhbYxBlYGBgMmCITWBg0JnAwHaNgekUUCQ3QWcBkGK7DuIwMNRtAJFMp6+BKJ0FuUDFQGVAxUAOSDGDJ0hxAwAvaQ8jJ5cPkwAAAABJRU5ErkJggg==) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0
}

.page-order form .addresses .map-closer:hover {
    opacity: .7
}

.page-order form .addresses .map {
    transition: all .2s ease;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    box-sizing: border-box;
    -webkit-transform: scale(.9, .9) translate(0, 20px) !important;
    -ms-transform: scale(.9, .9) translate(0, 20px) !important;
    transform: scale(.9, .9) translate(0, 20px) !important;
    border: 22px solid #fff;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 114%;
    z-index: -1
}

.page-order form .addresses .tab-content-wrap {
    position: relative
}

.page-order form .addresses .tab-content-wrap .tab {
    -webkit-transform: scale(.9, .9) translate(30px, 0);
    -ms-transform: scale(.9, .9) translate(30px, 0);
    transform: scale(.9, .9) translate(30px, 0);
    transition: all .2s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.page-order form .addresses .tab-content-wrap .tab.new {
    -webkit-transform: scale(.9, .9) translate(-30px, 0);
    -ms-transform: scale(.9, .9) translate(-30px, 0);
    transform: scale(.9, .9) translate(-30px, 0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.page-order form .addresses .tab-content-wrap .tab.old {
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.page-order form .addresses .tab-content-wrap .tab.active {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    visibility: visible;
    opacity: 1
}

.page-order form .addresses .tab-content-wrap .left, .page-order form .addresses .tab-content-wrap .right {
    width: 260px
}

.page-order form .addresses .tab-content-wrap .left {
    float: left
}

.page-order form .addresses .tab-content-wrap .right {
    float: right
}

.page-order form .addresses .tab-content-wrap .split {
    width: 100%
}

.page-order form .addresses .tab-content-wrap .split > label {
    width: 115px
}

.page-order form .addresses .links-wrap {
    z-index: 2;
    padding-top: 6px;
    position: relative
}

.page-order form .addresses .links-wrap .save-address-name {
    transition: all .2s ease;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(.8) translate(0, -20px);
    -ms-transform: scale(.8) translate(0, -20px);
    transform: scale(.8) translate(0, -20px);
    opacity: 0;
    visibility: hidden;
    padding: 30px 20px 20px;
    background-color: #fff;
    z-index: 2;
    width: 100%;
    position: absolute;
    left: -20px;
    top: 100%;
    margin-top: -30px
}

.page-order form .addresses .links-wrap .save-address-name label {
    transition: all .3s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0
}

.page-order form .addresses .links-wrap .save-address-name.opened {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .addresses .links-wrap .save-address-name.opened a, .page-order form .addresses .links-wrap .save-address-name.opened label {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.page-order form .addresses .links-wrap .save-address-name.opened .close {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .addresses .links-wrap .save-address-name .close {
    width: 33px;
    height: 33px;
    transition: all .5s ease;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scale(.6) translate(-20px, 20px);
    -ms-transform: scale(.6) translate(-20px, 20px);
    transform: scale(.6) translate(-20px, 20px);
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAALVBMVEX///9HjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwBHjwATUUSOAAAADnRSTlMAAQoUFR8vOUJba4i/1i6KFZwAAABESURBVAhbYxBlYGBgMmCITWBg0JnAwHaNgekUUCQ3QWcBkGK7DuIwMNRtAJFMp6+BKJ0FuUDFQGVAxUAOSDGDJ0hxAwAvaQ8jJ5cPkwAAAABJRU5ErkJggg==) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0
}

.page-order form .addresses .links-wrap .save-address-name .close:hover {
    background-color: #f6c6ca
}

.page-order form .addresses .links-wrap .save-address-name .btn {
    transition: all .5s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
    width: 150px;
    margin: 0 auto
}

.page-order form .addresses .links-wrap a {
    transition: all .3s ease;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none
}

.page-order form .addresses .links-wrap a > span {
    position: relative
}

.page-order form .addresses .links-wrap a > span span {
    color: #478f00;
    font: 400 16px/1 'Open Sans', Arial, Tahoma, sans-serif;
    padding: 0;
    border-bottom: 1px dotted #478f00
}

.page-order form .addresses .links-wrap a > span:before {
    content: '';
    position: absolute
}

.page-order form .addresses .links-wrap a:hover:not(.disabled) {
    opacity: .8
}

.page-order form .addresses .links-wrap a.on-the-map {
    margin-bottom: 11px
}

.page-order form .addresses .links-wrap a.on-the-map > span {
    padding-left: 30px
}

.page-order form .addresses .links-wrap a.on-the-map > span:before {
    width: 15px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAB+ElEQVR4Xr3X8UcDYRzH8bGtLUBZgPoPBlAIAKU2yn4fCaAUAKpMjVUSMgJJKAQriakkBUfaFgSFamDtbFSaWl3fD3fkdD3f3d1zD2/S7p6XPTue53ycMbDmC1GjVJZSqArV1Kvo/8vq14QE07HACJWmVEpjpur3ROyiSeoZgM1wb7IVMEhtAnApzBUUoW3UIQCXO8Lc/8FbACS1bYWOAZDcuBntolQPYBXWbzgDwKMyBhqm6h7CNZiAE60A8/tx7frhWHtt1JFWeDzRZnPDreIJwBtcdEdZ0CwGPmPDMAErHHQmN6QJBlaDCyuAqxwYyysapaczLlwF/MGB8XuKxvvHKxf+BFxzC258vnHhGuAiBy48ngrhm/I5Fy4CXufAc7mYEE4djHDhdcCDADjtKmlLdO9qBQC3QcABqszE8a3w9OL3RFhe9jdFuuU3NokUAI9Kmc9WLx6gMCLmrXHZA3gJlhnukLwnqzCsTiFTEuFpGFZwgCpJQDFnQHTS7KeaLqJfmJN7tl51EV4FwIXD1K0LKOZo1wE23utwyXFvn933p0UH8KIIED3lFzbQS+MpdoJ3U1Uuql/bYwBO8Rj1zUBxTYwH8PEM9y3BbdhP5f9B88Y+KwPvpO7/QO/wmQHIwqOmdy38HTUA2XicaurFDcArfIKatAv8AG+Llpe0pY4CAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: 15px 20px;
    left: 8px;
    top: 1px
}

.page-order form .addresses .links-wrap a.save-address > span {
    padding-left: 25px
}

.page-order form .addresses .links-wrap a.save-address > span:after, .page-order form .addresses .links-wrap a.save-address > span:before {
    content: '';
    position: absolute;
    transition: all .3s ease;
    width: 16px;
    height: 16px;
    left: 1px;
    top: 2px;
    background: 50% 50% no-repeat;
    background-size: 16px 16px
}

.page-order form .addresses .links-wrap a.save-address > span:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAhElEQVR4Xu3TMQ2AQBQE0XOAFGRQIgUJdw5AClJwggQICcmUF5o/BX+T6V+zJWLTWupT0Qbieqs+gqqGcDBAGgAVkxhu+hHTgm4KJhTRwwQi+pggRB8jIMD4CKougpqBSEQiEpGIRAwuAsjoIoDMLgLI4iKAbC4CyO4igBwuAsipIpi/G/7Gk2xRK2t4AAAAAElFTkSuQmCC);
    opacity: 1
}

.page-order form .addresses .links-wrap a.save-address > span:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAQAAACQTsNJAAAAcklEQVR4Xu3RMRGAMBhD4TpAClKQgoT+EpCCFOaYQAKMGTLxFq53fdm/Je176uoNZuLRYwYTwUCCMyoTIzO+NZmCt6ogEQwhkgFEMpQwwwkznPBqdGISk1gw4bRiwmnDhNOOCacDE04nJpwuTDjdQfzRC+vHmVyhdttaAAAAAElFTkSuQmCC);
    opacity: 0
}

.page-order form .addresses .links-wrap a.save-address.disabled {
    cursor: default
}

.page-order form .addresses .links-wrap a.save-address.disabled span:after {
    opacity: 1
}

.page-order form .addresses .links-wrap a.save-address.disabled span span {
    color: #b3b3b3;
    border-color: #b3b3b3
}

.page-order form .addresses .left .form-field {
    float: left;
    width: 100%
}

.page-order form .addresses .left:after, .page-order form .addresses .left:before {
    content: " ";
    display: table
}

.page-order form .addresses .left:after {
    clear: both
}

.page-order form .addresses .form-field.city {
    width: 115px;
    float: left
}

.page-order form .addresses .form-field.city + .form-field {
    width: calc(100% - 125px);
    margin-left: 10px;
    float: left;
    padding-top: 20px
}

.page-order form .addresses .form-field.city + .form-field input {
    height: auto
}

.page-order form .addresses .form-field.city + .form-field .checker {
    position: relative;
    top: 14px;
    overflow: hidden
}

.page-order form .addresses .form-field.city + .form-field label {
    display: inline-block;
    width: calc(100% - .5em - 16px);
    position: relative;
    top: 9px;
    padding-left: 4px;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 1
}

.page-order form .shipping-payment {
    padding-top: 28px;
    position: relative
}

.page-order form .shipping-payment .title {
    margin-bottom: 18px
}

.page-order form .shipping-payment .form-field {
    margin-bottom: 14px
}

.page-order form .shipping-payment .form-field label .radio {
    margin-right: 6px
}

.page-order form .shipping-payment .form-field label .radio.disabled {
    opacity: .4
}

.page-order form .shipping-payment .form-field label .radio.disabled:hover {
    border-color: #dcdcdc
}

.page-order form .shipping-payment .form-field label > span {
    vertical-align: top;
    line-height: 22px
}

.page-order form .shipping-payment .form-field label:hover .disabled {
    opacity: .4;
    border-color: #dcdcdc
}

.page-order form .shipping-payment:before {
    content: '';
    position: absolute;
    left: 18px;
    top: 0;
    height: 1px;
    width: 940px;
    background-color: #dadada
}

.page-order form .shipping {
    width: 450px;
    float: left
}

.page-order form .shipping input {
    opacity: 0
}

.page-order form .shipping .col {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.page-order form .shipping .col.second {
    z-index: 2
}

.page-order form .shipping .col:first-of-type {
    float: left;
    width: calc(100% - 210px)
}

.page-order form .shipping .col:last-of-type {
    width: 190px;
    float: right;
    margin-right: -15px
}

.page-order form .shipping .col:last-of-type label {
    display: table
}

.page-order form .shipping .col:last-of-type label span {
    display: table-cell
}

.page-order form .shipping .col:first-child {
    margin-right: 20px
}

.page-order form .shipping .block {
    margin-bottom: 60px
}

.page-order form .shipping .delivery label, .page-order form .shipping .departments label {
    display: block;
    line-height: 22px
}

.page-order form .shipping .delivery label:not(.title), .page-order form .shipping .departments label:not(.title) {
    margin-bottom: 14px
}

.page-order form .shipping .deliveries a {
    display: block;
    padding-left: 29px;
    padding-top: 2px;
    font-size: 12px;
    line-height: 16px;
    color: grey;
    text-decoration: none
}

.page-order form .shipping .deliveries a span {
    border-bottom: 1px dashed
}

.page-order form .shipping .deliveries a span:hover {
    border-color: transparent
}

.page-order form .shipping .payment-wrap {
    transition: all .3s ease
}

.page-order form .shipping .payment-wrap.checked {
    z-index: 10;
    padding-bottom: 40px
}

.page-order form .shipping .payment-wrap.checked .cashback {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1;
    visibility: visible
}

.page-order form .shipping .payment-wrap.checked .cashback.error + label.error {
    display: block
}

.page-order form .shipping .payment-wrap.checked .q-mark {
    left: 56px;
    top: 40px;
    -webkit-transform: translate(18px, 0) scale(1);
    -ms-transform: translate(18px, 0) scale(1);
    transform: translate(18px, 0) scale(1)
}

.page-order form .shipping .payment-wrap.opened {
    padding-bottom: 40px
}

.page-order form .shipping .payment-wrap.opened .q-mark {
    transition: all .3s cubic-bezier(.32, .89, .61, 1)
}

.page-order form .shipping .payment-wrap.opened .q-mark span {
    transition: all .7s cubic-bezier(.32, .89, .61, 1);
    -webkit-transform: scale(1, 1) translate(0, 0);
    -ms-transform: scale(1, 1) translate(0, 0);
    transform: scale(1, 1) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .shipping .payment-wrap .cashback {
    transition: all .2s cubic-bezier(.32, .89, .61, 1);
    -webkit-transform: translate(-20px, 0) scale(.9);
    -ms-transform: translate(-20px, 0) scale(.9);
    transform: translate(-20px, 0) scale(.9);
    box-sizing: border-box;
    padding-right: 26px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 40px;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    margin-top: -11px
}

.page-order form .shipping .payment-wrap .cashback.error + label.error {
    transition: all .3s ease;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    transform: scale(.8, .8);
    display: none;
    width: 21px !important;
    height: 21px;
    position: absolute;
    left: 75px;
    top: 40px;
    font-size: 0;
    line-height: 0;
    background: #eb5c5e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAAYElEQVR4Xu3VzQ2AIBAFYU5bvPEPe9SLoKGC8URiAWuC5H0FzIU8NvRCBCNykFkwv+hINflFC9XpF31RVFFFHWeaGv9QjI2bixUL/sT/oX50o1Ljh2/4ZlGRnczcz6JEHn0y9wd7I1VZAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: 21px 21px;
    border-radius: 50%;
    overflow: hidden
}

.page-order form .shipping .payment-wrap .cashback.error + label.error + .q-mark {
    background: 0 0
}

.page-order form .shipping .payment-wrap .q-mark {
    width: 19px;
    height: 19px;
    transition: all .3s cubic-bezier(.32, .89, .61, 1);
    position: absolute;
    right: -25px;
    top: 1px;
    text-decoration: none;
    color: #fff;
    margin-left: 2px;
    display: inline-block;
    background: #dcdcdc url(../images/retina/q-mark.png) no-repeat 50% 50%;
    background-size: 19px 19px;
    border-radius: 50%;
    z-index: 10;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 215px
}

.page-order form .shipping .payment-wrap .q-mark:hover span {
    -webkit-transform: scale(1, 1) translate(0, 0);
    -ms-transform: scale(1, 1) translate(0, 0);
    transform: scale(1, 1) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .shipping .payment-wrap .q-mark span {
    transition: all .2s ease;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(.9, .9) translate(-20px, 0);
    -ms-transform: scale(.9, .9) translate(-20px, 0);
    transform: scale(.9, .9) translate(-20px, 0);
    opacity: 0;
    visibility: hidden;
    background-color: #478f00;
    left: 0;
    margin-left: -90px;
    padding: 10px;
    top: 100%;
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    width: 110px;
    position: absolute
}

.page-order form .shipping .payment-wrap .q-mark span:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-left: 27px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #478f00 transparent
}

.page-order form .shipping .time-exact {
    display: none
}

.page-order form .shipping .time-exact.error-red .select2-container .select2-choice {
    border-color: #ea5c5e
}

.page-order form .shipping .time-error {
    box-sizing: border-box;
    display: none;
    margin-top: 5px;
    padding: 10px;
    color: #eb5c5e;
    font-size: 12px;
    line-height: 16px;
    border: 1px #000 solid
}

.page-order form .shipping .time-error strong {
    display: block;
    padding-top: 10px
}

.page-order form .basket-total {
    margin-bottom: 0;
    width: 440px;
    float: none;
    margin-top: 2px
}

.page-order form .basket-total mark {
    font-weight: 700;
    color: #ea5c5e;
    background: 0 0
}

.page-order form .basket-total-wrap {
    float: right;
    width: 440px
}

.page-order form .basket-total-wrap .delivery {
    transition: all .2s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    opacity: 0;
    visibility: hidden
}

.page-order form .basket-total-wrap .delivery.vis {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .basket-total-wrap .total-economy {
    transition: all .2s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    opacity: 0;
    visibility: hidden
}

.page-order form .basket-total-wrap .total-economy.vis {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .basket-total-wrap .total-message {
    transition: all .2s ease;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    opacity: 0;
    visibility: hidden
}

.page-order form .basket-total-wrap .total-message.vis {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .basket-btns {
    padding: 30px 10px 30px 0;
    position: relative;
    text-align: right
}

.page-order form .basket-btns.loading .loading-pic {
    -webkit-transform: scale(.8) translate(0, 0);
    -ms-transform: scale(.8) translate(0, 0);
    transform: scale(.8) translate(0, 0);
    opacity: 1;
    visibility: visible
}

.page-order form .basket-btns.loading .btn {
    -webkit-transform: scale(.8) translate(0, 10px);
    -ms-transform: scale(.8) translate(0, 10px);
    transform: scale(.8) translate(0, 10px);
    opacity: 0;
    visibility: hidden
}

.page-order form .basket-btns .loading-pic {
    width: 186px;
    height: 52px;
    transition: all .3s ease;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale(.6) translate(0, 20px);
    -ms-transform: scale(.6) translate(0, 20px);
    transform: scale(.6) translate(0, 20px);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    background: url(../images/loader.gif);
    position: absolute;
    top: 20px;
    right: 0
}

.page-order form .basket-btns .btn {
    transition: all .2s ease;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    margin-left: 64px;
    padding: 0 26px
}

.page-order form .basket-btns .show-more {
    font-size: 16px;
    vertical-align: 3px
}

.page-order .autocomplete-suggestions {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15);
    overflow: auto;
    margin-top: -1px;
    border: 1px solid #478f00;
    border-top: none;
    background-color: #fff
}

.page-order .autocomplete-suggestions .autocomplete-no-suggestion, .page-order .autocomplete-suggestions .autocomplete-suggestion {
    cursor: pointer;
    transition: all .3s ease;
    background-color: #fff;
    padding: 12px 16px
}

.page-order .autocomplete-suggestions .autocomplete-no-suggestion.autocomplete-no-suggestion, .page-order .autocomplete-suggestions .autocomplete-no-suggestion.autocomplete-selected, .page-order .autocomplete-suggestions .autocomplete-no-suggestion:hover, .page-order .autocomplete-suggestions .autocomplete-suggestion.autocomplete-no-suggestion, .page-order .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected, .page-order .autocomplete-suggestions .autocomplete-suggestion:hover {
    color: #000;
    background-color: #dadada
}

@media (max-width: 980px) {
    .page-order .text-content h1 {
        padding-left: 0;
        padding-right: 0
    }

    .page-order form .person-data {
        width: 100%;
        float: none
    }

    .page-order form .addresses {
        float: none;
        width: 100%
    }

    .page-order form .addresses .form-field.city + .form-field label {
        top: 17px
    }

    .page-order form .addresses .tab-content-wrap .left, .page-order form .addresses .tab-content-wrap .right {
        width: 48%
    }

    .page-order form .addresses .tab-content-wrap .split > label {
        width: 49%
    }

    .page-order .form-wrap .shipping-payment .shipping {
        width: 100%
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap .cashback {
        left: 0;
        top: 40px
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap .q-mark {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 215px
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap.checked {
        z-index: 10
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap.checked .q-mark {
        left: 70px;
        top: 40px
    }

    .page-order .form-wrap .shipping-payment .shipping .col {
        width: 66.666666%;
        float: none !important
    }

    .page-order .form-wrap .shipping-payment .shipping .col:first-child {
        margin-right: 0
    }

    .page-order .form-wrap .shipping-payment .shipping .col:first-child .block {
        width: 49%
    }

    .page-order .form-wrap .shipping-payment .shipping .col.second {
        width: 33.333333%
    }

    .page-order .form-wrap .shipping-payment .shipping .block {
        display: inline-block;
        vertical-align: top
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap {
        float: left
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total {
        margin-right: 0
    }
}

@media (max-width: 700px) {
    .page-order form .addresses {
        height: 600px
    }

    .page-order form .addresses .tab-content-wrap .left, .page-order form .addresses .tab-content-wrap .right {
        width: 100%
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap {
        transition: all .3s ease
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap.checked {
        margin-bottom: 50px
    }

    .page-order .form-wrap .shipping-payment .shipping .col {
        width: 100%
    }

    .page-order .form-wrap .shipping-payment .shipping .col:first-child .block {
        width: 49%
    }

    .page-order .form-wrap .shipping-payment .shipping .col.second {
        width: 100%
    }
}

@media (max-width: 510px) {
    .page-order .text-content h1 {
        font-size: 30px
    }

    .page-order .m-divider {
        display: block
    }

    .page-order form .addresses {
        height: 620px
    }

    .page-order form .addresses .form-field.city {
        width: 100%;
        margin-bottom: 0
    }

    .page-order form .addresses .form-field.city + .form-field {
        padding-top: 0;
        margin-left: 0;
        width: 100%
    }

    .page-order form .addresses .form-field.city + .form-field label {
        top: 17px
    }

    .page-order form .addresses.auth {
        height: 720px
    }

    .page-order form .addresses .tab-content-wrap .split > label {
        width: 100%
    }

    .page-order .form-wrap .shipping-payment .shipping .col:first-child .block {
        width: 100%
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap .cashback {
        left: 0;
        top: 50px
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap .q-mark {
        top: 3px;
        display: none;
        transition: none
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap .q-mark span {
        left: 120px;
        right: auto;
        top: -25px
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap .q-mark span:before {
        top: 50%;
        margin-top: -13px;
        right: 100%;
        left: auto;
        margin-left: 0;
        border-width: 7px 7px 7px 0;
        border-color: transparent #478f00 rgba(179, 36, 36, 0) rgba(224, 18, 18, 0)
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap.checked {
        margin-bottom: 0
    }

    .page-order .form-wrap .shipping-payment .shipping .payment-wrap.checked .q-mark {
        display: block;
        left: 72px;
        top: 51px
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap {
        width: auto
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total {
        width: auto
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total .total-summary .delivery, .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total .total-summary .summary {
        float: none
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total .total-summary .delivery {
        padding-bottom: 5px
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total .total-overall {
        height: auto
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total .total-overall strong {
        margin-left: 0
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total .total-overall > div:not(.total-overall-text) {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: static;
        width: auto
    }

    .page-order .form-wrap .shipping-payment .basket-total-wrap .basket-total .total-overall .total-overall-text {
        position: static
    }

    .page-order .form-wrap .basket-btns {
        text-align: center;
        padding-top: 20px
    }

    .page-order .form-wrap .basket-btns .btn {
        margin-left: 0
    }

    .page-order .form-wrap .basket-btns .show-more {
        margin-bottom: 20px;
        display: inline-block
    }
}

.page-thanks .parallax-wrap {
    height: 0
}

.page-thanks .thank-you-wrap {
    position: relative;
    padding-top: 55px
}

.page-thanks .thank-you-wrap .ribbon-title-wrap {
    padding-bottom: 70px
}

.page-thanks .fail-wrap {
    position: relative;
    padding: 55px 0
}

.page-thanks .fail-wrap .ribbon-title-wrap {
    padding-bottom: 70px
}

.page-thanks .fail-wrap .text-wrapper {
    margin-top: 30px;
    text-align: center;
    color: #fff
}

.page-thanks .fail-wrap .text-wrapper a {
    color: #fff;
    text-decoration: none
}

.page-thanks .fail-wrap .text-wrapper a > span {
    border-bottom: 1px #fbba00 solid
}

.page-thanks .fail-wrap .text-wrapper a:hover > span {
    border-color: transparent
}

.page-thanks .thank-you-pic {
    width: 580px;
    height: 108px;
    position: absolute;
    left: 50%;
    top: 95px;
    margin-left: -310px;
    background: url(../images/thank-you.png) no-repeat center center
}

.page-thanks .btn-wrap {
    text-align: center;
    margin-bottom: 32px
}

.page-thanks .btn-wrap .btn {
    padding-left: 0;
    padding-right: 0;
    width: 190px;
    display: inline-block
}

.page-thanks .text-content table {
    margin-bottom: 0;
    text-align: center
}

.page-thanks .text-content table.sale_order_full_table td {
    line-height: 1;
    font-size: 16px
}

.page-thanks .text-content table form {
    padding-top: 15px
}

.page-thanks .text-content table form input[type=submit] {
    box-sizing: border-box;
    transition: opacity;
    transition: opacity .3s ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: inline-block;
    height: 49px;
    padding: 0 12px;
    color: #fff;
    font: 14px/49px Bitter, 'PT Serif', Georgia, serif;
    text-align: center;
    text-decoration: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAIAAAAeFy4qAAAAGElEQVR4XmOMcLHCihtTw0E06XgUkxOmALMBUx2zwJYWAAAAAElFTkSuQmCC);
    background-size: auto 49px;
    white-space: nowrap;
    padding: 0 22px;
    line-height: 49px;
    outline: 0;
    border: none;
    background-image: none;
    background-color: #58443a
}

.page-thanks .text-content table form input[type=submit]:active, .page-thanks .text-content table form input[type=submit]:focus, .page-thanks .text-content table form input[type=submit]:hover, .page-thanks .text-content table form input[type=submit]:visited {
    outline: 0
}

button.page-thanks .text-content table form input[type=submit] {
    border: none;
    overflow: visible
}

.page-thanks .text-content table form input[type=submit]:hover {
    opacity: .9
}

.page-thanks .text-content table form input[type=submit]:after, .page-thanks .text-content table form input[type=submit]:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 100%;
    top: 0;
    background: 0 0 no-repeat;
    background-size: auto 49px
}

.page-thanks .text-content table form input[type=submit]:before {
    right: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABiCAMAAABj2dPeAAAAjVBMVEUAAABYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpYRDpaRjtZRTtcRz1iTEFjTUJmT0RwV0tzWU1zWk12XE98YVN8YVR9YlSBZVddSD5uVUlaRTtmUERrU0h7YFJrVEhuVkpuVklvVkpeST/11Up4AAAAFXRSTlMAAQIFBgwbKEVHWIaHiIylp93e3+HrN4/JAAAAxElEQVR4Xu3WxxKCMBiFUVBBQbHy03uxlvd/PGUQEs2dycpd7vJMJst80bjNaBzPJmYLswN5coBsE2LD7cWv3xtV31K/oOJO62v6LMoZGxsadj8PPLFdGlc0HRtza7Untjijjul7Xhkizm4E+JGQyF6a+CKfyv4Gxt4zaos0pB+uL/m1IRK4g/+wYsWKFSuu4NPrB1FbZCHHbHH3rOMIHEmSDBwYnKOpuVjuhHih1EnCCDOKo4sTjYMuz7/mYLYwm5hnjF8f+KWZySEJagAAAABJRU5ErkJggg==)
}

.page-thanks .text-content table form input[type=submit]:after {
    left: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABiCAYAAABUByPsAAABbklEQVR4Xu3aQUrDUBAG4FrQVW7QC3gGg4qlMUk1VGxsk1BFK7opVKHgRgXcqIDXEE9lxZOMw6wsD8yLLwMBfuDffgyTTICZtLLeFllmg4hatqkCd7TgUAt+1YK/OG0FWJJZw09XY/qdPPD/gr85XuWKH6cpTcLtsqo/OGuV4LvJgC6Trk1L3gS3hWfDiOaj2Lbf7xzPCj6NdujhYmggJT3POO3SAVkUCV0PegJUyCfnmRNwOpx1A54e7nHVKRX7vgD/jQFzuM99qbxuWHI7PqCbUb9+uAh8wRd5Im1xh822SM/lgbrD5gPlnsurOD+JZYh4QmX8HeDV93yWRjKhPP7ybXGHzTQcBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGBzaXp/fiyw+5o3X13znsW7srB2X0wf1bSYzh1W6RrLf/1zhfKBxf0ktOS8cELOJsdTPGK5n930D4X6p039Y6x9sgYcvBtwog8b8RuE2o8bP4tXXTCiGh3VAAAAAElFTkSuQmCC)
}

.page-thanks .text-content table form input[type=submit].btn-green {
    height: 51px;
    line-height: 51px;
    padding: 0 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABmCAIAAACFhmw8AAAAF0lEQVR4XmN072fAisPXg2nK8SgmJ4wBssJWC14mEJAAAAAASUVORK5CYII=);
    background-size: auto 51px
}

.page-thanks .text-content table form input[type=submit].btn-green:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABmCAYAAADPlmH6AAABSElEQVR4Xu3aUWrCQBCH8alQn3IDL9CTuFqxGmxobmSBgtEWWgREJW2hCp5IS08yHZgXYUF3SQYC/IHv9ec6qkBmyc2IA2szM4UWA3esYGcFP1vBv1KrfljLg+GnA/F5rrgI/0lJ9ImzPXF/cfXU39JNFDz5Ih58BI3kRfFA+GFFPF4Hz/tTSoLg/itxtvOAazPPpdYFWEtL4uFSgYhO0lRy0p2UePDgXU/dm3tAVOSfQOeclvXDim+ljQHcKxRPSx1LZdgfi858uKwF9j/QtNQXGK31R3T/pu+kEnz+PR+t9Bf6+KP/LZVhP8CAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDNh/MJ3tFa77Ubouuwqrh//26wr7BYv9Ssh4iVV97XaUplJX6ki3BotCg9Wm1TLWfn1sv/COKG/ApYIGXINwjbhqYnY55h/WCukDJ5UB+gAAAABJRU5ErkJggg==);
    background-size: auto 51px
}

.page-thanks .text-content table form input[type=submit].btn-green:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAABmCAYAAADPlmH6AAABSElEQVR4Xu3aUWrCQBCH8alQn3IDL9CTuFqxGmxobmSBgtEWWgREJW2hCp5IS08yHZgXYUF3SQYC/IHv9ec6qkBmyc2IA2szM4UWA3esYGcFP1vBv1KrfljLg+GnA/F5rrgI/0lJ9ImzPXF/cfXU39JNFDz5Ih58BI3kRfFA+GFFPF4Hz/tTSoLg/itxtvOAazPPpdYFWEtL4uFSgYhO0lRy0p2UePDgXU/dm3tAVOSfQOeclvXDim+ljQHcKxRPSx1LZdgfi858uKwF9j/QtNQXGK31R3T/pu+kEnz+PR+t9Bf6+KP/LZVhP8CAAQMGDBgwYMCAAQMGDBgwYMCAAQMGDNh/MJ3tFa77Ubouuwqrh//26wr7BYv9Ssh4iVV97XaUplJX6ki3BotCg9Wm1TLWfn1sv/COKG/ApYIGXINwjbhqYnY55h/WCukDJ5UB+gAAAABJRU5ErkJggg==);
    background-size: auto 51px
}

.page-thanks .text-content table form input[type=submit].btn-light {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAHUlEQVR4XmOMcLGC4////zP+3sUw6PH///+R3Q0APrZRLW0yTNIAAAAASUVORK5CYII=);
    color: #4b372a
}

.page-thanks .text-content table form input[type=submit].btn-light:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAYAAADjjzjTAAAA5ElEQVR4XmOIcLH6j4bZGLAAbAotiFU4CavC/0AQ42GPrPAHEOtjKPz34fj/2txUdFOfALEBisK/13P/71i/GqQAHf8E4glAbALE3Ay/97D///Xr1//ytDiQApyY4fcuhv9/r6X/f/v61f/y9Hj8CiGK0/7//v3r/7Z1K/9XZSX9j/dxwlQIx3vY/v+9kf//38fT/4EAq0J0PFgUjiocVTiqcFQhemmW9x9UXAMB/vJx+7pV4DI9wdcZUyFIEeESdw8byCS8ikCYUK0wEYgtgJgHbz1DqOb6iaYIX11Iee1KuL4GABW6OWbLUFTYAAAAAElFTkSuQmCC)
}

.page-thanks .text-content table form input[type=submit].btn-light:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAYAAADjjzjTAAAA5ElEQVR4XmOIcLH6j4bZGLAAbAotiFU4CavC/0AQ42GPrPAHEOtjKPz34fj/2txUdFOfALEBisK/13P/71i/GqQAHf8E4glAbALE3Ay/97D///Xr1//ytDiQApyY4fcuhv9/r6X/f/v61f/y9Hj8CiGK0/7//v3r/7Z1K/9XZSX9j/dxwlQIx3vY/v+9kf//38fT/4EAq0J0PFgUjiocVTiqcFQhemmW9x9UXAMB/vJx+7pV4DI9wdcZUyFIEeESdw8byCS8ikCYUK0wEYgtgJgHbz1DqOb6iaYIX11Iee1KuL4GABW6OWbLUFTYAAAAAElFTkSuQmCC)
}

.page-thanks .text-content table form input[type=submit].btn-white {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAAAAAA+BJz4AAAAEklEQVR4XmP8D4a3gJiqEGEmAFPwMLfhzgRWAAAAAElFTkSuQmCC);
    color: #4b372a
}

.page-thanks .text-content table form input[type=submit].btn-white:before {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAeUlEQVR4Xu3TMQ5AQBSEYZWGu1C6JscjUWxUGjoU9reR5dk8otKZ6b56JkIa43PF4g4rjRkzgKU+Kadjz4RxkFJQsuDTMzgMMtNgiUJqGeHAlYmeBkeCNYYBCyFKPsAff1Sr0/vUS37afKLe8fQj4UUeJ63eXqz/vgFeuZEuUIszaQAAAABJRU5ErkJggg==)
}

.page-thanks .text-content table form input[type=submit].btn-white:after {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAdUlEQVR4Xu3ToRJAQBhF4U0K70Lc1+TxmBGMtIWGYI9g/Zi5VXPil+91XGXOutErbB7YEk9cKQ0HFlIjVcKJgLVR4ylcpGPlnYOZ3tgQZjoCC/sTITIx0BrefYA//ihWp/aplyw3r96R6x/Z4zYj+U39Yvn3A0D6ZVqXUvOcAAAAAElFTkSuQmCC)
}

.page-thanks .text-content table form input[type=submit].btn-white:hover {
    opacity: .9
}

.page-thanks .text-content table form input[type=submit].btn-gray {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAAAAAA+BJz4AAAAEklEQVR4XmO8BYabgZiqEGEmAPgJKZ7cegsmAAAAAElFTkSuQmCC);
    color: #4b372a
}

.page-thanks .text-content table form input[type=submit].btn-gray:before {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAhElEQVR4Xu3TMQqEMBCFYe1c2NN51QgWWtooNrpNMrcQD/CLxDjIWNhsJ1MEPphM817GOUIape8dlgalkCVCwB30kTGtTrTsf5Wy6mpHH2/q/KgIEZVqBiShZ6aj2knR0dATkCvG90/44outTZ1nsvm0ScZm3rbjtke2cR5nuvmkxbniBkH8WEROw/KSAAAAAElFTkSuQmCC)
}

.page-thanks .text-content table form input[type=submit].btn-gray:after {
    width: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAxCAQAAABJhvBYAAAAgklEQVR4Xu3TMQ6DMBBEUacjEqfjqkZKEUoaEA1JY+8tIg7wEQgzzSpKkZKd7mnLmWCUBJ3Qag+bEyO54MeqAztm/U5233Ggx5TFGqtDpuW9gxKMkUdh4cYtPS+ScEtm4EkUKn/HCy9U6zqh+jmTvjXZ7by7Dn9HkYQW52zz5xXfiq3UXDVnUeKO9QAAAABJRU5ErkJggg==)
}

.page-thanks .text-content table form input[type=submit]:after, .page-thanks .text-content table form input[type=submit]:before {
    display: none
}

.page-thanks .text-content table tr {
    border: none
}

@media (max-width: 640px) {
    .page-thanks .ribbon-title-wrap .ribbon-title {
        margin: 0 15px
    }

    .page-thanks .ribbon-title-wrap .ribbon-title:after, .page-thanks .ribbon-title-wrap .ribbon-title:before {
        display: none
    }
}

.page-contacts .parallax-wrap {
    height: 0
}

.page-contacts .page-wrap {
    padding-top: 20px
}

.page-contacts .text-content h1 {
    padding-left: 0;
    padding-right: 0
}

.page-contacts .text-content hr {
    margin-bottom: 23px
}

.page-contacts .breadcrumbs {
    padding: 20px 0 0
}

.page-contacts .info-wrap {
    margin-bottom: 30px;
    box-sizing: border-box
}

.page-contacts .info-wrap * {
    box-sizing: border-box
}

.page-contacts .info-wrap ul {
    position: relative;
    width: 290px;
    float: left;
    padding: 26px 0 0 40px;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    font-family: Bitter, 'PT Serif', Georgia, serif
}

.page-contacts .info-wrap ul a {
    font-weight: 400;
    color: #000;
    text-decoration: none
}

.page-contacts .info-wrap ul li {
    position: static;
    margin-bottom: 8px;
    padding-left: 0
}

.page-contacts .info-wrap ul li:before {
    display: none
}

.page-contacts .info-wrap ul .address {
    margin-bottom: 14px
}

.page-contacts .info-wrap ul .address a {
    text-decoration: none
}

.page-contacts .info-wrap ul .address a > span {
    border-bottom: 1px dashed
}

.page-contacts .info-wrap ul .address a > span:hover {
    border-color: transparent
}

.page-contacts .info-wrap ul .address a.active > span {
    border-color: transparent
}

.page-contacts .info-wrap ul .address a.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 24px;
    left: 11px;
    width: 18px;
    height: 25px;
    background: url(../images//pin.png);
    background-size: 18px 25px
}

.page-contacts .info-wrap ul .email a {
    color: #478f00;
    font-size: 16px;
    text-decoration: underline
}

.page-contacts .info-wrap .middle {
    float: left;
    margin: 0 50px 0 52px;
    width: 253px;
    height: 194px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    font-family: Bitter, 'PT Serif', Georgia, serif
}

.page-contacts .info-wrap .middle.mobile {
    display: none
}

.page-contacts .info-wrap .middle .time-title {
    margin-top: 24px
}

.page-contacts .info-wrap .middle .everyday {
    margin-top: 6px
}

.page-contacts .info-wrap .middle .time {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700
}

.page-contacts .info-wrap .middle .short-number-title {
    margin-top: 17px
}

.page-contacts .info-wrap .middle .short-number {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700
}

.page-contacts .info-wrap .middle .short-number a {
    color: #000;
    text-decoration: none
}

.page-contacts .info-wrap .middle .data {
    box-sizing: border-box;
    position: relative;
    border: 1px solid #dadada;
    height: 100%;
    width: 100%;
    z-index: -1
}

.page-contacts .info-wrap .middle .left, .page-contacts .info-wrap .middle .right {
    z-index: 3
}

.page-contacts .info-wrap .middle .left:after, .page-contacts .info-wrap .middle .left:before, .page-contacts .info-wrap .middle .right:after, .page-contacts .info-wrap .middle .right:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #dadada
}

.page-contacts .info-wrap .middle .left:after {
    left: -10px;
    top: -10px
}

.page-contacts .info-wrap .middle .left:before {
    left: -10px;
    bottom: -10px
}

.page-contacts .info-wrap .middle .right:after {
    right: -10px;
    top: -10px
}

.page-contacts .info-wrap .middle .right:before {
    right: -12px;
    bottom: -12px
}

.page-contacts .map-wrap {
    box-sizing: border-box;
    width: calc(100% - 20px);
    margin: 0 10px;
    height: 354px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.page-contacts .map-wrap .map {
    box-sizing: border-box;
    position: relative;
    border: 1px solid #dadada;
    height: 100%;
    width: 100%;
    z-index: -1
}

.page-contacts .map-wrap .map .gmnoprint img {
    max-width: none
}

.page-contacts .map-wrap .left, .page-contacts .map-wrap .right {
    z-index: 3
}

.page-contacts .map-wrap .left:after, .page-contacts .map-wrap .left:before, .page-contacts .map-wrap .right:after, .page-contacts .map-wrap .right:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #dadada
}

.page-contacts .map-wrap .left:after {
    left: -10px;
    top: -10px
}

.page-contacts .map-wrap .left:before {
    left: -10px;
    bottom: -10px
}

.page-contacts .map-wrap .right:after {
    right: -10px;
    top: -10px
}

.page-contacts .map-wrap .right:before {
    right: -12px;
    bottom: -12px
}

.page-contacts .legal-address {
    padding: 30px 50px 0;
    font: 14px/21px Bitter, 'PT Serif', Georgia, serif
}

@media (max-width: 930px) {
    .page-contacts .info-wrap ul {
        width: 50%
    }

    .page-contacts .info-wrap .middle {
        display: none;
        width: 100%;
        margin: 0
    }

    .page-contacts .info-wrap .middle.mobile {
        display: block
    }
}

@media (max-width: 630px) {
    .page-contacts .info-wrap ul {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .page-contacts .info-wrap ul .address a.active:before {
        left: -12px
    }

    .page-contacts .info-wrap .middle {
        display: none;
        width: 100%;
        margin: 0
    }

    .page-contacts .info-wrap .middle.mobile {
        display: block
    }
}

.page-news ::-webkit-input-placeholder {
    font: italic 13px Arial, Tahoma, sans-serif
}

.page-news ::-moz-placeholder {
    font: italic 13px Arial, Tahoma, sans-serif;
    vert-align: bottom;
    line-height: 2.5
}

.page-news :-moz-placeholder {
    font: italic 15px Arial, Tahoma, sans-serif
}

.page-news :-ms-input-placeholder {
    font: italic 13px Arial, Tahoma, sans-serif
}

.page-news .ribbon-title-wrap {
    margin: 50px 0 56px
}

.page-news .ribbon-title-wrap .ribbon-title::before {
    right: -37px
}

.page-news .news-wrap {
    padding: 40px 30px 41px;
    margin-bottom: 50px;
    font: 400 13px/22px 'Open Sans', Arial, Tahoma, sans-serif;
    background-color: #fff
}

.page-news .news-search form {
    height: 34px;
    margin-bottom: 29px;
    border: 1px solid #dadada;
    border-radius: 5px
}

.page-news .news-search form input {
    height: 100%;
    border-radius: 5px
}

.page-news .news-search form input[type=text] {
    float: left;
    width: 100%;
    padding: 0 36px 0 13px;
    background: #fbfbfb
}

.page-news .news-search form input[type=submit] {
    position: absolute;
    right: 30px;
    width: 36px;
    padding: 0;
    margin: 1px;
    height: 32px;
    border: 0;
    background: url(../images/sprite.png) 4px 74px
}

.page-news .news-search form input[type=submit]:hover {
    background: url(../images/sprite.png) -25px 74px
}

.page-news .news-search .autocomplete-suggestions {
    margin-top: -30px;
    background: #fbfbfb;
    cursor: pointer
}

.page-news .news-search .autocomplete-suggestions .autocomplete-suggestion {
    border: 1px solid #dadada;
    padding: 1px 13px
}

.page-news .news-slider {
    position: relative;
    height: 323px;
    margin-bottom: 20px;
    color: #fff
}

.page-news .news-slider .slide {
    display: block;
    width: 100%;
    height: 323px;
    position: relative;
    background: 50% 50% no-repeat;
    background-size: cover
}

.page-news .news-slider .slide-text-wrap {
    width: 459px;
    height: 323px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 35px 32px 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .3);
    line-height: 1.2;
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.page-news .news-slider .slide-title {
    margin-bottom: 23px;
    font: 700 22px Bitter, 'PT Serif', Georgia, serif
}

.page-news .news-slider .slide-date {
    margin-bottom: 5px;
    font: 700 15px Bitter, 'PT Serif', Georgia, serif
}

.page-news .news-slider .slide-text {
    font-size: 15px;
    line-height: 1.75
}

.page-news .news-slider .slide-pag {
    position: absolute;
    right: 26px;
    bottom: 22px;
    height: 25px
}

.page-news .news-slider .slide-pag .bx-pager-item {
    display: inline-block;
    position: relative;
    height: 100%
}

.page-news .news-slider .slide-pag .bx-pager-item a {
    display: block;
    float: left;
    width: 9px;
    height: 9px;
    cursor: pointer;
    border: 4px solid #999;
    box-sizing: border-box;
    border-radius: 12px;
    background: #999;
    margin: 7px 5px 0 4px
}

.page-news .news-slider .slide-pag .bx-pager-item a.active {
    width: 12px;
    height: 12px;
    margin: 6px 4px 0 2px;
    cursor: default;
    background: #fff;
    border: 6px solid #fff
}

.page-news .news-slider .slide-pag .bx-pager-item div {
    position: absolute;
    width: 22px;
    height: 22px !important;
    top: 1px;
    left: -3px;
    overflow: hidden
}

.page-news .news-slider .slider-dots > * {
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid #fff;
    border-radius: 7px
}

.page-news .news-slider .slider-dots :nth-child(1) {
    top: -7px;
    left: -7px
}

.page-news .news-slider .slider-dots :nth-child(2) {
    top: -7px;
    right: -7px
}

.page-news .news-slider .slider-dots :nth-child(3) {
    bottom: -7px;
    left: -7px
}

.page-news .news-slider .slider-dots :nth-child(4) {
    bottom: -7px;
    right: -7px
}

.page-news hr {
    margin: 20px 0 10px;
    height: 20px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAOCAAAAABBB7DBAAABJ0lEQVR4Xn3S7dJDMBAFYPd/iYfSaEpR/dKiiPPuYt6azuj5tRn7rJB43Myz52a22QN2BcYfbEz3yX1GQw7gUC/vPZlDt836AIDVwa8Q8AEUqnQC6h8s0t6zKIiSABlZSb3J+vLmGEszopGxqtk1PEJ86Hg/vz8MEnMRZhFWpQ72u1bVwi6ctpDXBmFLtqdQhZf4CpORTIHU6KqpViwftC9MAsQD2ewURZlHA336Il0E7AJI3axYOQSykm6/pY6ev95jMlUNyRsw1Q9GH1a/Rfz/1GJiT2ENJCU1du448QosKl5qhKOywQCwFMbn8biccRdBoG6nwBzTuz2UB8sBDIXNBmXrdBYSdQ8b+P7+7JyZef37Tr5ye0jKTke0b0e6a2ptVrmvtj+gZcLG+f9hGgAAAABJRU5ErkJggg==) no-repeat center center, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8DQAA3wDdBFfNzAAAAABJRU5ErkJggg==) 0 9px repeat-x
}

.page-news .news-list {
    font-size: 0
}

.page-news .new-item {
    width: 275px;
    padding-left: 46px;
    display: inline-block;
    margin: 10px 0 11px;
    vertical-align: top
}

.page-news .new-item:hover .news-item-title {
    color: #45b9ec
}

.page-news .new-item:nth-child(3n-2) {
    padding-left: 0
}

.page-news .new-item a {
    color: #000;
    text-decoration: none;
    display: block
}

.page-news .new-item img {
    margin-bottom: 20px
}

.page-news .new-item .news-item-title {
    margin-bottom: 10px;
    font: 700 18px/24px Bitter, 'PT Serif', Georgia, serif
}

.page-news .new-item .new-date {
    margin-bottom: 6px;
    color: #45b9ec;
    font: 700 14px Bitter, 'PT Serif', Georgia, serif
}

.page-news .new-item .new-anonce {
    font: 12px/20px 'Open Sans', Arial, Tahoma, sans-serif
}

.page-news .news-pag {
    margin: 31px 0 0;
    height: 33px;
    text-align: center
}

.page-news .news-pag a {
    width: 33px;
    display: inline-block;
    position: static;
    height: 100%;
    font: 16px/29px Bitter, 'PT Serif', Georgia, serif;
    text-decoration: none;
    color: #000;
    vertical-align: top;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 33px
}

.page-news .news-pag a.clickable:hover {
    border: 2px solid #478f00;
    background: #fff
}

.page-news .news-pag a.active {
    width: 33px;
    color: #fff;
    background: #478f00;
    border: 2px solid #478f00;
    border-radius: 50px;
    font-weight: 700;
    cursor: default
}

.page-news .news-pag .news-next, .page-news .news-pag .news-prev {
    font: 400 13px/28px 'Open Sans', Arial, Tahoma, sans-serif;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-radius: 50px;
    width: 130px
}

.page-news .news-pag .news-next.hidden, .page-news .news-pag .news-prev.hidden {
    visibility: hidden
}

.page-news .news-pag .news-prev:before {
    content: '\2190';
    padding-right: 3px
}

.page-news .news-pag .news-next:after {
    content: '\2192';
    padding-left: 3px;
    font-size: 14px
}

.page-news .news-pag .news-dots {
    vertical-align: top;
    line-height: 25px;
    cursor: default
}

.page-news .news-result {
    margin: -15px 0 -18px
}

.page-news .news-result span {
    color: #eb5c5e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em
}

.page-news .news-result a {
    color: #478f00;
    font-weight: 700
}

.page-news .news-result a:hover {
    text-decoration: none
}

@media (max-width: 699px) {
    .page-news .news-slider .slide-text-wrap {
        width: auto
    }

    .page-news .news-slider .slide-text {
        position: relative
    }

    .page-news .news-slider .slide-text > div {
        max-height: 130px;
        overflow: hidden
    }

    .page-news .news-slider .slide-text:after {
        content: '. . .';
        font-size: 40px;
        line-height: 1;
        color: #fff;
        position: absolute;
        bottom: -.5em;
        left: 0;
        right: 0;
        text-align: center
    }

    .page-news .news-list {
        margin: 0 -23px
    }

    .page-news .new-item {
        box-sizing: border-box;
        width: 100%;
        padding-left: 23px !important;
        padding-right: 23px
    }
}

@media (min-width: 700px) and (max-width: 979px) {
    .page-news .news-slider .slide-text-wrap {
        width: 50%
    }

    .page-news .news-list {
        margin: 0 -23px
    }

    .page-news .new-item {
        box-sizing: border-box;
        width: 50%;
        padding-left: 23px !important;
        padding-right: 23px
    }
}

.page-new-detail .ribbon-title-wrap {
    margin: 50px 0 56px
}

.page-new-detail .ribbon-title-wrap .ribbon-title::before {
    right: -37px
}

.page-new-detail .new-wrap {
    padding: 30px 30px 35px;
    margin-bottom: 50px;
    font: 400 13px/22px 'Open Sans', Arial, Tahoma, sans-serif;
    background-color: #fff
}

.page-new-detail .new-wrap .text-content {
    margin-bottom: 25px;
    padding-bottom: 0
}

.page-new-detail .new-title {
    text-align: center;
    font: 700 33px/45px Bitter, 'PT Serif', Georgia, serif;
    width: 722px;
    margin: 0 auto 18px;
    letter-spacing: .018em
}

.page-new-detail hr {
    position: relative;
    height: 20px;
    margin: 15px 0 21px;
    border: 0;
    clear: both;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAOCAAAAABBB7DBAAABJ0lEQVR4Xn3S7dJDMBAFYPd/iYfSaEpR/dKiiPPuYt6azuj5tRn7rJB43Myz52a22QN2BcYfbEz3yX1GQw7gUC/vPZlDt836AIDVwa8Q8AEUqnQC6h8s0t6zKIiSABlZSb3J+vLmGEszopGxqtk1PEJ86Hg/vz8MEnMRZhFWpQ72u1bVwi6ctpDXBmFLtqdQhZf4CpORTIHU6KqpViwftC9MAsQD2ewURZlHA336Il0E7AJI3axYOQSykm6/pY6ev95jMlUNyRsw1Q9GH1a/Rfz/1GJiT2ENJCU1du448QosKl5qhKOywQCwFMbn8biccRdBoG6nwBzTuz2UB8sBDIXNBmXrdBYSdQ8b+P7+7JyZef37Tr5ye0jKTke0b0e6a2ptVrmvtj+gZcLG+f9hGgAAAABJRU5ErkJggg==) no-repeat center center, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVR4XmO8DQAA3wDdBFfNzAAAAABJRU5ErkJggg==) 0 9px repeat-x
}

.page-new-detail .new-detail-picture {
    position: relative;
    min-height: 323px;
    background: 50% 50% no-repeat;
    background-size: cover
}

.page-new-detail .pic-dots > * {
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid #fff;
    border-radius: 7px
}

.page-new-detail .pic-dots :nth-child(1) {
    top: -7px;
    left: -7px
}

.page-new-detail .pic-dots :nth-child(2) {
    top: -7px;
    right: -7px
}

.page-new-detail .pic-dots :nth-child(3) {
    bottom: -7px;
    left: -7px
}

.page-new-detail .pic-dots :nth-child(4) {
    bottom: -7px;
    right: -7px
}

.page-new-detail .new-date {
    margin: 26px 0 0;
    font: 700 15px Bitter, 'PT Serif', Georgia, serif;
    color: #a6a6a6
}

.page-new-detail .new-text {
    margin: 7px 0 10px
}

.page-new-detail .new-text p + p {
    margin-top: 18px
}

.page-new-detail .new-text blockquote {
    position: relative;
    margin: 14px 0 13px;
    padding: 23px 28px 26px;
    box-sizing: border-box;
    z-index: 1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAApUlEQVR4XoXPwQ7BQBDG8Z54CO/kIThz8mTi1PSCgxMkNDgQZ6TVblJhdr4xohK7beKfPf6y+SYQL2soDLznI9xm/xHv+ip4P5CfHIR8SVFDEbJ5PUK+onFLBcddBS7ih+7gbY+ipgq7bDsAFuehM5DjjnhRimRSCl2KfCGVYDYoDiWS2ijDZSRgB/niGuJ+UlxBYHkmMGv94yNqkN6CdIri+NbfXgMdeWrGpAH8AAAAAElFTkSuQmCC) 0 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAp0lEQVR4Xn3PwQ7BQBQF0FnxEf7JR7Bm5cvEqrHBwopKECyINdLqNKkw8+4zRWO8Nm5mM8nJzbvKBPIx3fk3FQjXqUT+h3Y9h2jT+Yeg53nZsA69kMgPrVu5GzWgwy/Cqc8g39mw+eqr0bab32dThXjCj6jU1/anKGQHpEsuBcnM7fggBuE8YJNwVQrEjNsRl0A4id7O9SFdsYkZtoyKgJDtEY3dXoGeAXZ5ar5AFicAAAAASUVORK5CYII=) 100% 0 no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAApklEQVR4Xn3PwQ7BUBAF0K74CP/kI1iz8mVi1XSDhRWVIFgQa6TVNqnw3twxSvNiXuLmLk9uZgITvst1cB4imaA8MIjraMSwbFIUa1xGuJ800jEZrqE4jXwnewz6ItoPkM19hmKF8ijClTZdrZ4J0mnAtsBtRru+iRribNz+QSD5112DPDbjVrXXUXMVcm5poqY45AsfudC29/njH5L7BKlqxPTw0QvxdHlq2+sUdQAAAABJRU5ErkJggg==) 0 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAqUlEQVR4XoXPwQ7BQBAG4D3xEN7JQ3Dm5MnEqXHBwYlKEByIM9LqblKhnX9std0we7CZ08yXP/8qdg+E9IR4hsvQ7bJA2akQHmdcRzBrfkVWS1SJW8BZ4m4eAtkMISRCeoTZ+AB6SYdBjaIpZ7EQtO2U5xrZvyD/FnnYLsS4Sbse7nOmp/IyuoWYtKBXbvmDkCw+GQ3o0AmJyqa074t420uO7fEfcW4EegPvzXlqnU1ctwAAAABJRU5ErkJggg==) 100% 100% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAIAAAByq0inAAAAE0lEQVR4XmP6vYsBiP7DwL9XmwCEUg7+j95xqgAAAABJRU5ErkJggg==) 0 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAIAAAByq0inAAAAE0lEQVR4XmP692rTfxj4vYsBiACdRQ7+5+U+vAAAAABJRU5ErkJggg==) 100% 0 repeat-y, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAIAAACNcmNmAAAAFklEQVR4XmP8vYsBjP///w/H/15tAgCl0A8CD6aW/AAAAABJRU5ErkJggg==) 0 0 repeat-x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAIAAACNcmNmAAAAF0lEQVR4XmP892oT4////+H49y4GEAYAxxQPAuguaW0AAAAASUVORK5CYII=) 0 100% repeat-x
}

.page-new-detail .to-news {
    text-align: center;
    font: 700 22px Bitter, 'PT Serif', Georgia, serif;
    margin: 27px 0 0
}

.page-new-detail .to-news a {
    color: #478f00
}

.page-new-detail .to-news a:hover {
    text-decoration: none
}

@media (max-width: 699px) {
    .page-new-detail .new-title {
        width: auto
    }
}