@font-face {
  font-family: 'Balloon XBd TL';
  src: url('/font/ballon-webfont.woff2') format('woff2'), url('/font/ballon-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FranckerCYR-ExtraLight";
  src: url("../fonts/FRANCKERCYR-EXTRALIGHT.woff") format("woff"), /* Modern Browsers */ url("../fonts/FRANCKERCYR-EXTRALIGHT.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
#menu.gamburger-menu {
  font-size: 1.2em;
  background-color: #FFE6CC;
  color: darker;
  z-index:14;
}
#menu .gamburger-menu__wrp {
  display:block !important;
  height:auto !important;
  position: relative;
}

#menu .gamburger-menu__wrp:before {
  position:absolute;
  height:104%;
  width:6px;
  right:0;
  top:-2%;
  content:'';
  display:block;
  -webkit-box-shadow: inset -3px 0px 5px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: inset -3px 0px 5px 0px rgba(0,0,0,0.15);
  box-shadow: inset -3px 0px 5px 0px rgba(0,0,0,0.15);
  z-index: 2;

}

#menu .gamburger-menu__wrp  .flaticon-user12{
  margin-right: 10px;
}

#menu .gamburger-menu__wrp .top-line-gamburger {
  background-color:#F00;
  position:absolute;
  left:0;
  height:45px;
  width:100%;
  z-index:24;
}
#menu .gamburger-menu__wrp--top .menu-section {
  padding: 20px 0 20px 10px;
  box-shadow: none !important;
  border-bottom: none !important;
  position: relative;
  z-index:4;
}
#menu .gamburger-menu__wrp--top .menu-section__sity {
  text-decoration: none;
  color: #ff8200;
  border-bottom: 1px solid #ff8200;
}
#menu .gamburger-menu__wrp--top .menu-section__phone {
  font-size: 1.4em;
  text-decoration: none;
  display: inline-block;
  padding-top: 15px;
  color: #3a3a3a;
}
#menu .gamburger-menu__wrp--top .menu-section__phone-order {
  font-size: 1.4em;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-top: 5px;
  text-decoration: none;
  line-height: 2;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #ff8200;
  color: #fff;
  border-radius: 0.7rem;
}
#menu .gamburger-menu__wrp--bottom {
  width: 100%;
}
#menu .gamburger-menu__menu-section {
  display: block !important;
}
#menu .gamburger-menu__menu-section p {
  margin: 0;
}
#menu .main_full_menu {
  margin-top:10px;
  padding-bottom: 75px;
}
#menu .main_full_menu li {
  align-items: center;
  }
#menu .main_full_menu li a:before {
  background-image:none;
}
#menu .main_full_menu li:last-child {
  display:none;
  }




#menu .menu-section__site-menu {
  padding-left: 0;
  padding-right: 0;
}
#menu .menu-section__link-wrap {
  display: block;
}
#menu ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  position:relative;
  display:block !important;
}

#menu ul li{
  align-items: center;
  height:53px;
  width: 100%;
  border:none !important;
  box-shadow: none !important;
  padding-left:15px;
}
#menu ul li:not(:last-child) {
  border-bottom: none !important;
}
    
.top-line-mobile-catalog {
  display:none;
}
 .top-line-mobile-arrow {
  height: 30px;
  width: 30px;
  background-image: url('/images/leftarrow.svg');
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  left: 10px;
  top: 3px;
  display: none;
  float: left;
  margin-right: 10px;
}
.top-line-mobile-arrow
#menu ul li:first-child a{
  bottom: 0px;
}

#menu ul li a {
  padding: 10px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  background:none !important;
  margin-top:10px;
  padding-left:25px;
  position:relative;
}
#menu ul li a:before {
  content: "";
  display:block;
  width:14px;
  height:14px;
  position:absolute;
  left:0;
  top: 14px;
  background-image: url('/images/chevron_down.svg');
  background-position: center;
  background-repeat: no-repeat;
}
#menu ul li.toggled a:before {
  transform: rotate(180deg);
}
#menu .site-menu__link--catalog {
  background-color: #ff8200;
  /*position: absolute;*/
  bottom:0;
  width: 100%;
  height: 53px;
  z-index:5;
}
#menu .site-menu__link--catalog a {
  padding: 10px 10px;
  display: inline-block;
  width: 95%;
  text-decoration: none;
  font-size:22px;
  text-decoration: none;
}

#menu .site-menu__link.block {
  position:relative;
  z-index: 4;
}
#menu .site-menu__link_catalog {
  position: relative;
}
.site-menu__link_catalog:before {

} 
/*
shadow for block
  -webkit-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.2);
*/
.gamburger-menu__menu-section_city {
  position:relative;
  z-index:2;
  background-color: #f7f7f9;
}
#menu .site-menu__link--catalog a {
  color: #fff;
  text-decoration: none;
  background: url("/images/ugl.svg") right no-repeat;
}
.site-menu__link.site-menu__link--catalog {
  position:relative;
  z-index: 2;
}
#menu a, #menu a:hover, #menu a:hover .text {
  text-decoration: none;
  color:#000;
}

