html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ol,ul {
  list-style:none;
  margin:0;
  padding:0;
}
blockquote,q {
  quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
  content:'';
  content:none;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}

/* start editing from here */
a {
  text-decoration:none;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
}
a:hover {
  text-decoration:none;
}

/* Text alignment */
.txt-rt { text-align:right; }
.txt-lt { text-align:left; }
.txt-center { text-align:center; }

/* Floats */
.float-rt { float:right; }
.float-lt { float:left; }
.clear { clear:both; }

/* Positioning */
.pos-relative { position:relative; }
.pos-absolute { position:absolute; }

/* Vertical alignment */
.vertical-base { vertical-align:baseline; }
.vertical-top { vertical-align:top; }

/* Navigation styles */
nav.vertical ul li { display:block; }
nav.horizontal ul li { display:inline-block; }

/* Images */
img { max-width:100%; }

/* Body styles */
body {
  background: url(../images/banner1.jpg) no-repeat;
  background-attachment:fixed;
  background-position:center;
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  padding:0;
  margin:0; 
  font-family: 'Roboto Condensed', sans-serif;
  font-size:100%;
  backdrop-filter: blur(0.2em);
}

/* Headings */
h1,h2,h3,h4,h5,h6 { margin:0; }
p { margin:0; }
ul { margin:0; padding:0; }
label { margin:0; }

/* Header */
.header-main {
  padding: 100px 0px 50px;
  width: 30%;
  margin: 0 auto;
}
.header-main h1 {
  font-size: 64px;
  color: #000000;
  text-align: center;
  padding-bottom: 0.8em;
  backdrop-filter: blur(0.2rem);
}
.sign-up {
  margin: 2em 0;
}
span.hed-white {
  color: black;
}
.style1 {
  text-align: right;
  padding: 60px 0px 40px 0px;
}
.header-left {
  background: #fff;
  padding: 0px;
}
.sign-up h2 {
  font-size: 22px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  background: #ff3366;
  width: 40px;
  height: 40px;
  line-height: 1.7em;
  border-radius: 50%;
  margin: 0 auto;
}
.header-left-bottom h3 {
  font-size: 16px;
  font-weight: 400;
  color: #A59DA1;
  line-height: 1.5em;
  margin: 0px 0px 25px 0px;
  font-family: 'Roboto Condensed', sans-serif;
}
span.login-color {
  color: #FFB900;
  font-weight: 700;
}
.header-left-bottom input[type="text"] {
  background: url(../images/m.png) no-repeat 0px 5px;
  outline: none;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  padding: 12px 13px 20px 44px;
  border: none;
  border-bottom: 1px solid #fff;
  width: 87%;
  margin: 0 0 20px;
  display: inline-block;
}
.header-left-bottom input[type="password"] {
  background: url(../images/l.png) no-repeat 0px 5px;
  outline: none;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 12px 13px 20px 44px;
  width: 87%;
  margin: 0 0 20px;
  display: inline-block;
}
.header-left-bottom input[type="submit"] {
  background: #ff3366;
  color: #FFF;
  font-size: 26px;
  padding: 0.3em 1.2em;
  width: 100%;
  font-weight: 500;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 3px;
  font-family: 'Roboto Condensed', sans-serif;
}
.header-left-bottom input[type="submit"]:hover {
  background: #3B62A3;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.remember {
  margin: 1em 0em;
}
.header-social {
  text-align: center;
}
h5 {
  border-left: 1px dotted #c3c3c3;
  padding: 0.5em;
}
.header-social a.face {
  background: url(../images/fac.png) no-repeat 12px 9px #3B62A3;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  padding: 0 2em;
  width: 34%;
  text-align: left;
  margin-right: 4%;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  border-radius: 3px;
  font-family: 'Roboto Condensed', sans-serif;
}
.header-social a.face:hover {
  background: url(../images/fac.png) no-repeat 12px 9px #0E387C;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}

/*-- agileits --*/
.header-social a.twitt {
  background: url(../images/twitter.png) no-repeat 12px 9px #19B0E7;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  padding: 0 2.5em;
  width: 30%;
  text-align: left;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border-radius: 3px;
  font-family: 'Roboto Condensed', sans-serif;
}
.header-social a.twitt:hover {
  background: url(../images/twitter.png) no-repeat 12px 9px #0192C7;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.header-social h4 {
  font-size: 17px;
  color: #6A67CE;
  text-align: center;
  margin: 20px 0px;
  font-family: 'Roboto Condensed', sans-serif;
}
.header-left-bottom .h3 {
  font-size: 20px;
  color: #999;
  font-weight: 400;
  text-align: center;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .header-main {
      width: 90%;
      padding: 80px 0 40px;
  }
  .header-main h1 {
      font-size: 36px;
  }
  .header-left-bottom input[type="text"],
  .header-left-bottom input[type="password"] {
      font-size: 14px;
      padding: 10px 10px;
  }
  .header-left-bottom input[type="submit"] {
      font-size: 20px;
      padding: 0.5em 1em;
  }
  .header-social a.face,
  .header-social a.twitt {
      width: 100%;
      margin: 0 0 10px;
  }
}

/* Tablet responsiveness */
@media (max-width: 1024px) {
  .header-main {
      width: 60%;
      padding: 90px 0 45px;
  }
  .header-main h1 {
      font-size: 48px;
  }
}