.menu-container {
position:fixed;
width:100%;
z-index:999;
background:#1E1E1E !important;
}

.menu-container .first-row {
display:flex;
justify-content: space-between;
align-items: center;
padding-left:15px;
padding-right:15px;
max-width:1800px;
padding-top:22px;
padding-bottom:21px;
transition: all 0.5s ease;
margin-left:auto;
margin-right:auto;
background:#1E1E1E !important;
}

.menu-container.scrolled-header .first-row {
background:#1e1e1e73;
padding-top:6px;
padding-bottom:5px;
}

.flex-col-66 .sub-menu-div {
display:none;
}

.menu-container .logo {
max-height:52px;
height:100%;
width:auto;
transition: max-height 0.5s ease-out;
}

.menu-container ul {
list-style:none;
margin-bottom:0px;
}

.menu-container li{
display:inline-block;
position:relative;
}

.icon-mobile{
display:none;
}

.new-dropdown {
background:#1E1E1E;
display:none;
position:relative;
}

.back-mobile-menu {
display:none;
}

.flex-box {
display:flex;
justify-content: space-between;
}

.menu-container .first-row button {
margin-left:27px;
padding:10px 0;
margin-bottom:0px;
display:flex;
justify-content: space-between;
align-items: center;
}

.menu-container .first-row button, .menu-container .first-row button a {
background:none;
color:#fafafa;
font-size:14px;
line-height:25px;
font-family: "AvenirNextLTPro-Bold", "AvenirFallbackBold";
text-transform:uppercase;
font-weight:normal;
}

.menu-container .first-row button:hover, .menu-container .first-row button:hover a {
color:#d10000;
}

.menu-container .first-row button .fa-chevron-down {
font-size:7px;
line-height:25px;
padding-left:7px;
}

.menu-container .first-row button span img {
height:20px;
}

.menu-container .new-dropdown button {
background:none;
padding:0px;
font-family: "AvenirNextLTPro-Bold";
color:#fafafa;
display:flex;
}


.menu-container .new-dropdown {
position:absolute;
padding:20px 25px 25px 25px;
overflow:auto;
top:75px;
max-height:90vh;
}

.menu-container .main-button:nth-child(7) .new-dropdown {
right:-100px;
}

.menu-container .main-button:nth-child(6) .new-dropdown {
right:-164px;
}

.menu-container .main-button:nth-child(5) .new-dropdown {
right:-316px;
}

.close-dropdown {
position: absolute;
right: 24px;
top: 19px;
width: 22px;
height: 22px;
opacity: 1;
display:none;
}

.close-dropdown:hover {
}

.close-dropdown:before, .close-dropdown:after {
position: absolute;
left: 15px;
content: ' ';
height: 22px;
width: 1px;
background-color: #707070;
}

.close-dropdown:before {
transform: rotate(45deg);
}

.close-dropdown:after {
transform: rotate(-45deg);
}

.menu-container .new-dropdown h4 {
font-size:20px;
text-transform:uppercase;
font-family: "AvenirNextLTPro-Bold";
line-height:25px;
color:#1e1e1e;
margin-bottom:30px;
display:none;
}

.menu-container .new-dropdown ul {
margin:0px;
}

.menu-container .new-dropdown .flex-col-33 {
min-width:280px;
}

.menu-container .new-dropdown .flex-col-33 ul li {
display:block;
padding-right:30px;
}

.menu-container .new-dropdown .flex-col-33 button{
font-size:14px;
line-height:40px;
color:#fafafa;
text-transform:uppercase;
font-family: "AvenirNextLTPro-Bold";
display:block !important;
padding-left:0px;
width:100%;
text-align:left;
margin-bottom:0px;
margin-left:0px;
background-image:url(/layout/menu-arrow-right-white.svg);
background-repeat:no-repeat;
background-position:right center;
background-size:10px auto;
border-bottom: 0;
}

.menu-container .new-dropdown .flex-col-33 button:hover {
}

.menu-container .new-dropdown .flex-col-33 button.active{
color:#d10000;
}

.flex-col-66 h4{
display:none;
}

.flex-col-66  .sub-menu-div {
display:flex;
justify-content: space-between;
gap:20px;
height:100%;
}

.flex-col-66  .sub-menu-div {
justify-content: space-between;
display:none;
}

.flex-col-66  .sub-menu-div.active {
display:flex;
}

.flex-col-66 .col-links {
height:100%;
padding-left:40px;
min-width:300px;
}

.flex-col-66 .col-links li {
display:block;
}

