/*.brand{*/
/*    position: absolute;*/
/*    left: 48%;*/
/*    margin-left: -50px !important;*/
/*    !*margin-top: -1px;*!*/
/*top: 5px;*/
/*}*/
.languageAline{
    text-align: center !important;
}
.brand svg{
    width: 218px;
    height: 57px;
    scale: 150%;
}
.navbar{
    top: 0;
}
#navbarSupportedContent {
    background-color: transparent;
}
#navbar {
    /*background-color: #333; !* Black background color *!*/
    position: absolute; /* Make it stick/fixed */
    top: 0; /* Stay on top */
    right: 0;
    left: 0;
    width: 100%; /* Full width */
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
    padding-left: 63px;
    padding-right: 63px;
    padding-bottom: 30px;
    /*z-index: -1;*/

}
.navbar .nav-link{
    font: normal normal normal 17px/17px Roboto;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    transition: transform 700ms;
}
 .navbar .navbar-toggler {
     font: normal normal normal 17px/17px Roboto;
     letter-spacing: 0px;
     color: #000000;
     text-transform: uppercase;
     opacity: 1;
     transition: transform 700ms;
     border: none;
 }

.navbar .nav-link:hover{
    font: normal normal normal 17px/17px Roboto;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    transform: translateX(10px);
    /*border: none;*/
}

 .dropdown-item{
    transition: transform 700ms;
     font: normal normal normal 17px/32px Roboto;
     letter-spacing: 0px;
     color: #000000!important;
     text-transform: uppercase;
     opacity: 1;
     background-color: white !important;
     text-align: left;
     font-weight: 500;
}

  .dropdown-item:hover{
    transform: translateY(10px);
      /*text-align: left;*/
      font: normal normal normal 17px/32px Roboto;
      letter-spacing: 0px;
      font-weight: 500;
      text-transform: uppercase;
      opacity: 1;
      color: #FF0000!important;
    }

  .dropdown-menu{
      /*text-align: center !important;*/
      background: #FFFFFF 0% 0% no-repeat padding-box!important;
      border: 1px solid #F8F7F6 !important;
      opacity: 1;
      margin-top: 30px !important;
  }

.dropdown-menu:hover{
    border: none !important;
}


.nav-link:focus, .nav-link:hover {
    font: normal normal normal 17px/17px Roboto;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000!important;
    text-transform: uppercase;
    opacity: 1;
}

.nav-item{
    margin-left: 15px;
}



.side-bar-navbar-nav{
    text-align: -webkit-left;
}
.side-bar-navbar-nav .side-bar-nav-item-first{
    width: 100%;
    /*border-top: 1px solid #F8F7F6;*/
    padding: 10px;
    text-align: left;
    font: normal normal normal 16px/24px Roboto;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.side-bar-navbar-nav .side-bar-nav-item{
    width: 100%;
    border-top: 1px solid #F8F7F6;
    padding: 10px;
    text-align: left;
    font: normal normal normal 16px/24px Roboto;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
/* Fixed sidenav, full height */
.sidenav {
    overflow-x: hidden;
    /*padding-top: 20px;*/
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    /*font-size: 20px;*/
    /*color: #818181;*/
    display: block;
    border: none;
    background: none;
    width:100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    font: normal normal normal 16px/24px Roboto;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
    /*color: #f1f1f1;*/
}

/* Main content */
.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    font-size: 20px; /* Increased text to enable scrolling */
    padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
    /*background-color: green;*/
    /*color: white;*/
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    /*background-color: #262626;*/
    padding-left: 8px;
}

/* Optional: Style the caret down icon */
.side-bar-nav-item svg{
    float: right;
    padding-right: 8px;
}
.side-bar-nav-item-first svg{
    float: right;
    padding-right: 8px;
}
.fa-caret-down {
    float: right;
    padding-right: 8px;
}
.offcanvas-header{
    width: 100%;
    border-bottom: 1px solid #F8F7F6;
    height: 70px;
}

.offcanvas-header svg{
padding: 4px;
}
.arabic{
    text-align: right !important;
    font: normal normal 500 17px/32px Neo Sans Arabic !important;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.nav-link-arabic .nav-link{
    font: normal normal 500 17px/17px Neo Sans Arabic !important;
    text-align: center !important;
}
.nav-link-arabic .navbar-toggler{
    font: normal normal 500 17px/17px Neo Sans Arabic !important;
    text-align: center !important;
}
.nav-link-arabic .nav-link:hover{
    font: normal normal 500 17px/17px Neo Sans Arabic !important;
    text-align: center !important;
}
.nav-link-arabic .dropdown-item{
    text-align: center !important;
    font: normal normal 500 17px/32px Neo Sans Arabic !important;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.nav-link-arabic .dropdown-item:hover{
    text-align: center !important;
    font: normal normal 500 17px/32px Neo Sans Arabic !important;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.nav-link-arabic-off-canvas .side-bar-navbar-nav .side-bar-nav-item-first{
    font: normal normal 500 16px/24px Neo Sans Arabic !important;
}
.nav-link-arabic-off-canvas .side-bar-navbar-nav .side-bar-nav-item{
    font: normal normal 500 16px/24px Neo Sans Arabic !important;
}


.nav-link-kurdish .nav-link{
    font: normal normal 500 17px/17px RudawRegular !important;
    text-align: center !important;
}
.nav-link-kurdish .navbar-toggler{
    font: normal normal 500 17px/17px RudawRegular !important;
    text-align: center !important;
}
.nav-link-kurdish .nav-link:hover{
    font: normal normal 500 17px/17px RudawRegular !important;
    text-align: center !important;
}
.nav-link-kurdish .dropdown-item{
    text-align: center !important;
    font: normal normal 500 17px/32px RudawRegular !important;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}
.nav-link-kurdish .dropdown-item:hover{
    text-align: center !important;
    font: normal normal 500 17px/32px RudawRegular !important;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.nav-link-kurdish-off-canvas .side-bar-navbar-nav .side-bar-nav-item-first{
    font: normal normal 500 16px/24px RudawRegular !important;
}
.nav-link-kurdish-off-canvas .side-bar-navbar-nav .side-bar-nav-item{
    font: normal normal 500 16px/24px RudawRegular !important;
}
@media only screen and (max-width: 1100px) {
    .brand{
        /*position: inherit;*/
        /*margin-left: 91px !important;*/
        left: 55%;
    }
    .brand svg{
        width: 218px;
        height: 57px;
        scale: 100%;
    }


    /*and (max-width: 500px) and (max-width: 320px )*/
}



@media only screen and (max-width: 500px) {
    .brand {
        left: 40%;
        /*position: inherit;*/
        /*margin-left: 44px !important;*/
    }
    .brand svg{
        width: 191px;
        height: 50px;
    }
}

@media only screen and (max-width: 390px) {
    /*.brand {*/
    /*    position: inherit;*/
    /*    !*margin-left: 94px !important;*!*/
    /*}*/
    .brand svg{
        width: 191px;
        height: 50px;
    }
    #navbar {
        padding-left: 12px;
        padding-right: 12px;

    }
}


#logoBigScreen{
    display:block;
}
#logoMobile{
    display:none;
}

@media only screen and (max-width: 1000px) {
    #logoBigScreen{
        display:none;
    }
    #logoMobile{
        display:block;
    }
}