/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
.box-headertop {
  padding: 10px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media (max-width: 991px) {
    .box-headertop {
      display: none; } }

.headertop-link ul {
  display: flex;
  gap: 0 30px; }
  @media (max-width: 1199px) {
    .headertop-link ul {
      gap: 0 20px; } }
  .headertop-link ul li a {
    display: inline-block;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 400; }

.headertop-center {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1px;
  color: #FFFFFF;
  font-weight: 400;
  text-align: center; }

.headertop-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 30px; }
  @media (max-width: 1199px) {
    .headertop-right {
      gap: 0 20px; } }
  .headertop-right div.title {
    display: none; }
  .headertop-right .popup-over a.popup-title {
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    color: #FFFFFF; }
    .headertop-right .popup-over a.popup-title span {
      text-transform: capitalize; }
  .headertop-right .popup-title {
    padding: 3px 0 3px 10px; }
    .rtl .headertop-right .popup-title {
      padding: 3px 10px 3px 0; }
    .headertop-right .popup-title:hover {
      color: var(--theme-color-default); }
    .headertop-right .popup-title .fa-angle-down {
      font-family: "themify";
      font-size: 13px;
      font-weight: 400;
      margin-left: 5px; }
      .rtl .headertop-right .popup-title .fa-angle-down {
        margin-right: 5px;
        margin-left: inherit; }
      .headertop-right .popup-title .fa-angle-down::before {
        content: "\e64b"; }

.block-social li {
  width: auto;
  height: auto;
  line-height: normal;
  color: #FFFFFF;
  font-size: 13px; }
  .block-social li:not(:last-child) {
    margin-right: 30px; }
    .rtl .block-social li:not(:last-child) {
      margin-left: 30px;
      margin-right: inherit; }
    @media (max-width: 1199px) {
      .block-social li:not(:last-child) {
        margin-right: 15px; }
        .rtl .block-social li:not(:last-child) {
          margin-left: 15px;
          margin-right: inherit; } }

.leo-megamenu .navbar-nav > li > a {
  margin-right: 30px; }
  .rtl .leo-megamenu .navbar-nav > li > a {
    margin-left: 30px;
    margin-right: inherit; }
  @media (max-width: 1199px) {
    .leo-megamenu .navbar-nav > li > a {
      margin-right: 20px; }
      .rtl .leo-megamenu .navbar-nav > li > a {
        margin-left: 20px;
        margin-right: inherit; } }

.col-menu {
  display: flex;
  align-items: center; }
  .col-menu .showmenu {
    border-width: 2px 0 0;
    margin: 0 30px 0 0; }
    .rtl .col-menu .showmenu {
      margin: 0 0 0 30px; }
    @media (max-width: 991px) {
      .col-menu .showmenu {
        display: none; } }

.box-top {
  padding: 24.5px 0; }
  @media (max-width: 991px) {
    .box-top {
      padding: 10px 0; } }

.h-logo {
  text-align: center; }

@media (max-width: 1600px) and (min-width: 1500px) {
  .col-info {
    width: 35%; }

  .col-menu {
    width: 45%; } }
@media (max-width: 1499px) and (min-width: 1300px) {
  .col-info {
    width: 30%; }

  .col-menu {
    width: 50%; } }
@media (max-width: 1299px) and (min-width: 1200px) {
  .col-info {
    width: 25%; }

  .col-menu {
    width: 55%; } }
@media (min-width: 992px) {
  #index:not(.keep-header) #page {
    position: relative; }
  #index:not(.keep-header) #page #header .header-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 48.36px;
    z-index: 1;
    margin: auto;
    width: 100%;
    background-color: transparent;
    background: transparent; } }

/*# sourceMappingURL=headerposition2657163957.css.map */
