@charset "utf-8";
/* CSS Document */

#bodywrapper .breadcrumbs {
  margin: 20px 0px 0px 20px;
}
#eventwrapper {max-width:1280px; margin:0 auto; }
#eventwrapper .layout-page {max-width:1200px; margin:0 auto; }
.awardpage .hero-title {font-size:2.75em }
.awardpage .hpi-title {font-size:1em }
.awardpage .hero-promo {margin-top:-100px }
.breadcrumbs {margin: 0px 0px 15px 0px;
font-size: 12px; padding: 10px 30px;}
h1 sup {font-size:.4em; top:-1em}
.boxhero {
  background: #fff;
  box-shadow: 0 3px 6px rgba(10,10,10,0.21);
  margin-bottom: 10px;  
	display: block;
  float: left;
  clear: none;
	margin-right: 1%;
	border-top: 5px solid #B3D235;
	 width: 13%;
}
.boxhero div {
position: relative;
	width: 100%;
	height: 180px;
	background-position: center top;
	background-size: cover;

}
.boxhero h4 { height: 45px;
font-size: .85em;
font-weight: 500;
color: #44535d;
line-height: 1.1;
text-align: center;
display: table-cell;
vertical-align: middle;
background-color: rgb(227, 244, 255);
padding: 7px;
letter-spacing: 1px;}
.boxhero:hover,.boxhero:active,.boxhero:focus {color:#fff; background:#D6E792; text-decoration:none}
.boxhero:hover .bgimg,.boxhero:active .bgimg,.boxhero:focus .bgimg{opacity:0.8}
.boxhero:hover h4,.boxhero:active h4,.boxhero:focus h4{color:#fff; background:#D6E792;}
.boxhero.first {margin-left:.5%}
.boxhero.last {margin-right:0}

.boxhero .bgimg { background: url(../gif/boxaward-idea.gif) no-repeat center center }
.boxhero .boxlogo  {
  text-align: center;
  clear: both;
  height: 80px;
  padding-top: 7px;
}
.boxlogo img{max-width: 159px; max-height: 100%;}
.boxhero .bgimg.bg-ideaaward { background: url(../png/idea25-achievement-awards-graphic.png) no-repeat center center; 
background-size:contain;
 }
.boxhero .bgimg.bg-indaservice { background: url(../png/inda-lifetime-service-award-graphic.png) no-repeat center center; 
background-size:contain;
 }
 .boxhero .bgimg.bg-tech { background: url(../png/inda-lifetime-technical-achievement-award-graphic.png) no-repeat center center; 
background-size:contain;
 }
.boxhero .bgimg.bg-wow { background: url(../png/wow-innovation-award-graphic.png) no-repeat center center; 
background-size:contain;
 }
.boxhero .bgimg.bg-rise { background: url(../png/rise-innovation-award-graphic-recolor.png) no-repeat center center; 
background-size:contain;
 }
.boxhero .bgimg.bg-hyg { background: url(../png/hygienix-innovation-award-graphic-recolor.png) no-repeat center center; 
background-size:contain;
 }
.boxhero .bgimg.bg-filtxpo { background: url(../png/filtxpo-innovation-awards-graphic.png) no-repeat center center; 
background-size:contain;
 }

.hof-button {
    	color: #0064a8;
	padding: 5px 25px;
	text-decoration:none;
}

.hof-button  a h2{
    font-family: 'Montserrat', Helvetica, sans-serif;
    font-size: 32px;
	text-decoration:none; color: #ffffff;
-webkit-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.5);
background-color:#0064a8;
border: 1px solid #0064a8;
border-radius: 15px;
padding:20px;
line-height:1.1em;
text-shadow: 2px 2px 8px rgba(0,0,0,.7);
margin: 0;

}
.hof-button .triangle{ font-size: 62px;
float: left;
padding: 0;
float: left;
margin-right: -15px;
 text-decoration:none;
	 }
.hof-button a h2 {color:#ffffff; text-decoration:none;}

.hof-button a:hover{background: none; text-decoration: none; color: #455560; opacity: .8;}


@media only screen and (max-width: 999px) {
.boxhero { width:100%}
.boxhero .bgimg { background: url(../gif/boxaward-idea.gif) no-repeat top left}
.boxhero div { width: 31%; float:left;  height:160px;}
.boxhero h4 {background-color:#ffffff;}
.boxhero .boxlogo {clear:none; height:90px; margin-top:0px}
}
	
.awardpage .hero-five-item .hx5i-title
 { /* position: relative; */
  height: 45px;
  font-size: 1.3em;
  font-weight: 500;
  color: #44535d;
  line-height: 1.1;
  text-align: center;
  /* margin-bottom: 0px; */
  display: table-cell; 
  vertical-align: middle;
}

#bodywrapper #awardcontent {
	margin:0 20px;
	width: 74%;
	 padding: 0 5% 20px 0;
	color: #7b7a78;
	font-family: helvetica;
	font-size: 14px;
	line-height: 18px;
/*	overflow: hidden;*/
  -webkit-box-flex: 1;
  -ms-flex: 1;
	}

#bodywrapper #awardcontent .container {padding: 10px 10px; width: 100% !important; display:block;}
#awardcontent a:link, #awardcontent a:visited {color:#0083ca}


/* Accordian ///////////////////////*/
#awardcontent button {
  cursor: pointer;
  margin: 0;
}

/* Helpers */
#awardcontent .is-hidden {  display: none;}
#awardcontent .is-hidden--mobile li {  list-style-type: none;}
@media (min-width:551px) {
#awardcontent  .is-hidden--desktop { display: none;  }
}

@media (max-width:550px) {
#awardcontent  .is-hidden--mobile { display: none;  }

}

#awardcontent .tabs {
  overflow: auto;
  margin: 1em 0 0;
}

#awardcontent .tabs__item {
  width: 25%;
  float: left;
  box-sizing: border-box;
  border-color: #fff;
  border-width: 0 0 0 1px;
  border-style: solid;
}

