@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&subset=cyrillic');
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.5;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.i {
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center;
  background-size: 100%;
  font-size: 0;
}
.i_mm {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOAQMAAAAVCq6zAAAABlBMVEUAAADhsG5DiOG/AAAAAXRSTlMAQObYZgAAABFJREFUCNdj+P//AxijAULiAOzREZULVv5PAAAAAElFTkSuQmCC);
  background-size: 20px;
}
.i_cart {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaBAMAAABFrWFOAAAAFVBMVEUAAADhsG7hsG7fr2zhr27hsG3hsG6nH3CfAAAABnRSTlMA74AgkI8dcLPvAAAAKElEQVQY02MAAsW0NFEGMGBJAwIFMJMxmYHBTADMZEuAYIY0OBghTADQt1vdhKnsVgAAAABJRU5ErkJggg==);
  background-size: 20px;
}
.i .mixin__social-hover:hover {
  opacity: 0.5;
}
.i_fb {
  width: 19px;
  height: 19px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAOVBMVEUAAAD////////////9/f3////////+/v7+/v7////////+/v7+/v7////////////////////+/v60TKk0AAAAEnRSTlMAvx/fn2AQ798/MM+wn49/b1DjqIx+AAAATklEQVR42r3NORKAMBDEQA3gk3v//1gSqmBtYhR2ImRtwvq85Zwa2yLgbYLOCtRj9zbAbNbZ6CxJERbptmcA9cPKyxRChDOsX4+/TJ3pAg/4E6l5lK1UAAAAAElFTkSuQmCC);
}
.i_fb:hover {
  opacity: 0.5;
}
.i_vk {
  width: 25px;
  height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAPCAMAAAAmuJTXAAAANlBMVEUAAAD///////////7///////7///////////7///////7///////////7///////////////6KjFfWAAAAEXRSTlMA3yCfv+9AEM+PgGAvr19Pb19Vhn4AAACDSURBVBjTRcxLAoMwCATQIQbzMWq5/2VbCNDZgHmMIBGZAJpoDvxSKhG9JtwAjJRDt3M/fPTSJJYKnDp7SlQWgLq7KZdPL1FKIf0sQJSmS+s6HiBLcpow76ZnGFXJ1JBG/pIZQUsy976aQdf/P6Xb8iRxCJoRr6BCLkEVmfdm4ZFX9AVi5Q17alu4pAAAAABJRU5ErkJggg==);
}
.i_vk:hover {
  opacity: 0.5;
}
.i_ig {
  width: 22px;
  height: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAn1/vECDfb39Pz7+vQDCAPx/fxX2VAAAAuElEQVQY04WRSXLDMBADMStFrTb+/9gonDhmfEkfm8UCCoObQ9L4g63S8Y1v/EAcgNCWp+PFqckN6MzARHgYDwh1tgfTFwpWnhXRRDTQyQgmjMO26nJBH3AaOPRF7qpCNtyQpYOVoDSftFIw2NkmXXXq/X/duJcW6qTdXpGMSaORorqTC0obHTdLzdowtCH5rIlUpHmNyBVS/4p3nYMWf20kO7Ax9fx1HpeN7i78YKuILuv7xCkPAF+e6wyH1qAp0gAAAABJRU5ErkJggg==);
}
.i_ig:hover {
  opacity: 0.5;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .i_mm {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcAQMAAAAp22+VAAAABlBMVEUAAADhsG5DiOG/AAAAAXRSTlMAQObYZgAAABJJREFUCNdj+A8CWEgSAa3NAQCeFTvFDi6DNQAAAABJRU5ErkJggg==);
  }
  .i_cart {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA0BAMAAAAKxGe+AAAAIVBMVEUAAADhsG7fr2zfr3DhsG7isG7isG3gsG3hr27hsW7hsG4i9j6GAAAACnRSTlMA3yAQz7+gX4B/hS3f0gAAAExJREFUOMtjgACLqFVAsKSAAQkwSa0Cg4UKSIKMq6BAGEmwCia4EknQa1UyiFJbtRRJcNUqsGHMq1ahCEJovIKrsIBRwVHBUcEBFwQA2xBoZPRm+FIAAAAASUVORK5CYII=);
  }
  .i_fb {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAM1BMVEUAAAD////////////////////+/v7////+/v7////+/v7////////////////////+/v4QweGyAAAAEHRSTlMAvz/ff1/vn88gr49PbzAQIMR81wAAAHpJREFUeNrt0LsOgCAMheFesIBX3v9phW4mBs5kNPGfzvAtLYmVYSqkBcioQD3FLDFz0j5jOcjTHgtORiwSxDLEZoLY5iBHrXUuXZ3F0d/EGb+NzaGWnU1tLvdsomuCsRVjAWMRY3zPEtd2F0ub4N9+9kFmCFMSHTOTEzBnRpmPWIgbAAAAAElFTkSuQmCC);
  }
  .i_vk {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAMAAABZj73OAAAAOVBMVEUAAAD///////////////////7///////////////////////7///////////////7///3///////69DIlpAAAAEnRSTlMA30AgX+8Qv3+PYHAwr5/Pn1CrjkoeAAABBUlEQVQ4y4WUWY7EIAwFDQw7JB3uf9hRK4JH25aorwRT8SaF8niJgV6cHxPjaFGv+KU/RCue6MUO8LeMMo9uIjOf/YxmRcG1D9G14hZhoRTc2l/yjCco4iuGiIJflc0BPEKpvydRDoArbiXpuIA0moJ+nehWVxraFYWaoCnBiNUGj240JStrSls3UikDW1wg8+hCcZ6VxRcxHqY4NpxFRGluV+7slbLmGJF+KQArAWlzbD0omMCBOzDHjiORGPnsfLgTz05mCjYATLPX2Kjc8epnixf/D9CEk3h637hjhMIdEw79JHnciREupsg2LXGKURSy6kYh3cpQCxzSaDV+c5kclOz9HyFuPG52IecjAAAAAElFTkSuQmCC);
  }
  .i_ig {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMA3yC/P++vEJ9/bzDPYF8fj0+rMNWoAAABd0lEQVR4Aa2V4W7DIAyEDXaAAG26vP/Dbjhq7HpgadLuT6rqC/H5DMBbsRYMYTs/tIWAqUb41ANPR/2p0OihrBBvNnic0MJuWNtxgFE+qCZNM5syLBXLIJC9jV87uNoHM1z2n2dZc/lBAJCupeN4KS7ZtvFSeQRwQB0Fw1LcVLqelT9QzZcbEQGI+y/gNQu/QrMw8fm2tkWAxkUHLuYWBRXEWOTVscFlLTCcVY9E0tEbHjYt21Pqlh7lwKlgYuCVJTaxw5yGw3iddIvPsII5+KbMcsgLGCV4sYAL+FfwefyTDSxf7aDFQ9aWsJmS0RFawmZW0xJu8zIsbO3ojE+ndbstGb1QSNjGobhx3xHSOm4ZpBLZwT4ZpPmIlvmIyk5xhz9zSf62MjsFOf7lhtV2kHtZ4VNE1MzZdx0vVRrviY8XLmbLPimHHPrnlwTf/3rkAkpsc+XEjdRXSqoUs+VibBU3e6n853WFUcfWXfRpq6tpfh2Xeo/ON/cZNjcL3aDZAAAAAElFTkSuQmCC);
  }
}
.btn {
  display: inline-block;
  padding: 7px 15px;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  background: none;
}
.btn_gold {
  color: #ffffff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1b06e+0,c19151+100 */
  background: #d5bb92;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d5bb92 0%, #c0a375);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d5bb92 0%, #c0a375 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d5bb92 0%, #c0a375 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1b06e', endColorstr='#c19151', GradientType=0);
  /* IE6-9 */
  text-decoration: none;
  -webkit-box-shadow: 0 10px 20px rgba(184, 155, 120, 0.37);
  -moz-box-shadow: 0 10px 20px rgba(184, 155, 120, 0.37);
  box-shadow: 0 10px 20px rgba(184, 155, 120, 0.37);
  border-radius: 3px;
}
.btn_gold:hover {
  background: #f5d8b1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5d8b1 0%, #d6b283);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5d8b1 0%, #d6b283 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5d8b1 0%, #d6b283 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5D8B1', endColorstr='#D6B283', GradientType=0);
  /* IE6-9 */
}
.btn_light {
  padding-top: 9px;
  padding-bottom: 9px;
  border: 1px solid rgba(193, 145, 81, 0.3);
  border-radius: 4px;
  font-size: 15px;
  line-height: 19px;
  color: #c19151;
}
.btn_light:hover {
  background: rgba(193, 145, 81, 0.1);
}
.btn_active.btn_light {
  background: #c19151;
  color: #ffffff;
  border-color: #c19151;
}
.btn_lg {
  width: 100%;
  padding: 16px 15px;
}
.btn_bordered {
  position: relative;
  padding: 20px 40px 23px;
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn_bordered:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
body {
  font-family: 'Georgia', serif;
  min-width: 320px;
}
.clearfix::after {
  display: table;
  clear: both;
  content: "";
}
.bg-grad {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff, 500px);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 500px);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 500px);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fff', GradientType=0);
  /* IE6-9 */
}
.page-title {
  text-align: center;
  padding: 40px 0 20px;
}
.filter {
  text-align: center;
  font-size: 0;
}
.filter .btn {
  margin: 2.5px;
}
.filter_single {
  margin: 37.5px 0;
}
.filter_v {
  margin-bottom: 60px;
}
.filter_v .btn {
  display: block;
  width: 210px;
  margin: 5px auto;
}
.ta_c {
  text-align: center;
}
.container {
  padding: 0 20px;
}
.banner ul li {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.banner ul li img {
  max-width: 100%;
}
.banner ul li:not(:first-child) {
  display: none;
}
.unslider-nav {
  margin-top: 15px;
  font-size: 0;
  line-height: 0;
}
.unslider-nav ol li {
  width: 5px;
  height: 5px;
  margin: 0 3px;
}
.unslider-arrow {
  display: none;
}
.unslider .banner ul li:not(:first-child) {
  display: block;
}
.card {
  margin-bottom: 60px;
  font-size: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.card img {
  width: 100%;
}
.pane {
  border: 1px solid #ededed;
  padding: 32px 24px;
  text-align: center;
}
.pane + .pane {
  border-top-width: 0;
}
.pane__label {
  font-size: 13px;
  line-height: 22px;
}
.pane__label_lg {
  font-size: 15px;
  font-weight: bold;
}
.pane__title {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
}
.pane__price {
  font-size: 21px;
  line-height: 29px;
}
.pane .btn {
  margin-top: 28px;
}
.icon-hall {
  display: inline-block;
  margin-bottom: 22px;
  width: 117px;
  height: 42px;
  /*background: url('../img/hall.png') center no-repeat;
  background-size: 117px;*/
}
.icon-hall img{max-width:100%;}
.banner-hall {
  padding: 0 10px;
  background: #ffffff;
  margin-bottom: 100px;
}
.banner-hall .container {
  padding: 0;
}
.banner-hall img {
  width: 100%;
}
.banner-hall__inner {
  -webkit-box-shadow: 0 4px 70px rgba(28, 28, 28, 0.1);
  -moz-box-shadow: 0 4px 70px rgba(28, 28, 28, 0.1);
  box-shadow: 0 4px 70px rgba(28, 28, 28, 0.1);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;
}
.banner-hall__text {
  padding: 55px 20px 50px;
  background: url('../img/bg_hall.png') center 30px no-repeat;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
.banner-hall__text p {
  margin-bottom: 25px;
}
.banner-hall h2 {
  letter-spacing: 0;
  margin-bottom: 34px;
}
.your-drinks {
  padding-left: 48px;
  min-height: 35px;
  font-size: 16px;
  line-height: 23px;
  background: url('../img/icon-drinks.png') left top no-repeat;
  background-size: 34px;
}
@media screen and (min-width: 600px) {
  .page-title {
    padding: 48px 0 32px;
  }
  .filter .btn {
    margin: 5px;
  }
  .filter_v {
    margin-bottom: 40px;
  }
  .filter_v .btn {
    display: inline-block;
    width: auto;
  }
  .container {
    padding: 0 30px;
  }
  .container_delivery {
    width: 390px;
    margin: auto;
  }
  .panes {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
  }
  .pane {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pane:nth-child(2) {
    border-top-width: 1px;
    border-left: 0;
  }
  .pane_wide {
    width: 100%;
  }
  .unslider-nav {
    margin-top: 25px;
  }
  .unslider-nav ol li {
    width: 9px;
    height: 9px;
    margin: 0 5.5px;
  }
  .unslider-arrow {
    display: block;
    font-size: 0;
    position: relative;
    top: 0;
    bottom: 34px;
    padding: 0 15px;
  }
  .unslider-arrow::before {
    content: "";
    display: block;
    width: 14px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .unslider-arrow.prev {
    left: 0;
  }
  .unslider-arrow.prev::before {
    margin-left: auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAdCAMAAACt1K3WAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAMO/fgF8gv3BvYhvDNQAAAEpJREFUeAFl0EsOgEAQAlHGv3X/A7uZmEJ799ILAqnbWrTMG3MHaCGJA3MsLy2mxGNFtGiRU/h/22l/c9tpZ1p033ZsM5eoneW0H4OqB7+QfH7OAAAAAElFTkSuQmCC);
  }
  .unslider-arrow.next {
    right: 0;
  }
  .unslider-arrow.next::before {
    margin-right: auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAdCAMAAACt1K3WAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAMO/fgCBgX3C/rbzuYgAAAElJREFUeAFt0EsKgEAMxuDft+b+BxakyIROdx9dlCZ7NNjYwG1ymYORiyzmWsbG/sl2iJ+RRZ62lWK1u1Ks+UdnKVasXtKdpVgvrggHw76X2rcAAAAASUVORK5CYII=);
  }
}
@media screen and (max-width: 979px) {
  .hidden-xs {
    display: none !important;
  }
}
@media screen and (min-width: 980px) {
  .hidden-lg {
    display: none !important;
  }
  .page-title {
    padding: 78px 0 42px;
  }
  .container {
    padding: 0 40px;
  }
  .banner__wrapper {
    margin-top: 20px;
  }
  .unslider-nav {
    margin-top: 40px;
  }
  .unslider-arrow {
    bottom: 49px;
    padding: 0 25.5px;
  }
  .unslider-arrow.prev::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAdCAMAAACt1K3WAAAAIVBMVEUAAAC/j1DBkVHBkVHBkVHCklG/j1DCklG/j1DDk1PBkVHQ49nSAAAACnRSTlMAMO/fgF8gv3BvYhvDNQAAAEpJREFUeAFl0EsOgEAQAlHGv3X/A7uZmEJ799ILAqnbWrTMG3MHaCGJA3MsLy2mxGNFtGiRU/h/22l/c9tpZ1p033ZsM5eoneW0H4OqB7+QfH7OAAAAAElFTkSuQmCC);
  }
  .unslider-arrow.next::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAdCAMAAACt1K3WAAAAIVBMVEUAAAC/j1DBkVHBkVHBkVG/j1C/j1DBkVO/j1DCklHBkVH3G3/dAAAACnRSTlMAMO/fgCBgX3C/rbzuYgAAAElJREFUeAFt0EsKgEAMxuDft+b+BxakyIROdx9dlCZ7NNjYwG1ymYORiyzmWsbG/sl2iJ+RRZ62lWK1u1Ks+UdnKVasXtKdpVgvrggHw76X2rcAAAAASUVORK5CYII=);
  }
  .unslider-arrow:hover {
    background: rgba(225, 176, 110, 0.1132);
  }
  .filter_single {
    margin: 75px 0;
  }
  .card {
    display: flex;
  }
  .card img {
    width: auto;
  }
  .panes {
    max-width: 530px;
    margin: 0;
  }
  .banner-hall img {
    width: 50%;
  }
  .banner-hall__inner {
    position: relative;
    display: flex;
  }
  .banner-hall__inner:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #d5bb92;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
  }
  .banner-hall__text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url('../img/bg_hall_lg.png') right bottom no-repeat;
    padding: 0 20px;
  }
  .banner-hall h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 976px;
    padding: 0;
    margin: auto;
  }
  .container_delivery {
    width: 390px;
  }
  .banner {
    width: 1024px;
    margin: 0 auto;
  }
  .unslider-arrow.next {
    left: calc(50% + 512px);
  }
  .unslider-arrow.prev {
    right: calc(50% + 512px);
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .your-drinks {
    background-image: url('../img/icon-drinks@2x.png');
  }
  .icon-hall {
    background-image: url('../img/hall@2x.png');
  }
}
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.unslider-wrap {
  position: relative;
}
.unslider-wrap.unslider-carousel > li {
  float: left;
}
.unslider-vertical > ul {
  height: 100%;
}
.unslider-vertical li {
  float: none;
  width: 100%;
}
.unslider-fade {
  position: relative;
}
.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}
.unslider-arrow {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  background: #e3e7e9;
  cursor: pointer;
}
.unslider-nav ol li:hover {
  background: #a4abb0;
}
.unslider-nav ol li.unslider-active {
  background: #c19151;
  cursor: default;
}
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  background: #e3e7e9;
  cursor: pointer;
}
.unslider-nav ol li:hover {
  background: #a4abb0;
}
.unslider-nav ol li.unslider-active {
  background: #c19151;
  cursor: default;
}
.site-header {
  text-align: center;
  position: relative;
}
.site-header__container {
  display: flex;
  flex-direction: column;
  padding: 20px 0 26px;
}
.site-header__col {
  order: 2;
  margin: 20px 0;
}
.logo {
  display: block;
  order: 1;
}
.logo__img {
  width: 165px;
}
.mixin__link {
  font-size: 14px;
  line-height: 18px;
  color: #b89b78;
  cursor: pointer;
  text-decoration: none;
  font-style: italic;
  border-bottom: 1px solid transparent;
}
.mixin__link:hover {
  color: #fe5e44;
  border-bottom-color: rgba(254, 94, 68, 0.3);
}
.address__address {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}
.address__link {
  font-size: 14px;
  line-height: 18px;
  color: #b89b78;
  cursor: pointer;
  text-decoration: none;
  font-style: italic;
  border-bottom: 1px solid transparent;
}
.address__link:hover {
  color: #fe5e44;
  border-bottom-color: rgba(254, 94, 68, 0.3);
}
.contacts {
  color: #000000;
}
.contacts__label {
  display: block;
  margin-bottom: 9px;
  font-size: 10px;
  line-height: 12px;
}
.contacts__phone {
  display: block;
  margin-bottom: 11px;
  color: inherit;
  text-decoration: none;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
}
.contacts__link {
  display: inline-block;
  width: auto;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 14px;
  line-height: 18px;
  color: #b89b78;
  cursor: pointer;
  text-decoration: none;
  font-style: italic;
  border-bottom: 1px solid transparent;
}
.contacts__link:hover {
  color: #fe5e44;
  border-bottom-color: rgba(254, 94, 68, 0.3);
}
.top-nav {
  display: none;
}
.top-nav__btn {
  width: 100%;
  height: 100%;
  max-width: 50px;
  min-height: 14px;
  border: 0;
}
.top-nav a {
  letter-spacing: 0.83px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.top-nav a:hover {
  color: #b89b78;
}
.shop-bar {
  background: #ffffff;
}
.shop-bar__inner {
  height: 65px;
  padding: 0 5px;
  overflow: hidden;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
}
.shop-bar__left {
  float: left;
  width: 40px;
}
.shop-bar__right {
  float: right;
  width: 40px;
}
.shop-bar__center {
  margin: 0 45px;
}
.m-cart {
  width: 100%;
  height: 100%;
  max-width: 50px;
  min-height: 14px;
  border: 0;
  background: none;
  font-family: inherit;
  cursor: pointer;
}
.m-cart__sum {
  display: none;
}
.m-cart__btn {
  display: none;
}
.m-cart__total-items {
  display: block;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  line-height: 59px;
}
.m-cart__total-items span {
  display: none;
}
.menu-nav__ul {
  padding-bottom: 20px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
}
.menu-nav li {
  display: inline-block;
}
.menu-nav a {
  display: inline-block;
  padding: 20px 7.5px;
  color: #000000;
  text-decoration: none;
  font-weight: 500;
}
.menu-nav a span {
  display: inline-block;
  border-bottom: 1px solid rgba(193, 145, 81, 0.5);
  font-size: 15px;
  line-height: 24px;
}
.menu-nav a:hover {
  color: #b89b78;
}
@media screen and (min-width: 600px) {
  .site-header {
    font-size: 0;
  }
  .site-header__container {
    display: block;
  }
  .site-header__col {
    margin: 0;
    display: inline-block;
    width: 33.333333333333336%;
    vertical-align: middle;
  }
  .site-header__col_lg-visible {
    display: none;
  }
  .shop-bar__inner {
    padding: 0 37px;
  }
}
@media screen and (max-width: 979px) {
  .top-nav {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    padding: 36px 0;
    background: #000000;
  }
  .top-nav a {
    display: block;
    padding: 10px 0;
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 19px;
  }
  .top-nav__btn {
    position: relative;
    z-index: 101;
  }
  .menu-nav {
    position: relative;
    height: 65px;
    overflow: hidden;
  }
  .menu-nav:before {
    position: absolute;
    z-index: 10;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+10,ffffff+100&1+10,0+100 */
    background: -moz-linear-gradient(left, #ffffff 1px, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 1px, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1px, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .menu-nav:after {
    position: absolute;
    z-index: 10;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+10,ffffff+100&1+10,0+100 */
    background: -moz-linear-gradient(right, #ffffff 1px, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #ffffff 1px, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, #ffffff 1px, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .m-cart__list {
    display: none !important;
  }
}
@media screen and (min-width: 980px) {
  .top-nav {
    display: block;
    padding: 12.5px 0;
    border-bottom: 1px solid #e8ebef;
  }
  .top-nav li {
    display: inline-block;
  }
  .top-nav a {
    display: inline-block;
    margin: 0 10px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 24px;
    color: #000000;
  }
  .logo__img {
    width: 206px;
  }
  .shop-bar__inner {
    height: 84px;
    overflow: visible;
  }
  .shop-bar__left {
    display: none;
  }
  .shop-bar__center {
    margin-left: 0;
  }
  .shop-bar__right {
    position: relative;
    width: 200px;
  }
  .menu-nav {
    text-align: left;
    padding-top: 10px;
  }
  .menu-nav__ul {
    overflow: visible;
  }
  .menu-nav li {
    margin: 0 15px 0 0;
  }
  .menu-nav a {
    padding-left: 0;
    padding-right: 0;
  }
  .m-cart {
    max-width: none;
    height: auto;
    padding: 24px 0 0;
    text-align: left;
  }
  .m-cart__sum {
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    font-weight: 500;
  }
  .m-cart__total-items {
    position: relative;
    display: inline-block;
    padding-right: 13px;
    height: auto;
    background: none;
    color: #b89b78;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
  }
  .m-cart__total-items span {
    display: initial;
  }
  .m-cart__total-items:after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -1px;
    border: 3px solid transparent;
    border-top: 4px solid #b89b78;
  }
  .m-cart__btn {
    display: block;
    float: right;
    margin-left: 18px;
  }
  .m-cart__order {
    float: right;
  }
  .m-cart .m-cart__list {
    display: none;
  }
  .m-cart.open {
    position: absolute;
    z-index: 11;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
    background: #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
  }
  .m-cart.open .m-cart__list {
    clear: both;
    display: block;
    padding-top: 14px;
  }
  .m-cart.open .m-cart-item {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    padding: 17px 15px 20px;
    border-top: 1px solid #e3e7e9;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  .m-cart.open .m-cart-item .delete {
    float: right;
  }
  .m-cart.open .m-cart-item__title {
    margin-bottom: 12px;
  }
  .m-cart.open .m-cart-item__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .m-cart.open .m-cart-item .price_big {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .m-cart.open .m-cart-item .btn {
    margin-top: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .site-header__container {
    width: 1060px;
    margin: auto;
  }
  .site-header__col_lg-visible {
    display: inline-block;
  }
  .site-header__col_lg-hidden {
    display: none;
  }
  .shop-bar {
    padding: 0;
  }
  .shop-bar__inner {
    width: 972px;
    padding-right: 15px;
    margin: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .menu-nav li {
    margin-right: 24px;
  }
}
.h1 {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}
.content h1 {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}
.content p {
  margin-bottom: 1em;
  font-size: 15px;
  line-height: 27px;
}
.content p.light {
  padding: 18px 0 20px;
  margin-bottom: 40px;
  border-top: 1px solid #b89b78;
  border-bottom: 1px solid #b89b78;
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.content a {
  color: #c19151;
  text-decoration: none;
}
.content figure {
  margin-top: 36px;
  margin-bottom: 40px;
  max-width: 100%;
}
.content figure img {
  display: block;
  max-width: 100%;
  margin: auto;
}
.content figure figcaption {
  margin-top: 15px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
.content h2 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}
@media screen and (min-width: 600px) {
  .h1 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 6px;
  }
  .content h1 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 6px;
  }
  .content figure {
    margin-top: 54px;
  }
  .content p {
    font-size: 16px;
    line-height: 30px;
  }
  .content p.light {
    padding: 40px 0;
    font-size: 23px;
    line-height: 31px;
  }
  .content h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (min-width: 980px) {
  .h1 {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 8px;
  }
  .content h1 {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 8px;
  }
  .content p {
    font-size: 18px;
    line-height: 35px;
  }
  .content p.light {
    padding: 40px 0;
    margin: 60px auto 70px;
    font-size: 25px;
    line-height: 35px;
  }
  .content h2 {
    font-size: 30px;
    line-height: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .content h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .content .article__header,
  .content h1,
  .content p,
  .content h2 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.form__label {
  display: block;
  margin-bottom: 11px;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Playfair Display', serif;
  font-weight: bold;
}
* + .form__label {
  margin-top: 33px;
}
.form input[type=text],
.form select,
.form textarea {
  display: block;
  width: 100%;
  height: 55px;
  padding: 10px 20px;
  margin-bottom: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  font-size: 16px;
  line-height: 24px;
  font-family: inherit;
  -webkit-appearance: none;
}
.form input[type=text]::placeholder,
.form select::placeholder,
.form textarea::placeholder {
  opacity: 0.3;
}
.form textarea {
  height: auto;
}
.form select {
  padding-right: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAMAAAB/2U7WAAAALVBMVEUAAADBkVG/j1DBkVHBkFDBkVDAkFG/j1DBkVHCkVHAkFK/j1C/j1C/j1DBkVHrclutAAAADnRSTlMA3yDvj39vEM+/r1BAMAO4PiIAAABgSURBVHjaddBBDoAgDETRKRQKit7/uBIjISPlbf+CDtB7S2Fl1wRAiJsW0DU/nnglryV86toODCbeg8P1P6q3KXPLIMrrmRVez0LkY1ib6x1prndUXs9M1gfpL6ixzOsfWEANc+B5j9AAAAAASUVORK5CYII=) no-repeat right 20px top 24px;
  background-size: 14px;
}
.form__subtitle {
  margin-bottom: 30px;
  margin-top: 40px;
  font-size: 25px;
  line-height: 24px;
  font-weight: bold;
}
.form .cb {
  width: 50%;
}
.form .cb label {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-right: 1px;
  margin-bottom: 15px;
  margin-top: 5px;
  font-size: 16px;
  line-height: 19px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.form .cb label:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
  width: 13px;
  height: 13px;
  border: 1px solid #d5bb92;
  background: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.form .cb input[type=checkbox] {
  display: none;
}
.form .cb input[type=checkbox]:checked + label:before {
  background: #d5bb92;
}
.form .cb__block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.quantity {
  display: flex;
  align-items: center;
}
.quantity span {
  margin: 0 18px;
}
.quantity input[type=text] {
  display: inline-block;
  width: 60px;
  height: auto;
  padding: 0 10px;
  margin: 0 8px;
  border: 0;
  background: none;
  text-align: center;
}

.m-cart-item .quantity input[type=text]{
	 width: 25px;
	 margin:0;padding:0;
}
.delete {
  margin-bottom: 8px;
  padding: 0 20px 0 0;
  min-height: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #b89b78;
  background-color: unset;
  border: none;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAIVBMVEUAAADfr3DhsG/fr2/hsG/ksW7jsW7fr23hsG7jsW7fr2xJ8drNAAAAC3RSTlMAEN8gz19/MO9vUOPqoFcAAAA3SURBVHjahYw5DgAgDMNCy/3/ByNaS4xksgdHo4ktlxvWa1EaHAZjwdi0YNrsaL+f+30OCb5wAEvgAOgTwNztAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right;
}
.input_plus,
.input_minus {
  width: 33px;
  height: 33px;
  border: 1px solid #b89b78;
  background-color: unset;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: 5px;
}
.input_plus {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANAQMAAABIJXY/AAAABlBMVEUAAADhsG5DiOG/AAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGJAR/9/YAoCAChbAhBdOIkaAAAAAElFTkSuQmCC);
}
.input_minus {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAABCAMAAAAy99Q1AAAAA1BMVEXhsG5BlWWqAAAACklEQVR4AWNAAQAADgABfo4SRQAAAABJRU5ErkJggg==);
}
@media screen and (min-width: 600px) {
  .form__cb label {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
  }
}
.catalog {
  overflow: hidden;
}
.catalog__title {
  margin-top: 48px;
  margin-bottom: 12px;
  text-align: center;
  color: #000000;
}
.catalog__subtitle {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #8fa0ab;
  margin-bottom: 28px;
}
.catalog__menu-title {
  margin-bottom: 17px;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: bold;
}
.catalog__menu-subtitle {
  margin-bottom: 28px;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
}
.catalog__more {
  display: block;
  margin: 60px auto 120px;
}
.item {
  margin-bottom: 50px;
  text-align: center;
}
.item__img {
  display: block;
  margin: 0 auto 44px;
  max-width: 100%;
}
.item__title {
  font-family: 'Playfair Display', serif;
  color: #000000;
  font-size: 18px;
  line-height: 29px;
  margin-bottom: 10px;
  font-weight: bold;
}
.item__weight {
  margin: 10px 0;
  font-size: 13px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.3);
}
.item__price {
  display: inline-block;
  margin: 0 auto 18px;
  padding: 4px 15px;
  border-top: 1px solid rgba(193, 145, 81, 0.3);
  border-bottom: 1px solid rgba(193, 145, 81, 0.3);
  font-size: 16px;
  line-height: 24px;
  color: #c19151;
}
.item__desc {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 22px;
}
.item__add-to-cart {
  padding: 7px 12px 6px;
  font-size: 12px;
  line-height: 14px;
}
@media screen and (min-width: 600px) {
  .catalog__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
  }
  .catalog__row > * {
    width: 50%;
  }
  .catalog__title {
    margin-top: 80px;
    margin-bottom: 16px;
  }
  .catalog__subtitle {
    font-size: 20px;
  }
  .catalog__menu-title {
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 45px;
  }
  .catalog__menu-subtitle {
    margin-bottom: 48px;
    font-size: 15px;
    line-height: 22px;
  }
  .item {
    margin-bottom: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .item__title {
    font-size: 21px;
    margin-bottom: 13px;
  }
}
@media screen and (min-width: 980px) {
  .catalog__row {
    margin-bottom: 40px;
  }
  .catalog__row > * {
    width: 33.333333333333336%;
  }
}
.article {
  padding-bottom: 130px;
}
.article__header {
  padding-top: 40px;
  margin-bottom: 20px;
}
.article__title {
  display: inline-block;
  padding-right: 30px;
  margin-right: 30px;
  font-size: 15px;
  line-height: 14px;
  letter-spacing: 8px;
  border-right: 1px solid #b89b78;
}
.article__date {
  font-size: 12px;
  line-height: 15px;
}
.article h1 {
  margin-bottom: 24px;
}
@media screen and (min-width: 600px) {
  .article__header {
    margin-bottom: 40px;
  }
}
.rouble:after {
  content: " ₽";
}
.cart {
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 60px;
}
.cart input {
  font-family: inherit;
}
.cart__subtitle {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
.cart-product {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  padding: 20px;
  margin: 10px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}
.cart-product__left,
.cart-product__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cart-product__left {
  align-items: flex-start;
}
.cart-product__left .quantity {
  margin-top: 29px;
}
.cart-product__right {
  align-items: flex-end;
}
.cart-product .name {
  text-align: left;
}
.cart__products {
  padding-bottom: 40px;
}
.cart__total {
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 24px;
}
.cart__submit {
  margin-top: 40px;
}
.cart .h1 {
  margin-bottom: 50px;
}
.cart .form .quantity {
  justify-content: center;
}
.order-flow {
  margin-bottom: 78px;
  counter-reset: order-flow;
  text-align: center;
}
.order-flow li {
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
  counter-increment: order-flow;
}
.order-flow li a {
  position: relative;
  display: inline-block;
  padding: 46px 20px 0;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  color: #000000;
}
.order-flow li a:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 39px;
  height: 39px;
  margin-left: -20.5px;
  border: 1px solid #d5bb92;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: counter(order-flow);
  font-size: 18px;
  line-height: 39px;
  color: #000000;
}
@media screen and (min-width: 600px) {
  .cart {
    padding: 10px;
    margin: 0 auto;
  }
  .cart-product {
    border: none;
    padding: 0;
    font-size: 20px;
  }
  .cart-product__left,
  .cart-product__right {
    flex-direction: row;
    align-items: flex-start;
  }
  .cart-product__left {
    width: 70%;
  }
  .cart-product__left .quantity {
    margin: -5px 25px 0;
  }
  .cart-product__right .price {
    margin: 0 58px 0 0;
  }
  .cart-product__right .delete {
    font-size: 0;
    padding: 5px 20px 0 0;
  }
  .cart-product + .cart-product {
    margin-top: 40px;
  }
  .cart__products {
    border-bottom: 1px solid #e3e7e9;
    margin-bottom: 30px;
  }
  .cart input[type=text] {
    max-width: 245px;
    margin-left: auto;
    margin-right: auto;
  }
  .cart .quantity input[type=text] {
    margin: 0 8px;
  }
  .order-flow {
    display: flex;
    justify-content: center;
  }
  .order-flow li {
    margin-bottom: 0;
  }
  .order-flow li:before,
  .order-flow li:after {
    content: '';
    position: absolute;
    top: 20.5px;
    border-top: 1px dashed rgba(213, 187, 146, 0.3);
  }
  .order-flow li:before {
    left: 0;
    right: 50%;
    margin-right: 20px;
  }
  .order-flow li:after {
    left: 50%;
    right: 0;
    margin-left: 21px;
  }
  .order-flow li:first-child:before {
    display: none;
  }
  .order-flow li:last-child:after {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .page-cart {
    padding-top: 50px;
  }
  .cart {
    margin: 0 auto 120px;
    max-width: 708px;
    padding: 70px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 70px rgba(28, 28, 28, 0.1);
    -moz-box-shadow: 0 4px 70px rgba(28, 28, 28, 0.1);
    box-shadow: 0 4px 70px rgba(28, 28, 28, 0.1);
  }
  .cart .page-title {
    padding-top: 0;
  }
  .cart__subtitle {
    font-size: 30px;
    line-height: 45px;
  }
  .order-flow li a {
    padding: 63px 40px 0;
  }
}
.site-footer {
  background: #000000;
  text-align: center;
}
.site-footer__inner {
  padding: 31px 10px 0;
}
.site-footer .logo {
  margin-bottom: 36px;
}
.site-footer .logo__img {
  width: 206px;
}
.site-footer .top-nav {
  position: static;
  display: block;
  padding: 60px 0;
  margin: 0 -10px;
  width: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.site-footer .top-nav a {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
}
.site-footer .contacts {
  margin-bottom: 40px;
}
.site-footer .contacts__label {
  margin-bottom: 9px;
  color: #ffffff;
}
.site-footer .contacts__phone {
  margin-bottom: 11px;
  color: #ffffff;
}
.site-footer .address {
  margin-bottom: 35px;
}
.site-footer .address__address {
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 14px;
}
.site-footer__footer {
  padding: 34px 20px 28px;
  background: #1f1f1f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1f1f1f 0%, #000000);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1f1f1f 0%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1f1f1f 0%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='000', GradientType=0);
  /* IE6-9 */
}
.social {
  margin-bottom: 60px;
}
.social .i {
  margin: 0 12.5px;
}
.social .contacts__label {
  margin-bottom: 15px;
}
.copy {
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
}
.mk {
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
}
.mk a {
  color: #d5bb92;
  text-decoration: none;
}
@media screen and (min-width: 980px) {
  .site-footer__inner {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
  }
  .site-footer__row {
    display: flex;
  }
  .site-footer .top-nav {
    padding: 20px 0;
    border-bottom: 1px solid rgba(242, 244, 245, 0.3);
    border-top: 0;
    margin: 0;
  }
  .site-footer .top-nav a {
    font-size: 10px;
    line-height: 24px;
  }
  .site-footer__row {
    margin: 40px 0;
    justify-content: stretch;
    align-items: center;
  }
  .site-footer__row > * {
    flex-grow: 1;
    flex-basis: 100%;
  }
  .site-footer .logo {
    margin: 0;
    order: 2;
  }
  .site-footer .contacts {
    margin: 0;
    order: 1;
  }
  .site-footer .social {
    margin: 0;
    order: 3;
  }
  .site-footer .copy {
    order: -1;
  }
  .site-footer .address {
    margin: 0;
  }
  .site-footer .mk {
    order: 2;
  }
  .site-footer__footer {
    padding: 0;
  }
  .site-footer__footer .site-footer__row {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .site-footer__row {
    width: 976px;
    padding: 25px 0 30px;
    margin: auto;
  }
}
.popup {
  position: relative;
  padding: 40px 25px;
  margin: 70px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.popup__wrapper {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: -20px;
  background: rgba(0, 0, 0, 0.6);
  overflow-y: auto;
  overflow-x: hidden;
}
.popup__title {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  line-height: 24px;
  margin-bottom: 36px;
  font-weight: bold;
}
.popup__faded {
  margin-top: 24px;
  color: #8d8d8d;
  font-size: 12px;
  line-height: 20px;
}
.popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  font-size: 40px;
  line-height: 24px;
  background: 0;
  padding: 0;
  text-align: center;
  border: 0;
  opacity: 0.2;
  cursor: pointer;
}
.popup__close:hover {
  opacity: 1;
}
.popup .btn {
  display: block;
  width: 100%;
  margin-top: 30px;
}
@media screen and (min-width: 600px) {
  .popup {
    margin-left: auto;
    margin-right: auto;
    max-width: 520px;
    padding: 40px 48px 50px;
  }
  .popup__wrapper {
    width: auto;
  }
}
.blog {
  margin-bottom: 70px;
}
.blog img {
  width: 100%;
}
.blog-info {
  margin-top: 27px;
  font-size: 12px;
  line-height: 15px;
}
.blog-info__title {
  font-family: 'Playfair Display', serif;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.blog-info__cat {
  float: left;
  padding-right: 15px;
  border-right: 1px solid #b89b78;
  color: #b89b78;
}
.blog-info__date {
  float: left;
  padding-left: 15px;
  color: #b89b78;
}
.blog-info p {
  font-size: 15px;
  line-height: 27px;
  margin-top: 24.5px;
}
.blog-info__more {
  margin-top: 20.5px;
}
@media screen and (min-width: 600px) {
  .blog {
    margin-bottom: 100px;
  }
  .blog-info {
    margin-top: 44px;
  }
  .blog-info__title {
    margin-bottom: 16px;
    font-size: 30px;
    line-height: 44px;
  }
  .blog-info__cat {
    padding-right: 20px;
  }
  .blog-info__date {
    padding-left: 20px;
  }
  .blog-info p {
    font-size: 18px;
    line-height: 35px;
    margin-top: 26.7px;
  }
  .blog-info__more {
    margin-top: 18.3px;
  }
}
@media screen and (min-width: 980px) {
  .blog {
    margin-bottom: 90px;
    display: flex;
  }
  .blog img {
    max-width: 395px;
    height: 277px;
    display: block;
  }
  .blog-info {
    margin-top: 0;
    padding-left: 100px;
  }
  .blog-info__title {
    margin-bottom: 16px;
  }
}


.card .width100{width:100%;padding:10px;font-size:14px;}
.card+.width100{margin-top:-30px;margin-bottom:30px;text-align:center !important;line-height: initial;}
.rasp{width:100%;padding-bottom:30px; line-height: initial;}