#mobile-phones {
  font-size: 10px;
  text-align: center;
}

.a-logo {padding: 0 !important;}

#knopki-tel {display: none !important;}

.finder_combo {
  float: right !important;
  padding: 1px 1px !important;
}
.finder_combo select {
  float: right !important;
  padding: 6px 1px !important;
  background: #ff5f2c;
  color: #fff;
  border: none;
  font-size: 16px;
  border-radius: 25px;
}
.viewtext {width: 80%; margin: 0 auto;}
.back {
  color: white;
  background: #ff5f2c;
  float: left;
  padding: 6px 16px;
  margin: 23px 30px;
  border-radius: 25px;
  box-shadow: 1px 1px 7px 1px #b7b7b7;
  font-weight: 100;
  cursor: pointer;
  transition: 0.4s;
}
.back:hover {
  box-shadow: 1px 1px 7px 1px #ffffff;
}
#tovar-page-content-buy button {
  color: white;
  border: none;
  border-radius: 25px;
  margin: 8px 1px 1px 1px;
  background: #ff5f2c;
  padding: 3px 11px;
  width: 179px;
  cursor: pointer;
  transition: 0.4s;
}
#tovar-page-content-buy button:hover {
  background: #c1c1c1;
}

#modal-form-menu{border-radius:5px;border:3px #000 solid;background:rgba(0, 0, 0, 0.95);position:fixed;display:none;opacity:0;z-index:999;padding:20px 10px;width:103%;height:100%;padding-top:5%;}
#modal-form-menu #modal_close{cursor:pointer;position:absolute;width:30px;height:30px;right:25%;background:url(/images/closebox.png);background-size:cover;border:none;transition:0.5s ease 0.1s;top:18%;}
#modal-form-menu #modal_close:hover{transform:rotate(195deg);}
#modal-form-site button {
  padding: 6px 14px 6px 14px;
  cursor: pointer;
  margin: 15px auto;
  background: #FF5722;
  color: #fff;
  font-weight: 100;
  font-size: 15px;
  border: none;
  transition: 0.4s;
  display: inline-table;
}
#modal-form-site button:hover {
  background: #fff;
  color: #FF5722;
}
#modal-form-site {
  background: rgba(255, 255, 255, 0.87);
  position: fixed;
  display: none;
  opacity: 0;
  z-index: 9999999999;
  padding: 20px 10px;
  width: 102%;
  height: 100%;
  padding-top: 8%;
}
#modal-form-site #modal_close {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 3%;
  top: 3%;
  background: url(/images/closebox.png);
  background-size: cover;
  border: none;
  transition: 0.5s ease 0.1s;
  filter: invert(100%);
}
#modal-form-site #modal_close:hover{transform:rotate(195deg);}
.forma-zvonka {
  width: 500px;
  margin: 0 auto;
  background: #fff;
  padding: 3px 20px 3px 20px;
  position: relative;
  box-shadow: 0px 0px 42px -2px #a7a7a7;
  border-radius: 17px;
}
.forma-zvonka h1 {
  width: 100%;
  color: #000;
  font-weight: 500 !important;
  text-align: left;
  font-size: 19px;
}
.forma-zvonka input::-webkit-input-placeholder,
.forma-zvonka textarea::-webkit-input-placeholder,
.forma-zvonka textarea:focus{ font-weight: 100 !important; color: #000;       font-size: 16px;  font-family: e;}
.forma-zvonka option {background:#fff;}
.forma-zvonka textarea, .forma-zvonka select, .forma-zvonka input {
  width: 100%;
  background: transparent;
  color: #000;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 16px;
  padding: 13px;
  border-radius: 0;
  font-weight: 100;
}

/*НАЧАЛО БУТЕРБРОДА*/
.cmn-toggle-switch{display: none;}
.cmn-toggle-switch {
  position: relative;
  overflow: hidden;
  margin: 0px 0% 0% 0%;
  padding: 0;
  width: 100%;
  height: 70px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  z-index: 99999999;
  background: #fff;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 34px;
  left: 18px;
  right: 18px;
  height: 4px;
  width: 38px;
  background: white;
}

.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -10px;
  height: 4px;
}

.cmn-toggle-switch span::after {
  bottom: -10px;
  height: 4px;
}

/**
 * Style 1
 *
 * Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
 * Nothing too fancy, simple transition.
 */
.cmn-toggle-switch__rot {
  background-color: #28aadc;
}

.cmn-toggle-switch__rot span {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__rot.active {
  background-color: #166888;
}

.cmn-toggle-switch__rot.active span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.cmn-toggle-switch__htx {
  background-color: #ff5622;
}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
  color: white;
  background: #ffffff;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {
  background-color: #ff5f2c;
}

.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}