#awardcontent .innerToggle__content h2{  padding-top: 20px;}
#awardcontent .tabs__item:first-child {  border-width: 0;}

#awardcontent .tabs__trigger {
  display: block;
  width: 100%;
  padding: 5px 10px;
  color: #fff;
  background-color: #549bd5;
  border: none;
  height: 61px;
}

#awardcontent .tabs__item.is-open .tabs__trigger {
  color: #fff;
  background-color: #2f58a2;
}

#awardcontent .button {
  width: 100%;
  padding: 10px 20px;
  color: #fff;
  background-color: #549bd5;
  border: none;
	margin-bottom:2px;
}

#awardcontent .button.is-active {
  color: #fff;
  background-color: #2f58a2;
}

/* end of accordian */
.awform {width:100%; height: 1400px;   border: none;   min-width: 600px;}
#bodywrapper #sidebar { font-size: 1.2em; line-height:1.2em; }

#awardcontent h2 {line-height:1.3em}
#awardcontent ul, #awardcontent ol {margin:10px 30px}
#awardcontent ul li {list-style-type:disc; margin-bottom:2px; margin-top:.5em}	
#awardcontent ul ul li {list-style-type:circle; margin-bottom:0px;}	
#awardcontent ul ul {margin-top:1px}
#awardcontent ol li {list-style-type:decimal; margin-bottom:5px;}
#awardcontent ol ul li{list-style-type:disc; margin-bottom:2px; margin-top:.5em}	
#awardcontent ol ol li{list-style-type: lower-latin; }	
#awardcontent .countdown li div {width:100px; float:left; margin-top:1px}
#awardcontent ul.process li { list-style: url(../png/arrow-blue.png); }	
#awardcontent ul.countdown li { list-style: url(../png/arrow-blue-down.png); }
#awardcontent ul.countdown li:last-child{list-style: url(../png/arrow-star.png); }
#awardcontent blockquote {font-size:13px; }

