﻿/*------------------------------------------------*/
/* Start NAVIGATION */
/*------------------------------------------------*/

.menu .navbar {
    border: 0;
    padding: 0;
    margin-bottom: 0;
    display: block;
    line-height: 0;
    min-height: 0;
}

.navbar-collapse {
    padding: 0;
}
.menu {
    padding-right: 60px;
    position:relative;
}
.menu::before {
    position:absolute;
    content:'';
    height:4px;
    width:0;
    background-color:#fff;
    opacity:0;
    transition:all 1s ease 2s;
    margin:0 auto;
    bottom:0;
    right:0;
    left:0;
}
.loaded .menu::before {
    opacity:1;
    width:100%;
}
.shrink .menu::before {
   display:none
}
.menu .nav {
    backface-visibility: hidden;
    position: relative;
    z-index: 100;
}

.menu .navbar-toggle {
    background-color: transparent;
    float: right;
    padding: 8px 5px 8px;
    border-radius: 5px;
    margin: 5px;
    z-index: 1000;
}

.menu .icon-bar {
    /* border: 1px solid #fff; */
}

.menu .navbar-inner {
    border: none!important;
    box-shadow: none!important;
    padding-left: 0!important;
}
/* for Simple Menu, see Simple menu folder */
.menu .nav.nav-pills {
    margin-right: 0 !IMPORTANT;
    margin-left: 0;
    text-align:right;
}
.home-icon {
    background:url(images/home-icon.png) no-repeat 0 0;
    float:right;
    width:39px;
    height:39px;
    margin-top: 27px;
    margin-left:10px;
    z-index:9999;
}
.menu .nav-pills > li.active > a, .menu .nav-pills > li.active > a:hover, .menu .nav-pills > li.active > a:focus {
    background-color: transparent;
    transition: background-color 0.5s ease;
}

.menu .nav-pills > li > a {
    border-radius: 0;
    margin: 0px 0 0 17px;
}

.nav > li > a > img {
    margin-left: 3px;
    display: none;
}

.menu .nav-collapse {
    float: none;
    position: relative;
    z-index: 9;
}

.menu .nav li {
    list-style: none;
    position: relative;
    margin: 0;
}

.menu .nav-pills > li + li {
    margin-right: 0;
}

.menu .nav > li {
    float: none;
    display: inline-block;
}

.menu .nav > li:last-child {
    background: none;
}

.menu .nav li a, .menu .nav li span {
    font-size: 15px;
    font-family: 'IRanian',Tahoma;
    display: block;
    position: relative;
}

.menu .navbar .nav > li > a {
    overflow: visible;
    padding: 34px 15px;
    color: #fff;
    font-size: 16px;
    margin: 0;
    border-radius: 0 !important;
    position: relative;
    -webkit-transition: all 1s cubic-bezier(.25,.8,.25,1);
    -o-transition: all 1s cubic-bezier(.25,.8,.25,1);
    transition: all 1s cubic-bezier(.25,.8,.25,1);
}

.menu .navbar .nav > li > a::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #8b8b8b;
    width: 1px;
    height: 9px;
    margin: auto 0;
}

.menu .navbar .nav > li:last-of-type a::before {
    display: none;
}

.menu .navbar .nav > li > a span {
    position: relative;
    display: inline-block;
    line-height:initial;
}

.menu .nav li.dropdown {
    position: relative;
}

.menu .nav li.dropdown::before {
    position: absolute;
    bottom: 20px;
    right: 0;
    content: '\f107';
    left: 0;
    margin: 0 auto;
    color: #e3022a;
    font-family: FontAwesome;
    width: 100%;
    text-align: center;
    font-size: 17px;

}

.menu .nav .dropdown-menu li.dropdown::before {
    color: #e3022a;
    font-family: FontAwesome;
    height: 6px;
    width: auto;
    position: absolute;
    bottom: 37%;
    content: '\f104';
    right: 89%;
}

.menu .nav .dropdown-menu li.dropdown:hover::before {
    border-color: transparent #fff transparent transparent;
    z-index: 10;
}

.menu .nav-pills > li.active:hover > a {
       color: #a07d40 !important;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0);
    opacity: 1;
}

.menu .nav-pills > li:hover > a:hover {
  color:#bbec9f !important;
}
.shrink .menu .navbar .nav > li > a,.Headertop .menu .navbar .nav > li > a{
    color:#000;
}
.shrink .menu .navbar .nav > li > a {
    padding: 24px 15px;
}
.menu .nav .open > a, .menu .nav .open > a:hover, .menu .nav .open > a:focus {
    background-color: transparent !important;
}

.menu .nav .open {
    /* background-color: #5e5e5e; */
}

.menu .nav > .open {
    background-color: transparent;
}

