.top_panel_wrap .columns_header_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
}
.top_panel_wrap .columns_header_wrap:before, .top_panel_wrap .columns_header_wrap:after {
display: none;
}
.top_panel_wrap .columns_header_wrap .logo {
margin: 0 !important;
}
.top_panel_wrap .columns_header_wrap .logo_main {
margin-bottom: 0;
}
.top_panel_wrap .columns_header_wrap .menu_main_nav > li > a {
font-size: 16px !important;
margin-left: 1em;
margin-right: 1em;
}
.top_panel_wrap .menu_mobile_wrap {
margin-top: 10px;
display: none !important;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_button_burger {
display: inline-block;
position: relative;
width: 25px;
height: 14px;
border-width: 2px 0;
border-style: solid;
border-color: #fff;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_button_burger:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 6px;
left: 0;
background-color: #fff;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_button_close {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_button_close:after, .top_panel_wrap .menu_mobile_wrap .menu_mobile_button_close:before {
content: "";
width: 30px;
height: 2px;
position: absolute;
background: #fff;
top: 13px;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_button_close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_nav {
position: fixed;
z-index: 100002;
top: 0;
left: 0;
width: 100%;
height: 0;
will-change: height;
-webkit-transition: all 0.45s cubic-bezier(0.5, 1, 0.89, 1);
-o-transition: all 0.45s cubic-bezier(0.5, 1, 0.89, 1);
transition: all 0.45s cubic-bezier(0.5, 1, 0.89, 1);
visibility: hidden;
overflow: hidden;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_nav.menu_mobile_opened {
height: 100%;
visibility: visible;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_nav .menu_main_nav {
display: block !important;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_nav .menu_main_nav li {
display: block;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_nav .menu_main_nav li a {
display: inline-block;
margin-bottom: 0;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
overflow: hidden;
overflow-y: auto;
background: #0a0a0a;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 30px 30px;
}
.top_panel_wrap .menu_mobile_wrap .menu_mobile_header .logo img {
max-height: unset;
max-width: 100px;
}
.top_panel_fixed .top_panel_style_2 .top_panel_middle {
display: block;
}
.top_panel_fixed .top_panel_wrap .columns_header_wrap {
padding: 5px 0;
}
@media (max-width: 1439px) {
.top_panel_style_2 .columns_header_wrap .column_menu_right .menu_main_nav > li > a,
.top_panel_style_2 .columns_header_wrap .column_menu_left .menu_main_nav > li > a {
font-size: 13px !important;
margin-left: 0.9em;
margin-right: 0.9em;
}
}
@media (max-width: 1023px) {
.top_panel_style_2 .columns_header_wrap .menu_mobile_wrap {
display: block !important;
text-align: left;
}
.top_panel_style_2 .columns_header_wrap.columns_wrap .contact_logo {
margin-top: 0 !important;
width: 50% !important;
}
.top_panel_style_2 .columns_header_wrap.columns_wrap .contact_logo .logo {
margin: 0 !important;
}
.top_panel_style_2 .columns_header_wrap.columns_wrap .contact_logo .logo img {
max-height: unset;
max-width: 115px;
}
.top_panel_style_2 .columns_header_wrap .column_menu_right,
.top_panel_style_2 .columns_header_wrap .column_menu_left > .menu-left-menu-container {
display: none;
}
.top_panel_style_2 .columns_header_wrap .column_menu_left {
width: 25% !important;
}
.top_panel_over .top_panel_wrap {
z-index: 100000;
}
}