.top_line {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding:0px;}
.top_line_right {margin-left: auto; display: block;}

.right_block .mobile_open {border: 0px solid #ff9933; background: transparent; width: 40px; flex-wrap: wrap;  height: 40px; display: block;  position: relative; border-radius: 5px; display: none}
.mobile_open span {display: block; position: relative; height: 2px; background: #fff; margin: 6px 6px; -webkit-transition: all 0.3s; transition: all 0.3s; min-width: calc(100%-12px);}

.mobile_open.active span:nth-child(2) {opacity: 0; visibility: hidden}

.mobile_open.active span:nth-child(1) {
    position: absolute;
    top: 13px;
    width: 34px;
    left: -0px;
    transform: rotate(39deg);
}
.mobile_open.active span:nth-child(3) {position: absolute; top: 13px; width: 34px; right: 0px; transform: rotate(-39deg)}

.menu_line {flex: 1; display: flex; justify-content: flex-start; padding-top: 10px; padding-bottom: 10px;}
.top_menu {display: flex; padding: 0px; margin: 0px; flex: 1; align-items: center; justify-content: flex-start;   }
.top_menu>li {display: block;   margin-right: 4px; margin-left: 0px;}
.top_menu>li>a {display: flex; padding: 10px 12px;   align-items: center; font-weight: 400; justify-content: center;  color: #999999;  position: relative; font-size: 11px; font-weight: 800; text-transform: uppercase; white-space: nowrap }
.top_menu>li>a:hover,
.top_menu>li.current-menu-item a
 {text-decoration: none; color: #fff; background: #3e8dda}
 .top_menu>li.dropdown {position: relative;}
 
.top_menu>li.menu-item-has-children>a:after {position: absolute; content: "\f0d7"; font-family: FontAwesome; right: 0px; top: 18px;
height: 10px; width: 8px; height: 8px;   display: flex; align-items: center; justify-content: center}
 
.top_menu>li.menu-item-has-children:hover>a:after {transform: rotate(180deg)}
 
.top_menu>li:hover:after, .top_menu>li.current-menu-item:after, .top_menu>li.current-page-ancestor:after {height: 2px;}


.top_menu>li>ul {display: flex; flex-wrap: wrap; position: absolute; left: 0px; width: 100%; z-index: 4; background: #3e8dda; justify-content: stretch; overflow: hidden; height: 0px; opacity: 0}

 .top_menu>li.dropdown>ul {display: block; width: 250px}
.top_menu>li.dropdown>ul li {display: block; width: 100%}

.top_menu>li:hover>ul{height: auto; opacity: 1;}
.top_menu>li>ul>li {display: block; border: 1px solid #ffffff17;   width: 20%; min-width: 20%; align-self: stretch; margin-top: -1px; margin-left: -1px;}
.top_menu>li>ul>li a {color: #fff; display: block; padding: 5px 10px; font-weight: 600; display: flex; align-items: center; height: 100%}
.top_menu>li>ul>li a:hover {background: #335a92; text-decoration: none}


@media (min-width: 1200px) {

}

 
@media (min-width: 992px) and (max-width: 1199px) {

}

 
@media (min-width: 768px) and (max-width: 991px) {

}

 
@media (max-width: 991px) {
.right_block .mobile_open {display: block;}
.menu_line {display: none}


.mobile_menu .social{text-align: left; margin-bottom: 20px; justify-content: flex-start}
.mobile_menu .social a {margin-right: 10px; color: #fff;}

}