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

.ddsmoothmenu { float: left; padding:0px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;  font-family: 'ralewayregular'; margin:0 0px 0 0; letter-spacing:0.1px; }
.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:18px 10px 15px 10px; margin:0px; line-height: 14px;}
/*.ddsmoothmenu ul li:last-child{padding-right:0px;}*/
/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; color:#1d1d1b; text-decoration:none;padding:0;position:relative; font-size:12px; font-family: 'ralewaysemibold';text-transform:uppercase;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected { color:#820a5f; } 
.ddsmoothmenu ul li.dropdown:hover a{ color:#820a5f} 
.ddsmoothmenu ul li a.selected { font-family: 'ralewaybold';}

* html .ddsmoothmenu ul li a { display: inline-block; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left:0; display: none; visibility: hidden; padding:20px 20px; width:255px; left:-20px !important; background:rgba(214,222,224,0.95);}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { float: none; width:100%; padding:10px 0px; margin:0; border-right:0px; text-align:left;  }
/* .ddsmoothmenu ul li ul li:hover { background:#B05AA5; } */

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

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { display:block; position:relative; padding:0px 0px 0px 20px; color:#820a5f !important; line-height:14px; font-size:13px; font-family: 'ralewayregular';text-transform:uppercase;letter-spacing:0.1px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.ddsmoothmenu ul li ul li a:hover { font-family: 'ralewaybold'; color:#820a5f !important;  text-decoration:none; margin: 0px 0px 0px 0px;}
.ddsmoothmenu ul li a::after { position: absolute; display: block; content: ""; left: 0; width: 0; height: 5px; bottom: -15px;  background: #820a5f; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;  right: 0; margin: 0 auto;}
.ddsmoothmenu ul li:hover a::after, .ddsmoothmenu ul li a.selected::after {width: 45%; color: #820a5f;}
.ddsmoothmenu ul li ul li a::after { display: none;}
.ddsmoothmenu ul li ul li a::before { position: absolute; display: block; content: ""; left:0%; width:24px; height:24px; top:-2px;  background:url(../images/right.svg) no-repeat; background-size:80%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}


/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 32px; right: 20px; }
.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; }

.ddsmoothmenu ul li ul li a span { color:#9e9e9e;}