@font-face {
  font-family: RobotoSlabRegular;
  src: url('../fonts/RobotoSlab-Regular.ttf');
}
@font-face {
  font-family: RobotoRegular;
  src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
  font-family: RobotoBlack;
  src: url('../fonts/Roboto-Black.ttf');
}
@font-face {
  font-family: RobotoBold;
  src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
  font-family: RobotoLight;
  src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
  font-family: RobotoSlabLight;
  src: url('../fonts/RobotoSlab-Light.ttf');
}
/* @font-face {
    font-family: OpensansBold;
   
     src: url('../fonts/OpenSans-Bold.ttf');
     
} */
.Litecolor {
  background: #cfc6e1;
}
.Midcolor {
  background: #b0a2cd;
}
.Menucolor {
  background: #736d81;
}
.Rcolor {
  background: #e60000;
}
.Rcolor a {
  color: #ddd;
}
.Grcolor {
  background: #8e9fbe;
}
.Grcolor a {
  color: #ddd;
}
.Blcolor {
  background: #4bbcf6;
}
.Pinccolor {
  background: #e1abe6;
}
.Darkcolor {
  background: #383342;
}
.Yecolor {
  background: #fffc24;
}
.hidden {
  display: none;
}
input.no-arrows::-webkit-inner-spin-button,
input.no-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.flex-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
* {
  font-size: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 120%;
  font-family: RobotoRegular;
}
body {
  background: #fff;
  width: 100vw;
  height: 100vh;
}
.aslink {
  color: #5028FB;
  cursor: pointer;
  border-bottom: 1px dashed #5028FB;
}
.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.wrapper .wr-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.wrapper .wr-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.red_error {
  border: 0.2em solid #f00 !important;
}
.black_filter {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.black_filter:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.blacklink {
  color: #444;
}
.im .up_logo {
  text-align: center;
  text-justify: inter-word;
  border-bottom: 1px solid #fff;
}
.im .up_logo img {
  width: 75%;
  margin: 10px auto 6px;
}
.im .up_slogan {
  text-align: justify;
  letter-spacing: 1.1em;
  font-size: 8.8px;
  margin: 5px -1.1em 10px 0;
  font-family: RobotoSlabRegular;
  padding: 0px;
  color: #fff;
}
.burgers {
  margin-top: 3px;
  cursor: pointer;
  width: 22px;
}
.burgers #cbox {
  position: absolute;
  top: -9999px;
}
.burgers label {
  display: block;
  margin-bottom: 0;
}
.burgers div {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #000000;
  height: calc(3.79310345px);
}
.burgers div:nth-child(2) {
  margin: calc(3.79310345px) 0;
}
.burgers input#cbox:checked ~ label {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 10px;
}
.burgers input#cbox:checked ~ label div {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.burgers input#cbox:checked ~ label div:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: calc(6.6px);
}
.burgers input#cbox:checked ~ label div:nth-child(2) {
  opacity: 0;
}
.burgers input#cbox:checked ~ label div:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: calc(-14.3px);
}
.sl-wrapper {
  width: 100%;
}
.sl-wrapper img {
  width: 100%;
}
.sl-wrapper .slider_main {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.sl-wrapper .slider_main:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.wbut,
.bbut {
  margin-left: 4px;
  padding: 6px;
  text-align: center;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  width: 100%;
  cursor: pointer;
  font-size: 90%;
}
.wbut:hover,
.bbut:hover {
  color: #fff;
  background: #000;
}
.bbut {
  border: 1px solid #777;
  background: #777;
}
.bbut:hover {
  color: #fff;
  background: #000;
}
.menu {
  display: block;
  text-align: center;
}
.menu div {
  display: inline-block;
  margin: auto;
  text-align: center;
  padding: 2px 5% 4px;
}
.menu div a {
  color: #000;
  text-transform: uppercase;
  font-family: RobotoBold;
  font-size: 14px;
}
.menu div.active,
.menu div:hover {
  background: #000;
  color: #fff;
}
.menu div.active a,
.menu div:hover a {
  color: #fff;
  text-decoration: none;
}
.menu-adaptive {
  width: 100%;
  left: -100%;
  background: #000;
  position: absolute;
  z-index: 20;
  padding: 0px 0 20px;
  opacity: 0.97;
}
.menu-adaptive div {
  padding: 10px 2px;
  text-align: center;
  border-top: 1px solid #777;
}
.menu-adaptive div a {
  color: #ddd;
  font-size: 140%;
  font-family: RobotoBlack;
  text-transform: uppercase;
}
.menu-adaptive div div {
  border-bottom: 0.5px dashed #333;
  border-top: none;
}
.menu-adaptive div div a {
  color: #aaa;
  font-size: 110%;
  font-family: RobotoSlabRegular;
  text-transform: lowercase;
}
.menu-adaptive div div:nth-last-child(1) {
  border-bottom: none;
}
.menu-adaptive p {
  text-align: center;
}
.menu-adaptive p img {
  max-width: 200px;
}
.foodecard {
  margin-top: 35px;
}
.foodecard .rborder {
  border-right: 1px solid #000000;
}
.foodecard .thumb-pics {
  max-width: 80px;
  display: block;
  margin-bottom: 15px;
  border: 1px solid #000;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.3;
}
.foodecard .thumb-pics img {
  width: 100%;
}
.foodecard .slick-current {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1;
}
.foodecard .prev {
  margin: 0 auto 15px 30px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  cursor: pointer;
}
.foodecard .next {
  margin: 0 auto 0 30px;
  cursor: pointer;
}
.foodecard .main-pic {
  text-align: center;
  margin: 30px auto 30px 20px;
}
.foodecard .main-pic img {
  width: 100%;
}
.foodecard .dark-panel {
  background: #000;
  padding: 2px 3% 2px 0;
}
.foodecard .dark-panel .posttitle {
  color: #fff;
  font-family: RobotoBlack;
  font-size: 95%;
  text-align: right;
  padding: 2px 0;
}
.foodecard .dark-panel .status {
  display: inline-block;
  background: #ccc;
  color: #000;
  font-family: RobotoBold;
  padding: 3px 14px;
  font-size: 85%;
}
.foodecard .card-right h1 {
  font-family: RobotoSlabRegular;
  text-align: right;
  margin-top: 15px;
}
.foodecard .card-right h4 {
  font-family: RobotoRegular;
  font-size: 120%;
  text-align: justify;
}
.foodecard .card-right .wbut {
  width: auto;
  padding: 5px 22px;
  margin-top: 15px;
}
.foodecard .card-right .color-name {
  padding: 5px 0;
  margin-top: 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.foodecard .card-right .color-name div {
  font-family: RobotoBlack;
  font-size: 90%;
  color: #444;
}
.foodecard .card-right .color-pic {
  margin-top: 20px;
}
.foodecard .card-right .color-pic .color-box img {
  width: 27pt;
  padding: 3px;
  display: inline-block;
  margin-right: 6px;
}
.foodecard .card-right .color-pic .color-box img.active,
.foodecard .card-right .color-pic .color-box img:hover {
  border: 1px solid #000;
}
.foodecard .card-right .color-pic .allott {
  font-family: RobotoBold;
  color: #888;
  margin-top: 7px;
}
.foodecard .card-right .price-area {
  margin-top: 20px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 12px 0;
}
.foodecard .card-right .price-area > div:nth-child(2) {
  font-family: RobotoSlabRegular;
  font-weight: bold;
  font-size: 120%;
  line-height: 167%;
}
.foodecard .card-right .price-area > div:nth-child(2) * {
  font-family: inherit;
}
.card-down {
  margin-top: 40px;
}
.card-down .toggle-block {
  margin-top: 30px;
}
.card-down .header {
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
}
.card-down .rotated {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.card-down .text {
  padding: 12px 0;
  margin-bottom: 20px;
}
.card-down .text p {
  text-align: justify;
  font-size: 95%;
  color: #555;
}
.card-down .otziv {
  margin-bottom: 20px;
}
.card-down .otziv .start {
  width: 100%;
}
.card-down .otziv .face {
  display: inline-block;
  margin-right: 15px;
}
.card-down .otziv .face img {
  vertical-align: top;
  width: 42px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.card-down .otziv .fio {
  vertical-align: top;
  display: inline-block;
  letter-spacing: 0.07em;
}
.card-down .otziv .star-mark span {
  margin-left: 20px;
  font-family: RobotoLight;
  margin-top: 2px;
}
.card-down .otziv .star-mark span b {
  font-family: RobotoBold;
}
.card-down .otziv .star-mark img {
  width: 110px;
}
.card-down .otziv .otziv-content {
  margin-top: 10px;
}
.card-down .otziv .otziv-content span {
  font-family: RobotoBold;
  padding-right: 20px;
}
.card-down .otziv .otziv-content p {
  display: inline;
}
.card-down .wbut {
  width: 300px;
}
.rek {
  margin-top: 40px;
  margin-bottom: 30px;
}
.rek .ttl {
  font-size: 130%;
  font-family: RobotoBold;
  padding-bottom: 8px;
  border-bottom: 2px solid #000;
  margin-bottom: 20px;
}
.rek .item {
  margin-right: 2%;
  vertical-align: bottom;
}
.rek .item img {
  width: 100%;
}
.rek .item .title {
  font-family: RobotoSlabRegular;
  font-size: 90%;
  margin-bottom: 5px;
}
.rek .item .pretitle {
  font-family: RobotoBold;
  font-size: 70%;
  margin-bottom: 10px;
}
.rek .item .bbut {
  font-size: 80%;
  margin-left: 0;
}
.user-panel {
  background: #ccc;
  padding: 10px 5px;
  font-size: 80%;
  text-align: right;
}
.user-panel span {
  font-size: 70%;
  display: block;
}
.user-panel b {
  border-bottom: 1px dashed #777;
}
.user-panel div {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  cursor: pointer;
}
.upmenu-right {
  text-align: right;
}
.upmenu-right .search-inp {
  display: block;
  position: relative;
  min-height: 17px;
  width: 100%;
}
.upmenu-right .search-inp input {
  width: 122px;
  margin-right: 5px;
  height: 17px;
  color: #666;
  font-size: 80%;
  border: 0;
  padding-left: 3px;
  background: #fff;
}
.upmenu-right .search-inp img {
  top: 1px;
  right: 10px;
  cursor: pointer;
}
.upmenu-right .bask {
  position: relative;
  text-align: center;
}
.upmenu-right .bask i {
  display: block;
  position: absolute;
  font-size: 0.65em;
  bottom: 4px;
  font-style: normal;
  width: 100%;
  text-align: center;
  padding-right: 10px;
}
.upmenu-right div {
  display: inline-block;
  padding: 1px 5px 2px;
  background: #fff;
  color: #000;
}
.upmenu-right div img {
  height: 21px;
  margin-top: 1px;
}
.upmenu-right div:hover {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.upmenu-right div:hover input.searchtext {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  background: #fff;
  z-index: 10;
}
.upmenu-right div:nth-last-child(1) {
  -webkit-filter: invert(0%);
  filter: invert(0%);
}
.upmenu-right .login {
  background: #000;
  position: relative;
  z-index: 231;
  /*   & :hover {
              -webkit-filter: invert(0%);
              filter        : invert(0%);
              img {
                  -webkit-filter: invert(50%);
                  filter        : invert(50%);
              }
          } */
}
.upmenu-right .wide-login {
  position: absolute;
  width: 300px;
  display: none;
  background: #fff !important;
  min-height: 150px;
  top: 26px;
  right: 0;
  border: 1px solid #000;
  padding: 5px;
}
.upmenu-right .wide-login .ltitle h4 {
  font-size: 120%;
  font-family: RobotoBlack;
  margin-bottom: 5px;
  margin-top: 10px;
}
.upmenu-right .wide-login .ltitle h4 a {
  font-size: 100%;
  font-family: RobotoLight;
  color: inherit;
}
.upmenu-right .wide-login .ltitle label {
  text-align: right;
  padding: 0;
  margin: 10px 0 5px;
  font-family: RobotoSlabRegular;
}
.upmenu-right .wide-login .ltitle input {
  width: 95%;
  padding: 3px 6px;
  color: #777;
  text-align: right;
  background: #efefef !important;
  border: 1px solid #000;
}
.upmenu-right .wide-login .ltitle p {
  text-align: center;
}
.upmenu-right .wide-login .ltitle p button {
  margin: 12px 4px 7px;
  display: inline-block;
  width: 75px;
}
.upmenu-right .wide-login .ltitle i {
  font-style: normal;
}
.upmenu-right .wide-login .ltitle i a {
  color: #888;
  font-size: 60%;
}
.unlogin {
  cursor: pointer;
}
.unlogin:hover {
  opacity: 0.7;
}
.banner {
  width: 100%;
}
.tlines {
  background: #fff;
}
.tlines div[class^="col-"] {
  padding: 0;
}
.tlines .uptel {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 2px 15px 3px;
  font-weight: 500;
  font-size: 1.1em;
}
.tlines .uptel img {
  height: 18px;
  padding-right: 5px;
}
.tlines .uptel a {
  text-decoration: none;
  color: inherit;
}
.matop {
  margin-top: 16px;
}
.blackline {
  height: 1px;
  background: #000;
  width: 100%;
}
.products a {
  text-decoration: none;
}
.products .tr {
  width: 24.5%;
}
.products .tr img {
  width: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.products .tr .underpic {
  margin-bottom: 3px;
  border: 1px solid #fff;
  color: #fff;
  background: #000;
  padding: 5px;
  text-align: left;
  position: relative;
  font-size: 0.7em;
  font-weight: 600;
}
.products .tr .underpic .tre {
  position: absolute;
  top: 1px;
  right: 5px;
}
.products .tr .underpic .tre img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  width: 20px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.products .tr:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.products .tr:hover .tre img {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.bas {
  padding: 0 2px;
  margin-bottom: 50px;
}
.basket-div {
  margin-top: 20px;
  margin-bottom: 80px;
}
.basket-div h2 {
  font-size: 140%;
  border-bottom: 2px solid #000;
}
.basket-div .mtable {
  border-bottom: 1.2px solid #000;
}
.basket-div .mtable .frow {
  margin: 0 0 10px;
  font-size: 85%;
  text-align: left;
}
.basket-div .mtable .frow div {
  color: #999;
  padding: 0;
}
.basket-div .mtable .items {
  margin: 0;
  border-bottom: 2px solid #ccc;
  padding: 15px 0;
}
.basket-div .mtable .items div:nth-last-child(1) {
  text-align: right;
  padding-right: 1%;
}
.basket-div .mtable .items .foto {
  padding: 0 1% 0 0;
  width: 100%;
}
.basket-div .mtable .items .foto img {
  width: 99%;
  border: 1px solid #ccc;
}
.basket-div .mtable .items .name {
  padding: 0 1% 0 0;
}
.basket-div .mtable .items .name h3 {
  font-size: 110%;
  font-family: RobotoSlabRegular;
}
.basket-div .mtable .items .name h3 a {
  color: inherit;
}
.basket-div .mtable .items .name h4 {
  font-size: 85%;
  font-family: RobotoBlack;
}
.basket-div .mtable .items .palit {
  padding: 0;
}
.basket-div .mtable .items .palit table tr td {
  font-size: 80%;
  font-family: RobotoSlabRegular;
}
.basket-div .mtable .items .palit table tr td img {
  width: 90%;
  max-width: 30px;
  padding: 1px;
  border: 1px solid #ccc;
}
.basket-div .mtable .items .palit table tr td:nth-child(2) {
  padding-left: 2%;
}
.basket-div .mtable .items .kolvo {
  padding: 0;
}
.basket-div .mtable .items .kolvo span {
  display: inline-block;
  padding: 4px;
  cursor: pointer;
}
.basket-div .mtable .items .kolvo input {
  width: 26px;
  padding: 3px;
  font-size: 70%;
  text-align: center;
  margin: 0 1%;
  border: 1px solid #444;
}
.basket-div .mtable .items i {
  font-style: normal;
  font-size: 80%;
  padding-right: 10px;
}
.basket-div .mtable .items .cen {
  padding: 5px 0 0 0;
  font-size: 85%;
}
.basket-div .mtable .items .diskont {
  padding: 5px 0 0 0;
  font-size: 85%;
}
.basket-div .mtable .items .diskont span {
  display: inline-block;
  padding: 1px 3px;
  background: #aaa;
  margin-left: 6px;
}
.basket-div .mtable .items .summ {
  padding: 5px 0 0 0;
  font-size: 85%;
  font-family: RobotoBold;
}
.basket-div .mtable .items .delsign {
  padding: 1px 0 0 0;
}
.basket-div .mtable .items .delsign span {
  font-size: 130%;
  color: #777;
  cursor: pointer;
}
.basket-div .mtable .items .delsign span:hover {
  color: #000;
}
.basket-div .mtable .items:nth-last-child(1) {
  border-bottom: none;
}
.basket-div .itog {
  padding-top: 10px;
}
.basket-div .itog h5 {
  font-size: 110%;
}
.basket-div .itog div:nth-last-child(1) {
  text-align: right;
}
.basket-div .itog div:nth-last-child(1) .control {
  display: inline-block;
  margin-right: 25px;
  font-size: 75%;
  border-bottom: 1px dashed #aaa;
  color: #888;
}
.basket-div .itog-buttons {
  margin-top: 20px;
}
.basket-div .itog-buttons a {
  text-decoration: none;
}
.oform {
  padding-bottom: 30px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
}
.oform h2 {
  font-size: 140%;
  border-bottom: 2px solid #000;
}
.oform h5 {
  margin-top: 40px;
  margin-bottom: 30px;
  color: #999;
  font-size: 85%;
}
.oform select,
.oform input[type='text'],
.oform input[type='tel'],
.oform input[type='password'],
.oform textarea {
  padding: 6px;
  border: 1px solid #000;
  width: 100%;
  height: 35px;
  font-size: 90%;
  font-family: RobotoSlabRegular;
}
.oform select::-webkit-input-placeholder,
.oform input[type='text']::-webkit-input-placeholder,
.oform input[type='tel']::-webkit-input-placeholder,
.oform input[type='password']::-webkit-input-placeholder,
.oform textarea::-webkit-input-placeholder {
  color: #bbb;
  font-size: 80%;
}
.oform select:-ms-input-placeholder,
.oform input[type='text']:-ms-input-placeholder,
.oform input[type='tel']:-ms-input-placeholder,
.oform input[type='password']:-ms-input-placeholder,
.oform textarea:-ms-input-placeholder {
  color: #bbb;
  font-size: 80%;
}
.oform select::-ms-input-placeholder,
.oform input[type='text']::-ms-input-placeholder,
.oform input[type='tel']::-ms-input-placeholder,
.oform input[type='password']::-ms-input-placeholder,
.oform textarea::-ms-input-placeholder {
  color: #bbb;
  font-size: 80%;
}
.oform select::placeholder,
.oform input[type='text']::placeholder,
.oform input[type='tel']::placeholder,
.oform input[type='password']::placeholder,
.oform textarea::placeholder {
  color: #bbb;
  font-size: 80%;
}
.oform textarea {
  height: 6em;
}
.oform textarea::-webkit-input-placeholder {
  font-size: 70%;
}
.oform textarea:-ms-input-placeholder {
  font-size: 70%;
}
.oform textarea::-ms-input-placeholder {
  font-size: 70%;
}
.oform textarea::placeholder {
  font-size: 70%;
}
.oform .client {
  padding-bottom: 30px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
}
.oform .client table {
  width: 100%;
  margin-bottom: 18px;
}
.oform .client small {
  color: #999;
}
.oform .client small .other_format {
  border-bottom: 1px dashed #ccc;
  color: #777;
  cursor: pointer;
}
.oform .client .label {
  font-size: 70%;
  color: #444;
  padding-right: 1%;
  width: 70px;
  vertical-align: top;
  padding-top: 5px;
}
.oform .sopl div {
  cursor: pointer;
}
.oform .sopl div p {
  text-align: center;
  font-size: 70%;
  font-family: RobotoBold;
}
.oform .sopl div .im1 {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.oform .sopl div .im2 {
  padding: 15px;
  border: 1px solid #444;
  width: 60%;
}
.oform .sopl div .im3 {
  padding: 12px;
  border: 1px solid #444;
  width: 60px;
}
.oform .sopl div img {
  margin-bottom: 10px;
}
.oform .sopl div span {
  display: inline-block;
  padding: 3px 10px;
}
.oform .sopl div span.active {
  background: #ddd;
}
.oform .sopl div:hover span {
  background: #ddd;
}
.reg_addresses {
  padding: 3%;
  border: 1px dashed #000;
  width: 80%;
  min-width: 303px;
  margin: 35px auto 10px;
  background: #ddd;
}
.reg_addresses p {
  font-family: RobotoBold;
  text-align: center;
}
.agreement {
  padding: 5px;
  text-align: center;
  font-size: 70%;
}
.agreement label {
  margin-bottom: 0px;
}
.dark_op {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 250;
  background: rgba(0, 0, 0, 0.7);
}
.dark_op .imodal {
  border: 3px double #eee;
  display: none;
  padding: 5px;
  position: fixed;
  width: 306px;
  z-index: 251;
  top: 60px;
  left: calc(50% - 152px);
}
.dark_op .imodal .imodal-inner {
  text-align: center;
  background: #eee;
  color: #000;
  padding: 4px 4px 10px;
  position: relative;
  height: 100%;
}
.dark_op .imodal .imodal-inner .cross {
  position: absolute;
  top: 0;
  right: 4px;
  cursor: pointer;
}
.dark_op .imodal .imodal-inner h4 {
  padding-top: 10px;
  font-size: 120%;
  font-family: RobotoBold;
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
  margin-bottom: 8px;
}
.dark_op .imodal .imodal-inner .ttl {
  font-size: 90%;
  font-family: RobotoSlabRegular;
  background: #ccc;
}
.dark_op .imodal .imodal-inner .flex-between {
  border-bottom: 1px solid #666;
}
.dark_op .imodal .imodal-inner .art,
.dark_op .imodal .imodal-inner .color {
  font-size: 70%;
  color: #777;
  padding-bottom: 8px;
  padding-top: 5px;
}
.dark_op .imodal .imodal-inner .ko {
  margin-top: 8px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #666;
  font-size: 75%;
}
.dark_op .imodal .imodal-inner .ko input {
  width: 60px;
  text-align: center;
  font-size: 90%;
  padding: 3px;
  border: 1px solid #000;
  margin-right: 5%;
}
.dark_op .imodal .imodal-inner .text-div {
  height: auto;
  font-size: 80%;
  overflow-y: auto;
  height: 70vh;
  text-align: start;
}
.dark_op .imodal .imodal-inner .bbut {
  font-size: 90%;
}
.ipage-1 .ttl {
  padding: 10px;
  background: #000;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.ipage-1 .ttl h2 {
  color: #eee;
  font-family: RobotoLight;
  margin: 0;
}
.ipage-1 .ptext {
  padding: 15px 1px;
}
.ipage-1 .ptext h2 {
  width: 140%;
}
.ipage-1 .ptext p {
  text-align: center;
  font-family: RobotoBold;
  line-height: 140%;
  font-size: 110%;
}
.ipage-1 .ptext2 .col-12 {
  padding: 40px 1px;
}
.ipage-1 .ptext2 .col-12 h2 {
  font-size: 140%;
  margin-top: 40px;
}
.ipage-1 .ptext2 .col-12 h3 {
  font-size: 130%;
  margin-top: 40px;
}
.ipage-1 .ptext2 .col-12 p {
  text-align: justify;
  line-height: 140%;
  font-size: 105%;
}
.ipage-1 .ptext2 .col-12 ul {
  margin-left: 30px;
}
.ipage-1 .items {
  margin-bottom: 30px;
}
.ipage-1 .items > div {
  padding-right: 5px;
  padding-left: 5px;
}
.ipage-1 .items h3 {
  font-size: 140%;
  padding-bottom: 4px;
  margin-bottom: 0;
}
.ipage-1 .items .fat-line {
  padding: 1px 0px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.ipage-1 .items .slim-line {
  border-top: 1px solid #000;
}
.ipage-1 .items .items-rows {
  margin-bottom: 25px;
}
.ipage-1 .items .item-line > div {
  padding-right: 9px;
  padding-left: 6px;
}
.ipage-1 .items .item-line img {
  width: 100%;
}
.ipage-1 .items .item-line h4 {
  font-family: RobotoSlabLight;
  font-size: 145%;
  margin-bottom: 0px;
}
.ipage-1 .items .item-line label {
  font-family: RobotoBlack;
  font-size: 80%;
}
.ipage-1 .items .item-line .price {
  font-family: RobotoBlack;
  font-size: 110%;
  text-align: right;
  margin-bottom: 25px;
}
.ipage-1 .items .item-line .mdl {
  border-right: 1px solid #000;
}
.ipage-1 .items .item-line .mdl .mdl-up {
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
}
.ipage-1 .items .item-line .mdl .mdl_down .color-ttl {
  font-family: RobotoSlabRegular;
  font-size: 90%;
  margin-top: 6px;
}
.ipage-1 .items .item-line .mdl .mdl_down .min-pic {
  margin-top: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ipage-1 .items .item-line .mdl .mdl_down .min-pic img {
  width: 30px;
  display: inline-block;
  margin-right: 10px;
  padding: 1px;
}
.ipage-1 .items .item-line .mdl .mdl_down .min-pic img:hover,
.ipage-1 .items .item-line .mdl .mdl_down .min-pic img.active {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  border: 1px solid #000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ipage-1 .column {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-width: 49%;
  -webkit-column-width: 49%;
  -moz-column-count: 49%;
  font-family: RobotoRegular;
  font-size: 0.75em;
  text-align: justify;
  color: #333;
  padding-bottom: 4px;
  border-bottom: 0.1em solid #fff;
}
.ipage-1 .column p {
  line-height: 120%;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.pimage {
  padding-right: 1%;
  border-right: 1px solid #eee;
}
.pimage:nth-child(2) {
  padding-left: 1%;
}
.pimage:nth-child(3) {
  padding-left: 1%;
  padding-right: 0;
  border-right: none;
}
.pimage .undo {
  margin-top: 12px;
}
.pimage .ttl {
  font-size: 80%;
  font-family: RobotoBlack;
}
.pimage .undo2 {
  margin-top: 4px;
}
.pimage .ttl2 {
  font-family: RobotoSlabRegular;
  font-size: 145%;
}
.pimage .knopa {
  text-align: right;
}
.pimage .knopa button {
  width: 90%;
  border: 1px solid #fff;
  color: #fff;
  background: #000;
  padding: 2px;
  font-size: 80%;
  margin-bottom: 4px;
  cursor: pointer;
}
.pimage .knopa button:hover {
  background: #fff;
  color: #000;
}
.pimage .knopa button:nth-child(2) {
  background: #fff;
  color: #000;
}
.pimage .knopa button:nth-child(2):hover {
  background: #000;
  color: #fff;
}
.lrotate {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.tobye {
  position: absolute;
  margin-top: 20px;
  bottom: 7px;
  right: 0;
  width: 40%;
  border-top: 0.05em solid #fff;
  border-bottom: 0.05em solid #fff;
  padding: 2px 0;
  margin-left: 8%;
}
.tobye .tobye-inner {
  background: #fff;
  color: #000;
  font-size: 65%;
  padding: 3px 5px;
  text-align: right;
  font-family: RobotoBlack;
}
.tobye .tobye-inner:hover {
  background: #666;
  cursor: pointer;
  color: #fff;
}
.page3 div[class^="col-"]:nth-child(1) {
  padding-left: 0;
}
.page3 #uplistbutton {
  cursor: pointer;
}
.page3 .plashka {
  border-bottom: 0.1em solid #fff;
  margin-bottom: 4px;
}
.page3 .plashka h1 {
  font-family: RobotoBlack;
  font-size: 90%;
  text-align: right;
  margin: 0 0 5px;
}
.page3 .plashka div:nth-child(1) {
  width: 90%;
  text-align: left;
  float: left;
  font-size: 90%;
  font-family: RobotoBold;
}
.page3 .plashka div:nth-child(1) span {
  font-family: RobotoRegular;
  color: #999;
}
.page3 .plashka div:nth-child(2) {
  float: right;
  text-align: right;
  width: 9%;
}
.page3 .plashka div:nth-child(2) img {
  height: 1.2em;
}
.page3 .video {
  padding-bottom: 4px;
  position: relative;
  margin-bottom: 16px;
  border-bottom: 0.1em solid #fff;
}
.page3 .video img {
  width: 100%;
}
.page3 .video .video-list {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding-bottom: 4px;
  background: rgba(0, 0, 0, 0.6);
}
.page3 .video .video-list ul {
  list-style: none;
  margin-left: 50px;
  margin-bottom: 10px;
}
.page3 .video .video-list ul li a {
  font-family: RobotoRegular;
  font-size: 70%;
  color: #fff;
}
.page3 .photos img {
  width: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.page3 .photos img:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.page3 .photos .size1 {
  width: 43.3%;
  cursor: pointer;
}
.page3 .photos .size2 {
  width: 28.35%;
  cursor: pointer;
}
.page3 .photos .size2:nth-child(2) {
  margin: 0 8px 8px;
}
.page3 .photos .size3 {
  display: inline-block;
  cursor: pointer;
  width: 50%;
  margin-top: 8px;
  margin-left: 0px;
}
.page3 .photos .size3:nth-child(1) {
  margin-right: 8px;
}
.page3 .rtext .ttl {
  text-align: right;
  font-family: RobotoSlabLight;
  font-size: 240%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.page3 .rtext .part2 .part2-half {
  width: 49%;
}
.page3 .rtext .part2 .ttls {
  font-family: RobotoBlack;
  font-size: 65%;
  text-align: left;
  padding: 5px 0;
}
.page3 .rtext .part2 .colors {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page3 .rtext .part2 .colors .col-img {
  font-family: Georgia, RobotoSlabLight;
  width: 48.5%;
  padding-top: 2px;
  border-top: 0.1em solid #fff;
}
.page3 .rtext .part2 .colors .col-img .pallite {
  font-size: 90%;
  color: #444;
  padding: 5px 0;
  text-align: center;
}
.page3 .rtext .part2 .colors .col-img .des {
  padding: 4px 8px;
  text-transform: uppercase;
  min-height: 4.4em;
  font-size: 55%;
  margin: 0;
  vertical-align: bottom;
  font-family: Georgia, RobotoSlabLight;
  color: #aaa;
  text-align: center;
}
.page3 .rtext .part2 .colors .col-img:nth-last-child(1),
.page3 .rtext .part2 .colors .col-img:nth-last-child(2) {
  border-bottom: 0.1em solid #fff;
}
.page3 .rtext .part2 .txt2 {
  padding: 3px 0;
  border-top: 0.1em solid #fff;
}
.page3 .rtext .part2 .txt2 p {
  font-size: 65%;
  text-align: justify;
  font-family: RobotoRegular;
  border-bottom: 0.05em solid #fff;
  padding: 8px 0;
  margin: 0;
}
.page3 .rtext .part2 .txt3 {
  border-bottom: 0.1em solid #fff;
}
.page3 .rtext .part2 .txt3 div:nth-child(1) {
  font-size: 70%;
  font-family: "Times News Roman", RobotoSlabLight;
  padding: 13px 5px 13px 0;
  border-right: 0.05em solid #fff;
}
.page4 {
  padding-bottom: 20px;
}
.page4 .tr {
  position: relative;
  margin-bottom: 20px;
}
.page4 .ttl {
  font-family: RobotoBold;
  font-size: 72%;
  margin-top: 10px;
}
.page4 h3 {
  font-family: RobotoSlabRegular;
  font-size: 150%;
  line-height: 100%;
  margin-top: 8px;
}
.page4 .txt {
  font-family: RobotoRegular;
  font-size: 75%;
}
.page4 .colors {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.page4 .colors .color {
  border-bottom: 0.05em solid #fff;
  border-top: 0.05em solid #fff;
  display: inline-block;
  margin-right: 4px;
  padding: 2px 0;
}
.page4 .colors .color div {
  width: 26px;
  height: 26px;
}
.page4 .end {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
}
.page4 .moreabout {
  width: 100%;
  margin-top: 16px;
  position: relative;
  border-bottom: 0.05em solid #fff;
}
.page4 .moreabout a {
  color: #fff;
  font-size: 80%;
  font-family: RobotoRegular;
}
.page4 .moreabout .more {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
.page4 .moreabout .more img {
  width: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.page4 .moreabout:hover .more img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.search_result p {
  margin: 0;
  text-align: center;
  padding: 25px 0;
  font-family: RobotoRegular;
}
.search_result p span {
  font-family: RobotoBlack;
}
.search_menu {
  margin-top: 10px;
}
.search_menu .menu_item {
  width: 32.8%;
  border-bottom: 0.1em solid #fff;
}
.search_menu .menu_item p {
  padding: 2px 0 1px;
  text-align: center;
  margin: 0;
  font-family: RobotoBold;
}
.search_menu .menu_item p span {
  font-family: RobotoBold;
  color: inherit;
}
.search_menu .menu_item:hover {
  background: #fff;
  cursor: pointer;
}
.search_menu .menu_item:hover p {
  color: #000;
}
.search_menu .menu_item.active {
  background: #fff;
}
.search_menu .menu_item.active p {
  color: #000;
}
.search_menu .menu_item.passive p {
  color: #555;
  font-family: RobotoRegular;
}
.search_menu .menu_item.passive:hover {
  background: inherit;
  color: inherit;
  cursor: not-allowed;
}
.about h2 {
  text-align: justify;
  color: #fff;
  width: 100%;
  font-family: RobotoSlabLight;
  font-size: 350%;
}
.about img {
  width: 100%;
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
}
.about .col-modifed {
  padding-left: 0px;
  padding-right: 0px;
}
.about .column {
  column-count: 5;
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-width: 19.3%;
  -webkit-column-width: 19.3%;
  -moz-column-count: 19.3%;
  font-family: RobotoRegular;
  font-size: 10.1px;
  text-align: justify;
}
.about .column p {
  padding: 0;
  margin-bottom: 5px;
  line-height: 130%;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  /* &           :nth-child(2) {
                margin-bottom: 0px;
            } */
}
.about .podpis {
  margin-top: 3px;
  text-align: right;
  font-size: 10.1px;
  font-weight: bold;
}
.about .podpis p {
  margin-top: 2px;
  font-size: 85%;
  font-weight: normal;
}
footer {
  padding: 12px 0;
  width: 100%;
  background: #666;
  margin-top: 16px;
  border-top: 3px solid #000;
  font-size: 90%;
}
footer * {
  color: #eee;
}
footer .container {
  padding-right: 0px;
  padding-left: 0px;
}
footer .container .row div {
  font-family: RobotoBold;
  font-size: 92%;
}
footer .container .row div .ims {
  margin-top: 10px;
}
footer .container .row div .ims img {
  margin: 1px 2px 0 0;
}
footer .container .row div .inp_wrapper {
  margin-top: 10px;
  width: 180px;
  position: relative;
}
footer .container .row div .inp_wrapper input {
  border: 1px solid #555;
  padding: 4px;
  background: #fff;
  color: #bbb;
  width: 100%;
}
footer .container .row div .inp_wrapper input::-webkit-input-placeholder {
  color: #ccc;
  font-family: RobotoRegular;
}
footer .container .row div .inp_wrapper .mailo {
  width: 25px;
  height: 11px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  -webkit-filter: invert(100%);
          filter: invert(100%);
  z-index: 10;
}
footer .container .row .sec2 img {
  float: left;
  height: 44px;
}
footer .container .row .sec2 .sec2-ttl {
  display: inline-block;
  color: #eee;
  font-size: 70%;
  margin-bottom: 5px;
}
footer .container .row .sec2 .sec2-tel {
  display: inline-block;
  color: #eee;
  font-size: 140%;
}
footer .container .row .sec2 .sec2-address {
  font-size: 70%;
  color: #eee;
  display: block;
  margin-top: 4px;
}
footer .container .row .sec3 ul {
  list-style: none;
}
footer .container .row .sec3 ul li {
  margin-bottom: 1px;
}
footer .container .row .sec3 ul li a {
  text-transform: uppercase;
  color: #eee;
  font-size: 80%;
}
footer .container .row .sec3 ul li a:hover {
  color: #000;
  text-decoration: none;
}
footer .container .row .last-footer {
  text-align: right;
  font-family: RobotoRegular;
  font-size: 70%;
  color: #eee;
}
footer .container .row .last-footer span {
  font-family: RobotoBold;
  font-size: 120%;
  color: #eee;
  display: inline-block;
  margin-top: 6px;
}
footer .footer-middle div[class^="col"] {
  padding-left: 6px;
  padding-right: 6px;
}
footer .laststring {
  width: 100%;
  color: #000;
  font-size: 65% !important;
}
.overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 232;
  display: none;
}
.otziv-plus {
  display: none;
  width: 40%;
  min-width: 310px;
  position: fixed;
  background: #fff;
  top: 0;
  left: 30%;
  z-index: 233;
  margin: 6% auto 0;
}
.otziv-plus .inner {
  padding: 40px 35px 20px;
}
.otziv-plus .inner .up {
  position: relative;
}
.otziv-plus .inner .up h3 {
  font-size: 140%;
  border-bottom: 2px solid #222;
}
.otziv-plus .inner .up .close-cross {
  position: absolute;
  top: -36px;
  right: -17px;
  font-size: 250%;
  cursor: pointer;
}
.otziv-plus .inner .up .close-cross:hover {
  color: #595959;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.otziv-plus .inner .bodi {
  margin: 30px 0;
}
.otziv-plus .inner .bodi .flex-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  /* .flex-inner:nth-child(2n)::after {
                    content: '';
                    width  : 100%;
                } */
}
.otziv-plus .inner .bodi .flex-div .flex-inner {
  margin-bottom: 10px;
}
.otziv-plus .inner .bodi .flex-div .flex-inner .stars5 img {
  width: 24px;
  cursor: pointer;
}
.otziv-plus .inner .bodi .flex-div .flex-inner:nth-child(1n) {
  width: 20%;
}
.otziv-plus .inner .bodi .flex-div .flex-inner:nth-child(2n) {
  width: 79%;
}
.otziv-plus .inner .bodi .flex-div .flex-inner:nth-child(2n) input,
.otziv-plus .inner .bodi .flex-div .flex-inner:nth-child(2n) textarea {
  width: 100%;
  padding: 3px;
}
.otziv-plus .inner .bodi .flex-div .flex-inner:nth-child(2n) textarea {
  height: 5.5em;
}
.otziv-plus .inner .bodi button {
  width: auto;
  padding: 5px 15px;
}
.otziv-plus .inner p {
  margin-top: 20px;
  font-size: 80%;
}
.bf {
  background-color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bf .one {
  width: 45%;
  color: #bbb;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
  text-decoration: line-through;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
}
.bf .two {
  width: 54%;
  padding: 5px;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}
.bf .two div {
  background-color: #fff;
  color: red;
  padding: 3px;
}
.bf .three {
  width: 100%;
  height: 15px;
  font-size: 11px;
  color: #eee;
  text-align: center;
}
/* @rcolor: #FE1922;
@grcolor: #cecece;
@gr2color: #121214;
@dgrcolor: #979698;
@linkcolor: #337ab7; */
@media all and (min-width: 1201px) {
  .sec-in3 {
    margin-left: -22px;
  }
  footer .sec3 {
    padding: 0;
    margin-left: 14px;
  }
}
@media all and (max-width: 1200px) {
  .im .up_slogan {
    letter-spacing: 0.77em;
    font-size: 8.8px;
    margin: 5px -0.77em 10px 0;
    text-align: center;
  }
}
@media all and (max-width: 992px) {
  .otziv-plus {
    width: 96%;
    left: 2%;
  }
}
@media all and (max-width: 768px) {
  .products .flex-between {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .products .tr {
    width: 48%;
    margin-left: 2px;
    margin-right: 2px;
  }
  .ipage-1 .items .item-line .mdl {
    border-right: 1px solid transparent;
  }
  footer .container .row .sec2 {
    margin-left: 10px;
  }
  footer .container .row .sec3 {
    margin-left: 10px;
  }
  footer .container .row .last-footer {
    margin-left: -10px;
  }
  footer .footer-middle div[class^="col"] {
    padding-left: 3px;
    padding-right: 3px;
  }
  .foodecard .card-right h1 {
    font-size: 140%;
  }
  .foodecard .card-right h4 {
    font-size: 100%;
  }
  .basket-div .mtable .items .name,
  .basket-div .mtable .items .kolvo,
  .basket-div .mtable .items .cen,
  .basket-div .mtable .items .diskont,
  .basket-div .mtable .items .summ {
    margin-top: 10px;
  }
}
@media all and (max-width: 576px) {
  .otziv-plus .inner .bodi .flex-div {
    display: block;
  }
  .otziv-plus .inner .bodi .flex-div .flex-inner:nth-child(1n) {
    width: 80%;
  }
  .burgers {
    margin: 3px 4px auto;
  }
  .tlines .justify-content-between {
    margin-top: 2px;
  }
  .tlines .uptel {
    font-size: 0.9em;
    padding: 4px 8px;
  }
  .tlines .uptel img {
    height: 15px;
  }
  footer .frow > div:nth-child(1) {
    text-align: right;
  }
  footer .footer-middle {
    margin-top: 10px;
    padding-top: 10px;
  }
  footer .footer-middle .share-follow {
    color: #000;
    text-align: center;
    padding-bottom: 10px;
  }
  footer .container .row .sec3 {
    margin-left: 4%;
    margin-top: 10px;
  }
  footer .container .row .sec3 ul li {
    margin-bottom: 5px;
  }
  footer .container .row .sec3 ul li a {
    font-size: 115%;
  }
  footer .last-footer {
    margin-top: -61px;
    margin-right: 4%;
  }
  footer .laststring {
    padding: 1px 4% 5px;
    text-align: justify;
  }
  .foodecard {
    margin-top: 12px;
  }
  .foodecard .rborder {
    border-right: none;
  }
  .foodecard .main-pic {
    margin: 10px 5px 20px;
  }
  .foodecard .price-area .bbut {
    font-size: 90%;
  }
  .basket-div .itog div:nth-last-child(1) .control {
    font-size: 68%;
  }
}