#main { width:100%; margin:auto; height:100%; position:relative;}

#white { background:#fff;}

header { width:100%; height:auto; position:relative; background:#F1E9C6; padding:0; transition: all 0.3s ease-in-out 0s; z-index:10;}
.header-top { background:#871517; line-height:40px; padding: 5px 0px}
.header-top .contact-info { width:auto; display:table; float:left; text-align: center;}
.header-top .contact-info li { display:inline-block;}
.header-top .contact-info li i { color:#fff; font-size:100%;margin-right: 10px;}
.header-top .contact-info li a { color:#fff; font:400 14px/40px 'Roboto', sans-serif; padding-right:30px;}
.header-top .contact-info li a:hover { color:#ff6c3a;}

.header-top .social-icons { width:auto; margin:auto; display:table; float:right;}
.header-top .social-icons a { width:33px; height:42px; float:left; background:#1f1f1f; color:#9e9e9e; text-align:center; margin:0 3px; position:relative; z-index:2;}
.header-top .social-icons a i { line-height:40px; font-size:14px;}
.header-top .social-icons a:hover { color:#fff;}
.header-top .social-icons a:after { background:#228fec; content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:-1; bottom:50%; right:50%; cursor:pointer;}
.header-top .social-icons a:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}
.input-group {margin: 2px 0px;}
header .logo { width:auto; margin:5px 0 0 0; display:table;float:left;}
header .logo img { width:100%; height:auto; transition:width 0.3s;}

.fixed-header {position:fixed !important; top:0; left:0; width:100%;  border-bottom:#e9e8e8 solid 1px; transition: all 0.3s ease-in-out 0s; }
.fixed-header .header-top { display:none; transition: all 0.3s ease-in-out 0s;}
.fixed-header .logo { margin-top:13px;}
.fixed-header .logo img { width:70%;}
.fixed-header .menu > ul > li a { line-height:60px;}
.fixed-header .menu > ul > li > ul > li a { line-height:35px;}
.fixed-header .menu-dropdown-icon::before { line-height:58px;}

nav { width:auto; margin:auto; display:table; float:right;}
.menu-mobile { display: none; padding: 20px;}
.menu-mobile:after { content: "\f0c9"; font-family: "FontAwesome"; font-size: 2rem; padding: 0; float:right; position:absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color:#3a3a3a;}
.menu-dropdown-icon:before { content: "\f107"; font-family: "FontAwesome"; display: block; cursor: pointer; float: right; padding:0px 0px 0px 10px ; color: #333; right:12px; position:relative;}
.menu-dropdown-icon:before:hover { content: "\f107"; font-family: "FontAwesome"; display: block; cursor: pointer; float: right; padding:0px 0px 0px 10px ; color: #fff; right:5px; position:relative;}
.menu {
    margin:0;
    width:100%;
    padding: 0;
   /* position:absolute;*/
   /*left:50%;*/
   /*z-index:999;*/

}
.menu ul:before,
.menu > ul:after { content: ""; display: table;}
.menu > ul:after { clear: both;}
.menu > ul > li { float: left;padding: 10px 0px;margin: 20px 3px;border: 1px solid #CCC;border-radius: 50px;}
.menu > ul > li:hover { color: #fff;background-color: #F5821F;border-radius: 50px;}
.menu > ul > li a { color:#871517; font:500 18px 'Roboto Condensed', sans-serif;padding: 10px 10px; display:inline; z-index:99; }

.menu > ul > li a:hover, .menu > ul > li a.current {color: #fff; border-radius: 50px;}

.menu > ul > li > ul { display: none; width:100%; background:#F1E9C6; padding:20px 0; position:absolute; z-index:9999999; left:0; margin:0; list-style: none; box-sizing: border-box;}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after { content: ""; display: table;}
.menu > ul > li > ul:after { clear: both;}
.menu > ul > li > ul > li { margin:0; padding-bottom: 0; list-style: none; width:25%; padding:0 20px; background:none; float: left;}
.menu > ul > li > ul > li i { float:left; font-size:18px; line-height:35px; margin-right:10px;}
.menu > ul > li > ul > li a { color:#871517; padding:0; width:100%; display: block; /*border-bottom: 1px solid #ccc;*/ line-height:35px;}
.menu > ul > li > ul > li > ul { display: block; padding:0; list-style: none; box-sizing: border-box;}
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table;}
.menu > ul > li > ul > li > ul:after { clear: both;}
.menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding:0; margin: 0; font-size: .8em;}
.menu > ul > li > ul > li > ul > li a { border:0;}
.menu > ul > li > ul > li a:hover { padding:0 20px;}
.menu > ul > li > ul > li a:hover, .menu > ul > li > ul > li a.current { background:#F5821F; color:#fff; padding:0 20px;}

.menu > ul > li > ul.normal-sub { width:220px; left:auto; padding:15px 5px;top: 120px}
.menu > ul > li > ul.normal-sub > li { width:100%; padding:0;    border: 1px solid #CCC;border-radius: 50px;margin-top: 3px;}
.menu > ul > li > ul.normal-sub > li a { border: 0; padding:5px 15px; line-height:35px; position:relative;}
.menu > ul > li > ul.normal-sub > li a:hover, .menu > ul > li > ul.normal-sub > li a.current { padding:5px 0 5px 30px;}
.menu > ul > li > ul.normal-sub > li a:hover:before, .menu > ul > li > ul.normal-sub > li .current:before {content: "\f105"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#fff; line-height:33px;}

.clear{clear:both;}

/*------------------------------------------- HEADER STYLE END -------------------------------------------*/