@charset "utf-8";
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
    max-width: 100%;
    display: block;
    height: auto;
}
.hamburger{
	    display: none;
}
a {
  text-decoration: none;
}
a:focus {
  outline: none;
}
a img {
  border: none;
}
.preloaderHiddenData {
  position: absolute;
  visibility: hidden;
  font-family: arial;
}
.devTools {
  line-height: 2;
  display: none;
  z-index: 1000;
  position: fixed;
  background-color: #ffffff;
  color: #ffffff;
  top: 0px;
  font-size: 15px;
}
.devTools .generate {
  background-color: #ff0000;
}
.devTools .togglePage2Layer3 {
  background-color: #00ff00;
}
.devTools .testSpeedAll {
  background-color: #0000ff;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.centerWrapper {
  margin-left: 50%;
}
.center {
  margin-left: -50%;
}
.centerText {
  text-align: center;
}
.preWrap {
  /* @alternate */
  white-space: pre-wrap;
  /* CSS3 */
  /* @alternate */
  white-space: -moz-pre-wrap;
  /* Firefox */
  /* @alternate */
  white-space: -pre-wrap;
  /* Opera <7 */
  /* @alternate */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */
}
.header .line {
  height: 1px;
  background-color: #363635;
  opacity: 0.5;
}

.white-bg{width: 1100px;
		background:#ffffff; position:relative; float:left;   padding-bottom:10px;
		box-shadow:0px 1px 6px #333; -webkit-box-shadow:0px 1px 6px #333; -moz-box-shadow:0px 1px 6px #333; margin:0 auto; }	


		
.fixed-head{position:fixed; top:0; width:100%; height:90px; z-index:100; background:rgba(0,0,0,0.5); border-bottom:2px #efc34a solid}
.fixed-head .layer .header{z-index:999;	width:1100px;}

.social-link{width:80%; height:15px; position:relative; float:right;  margin-top:-8px; z-index:999;}

.social-div{width:auto; float:left; position:relative;  margin-right:30px; padding:2px 0px 0 5px; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px;  color:#68696b;} .social-div img{margin-right:5px; margin-top:-8px; vertical-align:middle; font-size:18px;}
.layer .logo1{width:220px; position:relative; float:left; } .layer .logo1 img{width:210px; z-index:999;margin-top: 15px;}
.layer .menus {	width:1195px; margin:auto;  
  height: auto;
 z-index:999;	
   color:#fff; 
}
.social-div img{display: inline-block;}




#cssmenu ul {

  font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
  width: auto;margin-left:100px;  height:50px;
}
#cssmenu li {
  margin: 28px 0px 0 0px;
  width:auto; 
  float: left;
  position: relative; text-align:center;
  list-style: none; border-right:1px #fff solid;
 
}
#cssmenu li:nth-last-child(1){border:none;}
#cssmenu a,
#cssmenu a:link {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  margin: 0; position:relative;
}
#cssmenu a:hover {

  color: #fff; position:relative;
}
#cssmenu .active a,
#cssmenu li:hover > a {
  color: #fff; position:relative;
}

#cssmenu ul ul ul li:hover a,
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; position:relative;
}
#cssmenu ul ul a:hover {
  background: #fdb352  !important;
  color: #fff !important;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu li:hover > ul {
  display: block;
}
#cssmenu ul ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 200px; height:auto;
  position: absolute;
  top: 25px;
  left: 0;
  background: #fff;

}

#cssmenu ul ul ul{
  display: none;
  margin: 0;
  padding: 0;
  width: 160px; height:100px;
  position: absolute;
  top: 0px;
  left: 160px;
  background: #fff;

}
#cssmenu ul ul li {
  float: none;
  margin: 0;
  text-align:left; width:100%;
}
#cssmenu ul ul ul li {
  float: none;
  margin: 0;
  text-align:left; width:100%;
}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
  font-weight: normal;
  font-size: 13px;
}
#cssmenu ul ul ul a,
#cssmenu ul ul ul a:link {
  font-weight: normal;
  font-size: 13px;
}