.menu .nav > li > a:hover, .menu .nav > li > a:focus {
    border-radius: 3px;
    border: 0;
    background-color: transparent !important;
}

.menu .nav > li:hover > a {
    border-radius: 3px;
}
/* Secondary level */
.menu .nav > li ul {
    top: 100%;
    /* right: 0; */
    padding: 0;
    margin-top: 0px;
    position: absolute;
    z-index: 10000;
    width: 260px;
    display: none;
    background: rgb(56, 86, 124);
    /* CSS3 */
    margin-right: 0;
    border-radius: 0 !important;
}

.menu .nav-collapse:not(.in) .nav li:hover > ul {
    display: block;
}

.menu .nav .dropdown-menu > .active > a, .menu .nav .dropdown-menu > .active > a:focus {
    background-color: #5e5e5e !important;
    background-image: none !important;
    color: #fff !important;
    outline: none;
}

.menu .nav .dropdown-menu a {
    display: block;
    padding: 10px;
    color: #dedede;
    font-size: 14px;
    font-family: 'IRanian',Tahoma;
    font-weight: normal;
    text-decoration: none;
    /* background-color: transparent !important; */
    /* transition decleration */
    transition: all ease-out 100ms;
    -moz-transition: all ease-out 100ms;
    /* Firefox 4 */
    -webkit-transition: all ease-out 100ms;
    /* Safari and Chrome */
    -o-transition: all ease-out 100ms;
    /* Opera */
    -ms-transition: all ease-out 100ms;
    /* IE9? */
    white-space: normal;
    border-bottom: 1px solid #072d5f;
}

.menu .nav .dropdown-menu > li > a:hover, .menu .nav .dropdown-menu > .active > a:hover {
    background-image: none!important;
    color: #fff !important;
    border-radius: 0;
}

.menu .nav .dropdown-menu > li > a:hover span, .menu .nav .dropdown-menu > .active > a:hover span {
    color: #fff;
}

.menu .nav > li > ul li:hover a {
    background: #002648;
    border-bottom: 1px solid #000;
}

.menu .nav > li.dropdown > a {
    transition: background 0.5s ease-in;
}

.menu .nav .dropdown-menu li:last-child a {
    /* border-bottom: 0; */
}
/* Tertiary level */
.menu .nav li ul li ul {
    right: 259px;
    top: 3px;
    padding: 0;
    border-top: 0;
}
/* Navigation button on mobile size */
.menu .nav-collapse.in {
    width: 100%;
}

.menu .navbar .btn-navbar {
    background-color: #fff !important;
    background-image: linear-gradient(to bottom, #fff, #ebebeb)!important;
    cursor: pointer;
    margin-top: 3px !important;
    display: none;
    float: left;
    color: #002455;
}

.menu .navbar .btn-navbar:hover, .menu .navbar .btn-navbar:active {
    background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%)!important;
}

