/* Menu Styles */

/* Init Logic */
.menu-toggle-button { float:right; cursor:pointer; background-color:#b68a35; color:#fff; padding:3px 14px; font-size:18px; margin-top:10px; line-height:28px }
.menu-toggle-button { display:none; }
.menu-toggle-button.active { color:#fff; }
ul.menu-list { list-style:none; position: relative; display:inline-table; padding:0px; margin:0px; height:100%; }
ul.menu-list li { float:left; position:relative; }
ul.menu-list li a { display:inline-block; }
ul.menu-list li a { display:block; }
/* Handling Submenu */
ul.menu-list ul { display:none; padding:0px; margin:0px; position:absolute; top:100%; left:0%; list-style:none; z-index: 700; margin-top:4px }
ul.menu-list ul li { position:relative; float:none; padding:0px; margin:0px; }
ul.menu-list ul ul { position:absolute; top:0%; left:100%; z-index: 700; margin-top:0px !important; }

/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul { background:#fff!ie;} /* Fix for IE7 */
/* Submenu Expand Icon */
ul.menu-list > li > ul > li.has-submenu>a>span.menu-expand {    float:right; display: inline-block; font: normal normal normal 14px/1 FontAwesome;  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);  /*line-height:2.2em;font-size: 0.6em;*/ } /* All levels */
ul.menu-list > li > ul > li.has-submenu>a>span.menu-expand { } /* Fix for IE9 and below */
ul.menu-list > li > ul > li.has-submenu>a>span.menu-expand { color:#fff } /* Level 1 */
ul.menu-list > li > ul > li:hover.has-submenu>a>span.menu-expand { color:#b68a35 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */  
ul.menu-list > li > ul > li.has-submenu>a>span.menu-expand { float:right }
}


ul.menu-list li li.has-submenu>a>span.menu-expand { float:right } /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after { content:'\f105' } /* Level 2 */
/* You can manage with of elements by width of a-tag */
ul.menu-list li a { color:#4a4848; text-decoration:none; padding-right:25px; font-size:14px; text-transform:uppercase; } /* All levels */
ul.menu-list li>a { } /* Level 1 */
ul.menu-list li li { width:312px; } /* Level 2 */
ul.menu-list li li li>a { } /* Level 3 */

/* First Level*/
ul.menu-list>li { margin:0 14px; border-top:2px solid #fff; border-color:transparent; padding:4px 0 7px }
ul.menu-list>li>a { border-right: 1px solid #fad285; line-height:20px; }
ul.menu-list>li:hover { border-top:2px solid #b68a35 }
ul.menu-list>li.active-main-menu { border-top:2px solid #b68a35 }
ul.menu-list>li.active-main-menu > a { color:#b68a35; }
ul.menu-list>li:hover>a { color:#b68a35; }
ul.menu-list>li>a:hover {   background-image: url(../images/menu-li-top.png ) ; background-position:right 6px; background-repeat:no-repeat}
ul.menu-list > li:first-child { margin-left:0px }
ul.menu-list > li:last-child a { border-right:0px }
/* End First Level*/


/* Second Level*/
ul.menu-list>li>ul { }
ul.menu-list>li>ul>li { background:#f2b747; border-top: 1px solid #fad285  }
ul.menu-list>li>ul>li>a { padding:8px 15px; color:#fff }
ul.menu-list>li>ul>li:hover { }
ul.menu-list>li>ul>li:hover>a { color:#b68a35 }
ul.menu-list>li>ul>li>a:hover { }
/* End Second Level*/


/* Third Level*/
ul.menu-list>li>ul>li>ul { }
ul.menu-list>li>ul>li>ul>li { background:#f2b747 none repeat scroll 0 0; }
ul.menu-list>li>ul>li>ul>li>a { padding:8px 15px; color:#fff }
ul.menu-list>li>ul>li>ul>li:hover { -webkit-transition: 0.0s linear 0s !important; -o-transition: 0.0s linear 0s !important; transition: 0.0s linear 0s !important; }
ul.menu-list>li>ul>li>ul>li:hover>a { color:#b68a35 }
ul.menu-list>li>ul>li>ul>li>a:hover { }
/* End Third Level*/

/* End Style */

@media screen and (min-width: 992px) {
.header .sub-menu li:nth-child(1) { }
.header .sub-menu li { -webkit-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: perspective(350px) rotateX(-90deg); -o-transform: perspective(350px) rotateX(-90deg); transform: perspective(350px) rotateX(-90deg); box-shadow: 0px 2px 10px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05); }
.header .sub-menu li:nth-child(1) { -webkit-transition: 0.1s linear 0.5s; -o-transition: 0.1s linear 0.5s; transition: 0.1s linear 0.5s; }
.header .sub-menu li:nth-child(2) { -webkit-transition: 0.1s linear 0.4s; -o-transition: 0.1s linear 0.4s; transition: 0.1s linear 0.4s; }
.header .sub-menu li:nth-child(3) { -webkit-transition: 0.1s linear 0.3s; -o-transition: 0.1s linear 0.3s; transition: 0.1s linear 0.3s; }
.header .sub-menu li:nth-child(4) { -webkit-transition: 0.1s linear 0.2s; -o-transition: 0.1s linear 0.2s; transition: 0.1s linear 0.2s; }
.header .sub-menu li:nth-child(5) { -webkit-transition:0.1s linear 0.1s; -o-transition:0.1s linear 0.1s; transition:0.1s linear 0.1s; }
.header .sub-menu li:nth-child(6) {  -webkit-transition: 0.1s linear 0s; -o-transition: 0.1s linear 0s; transition: 0.1s linear 0s; }
.header ul.menu-list ul { display:block; visibility:hidden; }
.header ul.menu-list .has-submenu:hover ul, .header ul.menu-list .has-submenu:focus > ul { visibility:visible }
.header ul.menu-list .has-submenu .has-submenu .sub-menu { visibility:hidden; }


.header ul.menu-list .has-submenu .has-submenu:hover .sub-menu, .header ul.menu-list .has-submenu .has-submenu:focus .sub-menu { visibility:visible; }

.header .has-submenu:hover .sub-menu li, .header .has-submenu:focus .sub-menu li { -webkit-transform: perspective(350px) rotateX(0deg); -o-transform: perspective(350px) rotateX(0deg); transform: perspective(350px) rotateX(0deg); -webkit-transition:0.1s linear 0s; -o-transition:0.1s linear 0s; transition:0.1s linear 0s; }

.header .has-submenu:hover .sub-menu li:nth-child(2), 
.header .has-submenu:focus .sub-menu li:nth-child(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; background:#d8a94c }

.header .has-submenu:hover .sub-menu li:nth-child(3), 
.header .has-submenu:focus .sub-menu li:nth-child(3) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; background:#c69840 }

.header .has-submenu:hover .sub-menu li:nth-child(4), 
.header .has-submenu:focus .sub-menu li:nth-child(4) { transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; background:#be913b }

.header .has-submenu:hover .sub-menu li:nth-child(5), 
.header .has-submenu:focus .sub-menu li:nth-child(5) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; background:#b68a35 }

.header .has-submenu:hover .sub-menu li:nth-child(6), 
.header .has-submenu:focus .sub-menu li:nth-child(6) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; background:#a47d31 }


#demo-menu li:hover > a { background-color:#fff; }
.header .sub-menu li:hover { transition-delay: 0.0s !important; -webkit-transition:0.0s linear 0.0s !important; -o-transition:0.0s linear 0.0s !important; transition:0.1s 0inear 0.0s !important; }
/*folding effect*/
ul.menu-list > li:nth-child(5) .sub-menu > li { width:240px }
ul.menu-list > li:nth-child(6) .sub-menu >li { width:170px }
ul.menu-list > li:nth-child(5) .sub-menu > li > ul > li { width:200px }

}

@media screen and (min-width: 1025px) {
/*folding effect*/

ul.menu-list li:hover>ul, ul.menu-list li a:focus + ul { display: inline-block; visibility:visible !important; }



}

/* End Menu Styles */


/* RESPONSIVE MEDIA QUERIES */


@media screen and (max-width: 991px) {
/* Menu Styles */

/* Init Logic */

.menu-toggle-button { display:block; }
.show-for-devices { display:block!important; }
ul.menu-list li li { width:100% !important }
ul.menu-list li a { font-size:15px }
ul.menu-list li { clear:both; float:none; }
ul.menu-list > li { padding:0px !important; border:0px !important }

/* Handling Submenu */
ul.menu-list { position: absolute; display:none; width:100%; z-index:699 }
ul.menu-list ul { display:none; position:relative; margin-top:0px }
ul.menu-list ul li { }
ul.menu-list ul ul { position:relative; top:100%; left:0%;  }
ul.menu-list li:hover>ul { display:none; }
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul { background:#fff!ie;
} /* Fix for IE7 */
/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand {    float:right; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);  /*line-height:2.2em;font-size: 0.6em;*/ } /* All levels */

ul.menu-list>li.has-submenu>a>span.menu-expand:after { content:'\f0d7' } /* Level 1 */
ul.menu-list li.main-open>a>span.menu-expand:after { content: '\f0d8'; font-family: 'FontAwesome';  }



ul.menu-list li.has-submenu>a>span.menu-expand { font-size:26px; padding:5px 0px; position:absolute; right:0; z-index: 770;  top:0px; color:#fff !important; width:40px ; display:block; text-align:center} /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand { } /* Level 1 */
ul.menu-list li ul li.has-submenu>a>span.menu-expand { font-size:26px  } /* Level 2 */
ul.menu-list li ul li.has-submenu>a>span.menu-expand:after { content:'\f0d7'; } /* Level 2 */
ul.menu-list li ul li.main-open>a>span.menu-expand:after { content: '\f0d8';  }

ul.menu-list>li:hover.has-submenu>a>span.menu-expand { color:#fff !important }
ul.menu-list > li > ul > li > a:hover .menu-expand { color:#fff !important }
/* You can manage with of elements by width of a-tag */
ul.menu-list li a { color:#fff; padding:8px 14px; color:#fff; padding-right:0px } /* All levels */
ul.menu-list li>a { } /* Level 1 */
ul.menu-list li li>a { width:auto; } /* Level 2 */
ul.menu-list li li li>a { } /* Level 3 */
/* First Level*/
ul.menu-list>li { margin:0px; border:none; border-bottom:1px solid #fad285 !important }
/*ul.menu-list>li > ul > li { margin:0px; border:none; border-top:1px solid #fad285 !important }*/
ul.menu-list>li>a { }
ul.menu-list>li a { background:#f2b747 }
ul.menu-list>li:nth-child(2) a{  background:#d8a94c }
ul.menu-list>li:nth-child(3) a{ background:#c69840 }
ul.menu-list>li:nth-child(4) a { background:#be913b }
ul.menu-list>li:nth-child(5) a {  background:#b68a35 }
ul.menu-list>li:nth-child(6) a { background:#a47d31 }

ul.menu-list > li > a:hover{ background-image:none}



ul.menu-list>li:hover { }
ul.menu-list>li:hover>a { color:#fff; }
ul.menu-list>li>a:hover { }
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul { border:none; }
/*ul.menu-list>li>ul>li{padding-left:5px;}*/
ul.menu-list>li>ul>li>a { color:#fff; padding-left:22px; font-size:14px }
ul.menu-list>li>ul>li:hover {  }
ul.menu-list>li>ul>li:hover>a { }
ul.menu-list>li>ul>li>a:hover { color:#fff }
/* End Second Level*/ 

/* Third Level*/
ul.menu-list>li>ul>li>ul { border:none;  }
ul.menu-list>li>ul>li>ul>li { border-top:1px solid #fad285  }
ul.menu-list>li>ul>li>ul>li>a { font-size:13.5px; padding-left:30px }
ul.menu-list>li>ul>li>ul>li>a:after {content:'\f105'; font-family: 'FontAwesome'; text-align:left; float:left; padding-right:5px}
ul.menu-list>li>ul>li>ul>li:hover {  color:#fff }
ul.menu-list>li>ul>li>ul>li:hover>a { }
ul.menu-list>li>ul>li>ul>li>a:hover { color:#fff }
/* End Third Level*/

/* End Style */


/* End Menu Styles */
#cssmenu { width:100%; float:none; }
ul.menu-list > li.active-main-menu > a { color:#fff;/* background-color:#b68a35 */}
body.invert-colors ul.menu-list > li > a { background:none !important }
body.invert-colors ul.menu-list li.has-submenu > a > span.menu-expand { background-color:transparent !important }
body.invert-colors ul.menu-list > li { border-color:#fff !important }
body.invert-colors .menu-toggle-button { background-color:transparent !important; border:1px solid #fff }
}