#cssmenu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
* html #cssmenu ul {
  height: 1%;
}



/*----------------footer---------------------*/

.footer{width:100%; position:absolute; margin-top:100px;}

#footer{
width: 100%; margin-top:150px;
font-size: 12px;
background-color: #2b2b2b; position:absolute;
}

 footer .pageCenter {
  line-height: 55px;
}
 footer .pageCenter span {
  margin-right: 14px;
}
 footer .lighter {
  color: #929496;
}
 footer .wrapperTable {
  display: table;
}
 footer .wrapperRow {
  display: table-row;
}
 footer .wrapperCell {
  display: table-cell;
}
 footer .wrapperLeft {
  white-space: nowrap; width:700px;
}

footer .wrapperLeft {
  white-space: nowrap; width:700px;
}
 footer .wrapperCenter {
  width: 100%;
}

footer .wrapperCenter {
  width: 100%;
}
 footer .wrapperRight {
  padding-right: 0px; 		
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
}

footer .wrapperRight {
  padding-right: 0px; 		
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
}
 footer .darker {
  color: #68696b;
}

footer .darker {
  color: #68696b;
}


.twitter-bird {
background: url(../images/twitter.png) no-repeat;
width: 150px;
height: 125px;
position: absolute;
display: block;
bottom: 50px;
}


.breadcrumb{
	list-style-type:none;
	padding:0;
	margin:0;border:1px solid #FFE096; display:inline-block; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF;
	}	
	.breadcrumb ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}		

.breadcrumb ul li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
	
#crumbs {
	height:1.7em;
	
	}
#crumbs li {
	float:left;
	line-height:1.7em; list-style:none;
	color:#777;
	padding-left:.75em;font:12px/165% Arial, Helvetica, sans-serif;background: url(../images/crumbs.gif) no-repeat right center;
	}		
#crumbs li a {
	
	display:block;
	padding:6px 15px 4px 0;font:12px/165% Arial, Helvetica, sans-serif;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}	
