body{
	-webkit-font-smoothing:antialiased;
	font-weight:normal;
}

.page{
	position:relative;
	z-index:2;
}

hr{
	border-top: 1px solid #272B37;
    border-bottom: 1px solid #272B37;
    height: 2px;
}

h1,h2,h3,h4,h5,h6{
	font-family:'brandon-grotesque', 'Muli','HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	text-transform:uppercase;
	font-weight:900;
	margin-top:0;
}

.btn{
    border-width:0;
	color:#FFF;
	border-radius:0;
	padding:15px 30px;
	text-transform:uppercase;
	font-weight:900;
	font-family:'brandon-grotesque', 'Muli','HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}

.navbar-default{
	color:#FFF;
}

.table-display{
	display:table;
	width:100%;
	margin-top:0;
	margin-bottom:20px;
}

header.header{
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.25);
	color: #fff;
	-webkit-backface-visibility: hidden;
	font-family:'brandon-grotesque', 'Muli','HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}

header.header .logo-img{
	margin-right:10px;
}

header.header .logo-img img{
	height:50px;
	margin:12px 0 12px 10px;
}

.header .navbar{
	display:flex;
	flex-direction:row;
	align-items:center;
}

.header ul.navbar-nav{
	float:none;
	list-style:none;
	margin:0;
	padding:0;
}

.header ul.navbar-nav li{
	margin-right:30px;
}

.header a:hover{
	text-decoration:none;	
}

.header{
	font-family:'brandon-grotesque', 'Muli';
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.5px;
}

header .logo,
header .menu{
	padding-right:0;
	padding-left:0;
}


.header .utility-menu{
	margin-left:0;
	align-self:stretch;
	display:flex;
	align-items:center;
	flex:3 1 auto;
}
	
	.header .utility-menu li,
	.header .utility-menu a{
		display:flex;
		align-items:center;
		align-self:stretch;
		padding:0;
		flex:0;
	}
	
	.header .utility-menu li:last-child,
	.header .utility-menu a:last-child{
		flex:1 1 auto;
		text-align:center;
		justify-content:center;
	}

	.header .utility-menu a.user-icon{
		border-left:1px solid #6A6A6A;
		padding:0 40px;
	}
	
	a.user-icon:before{
		background-image:url("../images/custom/user-icon-red.9862a076444e.svg");
		background-repeat:no-repeat;
		background-position:left center;
		background-size:20px;
		display:flex;
		content:'';
		align-self:stretch;
		width:20px;
		margin-right:15px;
	}

	#zheader a:link.yellow-btn,
	#zheader a:visited.yellow-btn{
		padding:0 40px;
		color:#272B37;
		background-color:#FED400;
	}
	
	#zheader a:hover.yellow-btn{
		background-color:#FEC500;
	}

.zprototype-column{
	display:table-cell;
	vertical-align:middle;
	float:none;
}

#main-menu .navbar-nav.menu-right{
	float:none;
	text-align:center;
}

#main-menu ul.navbar-nav{
	background-color:transparent;
	border-radius:0;
}

#main-menu .navbar-nav.menu-right>li.tagline span{
	display:none;
}

#main-menu .navbar-nav.menu-centered{
	float:none;
	text-align:center;
}

#main-menu .navbar-nav.menu-centered>li{
	float:none;
	display:inline-block;
	border-right:1px solid rgba(255,255,255,0.5);
}

#main-menu .navbar-nav.menu-right{
	float:none;
	text-align:right;
}

#main-menu .navbar-nav.menu-right>li{
	float:none;
	display:block;
}

.navbar-default .navbar-nav>li>a{
	line-height:40px;
}

.navbar-default .navbar-nav>li>a{
	color:#FFF;
	padding:0 10px;
	letter-spacing:0.5px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	font-family:'block';
}

.navbar-default .navbar-nav.navbar-right>li>a{
	font-size:11px;
	padding:0 15px;
	line-height:80px;
}

.navbar-default .navbar-nav>li:hover>a{
	background-color:#B9272A;
}

.navbar-default .navbar-nav>li:last-child>a{
	border-radius:0;
	padding:0 15px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

.page-content,
.sidebar{
	padding-top:30px;
	padding-bottom:30px;
}

.text-right{
	text-align:right;
}

.navbar-default h1{
	font-size:24px;
	margin:0;
	font-style:italic;
}

.navbar-default p{
	margin:0;
	font-size:20px;
}



.zburger {
  display:inline-block;
  position: relative;
  overflow: hidden;
  margin:0 20px;
  padding: 0;
  width:36px;
  height:26px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  vertical-align:middle;
}

.zburger:focus {
  outline: none;
}

.zburger span {
  display: block;
  position: absolute;
  top:11px;
  left:0;
  right:0;
  height:2px;
  background-color:#f0e9dc;
}

.zburger span::before,
.zburger span::after {
  position: absolute;
  display: block;
  left:0;
  width:100%;
  height:2px;
  background-color:#f0e9dc;
  content: "";
}

.zburger span::before {
  top:-9px;
}

.zburger span::after {
  bottom:-9px;
}

.zburger-htx span::before,
.zburger-htx span::after {
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0.1s, 0s;
}

.zburger-htx span::before {
  transition-property: top, transform;
}

.zburger-htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.zburger-htx.is-active {}

.zburger-htx.is-active span {
  background-color:transparent;
}

.zburger-htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  background-color:#FFF;
}

