.top-header {
  height: 53px;
  padding: 20px 16px;
  
}
.fiolet
{
background: #9439CD;  
color: white;
min-height: 113px;
}

.contacts ul li {
  
  margin-left: 0px;
}

.top-header .numbers span {
  margin-right: 20px;
}

.social img {
  max-width: 22px;
  max-height: 22px;
}

.social ul {
  /* display: inline-block; */
  float: right;
}

.social ul li {
  margin-left: 30px;
}

/* Menu */

.menu {
  width: 100%;
  height: 60px;

  position: relative;
  padding: 10px;
  z-index: 997;
}

.logo {
  /* width: 27px; */
  position: absolute;
  top: -17px;
  margin: auto 0;
}

.numbers
{
  font-size: 12px;
  margin-top: 5px;
  text-align: right;
}
.menu ul
{
  float:right; 
}


.company-name {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-left: 10px;
}

.menu ul {
  /* margin-top: 5px; */
    display: inline-block;

}

.menu ul li {
  transition: .5s;
  margin-left: 40px;
  float: left;
}

.menu ul li:hover {
  color: #bea015;
}

/* Menu button */

.v-menu {
  display: none;
}

.nav-toggle {
  position: relative;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  margin: 37px 0;
  top: 50%;
  left: 0;
  -webkit-transform(-50%, -50%);
  transform: translate(-50%, -50%);
}

.nav-toggle:focus {
  outline-width: 0;
}

.nav-toggle [class*='bar-'] {
  background: white;
  display: block;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .2s ease all;
          transition: .2s ease all;

  /*
   * ENLARGED FOR PRESENTATION
   * Keep these values at the same proportion
   * for it to look correct
  */
  /* border-radius: 8px;
  height: 8px;
  width: 100px;
  margin-bottom: 16px; */


    border-radius: 2px;
    height: 4px;
    width: 30px;
    margin-bottom: 5px;

}

.nav-toggle .bar-bot {
  margin-bottom: 0;
}

.opened .bar-top {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 15% 15%;
          transform-origin: 15% 15%;
}
.opened .bar-mid {
  opacity: 0;
}
.opened .bar-bot {
  -webkit-transform: rotate(45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 15% 95%;
          transform-origin: 15% 95%;
  margin-top: -4px;
}

.mobile-menu {
  transition: .5s !important;
  display: none;
  width: 300px;
  height: 100%;
  position: absolute;
  background: #e6e6e6;
  /* top: 113px; */
  right: -300px;
  z-index: 999;
}

.mm-opened {
  right: 0;
  display: block;
}

.mm-list {
  margin: 10px 25px;
  font-size: 20px;
}

.mm-list li {
  padding: 10px 0;
}

.current-page {
  color: yellow;
}

.mm-contacts {
  margin: 30px 25px;
  flex-wrap: wrap;
}

.mm-contacts li {
  padding: 10px 0;
  font-size: 18px;
}

.mm-contacts .numbers-icon {
  margin-right: 7px;
}

/* Logo */

.logotype {
  height: 113px;
  width: 133px;
  left: 15%;
  position: absolute;
  padding: 20px;


}

.logo-top-part {
  width: 100%;
  height: 88%;
  position: relative;
  display: flex;
  align-items: row;
  
}

.logo_img
{
  height: 50px;
}
.logo_title
{
  font-size: 15px;
  width: 133px;
  text-align: center;
}

.text-block {
  width: 77%;
  
  display: inherit;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 0 15px;
}


.text-block span {
  margin-top: 3%;
  font-size: 20px;
  font-weight: 700;
 
  letter-spacing: 0.8px;

  padding: 2% 0;
  width: 85%;
  
}

.sale {
  position: absolute;
  right: 0;

  /* display: flex;

  vertical-align: center;
  align-items: center; */

  font-size: 16px;

  padding: 20px 30px;

  border-radius: 0 0 0 20px;

  background: #cf3434;

  color: #fff;
}