.flex-col-66 .col-links a {
color:#fafafa;
display:block !important;
width:100%;
text-align:left;
margin-bottom:0px;
font-size:14px;
line-height:45px;
font-family: "AvenirNextLTPro-Regular";
transition: auto;
padding:0px 20px;
font-weight: 400;
}

.flex-col-66 .col-links a:hover {
color:#fafafa;
font-family: "AvenirNextLTPro-Bold";
background:#d10000;
}


.flex-col-66 .col-img {
width:calc(100% - 325px);
background:#EAEAEA;
height:100%;
display:none;
}


.kontakt-btn {
position:relative;
margin-left:20px;
}

#main-7  {
display:inline-block;
height:50px;
width:138px;
padding:0px;
margin:0px;
text-transform:uppercase;
border-radius:35px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
position:relative;
background: #d10000;
margin-top:7px;
}

.kontakt-btn:hover #main-7 {
transform: scale(0.88);
}

.kontakt-btn a  {
color: #fafafa;
font-size: 14px;
line-height: 50px;
font-family: "AvenirNextLTPro-Bold";
text-transform:uppercase;
height:50px;
width:138px;
display:inline-block;
position:absolute;
top:0px;
left:0px;
text-align:center;
margin-top:7px;
}

.sh-close-menu-class {
display:flex;
align-items: center;
}

.mobile-row {
display:none;
}

.menu-text {
display:none;
}

.menu-header {
display:none;
}

.sub-button i {
display:none;
}


  @media only screen and (min-width: 1025px) {
.menu-container .new-dropdown {
  top: 60px !important;
}

}

.all-button .line {
  height: 1px;
  background: #fafafa;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.all-button a {
  font-family: "AvenirNextLTPro-MediumIt" !important;
  font-size: 14px;
  line-height: 40px;
  color: #fafafa;
  text-transform: uppercase;
  font-family: "AvenirNextLTPro-Bold";
  display: block !important;
  padding-left: 0px;
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
  margin-left: 0px;
  background-image: url(/layout/menu-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px auto;
  font-weight: 400;
}

.flex-col-66 .col-links a {
  color: #fafafa;
  display: block !important;
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 45px;
  font-family: "AvenirNextLTPro-Regular";
  transition: auto;
  padding: 0px 20px;
}

.main-button button.arrow::after {
display: none;
}


.menu-container.scrolled-header .first-row {
margin-bottom: 0;
}

.menu-container.scrolled-header .logo {
  max-height: 52px
}




















@media only screen and (max-width: 1024px) {

.flex-col-33  .back-mobile-menu i {
top:5px;
}

.flex-col-33 .sub-button i {
top: 15px !important;
}

.sh-close-menu-class {
display:block;
}

.menu-container li{
display:inline-block;
position:unset;
}


#main-6 img {
fill: #1e1e1e !important;
color:#1e1e1e !important;
stroke:#1e1e1e !important;
}

#mobile-icon {
background: none;
justify-content: space-between;
border: initial;
align-items: inherit;
position: inherit;
line-height: inherit;
}



.mobile-row {
display: flex;
justify-content: space-between;
align-items: center;
padding-left:15px;
padding-right:15px;
padding-top: 25px;
padding-bottom: 25px;
transition: all 0.5s ease;
height:100px
}

.menu-container .first-row, .menu-container.scrolled-header .first-row  {
display:none;
position:absolute;
top:70px;
width:100%;
left:0px;
right:0px;
padding:0px;
margin:0px;
background:#fafafa;
height:calc(100vh - 70px);
min-height:calc(100vh - 70px);
overflow:scroll;
}

.menu-container .new-dropdown {
position:absolute;
top:0px;
width:100%;
left:0px;
right:0px;
padding:0px;
min-height:calc(100vh - 0px);
height:calc(100vh - 0px);
padding:0px;
background:#1E1E1E;
z-index:999;
}

.menu-container.scrolled-header .mobile-row{
background: #1e1e1e73;
}

#mobile-menu button {
color:#1e1e1e;
}

.logo-column {
display:none;
}

.menu-container .first-row  li{
display:block;
background:transparent;
}

.menu-container .first-row button, .menu-container .first-row button a {
color:#fafafa;
height:51px;
line-height:51px;
width:100%;
text-align:left;
}

.menu-container .first-row #main-7, .menu-container .first-row #main-tel {
display:none;
}

#main-7 {
margin-top:0px;
}

.menu-container .flex-col-33 {
width:100%;
height:100%;
}

.menu-container .col-links {
width:100%;
height:100%;
padding:0px;
position:absolute;
top:0px;
background:#fafafa;
z-index:3;
}

.menu-container .col-img {
display:none;
}

.menu-container .flex-box {
display:block;
}

