@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic);

/*----------- Typography *
 * ------------------------------------------------------------ */
 /*html, body {
  max-width: 100%;
  overflow-x: hidden;
 }*/
 img {
    vertical-align: middle;
    max-width: 100%;
  height: auto;
}
.header .btn,
.footer .btn
{
  min-width: 140px;
  height: 32px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  margin: 0;
  font: 500 16px/27px "Roboto", sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  border: 2px solid #f9b231;
  background-color: #f9b231;
  color: #ffffff;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease; }
  .header .btn:hover,
  .footer .btn:hover {
    background-color: #ffffff;
    color: #f9b231;
    border: 2px solid #f9b231; }
  .header .btn:active,
  .footer .btn:active{
    background-color: #e29d20;
    border-color: #e29d20;
    color: #f6e1bc; }
 .header .btn:focus:hover,
.footer .btn:focus:hover
 {
    color: #f9b231; }

.header .btn:focus,
.footer .btn:focus
{
  outline: none;
  color: #ffffff; }

.header .btn-lg, 
.footer .btn-lg
{
  height: 60px;
  font-size: 18px;
  line-height: 58px;
  padding: 0 40px;
  min-width: 300px; }

.header .btn-max,
.footer .btn-max
{
  width: 100%;
  padding: 0 5px; }
.header 
{
  background-color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #343e5c;
  margin: 20px auto 20px;
  padding: 35px 0;
  width: 100%; 
  max-width: 1440px;
}
.header .logo 
{
  float: left;
  margin-right: 40px; 
}
.header .logo a 
{
  display: block; 
}

.header a 
{
  color: #1b495a;
  text-decoration: none;
  font: 500 14px/18px "Roboto", sans-serif;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease; 
}
 .header a:hover 
{
  color: #8a8989;
  text-decoration: none; 
}
.header a:focus 
{
  color: #8a8989;
  text-decoration: none; 
}
.header .phone-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 12px;
  height: 14px;
  background: url("../images/ico_phn_yellow.svg") 0 0 no-repeat; }

.header .location-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 14px;
  height: 14px;
  background: url("../images/ico_geo_yellow.svg") 0 0 no-repeat; }

.header .mail-icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  width: 14px;
  height: 14px;
  background: url("../images/ico_mail_yellow.svg") 0 0 no-repeat; }

.head-info > div {
  display: inline-block;
  margin-right: 33px; }
  .head-info > div:last-child {
    margin-right: 0; }
.head-info .title-head {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 2px; }
.head-info span, .head-info .write-us {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500; }
.head-info .write-us {
  position: relative; }
  .head-info .write-us:before {
    position: absolute;
    right: -12px;
    top: 58%;
    margin-top: -5px;
    content: " ";
    width: 6px;
    height: 12px;
    background: url("../images/ico_slct_sctn.svg") 0 0 no-repeat; }

.header-top {
  margin-bottom: 20px; }

.user-info-wrap {
  display: inline-block;
  vertical-align: top; }

.user-block {
  float: right;
  text-align: right;
  min-width: 170px; }
  .user-block .user-body .user-info {
    display: inline-block;
    text-align: left;
    vertical-align: top; }
  .user-block .user-body .header-dropdown {
    display: inline-block;

    vertical-align: top; }
  .user-block .user-body .avatar {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-top: 5px;
    max-width: 32px;
    max-height: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px; }
  .user-block .sign-in a {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px; }
  .user-block .sign-in .divider {
    width: 2px;
    height: 22px;
    margin: 0px 4px;
    display: inline-block;
    vertical-align: top;
    background-color: #343e5c; }

.header-dropdown {
  margin-bottom: 2px;
  line-height: 14px;
  position: relative; }
  .header-dropdown .caret {
    background: url("../images/drp_dwn_arrw_geo.svg.svg") 0 0 no-repeat;
    width: 8px;
    height: 4px;
    border: none; }
  .header-dropdown a {
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400; }

.serach-form {
  float: right;
  position: relative; }
  .serach-form input {
    border: none;
    font-size: 16px;
    color: #bababa;
    padding-left: 23px;
    height: 23px;
    width: 163px;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease; }
    .serach-form input:-moz-placeholder, .serach-form input::-moz-placeholder {
      color: #bababa;
      opacity: 1; }
    .serach-form input::-webkit-input-placeholder {
      color: #bababa; }
    .serach-form input:hover {
      border-bottom: 3px solid #ffdd00; }
    .serach-form input:focus {
      outline: none;
      width: 460px;
      border-bottom: 3px solid #ffdd00;
      transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease; }
    .serach-form input:focus::-webkit-input-placeholder { color:transparent; }
    .serach-form input:focus:-moz-placeholder { color:transparent; }
  .serach-form .serach-icon {
    position: absolute;
    top: 2px;
    left: 0;
    border: none;
    outline: none;
    width: 14px;
    height: 14px;
    background: url("../images/ico_search.svg") 0 0 no-repeat; }    

.cart {
  display: inline-block;
  margin-right: 24px;
  text-align: left; }
  .cart .cart-icon {
    display: block;
    float: left;
    margin-right: 8px;
    width: 42px;
    height: 42px;
    background: url("../images/cart.webp") 0 0 no-repeat;
    background-size: cover; }
  .cart .cart-title .tag {
    position: static;
    vertical-align: top;
    display: inline-block;
    margin-left: 4px;
    padding: 0 8px;
    height: 16px;
    font-weight: 700;
    font-size: 10px; }
  .cart .cart-price {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    padding-left: 50px; }

.tag.green-tag {
  background-color: #7dc756; }

.tag.orange-tag {
  background-color: #f9b231; }

.tag.red-tag {
  background-color: #ff5c1b; }

.tag.blue-tag {
  background-color: #005e9b; }

.cart-title .tag {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 3px 15px;
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  margin-bottom: 5px; }

.footer 
{
  background-color: #005e9b;
  background-size: contain;
  /*background: url('../img/winter_footer_top.png') repeat-x,
                #005e9b url('../img/winter_footer_bottom.png') repeat-x 0 100%;*/  /*new year style*/
  background-size: contain;
  padding: 40px 0;
  color: #ffffff;
  max-width: 90%;
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
}
  .footer ol, .footer ul,
  .header ol, .header ul 
  {
    list-style: none; 
    margin: 0px;
    padding: 0px;
  }
  .footer .container {
    position: relative; 
    width: 100%;
    padding-left:5%;
    padding-right:5%; }
  .footer i[class^="icon"] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    height: 16px; }
  .footer .icon-f-location {
    background: url("../images/ico_footer_direct.svg") 0 0 no-repeat;
    width: 11px; }
  .footer .icon-online {
    background: url("../images/ico_online.svg") 0 0 no-repeat;
    width: 15px; }
  .footer .icon-delivery {
    background: url("../images/ico_delivery.svg") 0 0 no-repeat;
    width: 17px; }
  .footer .icon-cash {
    background: url("../images/ico_cash.svg") 0 0 no-repeat;
    width: 14px; }
  .footer .icon-location-white {
    background: url("../images/ico_geo_white.svg") 0 0 no-repeat;
    width: 14px; }
  .footer .icon-mail {
    width: 14px;
    height: 14px;
    background: url("../images/ico_btn_mailus.svg") 0 0 no-repeat; }
  .footer .btn-feedback {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #0084c8;
    width: 146px;
    height: 24px;
    line-height: 22px;
    border-color: #ffffff;
    font-size: 14px;
    padding: 0 5px;
    vertical-align: top;
    margin-top: 10px; }
    .footer .btn-feedback:hover {
      text-decoration: underline; }
  .footer .footer-review {
    text-align: right; }
    .footer .footer-review span 
    {
      display: block;
      margin-bottom: 4px;
      font-size: 16px;
      line-height: 18px;
    }
    .footer .footer-review .ya-logo {
      width: 70px;
      height: 27px; }
  .footer .limit {
    position: absolute;
    top: 0;
    right: 10px;
    float: right;
    display: block;
    width: 25px;
    padding: 2.5px 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #ffffff;
    font-size: 10px;
    text-align: center; }
  .footer .footer-title, .footer .bot-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    display: inline-block;
    max-width: 160px;
    color: #ffffff; }
  .footer a.footer-title:hover, .footer a.bot-title:hover {
    text-decoration: underline; }
  .footer .bot-title {
    max-width: 210px; }
  .footer .footer-title p {
    margin: 0 0 20px;
  }
  .footer .social {
    margin-top: 10px;
    overflow: hidden;
    display: inline-block;
    margin-right: -10px;
    margin-bottom: 0; }
    .footer .social > li {
      float: left;
      margin-right: 8px; }
      .footer .social > li > a {
        display: block;
        width: 24px;
        height: 24px; }
      .footer .social > li .vk {
        background: url("../images/ico_social_vk2.svg") -4px -4px no-repeat; background-size: 32px; }
      .footer .social > li .fb {
        background: url("../images/ico_social_fb.svg") 0 0 no-repeat; }
      .footer .social > li .inst {
        background: url("../images/ico_social_inst.svg") 0 0 no-repeat; }
      .footer .social > li .youtube {
        background: url("../images/ico_social_youtube.svg") 0 0 no-repeat; }
    .footer .social > li .goog {
        background: url("../images/ico_social_google.svg") 0 0 no-repeat; }
    .footer .social > li .tw {
        background: url("../images/ico_social_tw.svg") 0 0 no-repeat; }
    .footer .social > li .telegram{
        background:url("../images/ico_social_telegram3.svg") -4px -4px no-repeat; background-size: 32px; }
    .footer .social > li .ok{
        background:url("../images/ico_social_ok.svg") -4px -4px no-repeat; background-size: 32px; }
    .footer .social > li .dzen{background:url("../images/ico_social_dzen.svg") 1px 1px no-repeat; background-size: 22px; }
  .footer a.lock {
    color: #2e7bad;
    pointer-events: none; }
  .footer ul {
    margin-bottom: 35px; }
    .footer ul > li {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 4px;
      color: #ffffff;
      font-weight: 400; }
      .footer ul > li span {
        display: block;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 1px; }
        .footer ul > li span:hover {
          text-decoration: none; }
      .footer ul > li > a 
      {
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
        font-weight: 400; 
        text-decoration: none;
      }
      .footer a
      {
        text-decoration: none;
      }
      .footer a:hover
      {
        text-decoration: underline;
      }
        .footer ul > li > a:hover {
          text-decoration: underline; }

div.workshop-carousel .owl-dots {
  text-align: center;
  display: block; }
  div.workshop-carousel .owl-dots .owl-dot {
    background-color: #FFF;
    border-radius: 20px;
    display: block;
    height: 16px;
    width: 16px;
    border: 4px solid #ffffff;
    margin: 0px 3px;
    display: inline-block;
    margin-top: 15px; }
  div.workshop-carousel .owl-dots .owl-dot.active {
    background-color: #f9b231; }
div.workshop-carousel .owl-nav {
  top: 50%;
  margin-top: -50px; }
  div.workshop-carousel .owl-nav .owl-prev {
    background-color: transparent; }
  div.workshop-carousel .owl-nav .owl-next {
    background-color: transparent; }
div.workshop-carousel .article img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px; }
div.workshop-carousel .article .tag, div.workshop-carousel .article .article-info {
  z-index: 3; }
div.workshop-carousel .article:before {
  z-index: 2;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden; }

.owl-carousel .owl-nav {
  text-indent: -9999px;
  position: absolute;
  width: 100%;
  top: 30%; }
  .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -70px;
    background: #f8d803 url("../images/arrw_sld_lft.svg") 50% 50% no-repeat;
    background-size: 13px;
    width: 70px;
    height: 60px; }
  .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -70px;
    background: #f8d803 url("../images/arrw_sld_rght.svg") 50% 50% no-repeat;
    background-size: 13px;
    width: 70px;
    height: 60px; }

/*catalog 100%*/
.page-w100 .header {
  max-width: 100%
}
.page-w100 .content > .container {
  max-width: 90%;
}

.page-w100 .catalog-content-wrap  {
  display: flex;
}
.page-w100 .catalog-content-wrap .catalog-content {
  padding-right: 25px;
  width:100%;
}
.catalog-right-col {
  min-width: 250px;
  width: 250px;
  order:2;
}
/*catalog 100% end*/

@media (min-width: 1366px) {
  .container {
    width: 1200px; } 
}
@media (min-width: 1440px) {
  .container {
    width: 1320px; }

  .visible-lg {
    display: inline-block !important; } }
@media only screen and (max-width: 1439px) {
  .head-info > div {
    margin-right: 46px; }

  .taste-workshop {
    max-height: 630px; }

  .serach-form input:focus {
    width: 350px; }

  .middle, .header, {
    max-width: 1320px; } }

/*# sourceMappingURL=style.css.map */

/*Bootstrap Styles*/

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default .navbar-text {
    color: #777;
}
.navbar-default .navbar-nav>li>a {
    color: #777;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555;
}
@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333;
    background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}
}.navbar-default .navbar-link {
    color: #777;
}
.navbar-default .navbar-link:hover {
    color: #333;
}
.navbar-default .btn-link {
    color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333;
}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}
@media (min-width:768px) {
    .navbar-header {
    float: left;
}     

	nav.side menu li a img {display: none;}
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
@media (min-width:768px) {
    .navbar-toggle {
    display: none;
}
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
    overflow-y: auto;
}
@media (min-width:768px) {
    .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
.navbar-collapse.in {
    overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
}.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
}
}
.navbar-nav {
    margin: 7.5px -10px;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px;
}
.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none;
}
}@media (min-width:768px) {
    .navbar-nav {
    float: left;
    margin: 0;
}
.navbar-nav>li {
    float: left;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}
}
/**/
.navbar-default {
  border: none;
  background: none;
  margin-bottom: 0;
  min-height: 100%;
  display: inline-block; }
  .navbar-default .navbar-toggle {
    border: none;
    background: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      border: none;
      background: none; }
    .navbar-default .navbar-toggle .icon-bar {
      width: 28px;
      height: 5px;
      background-color: #343e5c; }
  .navbar-default .navbar-collapse {
    padding: 0; }
  .navbar-default .nav .open > a {
    background: none;
    color: #343e5c; }
    .navbar-default .nav .open > a:hover, .navbar-default .nav .open > a:focus {
      background: none;
      color: #343e5c; }
  .navbar-default .navbar-nav li.lock {
    border: none; }
    .navbar-default .navbar-nav li.lock:hover {
      border: none; }
    .navbar-default .navbar-nav li.lock a {
      color: #dfe1e5;
      pointer-events: none;
      text-decoration: none; }
  .navbar-default .navbar-nav > li {
    margin-right: 24px;
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease; }
    /*.navbar-default .navbar-nav > li:first-child {
     margin-right: 50px;
      min-width: 144px; }*/
    .navbar-default .navbar-nav > li:last-child {
      margin-right: 0; }
@media only screen and (max-width: 1365px) 
{

  .header-top {
    margin-bottom: 0; }

  .navbar-default .navbar-nav > li {
    margin-right: 20px; }
    .navbar-default .navbar-nav > li:first-child {
      margin-right: 20px; }

  .head-info {
    margin-bottom: 20px; }
    .head-info > div {
      margin-right: 20px; }
@media only screen and (max-width: 1024px) {
  .container {
    width: 940px; }

  .middle, .header, {
    max-width: 960px; }

  .user-block {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px; }

  .header .logo {
    max-width: 130px; }

  .header-nav {
    clear: both;
    padding-top: 15px; }

  .head-info {
    margin-bottom: 0; }
    .head-info > div:last-child {
      margin-right: 20px; }

  .items-list .item-wrap {
    width: 25%;
    max-width: 300px; }

  .article .article-info {
    bottom: 10px;
    left: 10px;
    padding-right: 15px; }
    .article .article-info .article-title {
      font-size: 18px;
      line-height: 20px; }

  .taste-workshop {
    max-height: 405px; }

  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block; }

  .navbar-default {
    width: 100%; }

  .serach-form {
    float: left;
    margin-bottom: 10px; }
    .serach-form input {
      padding-left: 0; }
    .serach-form .serach-icon {
      left: initial;
      right: 0; } }   
  .header .logo {
    margin-right: 30px; }

  .cart {
    margin-right: 15px; }

  .user-block {
    text-align: left; }

  .serach-form input:focus {
    width: 173px; }

  .ready-solution {
    padding: 0 20px; }
    .ready-solution .beta {
      margin: 23px 0; }
    .ready-solution .solution-title {
      max-width: 240px; }

  .navigation {
    right: 40px; }
    .navigation > div:hover {
      width: 430px; }

  .article .article-info .article-title {
    font-size: 20px;
    line-height: 24px; }

  .taste-workshop {
    max-height: 505px; }

  .item-card .item-body a 
  {
    font-size: 14px; 
  } 
  .advantage .text
  {
    font-size: 1.2vw;
  }
  .advantage .num
  {
    font-size: 2.6vw;
  }
}     
    .navbar-default .navbar-nav > li:hover {
      border-bottom: 3px solid #ffdd00; }
    .navbar-default .navbar-nav > li > a {
      padding: 0;
      color: #343e5c;
      font-size: 16px;
      font-weight: 400; }
  .navbar-default .navbar-nav li.active a {
    background: none;
    font-weight: 500; }
    .navbar-default .navbar-nav li.active a:hover, .navbar-default .navbar-nav li.active a:focus {
      background: none;
      font-weight: 500; }
ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    color: #999;
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.open>.dropdown-menu {
    display: block;
}
.open>a {
    outline: 0;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,  0,  0,  0);
    border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,  visibility;
    -o-transition-property: height,  visibility;
    transition-property: height,  visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.support-banner {
    position: relative;
}
.catalog-banner-small {
  display: none;
  margin: 0 auto;
}
.b-phone-link {
    overflow: hidden;
    text-indent: -1000px;
    position: absolute;
    bottom: 13%;
    width: 27%;
    height: 40px;
}
.b-phone-link1 {
    left: 5%;
}
.b-phone-link2 {
    left: 34%;
}
.b-phone-link3 {
    right: 10%;
}
#overlay,#overlay2,#overlay3{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.65);z-index:999;-webkit-animation:fade .6s;-moz-animation:fade .6s;animation:fade .6s;overflow:auto;}
@media only screen and (max-width: 1024px)
{
  .container 
  {
      width: 940px;
  }
}
@media only screen and (max-width: 992px) {
  .middle, .header, {
    max-width: 770px; }

  .container {
    width: 750px; }

  .items-list .item-wrap {
    width: 50%; } }   
@media only screen and (max-width: 768px) {
  .middle, .header, {
    max-width: 770px; }

  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none; }

  .banner {
    margin-bottom: 20px; }

  .items-list .item-wrap {
    width: 100%; }

  .taste-workshop {
    max-height: 100%; }

  .footer-bottom {
    text-align: center; }

  .footer {
    text-align: center; }
    .footer .footer-review {
      text-align: center; }

  .header-nav {
    position: relative;
    top: 20px; }

  .serach-form {
    position: relative;
    z-index: 400; }

  .cart {
    margin-bottom: 7px; }

  .navbar-default {
    width: 100%;
    text-align: center;
    position: relative;
    top: -40px; }
    .navbar-default .navbar-nav {
      margin: 0;
      margin-top: 14px; }
      .navbar-default .navbar-nav li:first-child {
        margin-right: 0; }
      .navbar-default .navbar-nav > li {
        margin-bottom: 7px;
        display: inline-block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0px;
        margin-top: 10px; }
        .navbar-default .navbar-nav > li:hover {
          border: none; }
        .navbar-default .navbar-nav > li > a {
          font-size: 18px; }

  .slider-2 {
    max-width: 420px;
    margin: 0 auto 20px; }

  .header {
    padding: 20px 0 0; }
    .header .logo {
      width: 100%;
      max-width: 100%;
      text-align: center;
      margin-right: 0;
      margin-bottom: 20px; }

  .user-block {
    text-align: center;
    float: none; }

  .head-info {
    text-align: center; }
    .head-info > div {
      margin-bottom: 7px; }

  .navbar-nav .open .dropdown-menu {
    text-align: center; }

  .workshop-carousel .article {
    max-width: 360px;
    width: 100%;
    margin: 0 auto; }

  div.workshop-carousel .owl-dots {
    margin-top: 15px; }

  .taste-workshop {
    margin-top: 40px; }
    .taste-workshop .workshop-body {
      top: -40px; }

  .taste-workshop .page-title {
    position: relative;
    top: -20px; }

  .btn {
    font-size: 14px;
    height: auto;
    line-height: 23px; }

  .items .item .price div.no-cop {
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .banner .btn {
    bottom: 10px;
    left: 10px; }

  .carousel .carousel-control {
    width: 50px; } 
    
  .advantage .num 
  {
    font-size: 2.5em;
  } 
  .advantage .text
  {
    font-size: 1.28571em;
  }
  .advantages .col3
  {
    width: 100%;
    text-align: center;
  }
}   
@media (min-width: 544px) and (max-width: 768px) {
  .container {
    width: 540px; }

  .middle, .header, {
    max-width: 560px; } 
	nav.side menu li a img {display: none;}
	}     
@media only screen and (max-width: 544px) {
  .block-2 {
    display: none; }

  .container {
    width: 320px; }

  .middle, .header, {
    max-width: 340px; }

  .footer .col-xs-6 {
    width: 100%; }
  .footer .footer-title, .footer .footer .bot-title {
    max-width: 100%; }

  .taste-workshop .article {
    max-width: 360px;
    margin: 0 auto 20px; }
  .taste-workshop .col-xs-6 {
    width: 100%; }

  .last-evetns {
    text-align: center; }
    .last-evetns .page-title {
      text-align: left; }
    .last-evetns .col-xs-6 {
      width: 100%; }
    .last-evetns .article {
      max-width: 300px;
      display: inline-block;
      text-align: left; }

  .spectial-offer {
    text-align: center; }

  .header {
    padding: 15px 0; }

  .user-block {
    float: none;
    text-align: center; }

  .serach-form {
    float: none;
    max-width: 170px;
    margin: 0 auto 10px; }

  .navbar-nav .open .dropdown-menu {
    text-align: center; }

  div.workshop-carousel .owl-dots {
    margin-top: 0; }

  .slider-arrow {
    bottom: 36px; } 
  .b-phone-link {
      height: 15px;
  }
}



.inner-menu{
  display:none;
  margin-left: 10px !important;
  margin-bottom: 0px !important;
}
.js-menuaccordion{
  display: inline !important;
  cursor: pointer;
}


.sec_descr {position: relative;padding-top: 30px;}
.desc-box {
  margin-bottom: 30px;
}
/*.sec_descr>div h2 {position: absolute;top: 0;}*/
.sec_descr .slider.photos a {overflow: hidden;}
.sec_descr .slider.photos a img {
  margin: 0px;
  min-height: 123px;
  min-width: 161px;
  max-width: none !important;
}
.sec_descr .bx-controls .bx-prev,
.sec_descr .bx-controls .bx-next {top: auto;bottom: 50%; margin-bottom: -11px;}
.sec_descr>img.section {margin-bottom: 10px;}
.filters .bx_filter .bx_filter_section {padding-top: 15px;}
.support-banner {margin-bottom: 20px;}
@media (max-width: 768px) {
  .bx_filter.bx_horizontal .bx_filter_parameters_box {
    width: 50%;
  }
  .bx_filter.bx_horizontal .bx_filter_form_items .bx_filter_parameters_box:nth-child(3n+1) {
    clear: none;
    padding-left: 3%;
  }
  .bx_filter.bx_horizontal .bx_filter_form_items .bx_filter_parameters_box:nth-child(2n+1) {
    clear: both;
    padding-left: 0;
  }
  .bx_filter .bx_filter_select_text {
    height: 30px;
    font-size: 12px;
    line-height: 32px;
  }
  .bx_filter .bx_filter_select_block {
    height: 30px;
  }
  .bx_filter .bx_filter_select_container,
  .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container {
    height: 32px;
  }
  .bx_filter .bx_filter_parameters_box_title {
    font-size: 13px;
    height: 18px;
    margin-bottom: 0px;
  }
  .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input {
    font-size: 12px;
    height: 30px;
  }
  .bx_filter .bx_filter_title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 544px) { 
  .bx_filter.bx_horizontal .bx_filter_form_items .bx_filter_parameters_box:nth-child(n) {
    clear: both;
    padding-left: 0;
  }
  .bx_filter.bx_horizontal .bx_filter_parameters_box {
    width: 100%;
  }
  .mobile-banner .catalog-banner-big {
    display: none;
  }
  .mobile-banner .catalog-banner-small {
    display: block;
  }
}



@media screen and (max-width:768px) {
	.leaders .item .price .btn.cop {padding-top: 1px;}
}
@media screen and (max-width:768px) {
.container,
.content > .container{width:100%;max-width: none;}
.middle, .header,, .page-banner{max-width:100%;}
.header {margin: auto;position: relative;
margin-bottom: 40px;}
.header .logo {width: auto;margin-left: -17px;}
.navbar-default {
	width: auto;
	top: auto;
	vertical-align: bottom;
	display: inline-block;
	position: relative;
	min-height: auto;
	position: inherit;
}
.header-top, .header-nav, .cart .cart-price {display: none;}
.header-mob {
	width: auto;
	display: inline-block !important;
	top: auto;
	line-height: 94px;
	float: right;
	font-size: 0;
}
.header-mob .basket-mob {
	display: inline-block;
	vertical-align: bottom;
	line-height: initial;
	position: relative;
	margin-right: 10px;
}
.cart {margin: 0;}
.cart .cart-title, .cart .cart-title .tag {font-size: 0;}
.cart .cart-title .tag {
	border: 1px solid #005c9b;
	border-radius: 8px;
	background: #005c9b;
	padding: 1px 3px;
	height: auto;
	line-height: normal;
	margin-left: 0;
	margin-top: -10px;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(100%);
	min-width: 15px;
}
.cart .cart-title .tag span {
	font-size: 10px;
	color: #fff;
	line-height: 11px;
}
.cart .cart-icon {
	background: url("../images/cart-mob.png") 0 0 no-repeat;
	background-size: cover;
	margin: 0;
	height: 30px;
	width: 30px;
}
.navbar-default .navbar-toggle {padding-bottom: 1px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #005c9b;}
.navbar-default .navbar-toggle span:last-of-type {display: none;}
.header-mob .phone-mob {
	width: 29px;
	height: 29px;
	display: inline-block;
	vertical-align: bottom;
	background: url("../images/phone-mob.png") 0 0 no-repeat;	
	background-size: cover;
	cursor: pointer;
}
.mob-search {
	float: none;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	position: absolute !important;
	bottom: -45px;
	width: 100%;
}
.mob-search.menu-fixed {
	position: fixed !important;
	top: 0px;
	bottom: auto;
	padding-top: 12px;
	background: #fff;
	z-index: 16;
}
.mob-search #title-search {
	float: none !important;
	left: auto !important;
}
.mob-search #title-search .serach-form {max-width: calc(100% - 20px);}
.mob-search #title-search .serach-form input {width: 100%;}
.header-mob .mob-search-icon {
	display: inline-block;
	vertical-align: bottom;
	line-height: initial;
	width: 29px;
	height: 29px;
	background: url("../images/search-mob.png") 0 0 no-repeat;	
	background-size: cover;
	margin-right: 30px;
	cursor: pointer;
}
.header-mob #title-search .serach-form {
	margin: 0;
}
.spectial-offer {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}
.taste-workshop .article {max-width: 300px;}
.taste-workshop .workshop-body {text-align: center;}
.taste-workshop .row {text-align: left;}
.reviews {text-align: center;}
.reviews .owl-carousel.owl-loaded {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 288px;
	padding-left: 8px;
}
#h0, #h1 {
	width: 340px;
	display: block;
	margin: auto;
}
.mob-search-fade {
	background: rgba(0,0,0,0.2);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 180px;
	z-index: 17;
}
.mob-nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	left: 0;
	z-index: 100;
	background-color: #fff;
	text-align: left;
	line-height: initial;
	overflow: auto;
}
.mob-nav ul li.lvl1:first-of-type span {
	font-size: 21px;
	font-weight: 500;
	color: #545454;
	width: 100%;
	display: inline-block;
	padding: 15px 20px;
	line-height: 20px;	
}
.mob-nav ul a {
	font-size: 21px;
	font-weight: 500;
	color: #545454;
	width: 100%;
	display: inline-block;
	padding: 15px 20px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	line-height: 20px;
	margin-top: -1px;
	position: relative;
}
.mob-nav .mob-nav-inner a {
	font-size: 18px;
	padding: 15px 30px;
}
.mob-nav li.lvl1:last-of-type a {
	border-bottom: 1px solid #d9d9d9;
}
/*.mob-nav ul {
	background-color: #fff;
}*/
/*.mob-nav>ul {
	margin-bottom: 50px;
}*/
.mob-nav ul li {
	max-width: 100%;
	text-align: left;
	display: block;
	margin: 0 10px;
}
.mob-nav ul li img {
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	max-height: 30px;
	max-width: 30px;
	left: -10px;
}
.mob-nav .mob-nav-close {	
	position: absolute;
	margin: 20px;
	height: 30px;
	width: 30px;
	position: relative;
	display: block;
}
.mob-nav .mob-nav-close::before,
.mob-nav .mob-nav-close::after {
	content: "";
	display: block;
	height: 5px;
	width: 35px;
	background-color: #999999;
	position: absolute;
	top: 12px;
	left: -3px;
	border-radius: 3px;
}
.mob-nav .mob-nav-close::before {
	transform: rotate(45deg);
}
.mob-nav .mob-nav-close::after {
	transform: rotate(-45deg);
}
.mob-nav .mob-nav-inner {
	display: none
}
aside{display: none;}
menu {padding: 0;}

.altasib_geobase_city .altasib_geobase_cities ul.altasib_geobase_fst {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
}
#altasib_geobase_popup {
	width: calc(100% - 40px);
	max-width: 521px;
}
.geo-mob {
	padding: 17px 20px 8px 45px;
	margin: 0 10px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
}
.geo-mob::before {
	content:"";
	display: block;
	position: absolute;
	background: url("../images/mini-geo.png") no-repeat;
	background-size: contain;
	height: 16px;
	width: 20px;
	left: 20px;
}
.altasib_geobase_link .altasib_geobase_link_city {
	font-size: 18px !important;
}
.mob-time {
	font-size: 14px;
	padding: 17px 20px 17px 45px;
	text-align: right;
	border-bottom: 1px solid #e7e7e7;
	margin: 0 10px;
	position: relative;
}
.mob-time::before {
	content:"";
	display: block;
	position: absolute;
	background: url("../images/mini-phone.png") no-repeat;
	background-size: contain;
	height: 16px;
	width: 20px;
	left: 20px;
}
.mob-time span {
	float: left;
	margin-top: -2px;
}
.mob-time span a {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}

.breadcrumbs {padding: 10px 20px;}
.leaders h3 {text-align: center;}
.liders-list.slick-slider .slick-list {
	width: 320px;
	margin: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}
.liders-list .item {
	width: 320px !important;
}
.work_hours {
	font-size: 18px;
	padding: 0px 30px;
	color: #5579a7;
	margin: 20px 0 50px;
}
.work_hours .work_hours_span {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.work_hours .left {
	width: 100px;
	display: inline-block;
	margin-bottom: 7px;
}
.work_hours .right {
	display: inline-block;
	float: none;
	width: calc(100% - 100px);
	margin-bottom: 7px;
}
}
@media screen and (max-width:378px) {
	.container {
		width: 100%;
	}
	.mob-search-fade {top: 215px;}
	.header .logo {width: 100%;}
	.header-mob {
		width: 100%;
		text-align: center;
		line-height: inherit;
	}
	.spectial-offer, #h0, #h1,
	.reviews .owl-carousel.owl-loaded	{
		width: 300px;
	}
	.reviews .owl-carousel.owl-loaded {padding: 0;}
	
	.altasib_geobase_city .altasib_geobase_cities ul.altasib_geobase_fst {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
}


.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

#our-phones-popup {
	text-align: left;
}
#our-phones-popup .popup {
	border: 1px solid #ffb41a;
	top: 50%;
	transform: translateY(-50%);
	position: fixed;
	max-height: 96vh;
	overflow: scroll;
	-ms-overflow-style: none;
    scrollbar-width: none; 
}
#our-phones-popup .popup::-webkit-scrollbar { 
    display: none; 
}
#our-phones-popup h2 {
	font-size: 24px;
	font-weight: 600;
}
#our-phones-popup .our-phones {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 0;
}
#our-phones-popup .our-phones:first-of-type {
	border-bottom: none;
}
#our-phones-popup .our-phones div {
	display: inline-block;
	width: 130px;
	vertical-align: middle;
}
#our-phones-popup .our-phones div.our-phones-name {
	width: calc(100% - 135px);
}
#our-phones-popup .our-phones div b {
	font-weight: 600;
}
#our-phones-popup .close {
	opacity: 1;
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	width: 16px;
	height: 16px;
}
#our-phones-popup .close::before,
#our-phones-popup .close::after {
	content: "";
	display: block;
	height: 3px;
	width: 20px;
	background-color: #BBBBBB;
	border-radius: 3px;
	position: absolute;
}
#our-phones-popup .close::before {transform: rotate(45deg);}
#our-phones-popup .close::after {transform: rotate(-45deg);}
#our-phones-popup .popup-title {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0 25px;
}
.footer .social > li .dzen{background:url("../images/ico_social_dzen.svg") 1px 1px no-repeat; background-size: 22px; }

