#cirquit{width:100%;font-size:15px;text-align:center;}
a img {border:none}
body{background-color:white}
body{color:black;font-weight:400;font-size:2em;font-family: 'Lato'}
*{margin:0;padding:0;border:0}
#progress {display:none;background-color:#292929;opacity:0.95;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:1000;padding-left:47.5%;}
#header{width:100%;border-bottom:2px solid #2d4a2b;height:100px;padding-top:10px;padding-bottom:10px}
#title_img{text-align:center}
#title_img img{max-height:80px}
h1{float:left;font-size:2.5em;font-weight:300;color:#2d4a2b}

.txt1{color:#F90}

.mobile{display:none;font-size:1.25em;font-weight:300;text-align:center;color:white;line-height:75px}
.wrap{width:30%;margin-left:35%;background-color:white;padding-top:50px;margin-bottom:350px}
.lgnButtons{cursor:pointer;width:100%;text-align:center;color:white;padding-top:10px;padding-bottom:10px}
.title{color:grey;text-align:center}
.txtClassWhite{color:white}
.txtClassBrand{color:#2d4a2b}
.txtClassPink{color:#d2232a}
.txtClassOrange{color:#f58646}
.txtClassRed{color:red;font-weight:bold}
.btClassBrand{background-color:#333;color:white;width:100%;text-align:center;padding-top:10px;padding-bottom:10px;cursor:pointer}
.btClassPink{background-color:#40ae49;color:white;width:100%;text-align:center;padding-top:10px;padding-bottom:10px;cursor:pointer}
.btClassOrange{background-color:#d2232a;color:white;width:100%;text-align:center;padding-top:10px;padding-bottom:10px;cursor:pointer}
.btClassWhite{background-color:white;color:#85d0ce;width:100%;text-align:left;padding-top:10px;padding-bottom:10px;cursor:pointer}
.mgnTop{margin-top:25px}
#signUpFrm{display:none}
#copyright{margin-top:250px;color:#2d4a2b;font-weight:200;text-align:center;width:100%}
.pointer{cursor:pointer}
footer{padding:5px 5px 5px 5px;width:100%;margin-top:350px}
#or{margin:0 25px 0 25px;color:grey;text-align:center}
#message{text-align:center;font-weight:300}
.bold{font-weight:bold}
@media only screen and (max-width: 900px) {
#progress {padding-left:40%}
#header{padding-top:25px;padding-bottom:25px;height:110px}
#title{margin-right:5px}
#title_img{}
#title_img img{max-height:60px}
h1{font-size:1.5em}
.mobile{display:inline}
.wrap{width:85%;margin-left:7.5%}
}
@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-spinner {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 300px;
  width: 300px;
  border: 2px solid #6daa43;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  margin-top:50px;
}
.loading {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  width: 100px;
  height:100px;
  border: 2px solid #6daa43;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  margin-top:250px;
  dislpay:none
}