/**, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}*/
/*body{background:#fff;line-height:1.5;font-family:sans-serif;text-transform:uppercase;font-size:16px;color:#000;}*/
/*a{text-decoration:none;color:#000;}*/
#header{background-color:#fff;width:100%;position:relative;}
#header:after{content:"";clear:both;display:block;}
.search{float:right;padding:30px}
/*input{border:none;padding:10px;border-radius:20px;}*/
.logo{float:left;padding:10px 30px 10px;}
.logo a{font-size:28px;/*display:block;*/padding:0 0 0 30px;}
.freedial{ float:left;padding:20px 0 20px; }
nav{float:right;}
nav>ul{float:left;position:relative;}
nav li{list-style:none;float:left;}
.li1{ line-height: 66px; font-size: 15px; }
.li2{ 
  font-size: 15px;
  margin-right: 30px;
}
.li1 a { text-decoration:none;color:#000;}

nav .dropdown{position:relative}
nav li a{float:left;padding:10px 14px 0px 14px;}
/*nav li a:hover{
  background-color:#FC692F;
  color:#fff;
}*/
nav .li1:hover{
  background-color:#FC692F;
}
nav .li1 a:hover{
  color:#fff!important;
}

nav li ul{display:none;}
nav li:hover ul{display:inline;}
nav li li{float:none;}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:20px 0;border-bottom:3px solid #34495e}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px}
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{background:#bdc3c7;background:#FAFBFB}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #fff;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
  nav >ul>li >a{padding:35px 15px}
}
@media only screen and (min-width: 961px) {
  nav{display:block!important}
}
@media only screen and (max-width: 960px) {
  nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  #menu-icon{display:inline;top:45px;cursor:pointer}
  #menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
  #menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
  #menu-icon.active .third{display:none}
  .search{float:none}
  .search input{width:100%}
  nav{padding:10px}
  nav ul{float:none}
  nav li{float:none}
  nav ul li a{float:none;padding:8px;display:block}
  #header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
  #header nav a{color:#fff;padding:8px}
  #header nav a:hover{background:#fff;color:#333;border-radius:3px}
  #header nav ul li li a:before{content:"- "}
  .mega-col{width:100%}
}





@media only screen and (max-width: 1463px) {
/*#header img{ width:80%; }*/
#header .logo{ padding:15px 0 10px }
#header .li1{ font-size: 14px; }
#header .li2{ font-size: 13px; padding-right: 5px; }
nav .li1 a{ padding: 10px 10px 0px 10px; }
nav .li2 a{ padding: 15px 10px 0px 10px; }
#header .logo img { width: 360px; }
#header .li2 img { width: 213px; }

}


/*@media only screen and (max-width: 1265px) {
#header img{ width:70%; }
#header .logo{ padding:17px 0 10px }
#header .li1{ font-size: 13px; }
#header .li1{ font-size: 13px; }
nav .li1 a{ padding: 10px 10px 0px 10px; }
nav .li2 a{ padding: 15px 0px 0px 0px; }
}*/


@media only screen and (max-width: 1217px) {
/*#header img{ width:60%; }*/
#header .logo{ padding:19px 0 10px }
#header .li1{ font-size: 13px; }
#header .li1{ font-size: 13px; padding-right: 5px; }
nav .li1 a{ padding: 10px 10px 0px 10px; }
nav .li2 a{ padding: 15px 0px 0px 0px; }
#header .logo img { width: 275px; }
#header .li2 img { width: 200px; }
}


@media only screen and (max-width: 1051px) {
/*#header img{ width:60%; }*/
#header .logo{ padding:23px 0 10px }
#header .li1{ font-size: 13px; }
#header .li1{ font-size: 13px; padding-right: 5px; }
nav .li1 a{ padding: 10px 10px 0px 10px; }
nav .li2 a{ padding: 22px 0px 0px 0px; }
#header .logo img { width: 230px; }
#header .li2 img { width: 150px; }
}