#calc-popup {
    display: none;
    width: 800px;
    max-width: 96%;
    margin: 0 2%;
}
#calc-popup .calc-item {
    margin-bottom: 15px;
}
#calc-popup .calc-item label{
    display: block;
    margin-bottom: 5px;
    color: #bababa;
}
#calc-popup .calc-item span {
    display: block;
 }
#calc-popup .calc-item input {
    width: 100%;
    height: 33px;
    padding: 0 15px;
    border: 1px solid #f3f3f3;
}
#calc-table-wrap .calc-param {
    margin-bottom: 10px;
}
#calc-table-wrap .calc-param select {
    height: 33px;
}
#calc-popup .calc-item textarea {
    width: 100%;
    height: 75px;
    border: 1px solid #f3f3f3;
}
#calc-table-wrap .calc-table-price {
    margin-bottom: 20px;
}
@media (max-width: 1366px) {
  .page-w100 .content > .container {
    width: 96%;
  }
}
@media screen and (max-width: 560px) {
  #altasib_geobase_popup {
    max-width: 90%;
  }
}
@media screen and (max-width: 440px) {
  .altasib_geobase_city #altasib_geobase_popup .altasib_geobase_cities ul.altasib_geobase_fst {
      column-count: 2;
      -moz-column-count: 2;
      -webkit-column-count: 2;
  }
}