@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/innovation/CHL_Background.png);
	background-position:center;
	background-repeat:repeat;
	
	
}
.mobile{ display:none;}
.eighty{ padding-top:174px !important;}
.wrapper{ width:90%; margin:0px auto;}
.wrapper2{ width:100%; margin:0px auto;}
.header2 img{ width:100%; height:auto;}
.midle{ width:60%; background-color:#fff; margin:0px auto; margin-top:50px; padding:30px; margin-bottom:50px;}
.workshop{font-family:'Scene Pro'; font-size:22px; color:#2f2f2f; line-height:24px;}
.fiorella{ font-family:'Scene Pro'; font-size:14px !important; color:#f08f2a;}
.date15-16{ font-family:'Scene Pro'; font-size:18px; color:#f4762b; font-weight:bold; padding-top:30px;}
.complete{ font-family:'Scene Pro'; font-size:14px; color:#403f3f; padding-bottom:20px;}
.fnln{ font-family:'GothamCondensed-Medium'; font-size:30px; color:#f08f2a; font-weight:bold; padding-bottom:10px;}
.frm1{ width:95%; height:35px; line-height:35px; font-family:'Scene Pro'; font-size:16px; color:#333; border:1px dotted #a1a1a1; padding-left:5px; margin-bottom:20px;}
.frm2{ width:97%; height:35px; line-height:35px; font-family:'Scene Pro'; font-size:16px; color:#333; border:1px dotted #a1a1a1; padding-left:5px; margin-bottom:20px;}

.list select {
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #e3e3e3 url(../images/innovation/arow.jpg) no-repeat right center;
		 /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #4f4f4d;
		height:35px;
		padding: 5px;
		width:94%;
		cursor:pointer;
		font-family:'Scene Pro';
		font-size:16px;
		margin-bottom:20px;
		
	}
	.list2 select {
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
		background: #e3e3e3 url(../images/innovation/arow.jpg) no-repeat right center;
		 /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #4f4f4d;
		height:35px;
		padding: 5px;
		width:98%;
		cursor:pointer;
		font-family:'Scene Pro';
		font-size:16px;
		
	}
.copy{ font-family:'Scene Pro'; font-size:14px; color:#010101; border-top:3px dotted #969696; padding-top:20px;}
.nav{ font-family:'Scene Pro'; background-color:#fff; font-size:14px; color:#000; padding-top:10px; padding-bottom:10px;}
.nav td{ text-align:center; font-weight:bold;}
.nav td a{ color:#000; text-decoration:none;}
.nav td a:hover{ color:#c72f00;}

.header{ position:fixed; z-index:999999;}

.heroImg{ width:100%; height:auto;}
.heroImgsm{ width:80%; height:auto;}
.heroImgsm2{ width:40%; height:auto;}

.whbg{ background-color:#fff; padding:20px; width:70%;}
.nbg{ width:70%; margin-top:-8px;}
.orangTxt{ font-size:35px; font-family:'GothamCondensed-Medium'; color:#f08f2a; font-weight:bold; padding-bottom:10px;}
.blacktxt{ font-family:'Scene Pro'; font-size:14px; color:#2f2f2f;}
.orgsml{ font-size:14px; color:#f08f2a; font-weight:bold; font-family:'Scene Pro'; padding-bottom:10px;}


/**********************************/

@media only screen and (min-width : 768px) {
  .mobile{ display:none;}
}

/*md only*/
@media (min-width: 992px) and (max-width: 1199px) {
.eighty{ padding-top:159px !important;}
.mobile{ display:none;}
}

/*sm only*/
@media (min-width: 768px) and (max-width: 991px) {
  .mobile{ display:none;}
  .eighty{ padding-top:137px !important;}
}

/* md */
@media only screen and (min-width : 1200px) {
.mobile{ display:none;}
.eighty{ padding-top:167px !important;}

  

}

/* sm */
@media only screen and (max-width : 992px) {
	

}


/* xs */
@media only screen and (max-width : 768px) {
table{ width:100%;}
.dekstop{ display:none;}
.eighty{ padding-top:31px !important;}
.mobile{ display:block;}
.hideImg{ display:none;}


}

@media only screen and (max-width : 640px) {
table{ width:100%;}
.dekstop{ display:none;}
.eighty{ padding-top:31px !important;}
.mobile{ display:block;}
.hideImg{ display:none;}

}

@media only screen and (max-width : 480px) {
table{ width:100%;}
.dekstop{ display:none;}
.eighty{ padding-top:31px !important;}
.mobile{ display:block;}
.hideImg{ display:none;}
}



@font-face {
	font-family: 'Scene Pro';
	src: url('ScenePro-Regular.eot');
	src: url('ScenePro-Regular.eot?#iefix') format('embedded-opentype'),
		url('ScenePro-Regular.woff2') format('woff2'),
		url('ScenePro-Regular.woff') format('woff'),
		url('ScenePro-Regular.ttf') format('truetype'),
		url('ScenePro-Regular.svg#ScenePro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'GothamCondensed-Medium';
  src: url('GothamCondensed-Medium.eot?#iefix') format('embedded-opentype'),  url('GothamCondensed-Medium.woff') format('woff'), url('GothamCondensed-Medium.ttf')  format('truetype'), url('GothamCondensed-Medium.svg#GothamCondensed-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}