/**
 * Style 3
 *
 * Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
 * arrow. Usually indicates an off canvas menu sliding in from left that
 * will be close on re-click of the icon.
 */
.cmn-toggle-switch__htla {
  background-color: #32dc64;
}

.cmn-toggle-switch__htla span {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.cmn-toggle-switch__htla span::before {
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
  transition: transform 0.3s, width 0.3s, top 0.3s;
}

.cmn-toggle-switch__htla span::after {
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
  transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htla.active {
  background-color: #18903c;
}

.cmn-toggle-switch__htla.active span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cmn-toggle-switch__htla.active span::before,
.cmn-toggle-switch__htla.active span::after {
  width: 50%;
}

.cmn-toggle-switch__htla.active span::before {
  top: 0;
  -webkit-transform: translateX(42px) translateY(3px) rotate(45deg);
  -ms-transform: translateX(42px) translateY(3px) rotate(45deg);
  transform: translateX(42px) translateY(3px) rotate(45deg);
}

.cmn-toggle-switch__htla.active span::after {
  bottom: 0;
  -webkit-transform: translateX(42px) translateY(-3px) rotate(-45deg);
  -ms-transform: translateX(42px) translateY(-3px) rotate(-45deg);
  transform: translateX(42px) translateY(-3px) rotate(-45deg);
}

/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from
 * right that will be close on re-click of the icon.
 */
.cmn-toggle-switch__htra {
  background-color: #ff9650;
}

.cmn-toggle-switch__htra span {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.cmn-toggle-switch__htra span::before {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
  transition: transform 0.3s, width 0.3s, top 0.3s;
}

.cmn-toggle-switch__htra span::after {
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
  transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htra.active {
  background-color: #e95d00;
}

.cmn-toggle-switch__htra.active span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cmn-toggle-switch__htra.active span::before,
.cmn-toggle-switch__htra.active span::after {
  width: 50%;
}

.cmn-toggle-switch__htra.active span::before {
  top: 0;
  -webkit-transform: translateX(-6px) translateY(3px) rotate(-45deg);
  -ms-transform: translateX(-6px) translateY(3px) rotate(-45deg);
  transform: translateX(-6px) translateY(3px) rotate(-45deg);
}

.cmn-toggle-switch__htra.active span::after {
  bottom: 0;
  -webkit-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(-6px) translateY(-3px) rotate(45deg);
  transform: translateX(-6px) translateY(-3px) rotate(45deg);
}
/*КОНЕЦ БУТЕРБРОДА*/

.table-scroll {width: 100%; overflow-x: scroll;}
.table-scroll::-webkit-scrollbar{width:5px;}
.table-scroll::-webkit-scrollbar-thumb{background-color:#ff5f2c;border-radius:0px;}
#telo-korzina-joie {
  color: #000;
  width: 80%;
  margin: 30px auto;
}
#telo-korzina-joie td {
  color: #000;
  background: #e6e6e6;
  border: 2px solid #fff;
  font-weight: 100;
}
#telo-korzina-joie th {
  color: #000;
  background: #e6e6e6;
  border: 2px solid #fff;
  font-weight: 100;
}
#telo-korzina-joie .submit-block input {
  color: #000;
  background: #fff;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 16px;
  transition: 0.4s;
}
#telo-korzina-joie .submit-block input:hover{
  color: #fff;
  background: #3c9dcf;
  border: 1px solid #3c9dcf;
}
#telo-korzina-joie a.button24 {
  color: #000;
  background: #fff;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 16px;
  transition: 0.4s;
  font-weight: 100;
}
#telo-korzina-joie a.button24:hover {
  color: #fff;
  background: #ff5f2c;
  border: 1px solid #ff5f2c;
}
#telo-korzina-joie  input {color: #000;}