.zburger-htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  background-color:#FFF;
}

.zburger-htx.is-active span::before,
.zburger-htx.is-active span::after {
  transition-delay: 0s, 0.2s;
}

.zoverlay{
	width: 100%;
    position: fixed;
    top:-800px;
    height:0;
    z-index: 999;
    background-color:#272b37;
    padding-top: 90px;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
}

.zoverlay.transition{
	-webkit-transition: .5s;
	transition: .5s;
}

.header-menu{
	float:none;
	padding-bottom: 20px;
	font-family:'brandon-grotesque', 'Muli','HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight:bold;
}

.header-menu .nav>li>a{
	margin:2em 1em 0 2em;
	padding:0;
}

.header-menu a:link,
.header-menu a:visited{
	font-size:1.25em;
	color:#FFF;
	letter-spacing:0.5px;
	text-transform:uppercase;
	font-weight:bold;
	display:flex !important;
}

.header-menu a:hover,
.header-menu .nav>li>a:hover{
	color:#FED400;
	background-color:transparent;
}

#zheader.show-mobile{
	border-bottom:1px solid rgba(255,255,255,0.2);
}

.zoverlay .social-media-icons{
	padding:2em 1em 0 2em;
}

h1.mod-header,
h2.mod-header,
h3.mod-header,
h4.mod-header,
h5.mod-header,
h6.mod-header{
	font-weight:bold;
	color:#FED400;
	margin-bottom:30px;
	margin-top:0;
	text-transform:uppercase;
}

	.footer h3.mod-header{
		margin-bottom:15px;
	}

.social-links li{
	margin-right:20px;
}

	.social-links li:last-child{
		margin-right:0
	}

.footer-logo{
	max-width:120px;
	margin:15px auto 50px auto;
}

.footer-columns{
	padding:40px 0 0 0;
}

	.footer-columns a:link,
	.footer-columns a:visited{
		color:#FFF;
		font-weight:bold;
	}
	
	.footer-columns .menu,
	.footer-columns .social-links{
		margin-bottom:50px;
	}
	
	.footer-columns .menu li{
		margin-bottom:12px;
	}

.copyright{
	color:rgba(255,255,255,0.3);
	padding:0 0 15px 0;
	line-height:normal;
}

	.copyright a:link,
	.copyright a:visited{
		color:rgba(255,255,255,0.3);
	}
	
	.copyright .list-inline,
	.copyright .custom{
		display:block;
		padding-right:0;
		margin-bottom:15px;
	}
	
	.copyright .list-inline>li{
		border-right:1px solid rgba(255,255,255,0.3);
		padding-left:0;
		padding-right:15px;
		margin-right:15px;
	}
	
	.copyright li:last-child{
		border-right:none;
		padding-right:0;
		margin-right:0;
	}
	
footer.footer{
	text-align:center;
}

.form-control,
select.form-control{
	font-size:0.875em;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#272B37;
}

select.form-control {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-image:url("../images/custom/select-bg-light.1f0a23da71f7.png");
  background-repeat:no-repeat;
  background-position:right center;
}

legend{
	display:inline-block;
	margin-bottom:15px;
	text-transform:uppercase;
	font-family:'brandon-grotesque', 'Muli','HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	color:#272B37;
	font-weight:900;
	border-bottom:1px solid #272B37;
}

label{
	text-transform:uppercase;
	font-size:0.875em;
	font-family:'brandon-grotesque', 'Muli','HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	font-weight:900;
}

label span,
.required{
	color:#C2002F;
}

.challenge h1.title{
	text-align:center;
}

.sidebar img{
	margin:0 auto;
}

input.invalid,
textarea.invalid,
select.invalid{
	border:1px solid #C2002F;
}

label.invalid{
	color:#C2002F;
}

.slate-box{
	background-color:#272B37;
	color:#FFF;
	padding:15px 15px 0 15px;
	box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.25);
	-webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.25);
	margin-bottom:30px;
}

.slate-box .table>thead>tr>th{
	border-bottom:1px solid rgba(255,255,255,0.2);
}

.green-diagonal-bg{
	background-image:url("../images/custom/green-diagonal-bg.616d6372b0fd.png");
	padding:12px;
}

.green-diagonal-bg .inner{
	padding:15px;
	color:#FFF;
	background-color:#164616;
}

@media (min-width: 992px){
	
	footer.footer{
		text-align:left;
	}
	
	.footer-logo{
		max-width:140px;
		margin:15px auto 0 auto;
	}
	
	.footer-columns{
		padding:40px 0;
	}

	.footer-columns .menu,
	.footer-columns .social-links{
		margin-bottom:0;
	}
	
	.copyright .list-inline,
	.copyright .custom{
		display:inline-block;
		padding-right:30px;
	}
	
	header.header .logo-img img{
		height:80px;
		margin:12px 0 12px 20px;
	}
	
	header.header .logo-img{
		margin-right:30px;
	}
	
	.header .utility-menu li,
	.header .utility-menu a{
		flex:1 1 auto;
	}
	
	.header .utility-menu li:last-child,
	.header .utility-menu a:last-child{
		flex:1 1 auto;
		text-align:center;
	}
	
	.header .utility-menu{
		margin-left:auto;
		flex:none;
	}
}