/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* start editing from here */
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;
}
.txt-rt {
  text-align: right;
} /* text align right */
.txt-lt {
  text-align: left;
} /* text align left */
.txt-center {
  text-align: center;
} /* text align center */
.float-rt {
  float: right;
} /* float right */
.float-lt {
  float: left;
} /* float left */
.clear {
  clear: both;
} /* clear float */
.pos-relative {
  position: relative;
} /* Position Relative */
.pos-absolute {
  position: absolute;
} /* Position Absolute */
.vertical-base {
  vertical-align: baseline;
} /* vertical align baseline */
.vertical-top {
  vertical-align: top;
} /* vertical align top */
.underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
} /* Add 5px bottom padding and a underline */
nav.vertical ul li {
  display: block;
} /* vertical menu */
nav.horizontal ul li {
  display: inline-block;
} /* horizontal menu */
img {
  max-width: 100%;
}
/*end reset*/
/*--login start here--*/
body {
  font-size: 100%;
  font-family: "Roboto", sans-serif;
  /* background:url(https://dclmhub.com/efollowup/assets/images/normal_login.png);  */
  background-color: #053354;
  background-repeat: no-repeat;
  background-size: cover;
}
a {
  text-decoration: none;
}
a:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
/*--elemt style strat here--*/
.elelment h2 {
  font-size: 2.5em;
  color: #fff;
  text-align: center;
  margin-top: 2em;
  font-weight: 700;
}
.element-main {
  width: 27%;
  background: #fff;
  margin: 4em auto 0em;
  border-radius: 5px;
  padding: 2em 2em 3em 2em;
}
.element-main input {
  font-size: 1em;
  color: #a29e9e;
  padding: 1em 0.5em;
  display: block;
  width: 95%;
  outline: none;
  margin-bottom: 1em;
  border: 1px solid #b9b9b9;
  border-radius: 10px;
}
.element-main button {
  font-size: 1em;
  color: #fff;
  background: #053354;
  width: 50%;
  padding: 0.8em 0em;
  outline: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  border-bottom: 3px solid #053354 ;
  display: block;
  margin: 1.5em auto 0;
}
.element-main button:hover {
  background: #1d1c1c;
  border-bottom: 3px solid #2f2f2f;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}

@media (max-width: 1280px) {
  .elelment h2 {
    margin-top: 1em;
  }
  .element-main {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  .element-main {
    width: 37%;
  }
}
@media (max-width: 768px) {
  .element-main {
    width: 49%;
  }
  .elelment h2 {
    font-size: 2em;
  }
  .element-main {
    width: 60%;
  }
  .element-main h1 {
    font-size: 2em;
  }
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
  .element-main {
    width: 80%;
    padding: 3em 1.5em;
  }
}
@media (max-width: 320px) {
  .elelment h2 {
    font-size: 1.5em;
  }
  .element-main h1 {
    font-size: 1.5em;
  }
  .element-main {
    width: 80%;
    margin: 2em auto 0em;
    padding: 1.5em 1.5em;
  }
  .element-main p {
    font-size: 0.9em;
  }
  .element-main button {
    font-size: 0.9em;
    width: 75%;
  }
  .element-main input{
    font-size: 0.9em;
    padding: 0.8em 0.5em;
  }
}