#blog {
  width: 80%;
  margin: 0 auto;
  margin-top: 100px;
}
.blog-a {
  color: #ffffff !important;
  float: none !important;
  display: table !important;
  font-weight: 100 !important;
  background: #ff5f2c;
  border-radius: 25px;
  padding: 3px 30px;
  font-size: 16px !important;
  width: 140px !important;
  text-align: center;
  margin: 0 auto !important;
}
.blog-title {
  color: #000;
  box-shadow: 0px 0px 8px -2px #848484;
  padding: 2px 38px;
  margin: 1% 1%;
  display: table;
  float: left;
  width: 48%;
}
.blog-title h1 {
  color: #000;
  display: table;
  width: 100%;
  text-align: center;
}
.blog-title h1 a {
  color: #000;
  font-size: 22px;
  font-weight: 100;
  margin: 19px 1px;
  display: table;
  float: left;
  width: 100%;
}
.blog-title h1 img {
  color: #000;
  float: none;
  display: table;
  margin: 0 auto;
}
.menu-verx-lip {
  position: fixed !important;
  width: 100% !important;
  top: 0 !important;
}
.menu-verx-2-lip {
  position: fixed !important;
  width: 100% !important;
  top: 48px !important;
  box-shadow: 0px 0px 18px -4px black;
}
#header-ul #cart a {
  float: left;
  padding: 0px 0px;
  width: 50px;
}
#cart {
  width: 220px;
  display: table;
  float: right !important;
  margin-right: 4%;
}

#cart a {width: 100px;}
#img_cart {
  width: 60px !important;
}
#summa {
  width: 147px;
  float: left;
  padding-top: 44px;
  text-align: right;
}
#footer a {margin-left: 2%;}
#footer .f2 a {
  padding-top: 36px;
  margin-left: 11%;
  float: left;
}
#footer .f3 a {
  margin: 0 auto;
  margin-top: 17px;
  padding: 5px 9px;
  border: 1px solid;
  border-radius: 25px;
  display: table;
  color: #f94c0a;
  float: left;
  margin-right: 7px;
}
#footer .joie {
  text-align: left;
  float: left;
  color: #888888;
  font-family: sans-serif;
  margin-top: 1%;
  border-top: 1px solid #ff5824;
  width: 100%;
  margin-left: 0;
  padding: 1%;
  box-sizing: border-box;
}
#footer div {
  float: left;
  text-align: center;
  display: table;
  min-height: 100px;
  padding: 1%;
  padding-top: 25px;
}
#footer div img {
  width: 300px;
  float: none;
  display: table;
  box-sizing: border-box;
  margin: 0 auto;
}
.p44 {
  width: 100%;
  display: table;
  padding: 1% 6%;
  box-sizing: border-box;
}
#footer {
  display: table;
  width: 100%;
  border-top: 1px solid #ff5f2c;
  margin-top: 4%;
}
#krohki {
  width: 60%;
  /*ANDREY*/
  margin-top: 115px;
  padding: 1%;
  background: #fff;
  float: right;
}
/*ANDREY*/
#krohki.menu-verx-2-lip {
  margin-top: 16px;
}