#crumbs img{ text-align:center; border:none !important; margin:0px !important;}	
.adhigh{ padding-top:5px!important; padding-right:10px!important; background:none !important; color:#ed6d2f!important; }
#adhigh2{padding:5px 10px 5px 5px !important;}

@media (max-width: 767px) {
	img{
		max-width: 100%;
		display: block;
		height: auto;
	}
	.layer .logo1 img{
		max-width: 100%;
		margin-top: 0;
	}
	.header, .layer .menus{
		width: 100%;
		float: left;
	}
	.fixed-head{
		height:auto;
	}
	.layer .logo1 {
		width: 100%;
		padding: 10px;
		float: left;
	}
	#cssmenu{
		width: 70%;
		background: #45494c;
		height: 100%;
		position: fixed;
		right: -70%;
		top: 0;
		border-left: solid 2px #ccc;
		transition: 0.6s;
		overflow: scroll;
	}
	#cssmenu ul{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding-left: 0;
	}
	#cssmenu ul li{
		float: left;
		width: 100%;
		display: block;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
		margin-top: 15px;
		border-right: none;
	}
	#cssmenu ul ul{
		position: relative;
		background: #45494c;
		width: 100%;
		float: left;
	}
	#cssmenu ul ul li{
		text-align: center;
	}
	#cssmenu ul ul a, #cssmenu ul ul a:link, #cssmenu li:hover li a{
		color: #FFF;
	}
	#cssmenu li:hover > ul{
		float: left;
		color: #FFF;
	}	
	.twitter-bird{
		display: none;
	}
	footer .wrapperLeft, footer .wrapperRight{
		width: 100%;
		padding-left: 15px;
		float: left;
		color: #FFF;
	}
	footer .wrapperLeft{
		padding-top: 20px;
	}
	
	.social-div a{
		display: inline-block;
		color: #FFF !important;
	}
	.hamburger{
		position: fixed;
		right: 20px;
		top: 15px;
		z-index: 999;
		display: block;
	}
	.cssmenuOpen{
		right: 0 !Important;
	}
	.overFlowBody{
		overflow: hidden;
	}
	.white-bg, .container, .pageCenter, .text-boxtwo, #footer, .top-middle1, footer .pageCenter span, .headbox, .textimage, .textboxright, footer, #crumbs, .breadcrumb{
		width: 100%;
		float: left;
	}
	#footer{
		position: relative;
		margin-top: 50px;
	}
	#crumbs{
		height: auto;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.layer .logo1 img{
		max-width: 100%;
		margin-top: 0;
	}
	.header, .layer .menus{
		width: 100%;
		float: left;
	}
	.fixed-head{
		height:auto;
	}
	.layer .logo1 {
		width: 100%;
		padding: 10px;
		float: left;
	}
	#cssmenu{
		width: 35%;
		background: #45494c;
		height: 100%;
		position: fixed;
		right: -35%;
		top: 0;
		border-left: solid 2px #ccc;
		transition: 0.6s;
		overflow: scroll;
	}
	#cssmenu ul{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding-left: 0;
	}
	#cssmenu ul li{
		float: left;
		width: 100%;
		display: block;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
		margin-top: 15px;
		border-right: none;
	}
	#cssmenu ul ul{
		position: relative;
		background: #45494c;
		width: 100%;
		float: left;
	}
	#cssmenu ul ul li{
		text-align: center;
	}
	#cssmenu ul ul a, #cssmenu ul ul a:link, #cssmenu li:hover li a{
		color: #FFF;
	}
	#cssmenu li:hover > ul{
		float: left;
		color: #FFF;
	}	
	.twitter-bird{
		display: none;
	}
	footer .wrapperLeft, footer .wrapperRight{
		width: 100%;
		padding-left: 15px;
		float: left;
		color: #FFF;
	}
	footer .wrapperLeft{
		padding-top: 20px;
	}
	
	.social-div a{
		display: inline-block;
		color: #FFF !important;
	}
	.hamburger{
		position: fixed;
		right: 20px;
		top: 15px;
		z-index: 999;
		display: block;
	}
	.cssmenuOpen{
		right: 0 !Important;
	}
	.overFlowBody{
		overflow: hidden;
	}
	.white-bg, .container, .pageCenter, .text-boxtwo, #footer, .top-middle1, footer .pageCenter span, .headbox, .textimage, .textboxright, footer, #crumbs, .breadcrumb{
		width: 100%;
		float: left;
	}
	#footer{
		position: relative;
		margin-top: 50px;
	}
	#crumbs{
		height: auto;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.layer .logo1 img{
		max-width: 100%;
		margin-top: 0;
	}
	.white-bg, .container, .pageCenter, .text-boxtwo, .top-middle1, .headbox, .textimage, .textboxright, footer, #crumbs, .breadcrumb{
		width: 100%;
		float: left;
	}
	.header, .layer .menus{
		width: 100%;
		float: left;
	}
	.fixed-head{
		height:auto;
	}
	.layer .logo1 {
		width: 100%;
		padding: 10px;
		float: left;
	}
	#cssmenu{
		width: 25%;
		background: #45494c;
		height: 100%;
		position: fixed;
		right: -25%;
		top: 0;
		border-left: solid 2px #ccc;
		transition: 0.6s;
		overflow: scroll;
	}
	#cssmenu ul{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding-left: 0;
	}
	#cssmenu ul li{
		float: left;
		width: 100%;
		display: block;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
		margin-top: 15px;
		border-right: none;
	}
	#cssmenu ul ul{
		position: relative;
		background: #45494c;
		width: 100%;
		float: left;
	}
	#cssmenu ul ul li{
		text-align: center;
	}
	#cssmenu ul ul a, #cssmenu ul ul a:link, #cssmenu li:hover li a{
		color: #FFF;
	}
	#cssmenu li:hover > ul{
		float: left;
		color: #FFF;
	}
	.hamburger{
		position: fixed;
		right: 20px;
		top: 15px;
		z-index: 999;
		display: block;
	}
	.cssmenuOpen{
		right: 0 !Important;
	}
	.overFlowBody{
		overflow: hidden;
	}
}