/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body{padding: 0px 0 0 0;font-family: 'Lato', sans-serif;background: #282828;}
a, a:hover {color: #333;text-decoration: none;}
.jumbotron{background: #ea572c;margin-bottom: 0;}
.jumbotron .container {text-align: center; margin: 0 auto;}
.jumbotron.gray{background: #EFEEE9;padding: 0;}
.jumbotron.gray .container{width: 100%}
.jumbotron.white{background: #fff;padding: 25px 0 30px 0;}
.yellow{background: #fcd123;}
.yellow p{margin-bottom: 0;font-size: 16px;}
.dark {background: #282828;padding: 20px 0 40px 0;}
.dark p{color: #fff;font-size: 12px;}
.logo{text-align: center;}
.container {   }
.jumbotron h1, .jumbotron .h1{font-size: 28px;text-align: left;}
.logo {margin-bottom: 15px;}
.logo img {text-align: center;margin: 0 auto;}
a.login {margin-top: 100px;text-align: right;display: block;}


*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
a.login{margin-top: 62px;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
a.login{margin-top: 10px;text-align: center;margin-bottom: 10px;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }




.popup-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
}

#login-popup {
  width: 757px;
  top: 15%;
  position: absolute;
  left: 50%;
  margin-left: -378px;
  background-color: #000;
  padding: 70px 0 80px;
  zoom: 1;
}
#login-popup:before, #login-popup:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
#login-popup:after {
  clear: both;
}
#login-popup p {
  max-width: 260px;
  float: left;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  margin-left: 56px;
}
#login-popup form {
  float: left;
  margin: 24px 0 0 65px;
}
#login-popup form fieldset {
  border: 0;
}
#login-popup form fieldset input {
  display: inline-block;
  float: left;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  line-height: 14px;
  color: #636363;
  width: 200px;
  padding: 8px 18px;
  border: 0;
}
#login-popup form fieldset button {
  border: 0;
  width: 77px;
  font-size: 15px;
  line-height: 15px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  text-align: center;
  padding: 9px 0 8px;
  background-color: #fdce26;
  margin-left: 14px;
  cursor: pointer;
}
#login-popup p.error {
  clear: both;
  float: left;
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height: 12px;
  display: none;
}
.login{}