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


/* main menu
----------------------------*/
.topmenu { display:table; float:right; background:#951d1d; padding:0px 8px; margin-top:45px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
#ddmenu { display:block; font-family:"Nunito", Helvetica, Arial, sans-serif; text-align:center; letter-spacing:normal; padding:0; float:right; }
#ddmenu ul { margin:0 auto; padding:0; text-align:left; width:auto; font-size:0; background:#951d1d; display:inline-block; list-style:none; position:relative; z-index:999999990; max-width:1400px; border:0px solid rgba(255,255,255,0.2); border-radius:4px; }
#ddmenu li { margin:0; padding:0; font-size:16px; display:inline-block; *display:inline; zoom:1; position:relative; color:#eee; line-height:36px; vertical-align:middle; transition:background-color 0.2s; outline:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; }
#ddmenu .full-width { position:static; }
#ddmenu .over{ color:#FFF; background-color:#ca2c17; }
#ddmenu .over.no-sub { }
#ddmenu .top-heading { font-weight:normal; margin:0; padding:3px 12px;  color:inherit; text-decoration:none; display:inline-block; outline:0; cursor:pointer; font-size:16px; }

/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover { color:inherit; }
#ddmenu a:hover { text-decoration:none; }
#ddmenu a:focus { outline:1px dotted #09F; }

/* caret(arrow icon) */
#ddmenu .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;overflow:hidden; top:100%; border:1px solid rgba(255,255,255,0.35); border-top:none; border-radius:2px; background-color:rgba(0,0,0,0.2); /*background-color:#ccc \9;/fallback for old IE*/ }
#ddmenu .full-width .dropdown { width:100%; padding:0; margin:0; }
#ddmenu .offset300 { left:-300px;right:auto;} 
#ddmenu .right-aligned { left:auto;  right:0px; }
#ddmenu .over .dropdown { display:block; }
#ddmenu .dd-inner { text-align:center; padding:0; margin:0px; background-color:#ca2c17; color:#fff; white-space:nowrap; font-size:14px; border:0px solid #8b8b8b; }
#ddmenu ul ul { margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0; }
#ddmenu ul ul li { font-size:14px; padding:0; color:inherit; line-height:1; margin:0;display:block;position:static;background:none;border:none;transition:none;border-radius:0; }
#ddmenu ul ul li a { padding:14px 14px; border-bottom:1px solid #e7422c; }
#ddmenu ul ul li a:hover { background:#e7422c; color:#fff; }
  
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a { color:#fff; line-height:1; text-decoration:none; transition:color 0.4s; display:block; }
#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus { text-decoration:none; color:#fff; }

/* blocks within the sub-menu
-----------------------------*/
#ddmenu .column { text-align:left; vertical-align:top;/*or middle*/ display:inline-block; *display:inline;*zoom:1;  white-space:normal;  width:auto; min-width:200px; padding:0; border-right:0px solid #999; }
#ddmenu .dd-inner ul:last-child { border-right:none; }
#ddmenu h3 { font-weight:bold; line-height:1.1; margin-top:8px; margin-bottom:8px; font-size:24px; }
#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 .menu-icon { display:none; /* hide menu icon initially */ }



/*styles for mobile*/
@media only screen and (max-width:768px) 
{
	#ddmenu { float:none!important; } 
    #ddmenu .column.mayHide { display:none; }

    /*override the original settings*/
    #ddmenu ul { width:100%; display:none; border-radius:0;  }
    #ddmenu li { position:relative; display:block; font-size:20px; text-align:left; border-bottom:1px solid rgba(0,0,0,0.2); border-radius:0; }
    #ddmenu .full-width { position:relative; }    
    #ddmenu .dropdown { position:relative; *top:auto;/*for IE7*/ border:none; border-radius:0; box-shadow:none; background-color:#ca2c17; }
    #ddmenu .offset300 { left:0; }
    #ddmenu .full-width .dropdown { width:auto; }        
    #ddmenu .dd-inner { margin:0; background:none; text-align:left; }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu .column { width:auto; padding:0; border:none; display:block; }

    /*move the arrow icon to right*/
    #ddmenu .caret { position:absolute; left:auto; right:14px; top:20px; border-width:5px; }
    /* All the following are for the .menu-icon (pure CSS) */
    #ddmenu .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-top:6px; margin-bottom:6px; margin-left:auto; margin-right:10px; }
    #ddmenu .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 .menu-icon-active { background-color:#333; }
    #ddmenu .menu-icon-active::before { border-color:#eee; }
}

@media only screen and (max-width:769px) 
{
.topmenu { float:left!important; width:104%!important; left:-2%; margin-top:0px!important; position:relative; border-radius:0!important; }
#ddmenu::before {bottom:6px; color:#fff; content:"Menu"; font-family:Raleway;  font-size:20px;  font-weight:normal;  position:absolute; right:68px;}
.header_photo h2 {font-size:1.5em !important; }
.header_photo { /*min-height:200px!important;*/}
#ddmenu .top-heading { display:block;}
}