#page {
  width: 80%;
  margin: 4% auto;
  display: table;
  margin-top: 100px;
}
.category p a {
  text-align: left;
  color: #000;
  background: #eaeaea;
  border: 3px solid #ffffff;
  padding: 5px 0px;
  width: 27.33%;
  padding-left: 3%;
  float: left;
  display: table;
  min-height: 6px;
  margin: 1%;
  border-radius: 25px;
  box-shadow: 0px 0px 12px -2px #484848;
  cursor: pointer;
  transition: 0.4s;
  font-weight: 100;
  font-family: sans-serif;
}
.products p a {
  color: #ff5f2c;
  width: 20%;
  font-weight: 600;
  font-family: inherit;
}
.products button {
  width: 100px;
  float: right;
  margin: 0% auto;
  background: #fff;
  border: none;
  border-radius: 5px;
  display: table;
  cursor: pointer;
  transition: 0.4s;
  border: 1px solid #ff3d00;
  margin-right: 1%;
  font-size: 16px;
}
.products button:hover {
  background: #ff3d00;
  color: #fff;
  border: 1px solid #fff;
}
.products p {
  text-align: left;
  color: #000;
  background: #ffffff;
  border-bottom: 1px solid #a0a0a0;
  width: 75%;
  float: left;
  display: table;
  cursor: pointer;
  font-weight: 100;
  font-family: sans-serif;
  line-height: 22px;
  padding: 3% 4%;
}
.products p:hover {
  background: #ffffff;
}
.category p a:hover {
  background: #ffffff;
  color: #000;
}

.category p{
  padding: 0px;
  margin: 0;
}
body {    min-height: 700px;}
#catalog {
  color: #fff;
  display: table;
  width: 100%;
}
.categories-home {
  padding: 0;
  width: 80%;
  margin: 4% auto;
}
.categories-home img {
  transform: scale(0.8);
  transition: 0.4s;
}
.categories-home div:hover > .text {    top: 0;opacity: 1;}
.categories-home div:hover img {
  max-width: 100%;
  transform: scale(0.4);
}
.categories-home .text h1 {
  color: #fff;
  text-align: center;
  width: 80%;
  margin: 0;
  padding: 5px;
  background: transparent;
  margin: 0 auto;
  font-size: 30px;
  border-bottom: 1px solid white;
  font-weight: 100;
}
.categories-home .text {
  transition: 0.4s;
  opacity: 0;
  cursor: pointer;
  font-weight: 800;
  position: absolute;
  z-index: 99999999;
  border: 0;
  width: 100%;
  top: 100%;
  height: 100%;
  background: #000000d6;
  padding: 17% 0% 0% 0%;
}
.categories-home a {
  padding: 0px 14px 6px 14px;
  cursor: pointer;
  margin: 15px auto;
  color: #fff;
  font-weight: 100;
  font-size: 16px;
  border: none;
  transition: 0.4s;
  display: inline-table;
}
.categories-home a:hover {
  color: #ff5f2c;
}
.categories-home .divs {
  float: left;
  width: 23%;
  text-align: center;
  position: relative;
  border: 1px solid #d0d0d0;
  margin: 1%;
  overflow: hidden;
}
img {
  max-width: 100%;
}
#home h2 {
  font-weight: 100;
  text-align: center;
  font-size: 40px;
  margin: 0;
  padding: 0;
  margin-top: 2%;
}
#home {
  padding: 0;
  display: table;
  width: 100%;
  margin-top: 100px;
}
#zagolovok-1 h1 {
  padding: 14% 0% 11% 0%;
  text-shadow: 2px 2px 0px #000000;
  color: #ffffff;
  text-align: center;
  width: 100%;
  font-weight: 100;
  background: url(http://lfly.ru/wp-content/uploads/2017/03/doroga3.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-position-y: bottom;
  font-size: 40p;;
  margin: 0;
  display: none;
}
.f1 p {
  display: table;
  width: 100%;
  margin: 0;
}
.f1 {width: 25%;}
.f2 {width: 50%;}
.f3 {width: 25%;}
.finder {
  float: right !important;
  border: 2px solid #fff;
  margin-top: 13px !important;
  border-radius: 25px;
  padding: 2px 14px !important;
  margin-right: 7px !important;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
input:focus, textarea:focus, select:focus {
  outline-offset: 0px;
}
#finder input::-webkit-input-placeholder {color: #fff;}
#finder {
  width: 400px;
  display: table;
  float: right;
}
#finder input {
  float: left;
  background: #ee420b;
  border: none;
  color: #fff;
  padding: 4px;
  margin-top: 4px;
  font-size: 16px;
}
#finder span {float: left;}
#finder a {
  width: 111px !important;
  float: left;
  border-radius: 0px 25px 25px 0px;
  padding: 1px 16px !important;
  margin-top: 4px;
  display: table !important;
}
#header-ul {
  background: #fff;
  margin: 0;
  list-style: none;
  display: table;
  width: 100%;
  padding: 0;
}
#header-ul a {
  float: left;
  padding: 42px 12px;
}
#header-ul p a {padding: 0px 0px;}
#header-ul p {
  float: left;
  padding: 11px 16px;
  color: #ff855f;
  border: 1px solid #ff855f;
  margin-left: 1%;
  margin-top: 31px;
  border-radius: 25px;
}
#header-ul img {
  float: left;
  width: 250px;
  margin: 25px;
}
body {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  min-height: 900px;}
#main-menu {
  width: 100%;
  border-bottom: 2px solid #ffffff;
  background: #ff5f2c;
  position: absolute;
  z-index: 999999999;
  top: 100px;
}
#main-menu ul {
  width: 100%;
  display: table;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
