@charset "utf-8";


.toggle, [id^=drop] { display: none;}
navfd { margin:0; padding: 0; background-color: #00CCCC!important; }
navfd:after { content:""; display:table; clear:both; }
navfd ul { float: left; padding:0; margin:0; list-style: none; position: relative; z-index:100; }
navfd ul li { margin: 0px; display:inline-block; float: left;  }
navfd a { display:block; padding:10px 20px; color:#FFF; font-size:14px; text-decoration:none; background:#e84f25; font-family: 'Open Sans', sans-serif;}
navfd ul li ul li:hover { background: #000000; }
navfd a:hover {  background-color: #263e88; }
navfd ul ul {display: none; position: absolute;  top: 40px; }
navfd ul li:hover > ul { display:inherit;}
navfd ul ul li { width:250px; float:none; display:list-item; position: relative;}
navfd ul ul ul li { position: relative; top:-41px; left:170px; }
li > a:after { content:  ' \25be'; font-weight:bold; }
li > a:only-child:after { content: ''; }

.menu_g{ margin-left:8%;}


@media screen and (min-width: 1000px) and (max-width:1200px)
{
.menu_g{ margin-left:10%;}
}

@media screen and (min-width: 768px) and (max-width:999px)
{
.menu_g{ margin-left:0%;}
navfd a {padding: 10px 24px;}
}

@media screen and (min-width: 320px) and (max-width:767px)
{

navfd a {
    display: block;
    padding: 10px 20px;} .menu_g{ margin-left:0%;}
}


@media all and (max-width : 768px) {
navfd { margin: 0; }
.toggle + a,
.menu { display: none; }
.toggle { display: block; background-color: #e84f25; padding:7px 20px; color:#FFF; font-size:14px; text-decoration:none; border:none; }
.toggle:hover { background-color: #e84f25; color:#000000; }	
[id^=drop]:checked + ul { display: block; }
navfd ul li { display: block; width: 100%; }
navfd ul ul .toggle,
navfd ul ul a { padding: 0 40px; }
navfd ul ul ul a { padding: 0 80px; }
navfd a:hover,
navfd ul ul ul a { color:#000000; background:#e84f25; }  
navfd ul li ul li .toggle,
navfd ul ul a,
navfd ul ul ul a{ padding:14px 20px; color:#FFF; font-size:17px;  }   
navfd ul li ul li .toggle,
navfd ul ul a { background-color: #212121; }
navfd ul ul { float: none; position:static; color: #ffffff;}
navfd ul ul li:hover > ul,
navfd ul li:hover > ul { display: none; }
navfd ul ul li { display: block; width: 100%; }
navfd ul ul ul li { position: static;}
}

@media all and (max-width : 330px) {navfd ul li { display:block; width: 94%; }}