/* Fonts */

@font-face {
    font-family: 'GothamHTFBook';
    src: url('../fonts/gothamhtf-book.eot');
    src: url('../fonts/gothamhtf-book.eot') format('embedded-opentype'),
         url('../fonts/gothamhtf-book.woff') format('woff'),
         url('../fonts/gothamhtf-book.ttf') format('truetype'),
         url('../fonts/gothamhtf-book.svg#GothamHTFBook') format('svg');
}

@font-face {
    font-family: 'GothamHTFBold';
    src: url('../fonts/gothamhtf-bold.eot');
    src: url('../fonts/gothamhtf-bold.eot') format('embedded-opentype'),
         url('../fonts/gothamhtf-bold.woff') format('woff'),
         url('../fonts/gothamhtf-bold.ttf') format('truetype'),
         url('../fonts/gothamhtf-bold.svg#GothamHTFBold') format('svg');
}

/* Global Styling */
body{
  font-family: "GothamHTFBook", sans-serif; 
}


a {
	color:rgba(0, 0, 0, 0.3);
	text-decoration:none;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

a:hover {
	color:#000000;
  text-decoration:none;
}

.gradient-orange{
  width:100%;
  background: #f39b1a; /* Old browsers */
  background: -moz-linear-gradient(left,  #f39b1a 0%, #f0562a 50%, #ed5883 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f39b1a), color-stop(50%,#f0562a), color-stop(100%,#ed5883)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #f39b1a 0%,#f0562a 50%,#ed5883 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #f39b1a 0%,#f0562a 50%,#ed5883 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #f39b1a 0%,#f0562a 50%,#ed5883 100%); /* IE10+ */
  background: linear-gradient(to right,  #f39b1a 0%,#f0562a 50%,#ed5883 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39b1a', endColorstr='#ed5883',GradientType=1 ); /* IE6-9 */
}

.gradient-purple{
  width:100%;
  background: #ed5883; /* Old browsers */
  background: -moz-linear-gradient(left,  #ed5883 0%, #9459a2 50%, #6c9cd3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ed5883), color-stop(50%,#9459a2), color-stop(100%,#6c9cd3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #ed5883 0%,#9459a2 50%,#6c9cd3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #ed5883 0%,#9459a2 50%,#6c9cd3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #ed5883 0%,#9459a2 50%,#6c9cd3 100%); /* IE10+ */
  background: linear-gradient(to right,  #ed5883 0%,#9459a2 50%,#6c9cd3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5883', endColorstr='#6c9cd3',GradientType=1 ); /* IE6-9 */
}

.gradient-pink{
  width:100%;
  background: #ef5256; /* Old browsers */
  background: -moz-linear-gradient(left,  #ef5256 0%, #eb65a1 50%, #b459a1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ef5256), color-stop(50%,#eb65a1), color-stop(100%,#b459a1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #ef5256 0%,#eb65a1 50%,#b459a1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #ef5256 0%,#eb65a1 50%,#b459a1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #ef5256 0%,#eb65a1 50%,#b459a1 100%); /* IE10+ */
  background: linear-gradient(to right,  #ef5256 0%,#eb65a1 50%,#b459a1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5256', endColorstr='#b459a1',GradientType=1 ); /* IE6-9 */

}

.logo{
	height:40px;
	width:300px;
	margin:100px 0px 50px 0px;
}

.sm-logo{
  height:30px;
  width:58px;
  margin:20px 0px 0px 0px;
}

.jumbotron-hero {
    position:relative;
    background-image: url(../img/header-cover.png);
    background-color: #090c11;
    background-position:center;
    background-size: cover;
    height:687px;
    color: white;
}

.jumbotron-header {
    position:relative;
    background-position:center;
    background-size: cover;
    height:70px;
    color: white;
}

.jumbotron-cta {
  position:relative;
  padding-top:60px;
  padding-bottom:60px;
  color: white;
}

.code-input{
  padding:8px;
  margin-right:20px;
  background: none;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 3px;
  float:left;
}

.input{
  margin-top:30px;
  padding-bottom:20px;
}

.code-submit{
  margin-top:0px;
}

.legal{
  padding-bottom: 60px;
}

.icon{
  padding-bottom:20px;
}

.vert-line{
  padding:40px 20px 30px 20px;
}

.body-line{
  border-top:1px solid rgba(0, 0, 0, .1);
  margin-top:60px;
}

.footer-links{
  list-style: none;
  font-size:10px;
}

.footer-links li{
  color:rgba(0, 0, 0, 0.3);
  padding:22px 15px 10px 0px;
  float:left;
}


@media (min-width: 320px) {  
  .logo{
    height:40px;
    width:300px;
    margin:75px 0px 50px 0px;
  }
  .vert-line{
    padding:40px 20px 30px 20px;
  }
  .vert-line-last{
    border:none;
    padding:40px 20px 40px 20px;
  }
  .code-submit{
    margin-top:20px;
  }
}

@media (min-width: 768px) {
  .logo{
    height:40px;
    width:300px;
    margin:100px 0px 50px 0px;
  }
  .vert-line{
    padding:40px 20px 30px 20px;
  }
  .code-submit{
    margin-top:0px;
  }
}

@media (min-width: 992px) {
  .logo{
    height:40px;
    width:300px;
    margin:200px 0px 50px 0px;
  }
  .vert-line{
    border-right:1px solid #e5e5e5;
    padding:40px 20px 30px 20px;
  }
  .vert-line-last{
    border:none;
    padding:40px 20px 30px 20px;
  }
}


/** Custom Styles **/


#notification_container {
  margin-left: -8px;
  padding-top: 11px;
}

#notification_container .alert {
  margin-left: -8px;
  padding-top: 11px;
}

#notification_container .success {
  margin-left: -8px;
  padding-top: 11px;
}