#main-menu a {
  box-sizing: border-box;
  width: 100%;
  display: block;
  padding: 20px 30px 20px 30px;
  color: #fff;
  transition: 0.4s;
  font-weight: 100;
  font-size: 18px;
}
#main-menu p {
  box-sizing: border-box;
  width: 100%;
  display: block;
  color: #fff;
  transition: 0.3s;
  font-weight: 100;
  font-size: 18px;
}
#main-menu  .active{
  background: #ffffff;
  color: #ff5f2c;
}
#main-menu a:hover {
  background: #ffffff;
  color: #ff5f2c;
}
#main-menu li {
  width: auto;
  float: left;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0px 10px;
}
a {text-decoration: none;}

@font-face{font-family:car;src:url(/css/33.ttf);}
@font-face{font-family:z;src:url(/css/11.ttf);}
@font-face{font-family:x;src:url(/css/22.ttf);}
@font-face{font-family:c;src:url(/css/33.ttf);}
@font-face{font-family:v;src:url(/css/44.ttf);}
@font-face{font-family:b;src:url(/css/66.ttf);}
@font-face{font-family:n;src:url(/css/77.ttf);}

h1, h2, h3, h4, h5, p, a, li, span, button, div {
  font-family: car;
  color: #000;
}

div {    box-sizing: border-box;}

@media (max-width: 5000px) {
  #knopki-tel {display: none !important;}
  #mobile-phones {
    display: none !important;
  }
  .categories-home .text {
    padding: 10% 0% 0% 0%;
  }
  /*ANDREY*/
  #tovar-page-text{
    width:900px;
  }
  .products p a {
    color: #ff5f2c;
    width: 100%;
    font-weight: 600;
    font-family: inherit;
  }
  #page {
    margin-top: 140px !important;
  }
  /*ANDREY*/
}


