/*
--------------------------------------------------------------
Product Name: Golden - Responsive Flat Dropdown Menu
Product Version: 1.0
Author: Igga Elia (elflaire)
Author URL: http://doptiq.com 
Author Portifolio: http://codecanyon.net/user/elflaire/portfolio 
E-mail: hello@doptiq.com 
Updates: Initial Release - 28th/Aug/2013
-------------------------------------------------------------- */

/*html{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}


html,body
{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}


.clear:before,.clear:after{content:'';display:table}


.clear:after{clear:both}

.clear{zoom:1}*/

.nav{/*position:relative;z-index:999;*/}

.menu-icon{display:none}

ul.dropdown,ul.dropdown li,ul.dropdown ul{margin:0;padding:0}

ul.dropdown{float:right;/*width:100%;position:relative*/}

ul.dropdown li{float:left;vertical-align:middle;zoom:1}

ul.dropdown li{font-size:14px; font-weight:300;text-transform:uppercase}
ul.dropdown li.fixedWidth { position:relative;}
ul.dropdown a,ul.dropdown a:visited,ul.dropdown a:hover,ul.dropdown a:active{text-decoration:none}

ul.dropdown a,ul.dropdown span{display:block;outline:0;cursor:pointer;padding:35px 10px;}

ul.dropdown ul a,ul.dropdown ul span{padding:8px 10px}


ul.dropdown li:hover,ul.dropdown li.hover{/*position:relative;cursor:pointer*/}

ul.dropdown ul{display:none;position:absolute;z-index:598;width:200px;top:100%;left:0}


ul.dropdown li:hover>ul{display:block}

ul.dropdown ul li{float:none;font-size:13px;font-weight:normal;text-transform:none;position:relative}

ul.dropdown ul ul{top:0;left:100%}

ul.dropdown *.sub{}

ul.dropdown ul *.sub{padding-right:15px;background-image:url(../404.html);background-position:100% 50%;background-repeat:no-repeat}

ul.dropdown li.sub:hover{background-image:url(../404.html)}

ul.dropdown ul li.sub:hover{background-image:url(../404.html)}

ul.dropdown li.divider{padding:0 !important;margin:0 !important;border:0 !important;display:block;height:49px;float:left;width:2px}

.animation1{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}

.animation2{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}

.animation3{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}

.animation4{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}

.animation5{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}

.animation6{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}

.animation7{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}

.animation8{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;-moz-backface-visibility:visible !important;-moz-animation-name:flip;-o-backface-visibility:visible !important;-o-animation-name:flip;backface-visibility:visible !important;animation-name:flip}

.animation9{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-o-backface-visibility:visible !important;-o-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}

.animation10{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible !important;-moz-animation-name:flipInY;-o-backface-visibility:visible !important;-o-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}

ul.dropdown li.rtl ul{position:absolute;top:100%;right:0;z-index:598;left:auto}

ul.dropdown li.rtl ul ul{top:0;right:100%;left:auto}

ul.dropdown li.ltr ul,ul.dropdown li.ltr ul ul{top:0;left:100% !important;right:auto !important}

.green-black,.green-black ul.dropdown{/*background:#1abc9c*/}

