@charset "utf-8";
/* CSS Document */


.ddsmoothmenu ul{
z-index:100;
margin:0;
padding:0px 0px;
list-style-type: none;
}


/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
float:left;
padding:0px; 
margin:0px 0px 0px 0px;
background:url(../images/menu-bg.png) no-repeat left center;

}
#main-menu{background: #fff; float: left;width: 100%; z-index:9999; height:57px; border:1px solid #ececec; /*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.02);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.02);box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.02);*/}
/*Top level menu link items style*/
.ddsmoothmenu ul li:last-child a{border-right:none;}
.ddsmoothmenu ul li a{ display: block;  text-decoration:none;padding: 0 10px 0; margin:0px 6px; position:relative;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; font-family: 'RobotoCondensed-Bold'; line-height:55px; color:#444444; font-size:15px; letter-spacing: 0.5px; text-transform: uppercase;}
.ddsmoothmenu ul li a:after{ position:absolute; content:""; left:0; right: 0px; margin: auto; width: 0px; top: -1px; background:#34ba2b; height:1px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
.ddsmoothmenu ul li a:hover::after, .ddsmoothmenu ul li a.active::after{ width:100%; }
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active{ color: #2fb826; }
.ddsmoothmenu ul li:last-child a::after{ display: none;}
/*.ddsmoothmenu ul li a:after { position:absolute; left:0; top:0; display:block; content:""; border-left:1px solid #dc804c; border-top:1px solid #dc804c; transform-origin:100% 0; transform:scale(0); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; width:100%; height:100%;}

.ddsmoothmenu ul li a:before  { position:absolute; left:0; top:0; display:block; content:""; border-right:1px solid #dc804c; border-bottom:1px solid #dc804c; transform-origin: 0  100%; transform:scale(0); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; width:100%; height:100%;}

.ddsmoothmenu ul li a:hover:after { transform:scale(1);}
.ddsmoothmenu ul li a:hover:before { transform:scale(1);}*/

/*.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active { color:#fff; background:#e49917;}*/
.ddsmoothmenu ul li a.selected{ color:#d2512e;}
.ddsmoothmenu ul li a.selected:after { position:absolute; left:0; top:0; display:block; content:""; border-left:1px solid #dc804c; border-top:1px solid #dc804c; transform-origin:100% 0; transform:scale(1); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; width:100%; height:100%;}
.ddsmoothmenu ul li a.selected:before  { position:absolute; left:0; top:0; display:block; content:""; border-right:1px solid #dc804c; border-bottom:1px solid #dc804c; transform-origin: 0  100%; transform:scale(1); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; width:100%; height:100%;}

/*.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected{ color:#efcb2c; border:1px solid #dc804c;}*/
* html .ddsmoothmenu ul li a{ display: inline-block; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left:0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0px 0px 0px 0px;
margin: 0 0 0;
width: 250px !important; border-top:none;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ display: list-item; float: none; padding:0; margin:0; border-right:0px; line-height:29px; text-align:left; background:none; border-right:none; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0; padding:0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
padding: 8px 15px !important;
margin: 0;
color:#444444;
border-bottom: 1px solid #dfdfdf;
background:#ffffff;
line-height: 26px;
font-size:13px;position: relative; letter-spacing:normal; border-right:none;
}
.ddsmoothmenu ul li ul li:last-child a{ border-bottom:none; text-align: left; background: #fff; min-width: auto; color: #444444;}
.ddsmoothmenu ul li ul li:last-child {float: left; width:100%;}
.ddsmoothmenu ul li ul li a:hover{ color:#FFFFFF;margin: 0px 0px 0px 0px; background:#1da314;}
.ddsmoothmenu ul li ul li a:after, .ddsmoothmenu ul li ul li a:before { display:none;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.ddsmoothmenu ul li:first-child { background: none;}
.ddsmoothmenu ul li:last-child {float: right; margin-right: 0; background: none; }
.ddsmoothmenu ul li:last-child a {background:#34ba2b; color: #fff; transition:all 0.5s ease; margin-right: 0; min-width: 132px; text-align: center; margin-left: 0;}
.ddsmoothmenu ul li:last-child a:hover { background: #1da314;}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.sub-arw{ background:url(../img/submenu-arw.png) no-repeat; width:6px; height:12px; display:inline-block;position: absolute;top: 12px;right: 13px;}

.banner .flex-control-nav li { float: none; display: inline-block; margin-right: 7px;}
.banner .flex-control-nav li a { width: 13px; height: 13px; background: #eaeaea; border-radius: 50%;}
.banner .flex-control-nav li a.flex-active { width: 17px; height: 17px; background: #fff; position: relative; top: -2px;}
.banner .flex-control-nav li a.flex-active::after { width: 9px; height: 9px; background: #2fb826; position: absolute; content: ''; border-radius: 50%; left: 0; right: 0; margin: 4px auto;}