/*

--------------------------------------------------------------

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

-------------------------------------------------------------- */





.nav{position:relative;z-index:999; font-size:15px; margin-top:0px; }

.nav ul,.nav ol,.nav dl,.nav li{list-style:none}

.menu-icon{display:none}

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

ul.dropdown{ text-align:right; float:right;position:relative; border:#4aaad4 0px solid; border-bottom:none; margin-top:-46px !important;

/*background: rgb(42,155,198);

background: -moz-linear-gradient(top,  rgba(42,155,198,1) 1%, rgba(25,115,151,1) 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(42,155,198,1)), color-stop(100%,rgba(25,115,151,1))); 

background: -webkit-linear-gradient(top,  rgba(42,155,198,1) 1%,rgba(25,115,151,1) 100%);

background: -o-linear-gradient(top,  rgba(42,155,198,1) 1%,rgba(25,115,151,1) 100%); 

background: -ms-linear-gradient(top,  rgba(42,155,198,1) 1%,rgba(25,115,151,1) 100%);

background: linear-gradient(to bottom,  rgba(42,155,198,1) 1%,rgba(25,115,151,1) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9bc6', endColorstr='#197397',GradientType=0 ); */

}

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

ul.dropdown li{font-size:15px;   /*border-right:#60abf5 1px solid;*/}

ul.dropdown li:last-child {border-right:none;}

/*ul.dropdown li:nth-child(1) a{border-bottom:#8509c5 8px solid;}

ul.dropdown li:nth-child(2) a{border-bottom:#03a14d 8px solid;}

ul.dropdown li:nth-child(3) a{border-bottom:#ff001c 8px solid;}

ul.dropdown li:nth-child(4) a{border-bottom:#ffa700 8px solid;}

ul.dropdown li:nth-child(5) a{border-bottom:#0085fb 8px solid;}

ul.dropdown li:nth-child(6) a{border-bottom:#b97b0f 8px solid;}
*/
ul.dropdown li a{ /*padding:20px 28px 15px 28px;*/ padding:20px 15px 15px 15px;}

ul.dropdown li.current-menu-item a{
	color:#fb0!important;
}
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;padding:2px 0px}

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

ul.dropdown li:hover,ul.dropdown li.hover{position:relative;}

ul.dropdown ul{display:none;position:absolute;z-index:598;width:250px;top:45px;left:25; box-shadow:#a7a7a7 0px 0px 5px; border-top:#ff0000 2px solid;}

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

ul.dropdown ul li{float:none;font-size:13px;font-weight:normal;text-transform:none;position:relative; display:block; text-align:left; min-height:10px; border-bottom:#eaeaea 1px solid;}

ul.dropdown ul:after { position:absolute; left:25px; top:-8px; width:8px; height:8px; background:url(../images/dropdown_arrow.png) no-repeat; content:"";}

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

ul.dropdown *.sub{padding-right:25px;background-image:url(../images/nav-arrow-down-thin.gif);background-position:95% 8px;background-repeat:no-repeat}

ul.dropdown ul *.sub{padding-right:15px;background-image:url(../images/nav-arrow-right-thin.gif);background-position:100% 50%;background-repeat:no-repeat}

ul.dropdown li.sub:hover{background-image:url(../images/nav-arrow-down-thin1.gif); }

ul.dropdown ul li.sub:hover{background-image:url(../images/nav-arrow-right.gif)}

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 ul.dropdown ul{background:#fff;}

.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:#ffde01; font-weight:bold;}

.nav ul li a:hover, .nav ul li a.active, .nav ul li a.active:hover { color:#fff!important

/*background: rgb(42,155,198);  

background: -moz-linear-gradient(top,  rgba(42,155,198,1) 1%, rgba(18,94,125,1) 100%);  

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(42,155,198,1)), color-stop(100%,rgba(18,94,125,1)));  

background: -webkit-linear-gradient(top,  rgba(42,155,198,1) 1%,rgba(18,94,125,1) 100%);  

background: -o-linear-gradient(top,  rgba(42,155,198,1) 1%,rgba(18,94,125,1) 100%);  

background: -ms-linear-gradient(top,  rgba(42,155,198,1) 1%,rgba(18,94,125,1) 100%);  

background: linear-gradient(to bottom,  rgba(42,155,198,1) 1%,rgba(18,94,125,1) 100%);  

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9bc6', endColorstr='#125e7d',GradientType=0 );  */

}



.green-black ul.dropdown li:hover,.green-black ul.dropdown li.hover{color:#ff0000; }

.green-black ul.dropdown ul li a{ color:#000 !important;}

.green-black ul.dropdown ul li{ padding:0px;}

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

.green-black ul.dropdown ul li a:hover{ border:none;color:#ff0000 !important;}

.green-black ul.dropdown li.divider{background:#1abc9c url(../images/divide.gif) center no-repeat}

@media screen and (max-width:1199px){
ul.dropdown li a{ padding:20px 18px 15px 21px;}	
}

@media screen and (max-width:979px){

ul.dropdown li a{ padding:7px 15px 7px 15px;}

}

@media screen and (max-width:979px){
.header {
    overflow: visible !important;
}
.nav{margin-top:25px; }

.menu-icon,.menu-icon span,.menu-icon{color:#fff;/*width:100%;*/     margin-top: -20px; height:50px;line-height:40px;padding:5px;font-size:1.3em;font-weight:bold;cursor:pointer;display:block;position:relative}

.menu-icon span{padding:0 15px;padding-left:40px;height:40px;background:url(../images/nav-toggle.png) 0px 50% no-repeat;color:#fff;display:inline-block;position:absolute;top:5px;right:5px; font-size:15px;}

.nav{position:relative}

ul.dropdown ul:after { display:none;}

.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:-1px;border-top:1px solid #eaeaea; text-align:left; width:100%;} */

ul.dropdown {
    display: none;
    position: absolute;
    top:92px;
    border-top: 0px solid #eaeaea;
    text-align: left;
    width: 100%;
    background: #007bc7;
}

ul.dropdown li{position:relative;float:none;display:block;}

ul.dropdown li li{border-top:0}

ul.dropdown ul a{padding-left:25px;}

ul.dropdown ul ul a{padding-left:45px; border:none;}

ul.dropdown li a.active{ border:none !important;}

ul.dropdown ul a:hover{background-color:#fff;}

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

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

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

ul.dropdown li.sub>a{padding-right:25px; padding-left:15px !important;line-height:40px;}

ul.dropdown li {  min-height:10px;}

ul.dropdown li.sub { padding:0px 0px !important; }

ul.dropdown li.sub>a.current{background:#ff0000; color:#fff !important; padding-left:0px;}



ul.dropdown li.sub>ul a.current{background:#9d0e5b}

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:.0em .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}

}

@media screen and (max-width:979px){

.nav{margin:0px 0px; }



}

.contx p{ color:#3F5974; font-size:1.3em; font-weight:300; }


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