@media (max-width: 1440px) {
  #knopki-tel {display: none !important;}

  #mobile-phones {
    display: none !important;
  }
  .categories-home .text {
    padding: 10% 0% 0% 0%;
  }
  /*ANDREY*/
  #tovar-page-text{
    width:700px;
  }
  .products p a {
    color: #ff5f2c;
    width: 100%;
    font-weight: 600;
    font-family: inherit;
  }
  #page {
    margin-top: 140px !important;
  }
  /*ANDREY*/
}
@media (max-width: 1024px) {
  #knopki-tel {display: none !important;}

  #page {
    margin-top: 140px !important;
  }

  .categories-home .divs {
    width: 48%;
  }
  .categories-home .text {
    padding: 17% 0% 0% 0%;
  }
  /*ANDREY*/
  #tovar-page-text{
    width:600px;
  }
}
@media (max-width: 800px) {

  /*ANDREY*/
  #page {
    margin-top: 40px !important;
  }

  #mobile-phones {
    display: block !important;
  }

  #tovar-page-text{
    width:100%;
  }
  .products p a {
    color: #ff5f2c;
    width: 100%;
    font-weight: 600;
    font-family: inherit;
  }
  /*ANDREY*/

  .categories-home .divs {
    width: 99%;
  }
  .finder_combo {
    background: #ff5f2c;
    float: none !important;
    padding: 14px 1px !important;
    margin: 0 auto !important;
    display: table !important;
    width: 100% !important;
  }
  .finder_combo select {
    float: none !important;
    padding: 6px 1px !important;
    background: #ff5f2c;
    color: #fff;
    border: none;
    font-size: 16px;
    margin: 0 auto;
  }
  #finder {
    background: #ff5f2c;
    float: none !important;
    width: 200px;
    display: table;
    margin: 0 auto;
  }
  #header-ul img {
    float: none;
    width: 250px;
    margin: 4px auto;
    display: table;
  }
  .category p a {
    width: 91%;
    margin: 2%;
  }
  #cart {
    width: 286px;
    display: table;
    float: right !important;
  }
  #footer .f2 a {
    padding-top: 42px;
    margin-left: 0%;
    float: left;
    width: 100%;
  }
  .products p {
    width: 81%;
    margin: 3%;
  }
  .f1, .f2, .f3 {width: 100%;}
  #header-ul a {
    float: none;
    padding: 9px 11px;
  }
  /*andrey*/
  #knopki-tel {
    display: block !important;
    bottom:0;
    background: none;
    float: left;
    position: fixed;
    min-height: 133px !important;
  }
  #footer .f3 a {
    border: none !important;
    padding: 0px 0px;
  }
  .tel99 {
    width:75px !important;
  }
  .f3 p {
    display: none;
  }
  #header-ul p {
    /*        border-radius: 25px;
            width: 129px;
            font-size: 13px;
            float: left;
            text-align: center;
            position: fixed;
            bottom: 0;
                    z-index: 9999999999;*/
    background: #fff;
    display: none;
  }
  .nomer-1 {float: left;}
  .nomer-2 {
    float: right !important;
    right: 0;
  }

  .menu-verx-2-lip {
    position: relative !important;
    width: 100% !important;
    top: 0px !important;
    box-shadow: 0px 0px 18px -4px transparent;
    text-align: center;
  }
  #modal-form-site {
    background: rgb(0, 0, 0);
  }
  .forma-zvonka {
    width: 93%;
    margin: 0 auto;
  }
  #modal-form-site #modal_close {
    right: 3%;
    top: 2%;
  }
  .menu-verx-lip, .menu-verx-lip-2 {
    position: relative !important;
    top: auto;
    height: auto !important;
  }
  .menu-verx-lip .menu-item a, .menu-verx-lip-2 .menu-item a{
    color: #ffffff;
    border-bottom: 1px solid #FFF;
  }
  .menu-verx-lip #logo-joie a img {
    filter: invert(0%);
  }
  .menu-verx-lip .menu-forma a {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
  }
  #main-menu ul {
    display: block;
  }
  #main-menu li {
    width: 88%;
  }
  .categories-home div {
    float: left;
    width: 100%;
    margin: 0%;
    text-align: center;
    position: relative;
  }
  .categories-home {
    padding: 0;
    width: 93%;
    margin: 4% auto;
  }
  #finder a {
    width: 100% !important;
    float: none;
  }
  #finder input {
    width: 100%;
  }
  .navigation-top {
    position: absolute !important;
    top: 71px !important;
    background: black;
    z-index: 99999999;
    left: -150%;
    width: 100%;
    height: 100% !important;
    transition: 0.4s;
  }
  .main-navigation ul {
    background: #0000;
  }
  .menu-open-open {    left: 0% !important;}
  .main-navigation li {
    width: 100%;
  }
  .cmn-toggle-switch{display: table;}

  #modal-form-site {
    background: rgb(0, 0, 0);
    overflow-y: scroll;
    height: 100%;
  }



  #tovar-page-slider {
    width: 100%;
  }
  #tovar-page-content {
    width: 100%;
  }

  ul.slimmenu.collapsed li {
    min-width: 80%;
  }
  ul.slimmenu li>ul {
    min-width: 100px !important;
    padding: 0 !important;
  }
  ul.slimmenu li>ul {
    border: 0px solid #afafaf;
  }

  ul.slimmenu li .sub-toggle {
    top: 0% !important;
  }
  ul.slimmenu li>ul {
    min-width: 400px;
    border: 0x solid #afafaf;
  }
  ul.slimmenu>li:first-child, ul.slimmenu>li.has-submenu+li {
    border-left: 0;
    width: 100% !important;
  }
  #tovar-list-filter select {
    margin-top: 2%;
    width: 91%;
    margin-left: 4%;
  }
  #tovar-list-filter input {
    width: 85%;
  }
  #header-pager button, #footer-pager button {
    margin-bottom: 9px;
  }
  #tovar-cart-name {
    height: 100px;
    overflow-y: scroll;
  }
  #tovar-cart-info .btn_cart {
    width: 75%;
  }
  #tovar-cart {
    width: 48%;
  }
  #tovar-list {
    width: 100%;
  }
  .sli-links .control-slide {
    width: 11px;
    height: 11px;
  }
  ul.slimmenu li ul li {
    background: #ffffff !important;
    margin: 0 !important;
    min-width: 92%;
    padding: 4px !important;
    max-width: 77%;
  }
  ul.slimmenu li {
    background-color: #ffffff !important;
    padding: 15px 7px !important;
    margin-left: 0%;
  }
  #page .owl-next {
    margin-top: 25%;
  }
  #page .owl-prev {
    margin-top: 25%;
  }
  #top1 p a {
    width: 100%;
    display: table;
    margin-bottom: 2px;
  }
  #page #owl-example-brends .owl-next, #page #owl-example-brends .owl-prev {
    margin-top: 15%;
  }
  #menu-joie {
    background: #86d6ff;
    transition: 0.4s;
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
    display: table;
  }
  .menu-collapser {
    z-index: 9;
  }
  .order label {
    width: 100%;
    display: table;
  }
  #cart .summa {
    margin: 21px -3px -4px 0px;
    font-size: 16px;
    float: left;
    padding: 0;
  }
  .firstul-1 {
    color: #000;
    display: block !important;
  }
  .firstul-0 {
    color: #fff;
    margin-top: -57px;
    z-index: 1;
  }
  .top-menu-size-2 {
    width: 100%;
  }
  #form-23 {
    width: 100%;
  }
  .p-phone-right {
    right: 0;
  }
}
@media (max-width:350px) {
  /*ANDREY*/
  #mobile-phones {
    display: block !important;
  }
  #tovar-page-text{
    width:100%;
  }
  #page {
    margin-top: 40px !important;
  }
  .products p a {
    color: #ff5f2c;
    width: 100%;
    font-weight: 600;
    font-family: inherit;
  }
  /*ANDREY*/


  #top1 p {
    font-size: 13px;
  }
  #tovar-list-filter select {
    margin-top: 2%;
    width: 92%;
    margin-left: 4%;
  }
}