/*------ Direction------*/
.mydir
{
direction: rtl !important;
text-align: right !important;
z-index:105;
}


.carousel-inner
{
margin-top:30px;
margin-bottom:5px;
border: 1px dashed #ccc;
width: 300px;                                                /*  <-------  slider width   */
padding:0px;
box-shadow: 0 0 5px #333;
}

.navbar-default
{
padding:0 !important;
margin:0 !important;
top:0;
}

/*------ Menu Height------*/
.navbar-nav > li > a  {
    padding-top: 31px !important; 
    padding-bottom:0px !important;
height:77px;
font-size: 17px !important;
}




/*--------- Main Menu Setting ------------*/
.navbar-nav > li > a {
    color: #000000 !important;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    padding: 8px;
    padding-right: 20px !important;
    padding-left: 20px !important;
    border-bottom: 3px solid transparent;
}

.navbar-nav >li:after{
    content: '';
    display: block;
    width: 0px;
    height: 3px;
    background: #ff5c35;
    transition: width .3s;
}
.navbar-nav > li.active:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #ff5c35;
    transition: width .3s;
}

.navbar-nav > li:hover:after {
    width: 100%;
}
.navbar-nav> li.active >a {
    color: #ff5c35 !important;
}


.navbar-nav > li a:hover {
    color: #ff5c35 !important;
    background-color: transparent !important;
}
.navbar-nav li.open > a {
    border-bottom: 3px solid transparent !important;
    background-color: transparent !important;
    color: #ff5c35 !important;
}


.navbar
{
background-color: transparent;
border:0;
height: 20px;
}

.navbar-default
{
background-color: transparent;
}
    .navbar-default .navbar-nav > .active > a {
        background-color: transparent;
        border-bottom: 3px solid #ff5c35;
    }


/* Main menu Spliter Line */
.navbar-default >li
{
border-left:0px dashed #575757;
}

.navbar-default >li:first-child 
{
border: 0px;
}







/*------ simple dropdown ---> */

.dropdown-menu >li> a
{
padding-top :6px !important;
padding-bottom :6px !important;
color: #797979 !important;
line-height: 150% !important;
min-width:200px;
border-bottom: 1px dashed #dbdddd;
z-index:10000;
}

.dropdown-menu li> a:hover
{
background-color: #d7d7d7 !important;
    box-shadow: inset 0 0 0 0  !important;                       /*  <-------  set Height of color hover   */
    color: #797979 !important;
}



.dropdown-menu > .active > a {
    background-color: transparent !important;
    color: #000000 !important;
}



.navbar .navbar-nav {
 display: inline-block;
 float: none;
}

.navbar .navbar-collapse {
  text-align: center;
z-index:10000000;
}
.navbar { margin-bottom: 0;}

.nav-list {  box-shadow: 0 -5px 5px -5px #333;}
.nav-list > li { 
  padding: 20px 15px 15px;
  border-left: 1px solid #eee; 
}







/*--------------- Mega Menu ----------------*/


.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
    padding: 0px 0px 0px 0px; /*  <-------  space megamenu from top, left, bottom, right*/
    text-align: center;
    top:80px !important;
    width: 100%;
    background-color: #f6f9fc !important;
    
}



    .mega-dropdown-menu > li {
        float: right;
        right: 0%; /*  <-------  center   */
    }

[role=button]
{
border:0 !important;
}



.mega-dropdown img
{
       -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out; 
         -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
max-width:100%;
border:1px solid #ccc;
}
.mega-dropdown img:hover
{
box-shadow: 0 0 5px #ccc;
}


.mega-dropdown ul  {
    text-align:center !important;
}

    .mega-dropdown ul a:after {
        content: '';
        display: block;
        width: 0px;
        height: 2px;
        background: #ff5c35;
        transition: width .3s;
    }

.mega-dropdown a:hover:after {
    width: 100%;
}




.mega-dropdown-menu > li > ul {
    padding: 0;
    padding: 15px 0px 15px 1px; /*-------- Space between Items -------*/

}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

/*-------- Mega Sub menu mouse hover -------*/

.mega-dropdown-menu > li > ul > li > a {
  display: block;
border:0;
padding:9px;                                                    /*-------- megamenu items padding -------*/
padding-right: 5px;
padding-left: 5px;
color: #505050 !important;					/*-------- megamenu items color -------*/
border-radius: 5px;
line-height: 150% !important;
border-bottom: 1px dashed #dbdddd;                                /*-------- megamenu items spliter deashed color -------*/
font-size:16px !important;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
color: #ff5c35 !important;                                         /*-------- megamenu items hover color -------*/
background-color: transparent !important;
box-shadow: 0 0px 0px 0px transparent;
padding-right: 10px;

}
.mega-dropdown-menu .dropdown-header:hover
{
padding-right: 10px;
color: #ff5c35;                                                    /*-------- megamenu header hover color -------*/
}

.mega-dropdown-menu .dropdown-header {
  font-size: 20px;
  color: #000000;                                                  /*-------- megamenu header color -------*/
  line-height: 30px;
font-weight:bold;
border-bottom: 2px #ff5c35 solid;                                   /*-------- megamenu header underline color -------*/
padding-bottom:10px;
padding-right: 5px;
padding-left: 5px;
text-decoration: none !important;

        -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
         -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
}


.mega-dropdown *
{
text-decoration: none !important;
}

.mega-dropdown li 
{
padding-left:0 !important;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}

.caret {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-left: 7px;
    margin-right: 7px;
    color: #c9c9c9;
}
.caret::after
{
content:'';
}
.navbar-nav > li a:hover .caret {
    transform: rotate(180deg);
}

@media all and (min-width: 1600px) {
    .mega-dropdown-menu {
        width: 80%;
        left: 10% !important;
    }
}

    @media all and (max-width:1200px) {

        .carousel * {
            display: none !important;
        }

        .navbar-default a, .collapse ul li li a {
            border: 0px solid #ccc;
        }

        .navbar-collapse ul, .navbar-collapse ul li {
        }

        .navbar-nav li {
            background-color: white;
        }

        .collapse ul li li {
            left: 0;
            right: 0;
            z-index: 100000;
            padding: 5px;
        }
    }