.menu .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
}
.belowBar {
    position: absolute;
    background-color: #e9c485;
    height: 3px;
    bottom: -3px;
    transition: all 0.7s cubic-bezier(0.6, -0.28, 0.51, 1.38);
}
/* Portrait tablet to landscape and smaller */
@media (max-width:767px) {
        #navbar-close .fa-arrow-left {
         color: #dabd65;
         font-size: 20px;
    }
     .menu .nav > li {
         border-left: 0;
    }
     .menu .nav.nav-pills {
         text-align: right;
    }
     .navbar-collapse {
         padding: 0;
         position: absolute;
         right: 0;
         width: 100%;
         top: 40px;
         z-index: 1000;
    }
     .navbar-out {
         float: none;
         margin-top: 0;
    }
     .menu .navbar {
         position: relative;
    }
     .menu .nav > li {
         float: none;
         display: block;
    }
     .menu .navbar .nav > li > a {
         height: auto;
         padding: 10px;
         border-bottom: solid 1px #ddd;
         text-align: right;
    }
    .menu .navbar .nav > li:hover {
        color:#d3af6e !important;
        background-color:#fff;
    }
     .menu .nav > li:first-child {
         display: block;
    }
     .menu .nav.nav-pills {
         margin-right: 0px !IMPORTANT;
         margin-left: 0;
         padding-top: 30px;
         /* background-color: rgba(57,57,57,1); */
         /* border-bottom: 1px solid #bdbdbd; */
    }
     .menu .navbar .nav > li > a:hover span {
         -moz-transform: translateY(0);
         -ms-transform: translateY(0);
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     .menu .navbar .nav > li > a span::before {
         display: none;
    }
     .menu .navbar .nav > li > a, .menu .nav li a, .menu .nav li span {
         color: #3e3e3e;
    }
     .menu .dropdown-menu > li > a, .menu .dropdown-menu li a, .menu .dropdown-menu li span {
         color: #3a7cff !important;
    }
     .menu .navbar .nav > li > a::before, .menu .navbar .nav > li > a::after {
         display: none;
    }
     .menu .nav > li > ul {
         top: 0;
         /* padding: 5px; */
         background: #e8e8e8;
         /* box-shadow: none !important; */
         border: 0;
         position: relative;
         width:100%;
         /* border: solid 1px #f8ecd9; */
    }
     .menu .navbar-inner {
         background: none;
         height: auto;
         padding-right: 0;
    }
     .menu .nav > li {
         display: inline-block;
         float: none;
         width: 100%;
    }
     .menu .navbar .btn-navbar {
         display: block;
    }
     .menu .navbar .nav > li.dropdown:hover {
         border-bottom: 0;
    }
     .menu .nav > li > a::before {
         visibility: hidden;
    }
     .menu .navbar .nav > .dropdown > a {
         color: #d3d3d3 !important;
    }
     .menu .nav .dropdown-menu a {
         color: #3a3a3a !important;
    }
     .menu .nav li.dropdown::before {
         display: none;
    }
     .menu .nav li {
         padding: 0!important;
         min-height: 30px!important;
         height: auto;
         background: none;
         text-align: right;
    }
    .menu .nav .open{
        background:transparent;
    }
     .menu .navbar-collapse .dropdown-menu {
         padding: 0px;
         width: 100% !important;
         position: relative;
    }
     .menu .navbar-collapse .nav > li a {
         padding: 5px 20px!important;
         font-size: 14px;
         line-height: 30px!important;
         border-bottom: 1px solid #ccc !important;
         margin-bottom: 0;
         border-radius: 0;
    }
     .menu .navbar-collapse .dropdown-menu .nav > li a {
         border: none;
         margin-bottom: 0 !important;
    }
     .menu .navbar-collapse .dropdown-menu a {
         border: none !important;
    }
     .menu .navbar-collapse .dropdown.open > a {
         background-color: transparent !important;
    }
     .menu .nav > li ul.dropdown {
         position: relative!important;
         width: 100% !important;
    }
     .menu .nav {
         width: 100%;
    }
     .menu .nav li ul li ul {
         top: 0;
         right: 0;
         position: relative;
         margin: 0;
         border: none;
         width:100%;
    }
     img {
         max-width: 100%;
    }
     .menu .nav > li .hidden-desktop {
    border: none!important;
    background-position: -305px -110px!important;
    width: 45px !important;
    line-height: 45px !important;
    min-height: 45px !important;
    height: auto;
    display: inline-block;
    border-radius: 3px;
    margin-top: -45px;
    position:relative;
    }
    .menu .nav > li .hidden-desktop:before {
        position:absolute;
        content:'';
        width: 12px;
        height:2px;
        background-color: #e9c485;
        top: 21px;
        right: 13px;
        transform:rotate(-45deg);
        transition:all 0.3s;
    }
    .menu .nav > li .hidden-desktop:after {
        position:absolute;
        content:'';
        width: 12px;
        height:2px;
        background-color: #eac991;
        top: 21px;
        right: 21px;
        transform:rotate(45deg);
        transition:all 0.3s;
    }
    .menu .nav > li .hidden-desktop.rotate180:before {
        transform: rotate(45deg);
    }
    .menu .nav > li .hidden-desktop.rotate180:after {
         transform: rotate(-45deg);
    }
     .menu .nav > li .hidden-desktop:hover {
         /* background: url(bootstrap/img/glyphicons-halflings.png) -305px -110px; */
    }
     .menu .nav .dropdown-menu a {
         border-color: #fff;
         background-color: #f6f6f6;
    }
    .menu .nav > li > ul li:hover a {
        background:#eee;
    }
    .menu .nav .dropdown-menu a>span{
         color: #131313 !important;
    }
    .menu .nav .dropdown-menu>li>b:before{
         background-color: #8a6d3b !important;
    }
    .menu .nav .dropdown-menu>li>b:after{
         background-color: #8a6d3b !important;
    }
     .menu .nav {
         display: table;
    }
}
@media all and (min-width:768px) and (max-width:991px) {
    .menu::before {
        display: none;
    }

    .menu {
        padding-right: 0;
    }
}
@media all and (min-width:768px) {
	.menu .nav > li.dropdown ul.dropdown-menu{
		transition:all 0.3s;
		overflow: unset;
		background-color: unset;
		border: unset;
		box-shadow: unset;
		min-width: 200px;
	}
	.menu .nav > li.dropdown ul.dropdown-menu.open {
		opacity:1;
	}
	.menu .nav > li.dropdown ul.dropdown-menu>li {
		transition:all 0.3s;
		opacity: 0;
		transform:scale(.8);
		background-color: rgb(36, 62, 97);
	}
	.menu .nav > li.dropdown ul.dropdown-menu.open>li {
		opacity:1;
		transform:scale(1)
	}
}