/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
	font-family:"proxima-nova", "helvetica neue", sans-serif;
	padding-bottom:0;
	background:#F5F5F5;
	font-size:16px;
	line-height:24px;
	background:url("../img/bk_header.png") repeat;
	margin-bottom:64px;
}
body#judges-page,
body#how-to-enter-page,
body#contact-page,
body#about-page{
	margin-bottom:128px;
}
body#how-to-enter-page #intro{
	margin-bottom:0;
}
.logo-frame{
	background:#333;
	position:absolute;
	top:0;
	left:-20%;
	width:120%;
}
.video-frame{
    bottom: 63px;
    height: 150px;
    left: 0;
    opacity: 0.25;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -1;
	background-image:  url('../img/london.svg');
	background-size: cover;
	background-position:center center;
}
.video-frame object{
	width:100%;
}
a{
	color:#09A0BB;
	transition:all 0.25s ease-in-out 0s;
	outline:0;
}
a:hover, a:focus{
	color:#29C0DB;
	outline:0;
	transition:all 0.25s ease-in-out 0s;
}
a.brand{
    background:transparent;
    color: #FFF;
    display: block;
    text-shadow: none;
    text-transform: uppercase;
	width:100%;
	padding-top:0;
	padding-bottom:0;
	text-align:center;
}
.navbar{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:999999;
}
.navbar-static-top .container{
	width:940px;
}
.navbar-inner {
    background-color: rgba(255,255,255,0.95);
	box-shadow:0 10px 0 rgba(100,100,100,0.9);
    background-image: none;
    background-repeat: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
	box-shadow:none !important;
	border-bottom:10px solid #DEDEDE;
	text-align:center;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner{
	border-width:0 0 1px;
}
.navbar.affix{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	margin-top:0;
}

.navbar .nav{
	float:none;
	margin:0 auto;
	text-align:center;
}
.navbar .nav > li{
	float:none;
	display:inline;
	letter-spacing:-0.3em;
}
.navbar .nav li a{
    box-shadow: none;
    color: #212121;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 46px;
    text-shadow: none;
    text-transform: uppercase;
	display:inline-block;
	font-weight:bold;
	letter-spacing:1px;
}
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active,
.btn.pull-right:hover{
    text-decoration: none;
	background-color:#09A0BB;
	box-shadow:none;
	color:#FFF;
}
header{
	padding:52px 0 0;
	position:fixed;
	width:100%;
	top:0;
	height:411px;
	z-index:-1;
	font-family: "futura-pt";
}
header h1{
    color: #6E0031;
    font-size: 60px;
    font-weight: 100;
    letter-spacing: 6px;
    line-height: 80px;
    padding: 0;
	margin:10px 0;
    text-align: center;
    text-transform: uppercase;
	display:block;
	text-shadow: 1px 1px 0 #FFFFFF;
}
header span{
	color: #333333;
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 6px;
    line-height: 40px;
    padding: 0;
	margin:10px 0;
    text-align: center;
    text-transform: uppercase;
	display:block;
	text-shadow: 1px 1px 0 #FFFFFF;
}
header h1 span{
	color: #333333;
    font-size: 40px;
    font-weight: 100;
    letter-spacing: 6px;
    line-height: 40px;
    padding: 0;
	margin:10px 0;
    text-align: center;
    text-transform: uppercase;
	display:block;
	text-shadow: 1px 1px 0 #FFFFFF;
}
header p{
	font-weight:300;
	color:#000;
	margin:10px 0;
	display:inline-block;
}
header a:hover{
	text-decoration:none;
}
.wrapper{
	margin-top:400px;
	position:relative;
}
p{
	font-weight:400;
}
h2{
    border-bottom: 8px solid #6E0031;
    display: inline-block;
    font-family: "futura-pt";
    font-weight: 100;
    padding-bottom: 20px;
	margin-bottom:50px;
    padding-top: 10px;
    position: relative;
}
#award-categories-page h2{
	padding-top:76px;
}
h4{
	font-weight:500;
	font-size:24px;
	margin-bottom:30px;
}
#intro{
	background:#FFF;
	color:#333;
	width:100%;
	padding:50px 0 100px;
	text-align:center;
	z-index:2;
	position:relative;
	top:66px;
	border-bottom:1px solid #EEE;
	margin-bottom:66px;
}
#intro p{
	text-align:left;
	padding-right:20px;
	padding-left:20px;
}
#intro h3{
	color:#6E0031;
	font-weight:normal;
	font-size:18px;
}
#intro.about p{
	padding:0;
}
#intro.about img{
	margin-bottom:15px;
}
.about-more{
	background:#f5f5f5;
	padding:5px 15px;
}
.margin-bottom50{
	margin-bottom:50px;
}
#judges{
	background:#F5F5F5;
	padding:50px 0 100px;
	text-align:center;
}
#judges h3{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDEDE;
    display: block;
    font-weight: 400;
    margin: 0;
    padding: 30px;
    text-align: left;
}
#judges h5{
	color:#6E0031;
	margin:15px 0 0;
}
#judges h6{
	font-weight:400;
	color:#999;
	margin-top:5px;
}
#intro .judge-holder{
	text-align:left;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #DEDEDE;
}
#intro .judge-holder h3{
	margin-top:0;
	line-height:24.5px;
	font-weight:normal;
}
#intro .judges-page p{
	padding:0;
}
.judge-holder .span2 a{
    display: block;
    line-height: 40px;
}
.judge-holder .span2 span{
    float: left;
    line-height: 34px;
    margin-right: 8px;
    opacity: 0.4;
}
.margin-bottom30{
	padding-bottom:30px;
}
#application-form{
	background:#F5F5F5;
	padding:50px 0;
	position:relative;
	top:66px;
}
#categories{
	background:#FFF;
	padding:50px 0 0;
	text-align:center;
}
blockquote{
	text-align:left;
}
.award{
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:30px;
}
.award a{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #EEEEEE;
    display: inline-block;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
}
.award a:hover{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
	text-decoration:none;
	transition: background 0.3s;
	-webkit-transition: background 0.3s; /* Safari */
}
.award-holder:last-child .award{
	border-right:none;
}
.award h4{
	margin:0;
	padding:20px 150px 20px 20px;
	line-height:30px;
	position:relative;
}
.award h4 a{
	position:absolute;
	right:20px;
	top:9px;
}
.award p,
.award ul{
	padding:0 20px;
}
.award-apply{
	background:none;
}
.award1 a{
	color:#a2c5bf;
}
.award2 a{
	color:#167c80;
}
.award3 a{
	color:#0082c8;
}
.award4 a{
	color:#72616e;
}
.award5 a{
	color:#005384;
}
.award6 a{
	color:#bdaf52;
}
.award7 a{
	color:#a94d4d;
}
.award8 a{
	color:#51a94d;
}
.award9 a{
	color:#4f4da9;
}
.award10 a{
	color:#50b6a9;
}
.award11 a{
	color:#e45545;
}
.award h4{
	color:#FFF;
}
.award1 h4{
	background:#a2c5bf;
}
.award2 h4{
	background:#167c80;
}
.award3 h4{
	background:#0082c8;
}
.award4 h4{
	background:#72616e;
}
.award5 h4{
	background:#005384;
}
.award6 h4{
	background:#bdaf52;
}
.award7 h4{
	background:#a94d4d;
}
.award8 h4{
	background:#51a94d;
}
.award9 h4{
	background:#4f4da9;
}
.award10{
	background:#50b6a9;
}
.award11{
	background:#e45545;
}
.award-apply a{
	color:#00809B;
}
.award img{
	margin:0 auto;
}
#agenda p{
	font-size:16px;
	line-height:24px;
}
#enter-the-awards{
    background: none repeat scroll 0 0 #F6F6F3;
}
#enter-the-awards h4 {
    color: #666666;
    font-size: 32px;
    line-height: 40px;
    padding: 90px 0;
    text-align: center;
}
h4 small{
	color:#E3E3E3;
}
.previous-winners img{
	float:left;
	margin:0 10px 2px 0;
}
.previous-winners p{
	font-size:14px;
	line-height:21px;
}
section#map iframe{
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;
}
section#map{
	height:400px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	z-index:99;
}
.quotes{
	color:#AAA;
	font-family:georgia, serif;
	font-style:italic;
	margin-top:50px;
	display:block;
}
footer{
    background: none repeat scroll 0 0 #6E0031;
    bottom: 0;
    color: #FFFFFF;
    padding: 20px 0 10px;
    position: fixed;
    width: 100%;
	z-index:-1;
}
footer p{
	font-size:12px;
	text-align:center;
}
footer p a{
	color:#FFF;
	text-decoration:none;
}
footer p a:hover{
	color:#FFF;
	text-decoration:none;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    -moz-box-sizing: border-box;
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
    border-radius: 0 0 0 0;
    display: block;
    font-family: inherit;
    font-size: 11px;
    height: 49px;
    letter-spacing: 2px;
    margin: 0 0 30px;
    padding: 17px 12px;
    position: relative;
    transition: all 0.15s linear 0s;
    width: 100%;
	box-sizing:border-box;
}
textarea {
    height: auto;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background: none repeat scroll 0 0 #6E0031;
    border-color: #6E0031;
    box-shadow: none;
    color: #FFFFFF;
}
#intro form{
	text-align:left;
}
.judge-bio img{
	width:35%;
	margin:0 10px 5px 0;
	float:left;
}
img.full-width{
	width:100%;
	margin-bottom:20px;
}
.zemContactForm{
	padding:0 30px;
}
footer .container{
	padding-left:30px;
}
.form-awards{
	clear:both;
	margin-bottom:20px;
}
form h2{
	border-bottom: 8px solid #FFFFFF;
    margin-bottom: 30px;
    margin-top: 0;
    width: 100%;
}
.form-awards label.checkbox{
	padding-bottom:5px;
	color:#FFF;
}
.form-awards .controls{
	padding-left:10px;
}
.form-awards input{
	color:#FFF;
}
.form-awards .control-group{
	margin-bottom:5px;
}
.control-group.success input, .control-group.success select, .control-group.success textarea,
.control-group.error input, .control-group.error select, .control-group.error textarea{
	margin-bottom:10px;
}
@media (max-width:979px){
	.navbar-static-top .container{
		width:auto;
		margin:0 auto;
	}
	.navbar .nav li a{
		font-size:12px;
		padding:10px 12px;
	}
	.award-holder{
		height:600px;
	}
	footer{
		position:relative;
	}
}
@media (max-width: 768px) {
	body{
		padding:0;
		margin-bottom:0;
	}
	.award-holder{
		height:auto;
		width:100%;
	}
	.navbar{
		margin: 0;
	    position: relative;
	    width: auto;
	}
	#intro{
		top:0;
		margin-bottom:0;
	}
	#intro .judge-holder{
		padding:0 20px;
		margin-bottom:15px;
	}
	#intro .judge-holder img{
		margin:0 15px 5px 0;
		float:left;
		max-width:40%;
	}
	#intro .judge-holder span img{
		margin:0;
		float:left;
		max-width:100%;
	}
	header h1{
		font-size:30px;
		line-height:40px;
	}
	header h1 span{
		font-size:28px;
		line-height:30px;
	}
	header span{
		font-size:20px;
		line-height:20px;
	}
}
@media (min-width: 1200px) {
	.award-holder{
		height:500px;
	}
}