/*  Generated by www.menucool.com/drop-down-menu  */


/* main menu
----------------------------*/
#ddmenu { display: block; text-align: center; /* Specify the alignment of the whole UL if UL is not width:100%; */ letter-spacing: normal; }
#ddmenu ul { margin: 0 auto; padding: 0; text-align: center; /* Alignment of each top-level menu items within the UL */ width: 100%; font-size: 0; background: #333; display: inline-block; list-style: none; position: relative; z-index: 999999990; max-width: inherit; background: #3d0972; }
#ddmenu li { margin: 0; padding: 0; font-size: 35px; display: inline-block;  *display:inline;
zoom: 1; /*for IE6-7*/ position: relative; color: #eee; line-height: 80px; /*This determines the height of the menu*/ transition: background-color 0.2s; outline: none; /*width: 15%;*/ text-transform: uppercase; }
#ddmenu li:before { content: ""; }
#ddmenu li.full-width { position: static; }
#ddmenu li.over { color: #FFF; /*background-color:#205081;*/
}
#ddmenu li.over.no-sub { }
#ddmenu .top-heading { font-weight: 400; white-space: nowrap; margin: 0 16px 0 0; color: inherit; text-decoration: none; display: inline-block; outline: 0; cursor: pointer; font-family: 'Oswald', sans-serif; /*font-size: 1.55em;*/
color: #fff; }
/* links of top-heading */
#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover { color: #fff; text-decoration: none; }
#ddmenu li a:hover { text-decoration: none; color: #b1acac; }
#ddmenu li a:focus { outline: 1px dotted #09F; }
/* caret(arrow icon) */
#ddmenu i.caret { color: inherit; left: -12px; width: 0; height: 0; overflow: hidden;/*for IE6*/ vertical-align: middle; margin-bottom: 2px; border-top: 4px solid;/*caret size is 4px now*/ border-right: 4px solid transparent; border-left: 4px solid transparent; display: inline-block; position: relative; }
/* sub-menu layout
----------------------------*/

#ddmenu .dropdown { width: auto; left: 0px; color: #000; padding: 0; margin: 0; display: none; position: absolute; top: 100%; border-top: none; background-color: rgba(61,9,114,0.85); background-color: #fff \6;/*fallback for old IE*/ }
#ddmenu li.full-width .dropdown { width: 200px; padding: 0; margin: 0; margin-left: 0px; /*Set to 0 if UL has no border*/ }
#ddmenu .offset300 { left: 0px; right: auto; }
#ddmenu .right-aligned { left: auto; right: 0px; }
#ddmenu li.over .dropdown { display: block; }
#ddmenu .dd-inner { text-align: center; /*padding: 20px 5%;*/ padding: 20px 1.5%; margin: 16px; white-space: nowrap; font-size: 13px; line-height: 1.35; }
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a { display: table-row;  *display:block;
color: #000; line-height: 22px; text-decoration: none; padding: 0; }
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus { text-decoration: underline; color: #09F; }
/* blocks within the sub-menu
-----------------------------*/
#ddmenu div.column { text-align: left; vertical-align: top;/*or middle*/ display: inline-block;  *display:inline;
*zoom:1;
white-space: normal; width: 30%;/*min-width:170px;*/ /*padding:0 30px;*/
padding: 0; margin: 0 1.66%;/*border-right:1px solid #999;*/
}
#ddmenu div.dd-inner div:last-child { border-right: none; }
.column p { font-style: italic; font-size: 24px; color: #4e4c4c; line-height: 35px; font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: capitalize; }
.column-big { float: left; width: 50%; padding: 0; margin: 0; }
.column .column-big p { font-style: normal; }
#ddmenu div.column h3 { font-weight: 500; line-height: 1.1; margin-top: 12px; margin-bottom: 8px; font-size: 24px; }
.menu-title { float: left; text-align:left; width: 100%; padding: 0; margin:0 0 15px 0; font-weight: 500; font-family: 'Roboto', sans-serif; color: #4e4c4c; font-size: 30px; text-transform: uppercase; }
#ddmenu div.column h3 { text-transform: uppercase; }
/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink { display: none; }
/*######## add additional styles for mobile-friendly responsive menu ########*/

#ddmenu div.menu-icon { display: none; /* hide menu icon initially */ }
.column-small { float: left; width: 50%; padding: 0 7% 0 0; }

.dd-inner .col-md-2{ width:20%;}
.dd-inner .col-md-4{ width:20%;}



/*styles for mobile*/
@media only screen and (max-width: 480px) {
#ddmenu li div.column.mayHide { display: none; }
/*override the original settings*/
#ddmenu ul { width: 100%; display: none; border-radius: 0; background: rgba(0,153,255,0.6499999999999999); }
#ddmenu li { position: relative; display: block; font-size: 20px; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.2); }
#ddmenu li.full-width { position: relative; }
#ddmenu li .dropdown { position: relative;  *top:auto;/*for IE7*/
border: none; border-radius: 0; box-shadow: none; text-align: left; background-color: #FFF; }
#ddmenu .offset300 { left: 0; }
#ddmenu li.full-width div.dropdown { width: auto; }
#ddmenu .dd-inner { margin: 0; background: none; text-align: left; }
/*turn each column to list vertically instead of horizontally */
#ddmenu li div.column { width: auto; padding: 0; border: none; display: block; }
/*move the arrow icon to right*/
#ddmenu i.caret { position: absolute; left: auto; right: 14px; top: 20px; border-width: 5px; }
/* All the following are for the div.menu-icon (pure CSS) */
#ddmenu div.menu-icon { font-size: 32px;/*icon size*/ display: block; position: relative; width: 40px; height: 36px; text-align: center; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; background-color: #eee; border-radius: 3px; margin-bottom: 6px; /*align the icon to the right*/
margin-left: auto; margin-right: 11px; }
#ddmenu div.menu-icon::before { content: ""; position: absolute; top: 0.25em; left: 4px; width: 1em; height: 0.125em; border-top: 0.375em double #333; border-bottom: 0.125em solid #333; box-sizing: content-box; }
#ddmenu div.menu-icon-active { background-color: #333; }
#ddmenu div.menu-icon-active::before { border-color: #eee; }
}