/*form */
.awards {
	margin: 20px;
	font-family: Verdana, Geneva, sans-serif;
}
.awards h1 {font-size: 19px;
font-family: Georgia;
margin-bottom: 10px;
color: #44535d; }
.error { color: #900; background: #FFC; border: 1px solid #900; padding: 3px; width: 50%; }
form .submit {
	color: #FFFFFF;
	background: #0064A8;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	text-decoration: none;
	border: none;
	padding: 20px;
	margin-left: auto;
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin-right: auto;
	display: block;
}
.awards h3 	{ font-size: 1.2em; font-weight: bold; margin-top: 5px; margin-right: 5px; margin-bottom: 10px; width: 70%; color: #333;   border-bottom: 4px solid #b3f235;
  padding-bottom: 0px;
  width: 70%; }
.awards b {  font-size: 16px;
  font-family: Georgia;
  color: #44535d;}	
	
.awards td { /* thank you pages */	
font-size: 14px;
  font-family: Georgia;
  color: #44535d;
}
label {
	width: 155px;
	height: 22px;
	float: left;
	clear: both;
	margin-bottom: 10px;
color: #2F58A2;
font-weight: normal;
	text-align: right;
	margin-right: 10px;
}
input { line-height: 1.5em; }
.awards form p {
	clear: both;
	color: #666;
	font-size: .85em;
}
.winners li img {float:right; margin-left: 8px; margin-bottom:8px; max-width:150px; max-height:130px}
.winners li {margin-bottom:10px; clear:both;}

.deadline, .questions {
padding-bottom:0;
border-bottom: solid 1px #0885C9;
margin:0;}
.deadline p, .questions p {
width:100%;}
.deadline p {margin-right:14px } /* fix spacing issue on uneven images */

.deadline {border-top: solid 1px; }
.deadline img, .questions img {  margin-top: 1em;
}
#sidebar .logo {margin:20px 0px; max-width:100%}

#sidebar .deadline, #sidebar .questions {display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
    flex-direction: row;
  -webkit-box-align: flex-start;
  -ms-flex-align:flex-start;
    align-items:flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#sidebar.no-head .deadline{ border-top: none; }
/* Conferences */
.wow .awardbanner {overflow:hidden;}
.wow #sidebar {	color: #26A9E0;font-size: 1.5em; text-align:center}
.wow #sidebar span { color: #F48120; font-size:1.6em;	}
.wow h1{ text-align:center; 
  font-family: Georgia;
  margin-bottom: 10px;
  color: #44535d;}
	
.rise #sidebar {
	color: #5E8BB5;
	font-size: 1.5em;
	text-align: center
}	
.rise #sidebar span {
	color: #F4B11A;
	font-size: 1.6em;
}
.rise #sidebar span span{ white-space: nowrap;
	font-size: 1em;
}
.hygienix #sidebar {
	color: #502776;
	font-size: 1.5em;
	text-align: center
}	
.hygienix #sidebar span {
	color: #BED900;
	font-size: 1.6em;
	line-height: 1.1em;
font-weight: bold;
}
.hygienix #sidebar span span{ white-space: nowrap;
	font-size: 1em;
}
.hygienix h1{ text-align:center;}
  
.rise h1 { text-align:center; margin-top:0px;
  color:  #28659d;}
  .awardbanner h1 img {float:none }
.awardbanner {overflow: hidden;}
.hygienix .awardbanner {overflow:hidden;}

.idea #sidebar {
	color: #0885C9;
	font-size: 1.5em;
	text-align: center
}	
.idea #sidebar span {
	color: #F59A23;
	font-size: 1.6em;
}
.idea h1{ text-align:center; font-size:2em; margin-top:80px;   line-height: 1.2em;
  font-family: Georgia;
  margin-bottom: 10px;
  color: #44535d;}
.idea .awardbanner {overflow:hidden;}
#sidebar .winner {
  border-top: solid 1px #26A9E0;
  font-size: 12px;
  color: #abaaaa;
  padding-top: 20px;
  line-height: 1.5em;
}
#content-4  td {
	padding: 5px 20px 5px 0;
}
.awardbanner img {float:left; max-width:200px}
.awardbanner img.riseaward {float:left; max-width:400px}
#sidebar .winner img {
	max-width: 100%;
}
#sidebar  span.nextyear {
	font-size: 12px;
}

@media (max-width: 770px) { 
#bodywrapper #awardcontent { width:100% !important; padding:0 !important; margin:0  !important; flex:none;}
.awardbanner {text-align:center}
.awardbanner h1 {
	visibility: hidden;
	height: 1px;
margin: 0;
}
.wow .awardbanner h1 {visibility:visible; line-height: 1.3em}
.awardbanner img {width:100%;float:none}
.rise .awardbanner img { width:100%}
.awform {width:100% !important; min-width:100% !important;}
label {text-align:left; margin:0px; height:auto }
.Desc {margin-left:0px !important }

}