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: 0px;
    padding: 0px;
}

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 */

nav.vertical ul li {
    display: block;
}


nav.horizontal ul li {
    display: inline-block;
}


img {
    max-width: 100%;
}

html,
body {
    padding: 0;
    margin: 0;
    background: #fff;
font-family: 'Merienda One', cursive;
}

body a {
	font-family: 'Merienda One', cursive;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover {
    text-decoration: none;
}

body a:focus,
a:hover {
    text-decoration: none;
}

select,
input[type="email"],
input[type="text"],
input[type=password],
input[type="button"],
input[type="submit"],
textarea {
  font-family: 'Merienda One', cursive;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
  font-family: 'Merienda One', cursive;
    letter-spacing: 1px;
}

p {
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
  font-family: 'Merienda One', cursive;
}

ul {
    margin: 0;
    padding: 0;
}


body {
    background: url(../img/adminback.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 100vh;
}
.mid-cls{
    margin:0px auto;
    width: 28%;
}
.swm-right-w3ls {
    background:rgba(255, 255, 255, 0.14);
    padding: 3.5em 2em;
	text-align:center;
    -webkit-box-shadow:-2px 7px 37px 8px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:-2px 7px 37px 8px rgba(0, 0, 0, 0.06);
    box-shadow:-2px 7px 37px 8px rgba(0, 0, 0, 0.06);
}
h1.header-w3ls {
    font-size: 46px;
    padding: 46px 0px 53px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    text-shadow: 2px 3px rgba(0, 0, 0, 0.42);
    letter-spacing: 2px;
}
.header-side h4 {
	font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.buttom-social-grids ul li {
    display: inline-block;
}
.buttom-social-grids ul li a {
        font-size: 25px;
    color: #FFFFFF;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.buttom-social-grids ul li a:hover {
    color: #000;
}

.buttom-social-grids{text-align:center;}
.buttom-social-grids ul li:nth-child(2) {
    margin: 0px 15px;
}

.icon-head h2{ 
   font-size: 24px;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #Fff;
        margin: 27px 0px 25px;
    padding-bottom: 10px;
}

button[type=submit] {
    width: 50%;
    background: #c70000;
    outline: none;
    color: #fff;
    font-size: 14px;
    border: none;
    padding: 13px 6px;
    border-radius: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
	font-family: 'Merienda One', cursive;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
button:hover {
    color: #fff;
    background: #fff;
}
.btnn .for {
    font-size: 12px;
    padding: 2em 0em 0em;
    color: red;
    text-align: center;
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btnn a.for:hover {
    color: #33e8ff;
}
.copy {
    padding: 30px 0px;
}
.copy p {
	font-family: 'Open Sans', sans-serif;
    margin: 0em;
    text-align: center;
    font-size: 15px;
    color: white;
}
.copy p a {
    color: #fff;
    text-decoration: none;
}
.copy p a:hover {	color:#33e8ff;}
/*--responsive--*/
@media(max-width:1920px){
	h1.header-w3ls {
    font-size: 50px;
	}
	.swm-right-w3ls {
    padding: 5em 3em;
	}
	.header-side h4 {
    font-size: 24px;
	}
	.icon-head h2 {
    font-size: 27px;
	}
	.buttom-social-grids ul li a {
    font-size: 28px;
	}
	
}
@media(max-width:1680px){
	h1.header-w3ls {
    font-size: 48px;
}
.header-side h4 {
    font-size: 22px;
}
.buttom-social-grids ul li a {
    font-size: 26px;
}
.icon-head h2 {
    font-size: 25px;
}
.swm-right-w3ls {
    padding: 4em 2.5em;
}
}
@media(max-width:1600px){
h1.header-w3ls {
    font-size: 46px;
}
.header-side h4 {
    font-size: 21px;
}	
.buttom-social-grids ul li a {
    font-size: 25px;
}
.swm-right-w3ls {
    padding: 3.5em 2em;
}
.icon-head h2 {
    font-size: 24px;
}
}
@media(max-width:1440px){
.mid-cls {
    margin: 0px auto;
    width: 32%;
}
button[type=submit] {
    padding: 11px 6px
}	
.icon-head h2 {
    font-size: 22px;
}
}
@media(max-width:1366px){
h1.header-w3ls {
    padding: 46px 0px 47px;
}
.icon-head h2 {
margin: 27px 0px 22px;	
}
}
@media(max-width:1280px){
.header-side h4 {
    font-size: 19px;
}
.buttom-social-grids ul li a {
    font-size: 23px;
}
.mid-cls {
    width: 37%;
}	
}
@media(max-width:1080px){
	.btnn .for {
    padding: 1.8em 0em 0em;
	}
	h1.header-w3ls {
    font-size: 44px;
}
.swm-right-w3ls {
    padding: 3em 2em;
}
}
@media(max-width:1050px){
.mid-cls {
    width: 40%;
}
h1.header-w3ls {
    padding: 42px 0px 43px;
}	
}
@media(max-width:1024px){
.mid-cls {
    width: 42%;
}
.icon-head h2 {
    margin: 25px 0px 21px;
}
.icon-head h2 {
    font-size: 21px;
}	
}
@media(max-width:991px){
.swm-right-w3ls {
    padding: 2.7em 2em;
}
h1.header-w3ls {
    padding: 42px 0px 39px;
}
.btnn .for {
    padding: 1.6em 0em 0em;
}	
}
@media(max-width:900px){
.mid-cls {
    width: 45%;
}
h1.header-w3ls {
    font-size: 42px;
}
.icon-head h2 {
    margin: 23px 0px 21px;
}	
}
@media(max-width:800px){
.mid-cls {
    width: 49%;
}
.buttom-social-grids ul li a {
    font-size: 21px;
}
.header-side h4 {
    padding-bottom: 13px;
}	
}
@media(max-width:768px){
	h1.header-w3ls {
    font-size: 40px;
}
.swm-right-w3ls {
    padding: 2.7em 1.7em;
}
.btnn .for {
    font-size: 11px;
}
}
@media(max-width:767px){
	.header-side h4 {
    font-size: 17px;
}
.buttom-social-grids ul li a {
    font-size: 19px;
}
.icon-head h2 {
    font-size: 20px;
}
}
@media(max-width:736px){
.mid-cls {
    width: 51%;
}
h1.header-w3ls {
    font-size: 38px;
}
.copy {
    padding: 28px 0px;
}	
}
@media(max-width:667px){
.mid-cls {
    width: 53%;
}
.icon-head h2 {
    margin: 21px 0px 21px;
}
.copy p {
    font-size: 14px;
}	
}
@media(max-width:640px){
.mid-cls {
    width: 55%;
}
button[type=submit] {
    font-size: 13px;
}	
}
@media(max-width:600px){
h1.header-w3ls {
    font-size: 36px;
	  padding: 42px 0px 37px;	
}
.swm-right-w3ls {
    padding: 2.5em 1.7em;
}
}
@media(max-width:568px){
.mid-cls {
    width: 60%;
}
button[type=submit] {
    padding: 10px 6px;
}
.icon-head h2 {
    margin: 18px 0px 21px;
}
.copy p {
    line-height: 25px;
    padding: 0px 23px;
}	
}
@media(max-width:480px){
.mid-cls {
    width: 67%;
}
h1.header-w3ls {
    font-size: 34px;
    letter-spacing: 1px;
}	
}
@media(max-width:440px){
h1.header-w3ls {
    font-size: 32px;
}
.mid-cls {
    width: 75%;
}
.icon-head h2 {
    margin: 14px 0px 19px;
}	
}
@media(max-width:414px){
	.swm-right-w3ls {
    padding: 2.2em 1.7em;
}
h1.header-w3ls {
    font-size: 29px;
}
.header-side h4 {
    padding-bottom: 10px;
}
.copy {
    padding: 25px 0px;
}
}
@media(max-width:384px){
.copy {
    padding: 25px 0px;
}
.icon-head h2 {
    font-size: 19px;
}
.mid-cls {
    width: 82%;
}	
}
@media(max-width:375px){

.mid-cls {
    width: 84%;
}
h1.header-w3ls {
    padding: 42px 0px 29px;
}	
}
@media(max-width:320px){
.swm-right-w3ls {
    padding: 2em 1em;
}
.header-side h4 {
    font-size: 16px;
}
.mid-cls {
    width: 88%;
}	
h1.header-w3ls {
    line-height: 46px;
}
}
.input{
    height: 25px!important;
    font-size: 21px;
    background: black;
    padding: 10px;
    color: red;
    border-radius: 5px;
    box-shadow: 0 0 11px 0px red;
    border: 0;
    max-width: 348px;
    width: 90%;
    transition: .5s ease-in;
    outline: none;
    display: inline-block;
}
.input:hover{
    box-shadow: 0 0 11px 0px red;
}