.back-mobile-menu {
font-size: 17px;
position: absolute;
top: 27px;
left: 20px;
display: flex;
height: 30px;
width: 30px;
}

.back-mobile-menu i {
color:#d10000;
position:absolute;
top: 2px;
left: 8px;
}

.flex-col-66 {
width:100%;
}

.close-dropdown {
display:none;
}

.smallMenu {
overflow:hidden;
}

.menu-container .new-dropdown h4 {
margin-bottom:16px;
}

.menu-text {
font-size: 20px;
text-transform: uppercase;
font-family: "AvenirNextLTPro-Bold";
line-height: 25px;
color: #1e1e1e;
margin-bottom: 16px;
display:block;
padding-left:30px;
padding-top:30px;
}

.menu-header {
font-size: 20px;
text-transform: uppercase;
font-family: "AvenirNextLTPro-Bold";
line-height: 25px;
color: #fafafa;
margin-bottom: 16px !important;
display: block;
padding-left: 30px;
padding-top: 30px;
}

.menu-container .kontakt-btn {
display:none !important;
}

.menu-container .new-dropdown .flex-col-33 button {
padding-left:0px;
background:#1E1E1E;
z-index:1;
color:#fafafa;
}

.flex-col-66 .col-links a:hover {
background:transparent;
}

.menu-container .new-dropdown .flex-col-33 button i {
position:absolute;
right:0px;
top:3px;
font-size:17px;
}

.menu-container .new-dropdown .flex-col-33 ul li {
padding-right:0px;
}

.menu-container .new-dropdown .flex-col-33 button.active {
background:#1E1E1E;
color:#fafafa;
}

.menu-container .new-dropdown .flex-col-33 button:hover {
}

.menu-container .new-dropdown .flex-col-33 {
padding-top:0px;
border:none;
}

.menu-container .first-row button, .menu-container .first-row button a {
padding-left:0px;
margin-left:0px;
font-weight:normal;
}

.menu-container .first-row ul {
margin:0px;
padding:0px 30px 30px 30px;
background:#1E1E1E;
padding-bottom:100px;
height:120%;
margin-top:-1px;
}

.menu-container .first-row button .fa-chevron-down {
font-size:17px;
transform: rotate(-90deg);
margin-top:7px;
}

.menu-header {
display:block;
}

.menu-container .new-dropdown .menu-header  {
font-size: 18px;
text-transform: uppercase;
font-family: "AvenirNextLTPro-Bold";
line-height: 25px;
color: #d10000;
display: block;
padding-left: 60px;
padding-top: 30px;
background:#1E1E1E;
margin-bottom:0px !important;
padding-bottom:16px;
}

.flex-col-66 .col-links a {
font-size: 14px;
line-height: 51px;
color: #fafafa;
text-transform: uppercase;
font-family: "AvenirNextLTPro-Regular";
padding:0px;
z-index:2
}

.main-button {
position:unset;
}

.kontakt-small a{
height:40px !important;
color:#fafafa;
font-family: "AvenirNextLTPro-Bold";
text-align:center;
padding-top:9px !important;
font-size:14px !important;
}


.nav-toggle {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between !important;
  height: 20px !important;
  width: 20px !important;
  padding:0px !important;
  background:none !important;
  margin:0px !important;
  margin-left:20px !important;
  margin-right:10px !important;
  oveflow:hidden !important;
}

.nav-toggle:focus {
background:none;
}

.nav-toggle .bar {
  height: 3px;
  width: 100%;
  background-color: #fafafa;
  transition: all 100ms ease-in-out;
}

.nav-toggle:hover {
  cursor: pointer;
}

.x:nth-of-type(1) {
  transition: all 100ms ease-in-out;
  transform: rotate(45deg);
  transform-origin: top left;
  width: 26px;
}

.x:nth-of-type(2) {
  transition: all 100ms ease-in-out;
  transform-origin: center;
  width: 0;
}

.x:nth-of-type(3) {
  transition: all 100ms ease-in-out;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  width: 26px;
}

.menu-container .small-ul {
list-style: none;
margin-bottom: 0px;
display: flex;
align-content: center;
flex-wrap: wrap;
align-items: center;
}

.sub-button i {
display:block;
}

.menu-container li {
  display: inline-block;
  position: unset;
}

#main-7 {
  line-height: inherit;
}

.back-mobile-menu {

  border: 0;
  display: flex;
  background: transparent;
  height: 30px;
  width: 30px;
}

i {
  font-style: normal !important;
}

}



  @media only screen and (max-width: 640px) {
.mobile-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: all 0.5s ease;
  height: 70px;
}
}