.green-black ul.dropdown ul{background:#DC0040}

.green-black ul.dropdown a,.green-black ul.dropdown a:visited,.green-black ul.dropdown a:hover,.green-black ul.dropdown a:active,.green-black ul.dropdown li{color:#fff}

.green-black ul.dropdown li:hover > a,.green-black ul.dropdown li.hover{background-color:#DC0040;color:#fff}

.green-black ul.dropdown ul li{border-bottom:1px solid #f23e72}

.green-black ul.dropdown ul li.hover a,.green-black ul.dropdown ul li:hover a{background-color:#2C3E50;color:#fff}

.green-black ul.dropdown ul li a:hover{color:#fff}

.green-black ul.dropdown li.divider{background:#1abc9c url(../404.html) center no-repeat}
ul.dropdown .fullWidth ul{ width:98%; padding:1%; background:#dc0040 url(menuborderbg.png) repeat-y; background-size:100%;}
ul.dropdown .fullWidth ul li{ width:16.666666667%; float:left; border:0px;}
/*.green-black ul.dropdown .fullWidth ul li{ border-right:1px solid #f23e72;}*/
.green-black ul.dropdown .fullWidth ul li a{ padding:3px 5%; width:90%; width: calc(90% - 1px); float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.dropdown .mClick{ display:none; font-size:18px; font-weight:700; background:url(menuplus.png) no-repeat center center;}
ul.dropdown .mClick.current{ background:url(menumunus.png) no-repeat center center;}
@media all and (min-width: 901px) and (max-width: 1000px)
{
#menuWrap{ width:77%; font-family:Calibri;}
.green-black ul.dropdown ul{ font-family: 'Ubuntu', sans-serif;}
ul.dropdown a{ padding:30px 10px;}
}

@media all and (min-width: 769px) and (max-width: 900px)
{
#menuWrap{ width:77%; font-family:Calibri;}
.green-black ul.dropdown ul{ font-family: 'Ubuntu', sans-serif;}
ul.dropdown .fullWidth ul li{ width:20%;}
ul.dropdown a{ padding:30px 6px;}
}

@media screen and (max-width:768px){
ul.dropdown li .mClick{ display:block; position:absolute; top:0px; width:34px; height:40px; line-height:40px; text-align:center; padding:0px; right:0px;}
.logo{ position:absolute; z-index:9; min-width:200px;}
#menuWrap{/* margin-right:2.5%;*/ width:100%; height:75px; position:relative;}
.menu-icon{color:#fff;width:120px; float:right;height:40px;line-height:40px; margin-top:18px; font-size:14px; font-weight:700; cursor:pointer; display:block; position:relative}
.menu-icon nav{ float:left;}
#headerNav{ z-index:9999 !important;}
.menu-icon span{width:auto;padding:0 15px;padding-left:40px;height:40px;background:#ce0808 url(nav-toggle.png) center no-repeat;color:#fff;text-align:center;text-indent:-999em;display:inline-block;position:absolute;top:0px;right:0px}
#headerNav.fixedNow{ height:45px;}
#headerNav.fixedNow #menuWrap{ height:auto;}
#headerNav.fixedNow .menu-icon{ height:32px; line-height:32px; width:100px; margin:5px 0px;}
#headerNav.fixedNow .menu-icon span{ padding:0px 5px 0px 30px; height:30px;}
#headerNav.fixedNow ul.dropdown{ top:3px;}

.nav{position:relative}

.nav,ul.dropdown,.menu-icon,.menu-icon span,ul.dropdown *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

ul.dropdown{display:none;position:relative;top:17px; background:#DC0040; z-index:999; box-shadow:0px 1px 1px #444; width:100%;}
.green-black ul.dropdown ul li{ border-bottom:1px solid #ccc;}
ul.dropdown li{position:relative;float:none; font-weight:400;display:block;border-bottom:1px solid #f23e72;}
ul.dropdown li li{ width:50%; float:left; background-image:url(greydivider.png); background-repeat:repeat-y; background-position:right;}
ul.dropdown li li a{ padding:7px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.green-black ul.dropdown ul{ background:#fff;}
ul.dropdown .fullWidth ul{ width:100%; padding:0%; background-image:none;}
ul.dropdown .fullWidth ul li{ width:33.33%;}
.green-black ul.dropdown .fullWidth ul li a{ padding:3px 10px; width:auto; float:none;}
.green-black ul.dropdown ul a{padding-left:25px; color:#444;}
ul.dropdown a{ padding:10px;}
ul.dropdown ul ul a{padding-left:45px}
.green-black ul.dropdown li:hover,.green-black ul.dropdown li.hover, .green-black ul.dropdown li:hover > a{background-color:#34495E;color:#fff}
ul.dropdown ul a:hover{background-color:#34495e}

ul.dropdown *.sub{padding:0 !important;background-image:none !important}

ul.dropdown ul{overflow:hidden;max-height:0;width:auto;display:block;position:static}

ul.dropdown ul.current{display:block;max-height:100em}

ul.dropdown li.sub>a{padding-right:25px}

ul.dropdown li.sub>a.current{background:#34495E}

ul.dropdown li.sub>ul a.current{background:#1e2935}

ul.dropdown li.sub>a:after,ul.dropdown li.sub>a.current:after{position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:10px .5em}

/*ul.dropdown li.sub>a:after{content:'\002B'}ul.dropdown li.sub>a.current:after{content:"\2013";top:-2px}*/

ul.dropdown li.rtl ul,ul.dropdown li.ltr ul,ul.dropdown li.ltr ul ul,ul.dropdown li.rtl ul ul{position:static}

ul.dropdown li.divider{display:none !important}
.green-black ul.dropdown .fullWidth ul li a, .green-black ul.dropdown .fixedWidth ul li a{ color:#444;}
.green-black ul.dropdown ul li.hover a,.green-black ul.dropdown ul li:hover a{background:#fff; margin-right:1px; color:#DC0040}

}

@media screen and (min-width:769px){
	ul.dropdown{display:block !important}
}