.mobile-submenu-wrap .catalog-menu-lvl1 .menu-lvl1-link:active, .mobile-submenu-wrap .catalog-menu-lvl1 .menu-lvl1-link:focus {
  background-color: inherit;
}


.mobile-submenu-wrap {
  background-color: #efefef;
}

.mobile-submenu-wrap .menu-lvl1-header {
  padding-left:15px !important;
}

.mobile-submenu-wrap a {
  text-align:left;
  text-decoration: none;
  font-size:16px;
  padding-left:25px !important;
  border-bottom: none !important;
  position:relative;
}
.mobile-submenu-wrap a:before {
  content: '';
  width:6px;
  height:6px;
  background-color:#CCCCCC;
  position:absolute;
  left:3px;
  top:20px;
  margin-top:-3px;
  border-radius:3px;
}
.site-menu__link_catalog .mobile-submenu-wrap {
  display:none;
}
.site-menu__link_catalog .toggled + .mobile-submenu-wrap {
  display:block;
}


#panel {
      box-shadow: -2px 0 0 #c2c9cc;
}
.toggle-button {
  font-size: 40px;
  text-align: center;
}
.toggle-button_burger {
  width:35px;
  height:35px;
  display:inline-block;
  background-image: url('/images/burger.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.toggle-button .flaticon-burger:before {
    content:'\2630';
    font-size:40px;
    color:#FFF;
    line-height: 30px;
}
#mCSB_2_container {
  margin-right: 0;
  margin-left: 30px;
}
  
#mCSB_2_scrollbar_vertical {
    left: 5px;
    top:-10px;
}

/* НЕТРОГАТЬ! */
.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 290px;
  min-height: 85vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}
.slideout-menu-left {
  left: 0;
}
.slideout-menu-right {
  right: 0;
}
.slideout-panel {
  position: relative;
  z-index: 16;
  background-color: transparent;
  /* A background-color is required */
  min-height: 100vh;
}
.top-line_fake {
    top: 0;
    left: 290px;
    height: 45px;
    background-color: #ff8200;
    position: fixed;
    width: 100%;
    z-index: 99;
    display:none;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}
.slideout-open .slideout-menu {
  display: block;
}
.scaleable-wrapper {
  padding: 20px;
  resize: both;
  position: relative;
  height: 400px;
}

@media (min-width: 480px) {
  html {
    font-size: 10px;
  }
  dd {
    margin-left: 1.8em;
  }
  blockquote {
    padding: 0 0 0 1.8em;
    margin-left: 0;
    border-left-width: 5px;
  }
  #menu.gamburger-menu {
    font-size: 0.9em;
  }
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline !important;
  }
  a[href]:after {
    content: ' (' attr(href) ')';
  }
  abbr[title]:after {
    content: ' (' attr(title) ')';
  }
  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: '';
  }
  pre,
  blockquote {
    border: 1px solid #999 !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  table {
    border-collapse: collapse !important;
  }
  table td,
  table th {
    background-color: #fff !important;
  }
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
    * Remove all paddings around the image on small screen
    */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
  #menu .main_full_menu li:last-child {
    display: inherit;
  }
}
@media (max-height: 480px) {
  #menu .gamburger-menu__wrp--top .menu-section {
    padding: 5px 0 5px 10px;
  }
  #menu .gamburger-menu__wrp--top .menu-section__phone {
    font-size: 1.2em;
  }
  #menu .gamburger-menu__wrp--top .menu-section__phone-order {
    font-size: 1.2em;
    line-height: 1.5;
  }
  #menu .site-menu__link.block a, #menu ul li a  {
    font-size:16px;
  }

}
@media (max-height: 400px) {
  #menu .gamburger-menu__wrp--top .menu-section.gamburger-menu__menu-section_city {
    display:none;
  }

}

@media (max-width: 768px) {
  #panel {
    background-color:#FFF;
  }
  .top-line-mobile {
    display:inline-block;
    line-height: 14px;
    float:left;
  }
  .top-line-content.row.clearfix {
    text-align:center;
  }
  .top-line-content .top-line-item.basket {
    text-align: left;
  }
  .top-line-mobile-catalog {
    display:inline-block;
    line-height: 40px;
    color:#FFF;
    float:left;
    padding:5px 12px;
    font-size:24px;
    line-height:16px;
    margin-top:5px;
  }
  .top-line-content .top-line-item {
    line-height: 36px;
    height: 36px;
  }
  .gamburger-menu__wrp--top .account-authorized #account-menu-toggler {
    display:block;
  }
  .gamburger-menu__wrp--top .account-authorized {
    max-width: 100%;
    padding-right: 0;
  }
  .btn-city-toggle {
    padding-left:0 !important;
  }
  .btn-main.to-top {
    display:none !important;
  }
  .account-authorized #account-menu-toggler {
    display:none;
  }
  #menu .gamburger-menu__wrp--top .menu-section__phone {
    display: block;
  }
  .gamburger-menu__wrp--top {
    width:100%;
  }
}

@media (min-width: 768px) {
  .top-line-mobile {
    display:none;
  }  
}