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-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top-color: initial; border-top-style: initial; border-top-width: 0; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: initial; border-left-style: initial; border-left-width: 0; font-size: inherit; font-style: inherit; font-variant-alternates: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-weight: inherit; font-stretch: inherit; vertical-align: baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }ol, ul { list-style-type: none; list-style-image: none; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: none; }table { border-collapse: collapse; border-spacing: 0 0; }a { text-decoration-line: none; }.txt-rt { text-align: right; }.txt-lt { text-align: left; }.txt-center { text-align: center; }.float-rt { float: right; }.float-lt { float: left; }.clear { clear: both; }.pos-relative { position: relative; }.pos-absolute { position: absolute; }.vertical-base { vertical-align: baseline; }.vertical-top { vertical-align: top; }.underline { padding-bottom: 5px; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-bottom-width: 1px; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; }nav.vertical ul li { display: block; }nav.horizontal ul li { display: inline-block; }img { max-width: 100%; }body { font-family: "Open Sans", sans-serif; background-image: url("background2.jpeg"); height: 100%; background-repeat: no-repeat; width: 100%; background-size: cover; }h1 { font-size: 2.3em; font-weight: 600; color: rgb(255, 255, 255); text-align: center; margin-top: 1em; margin-right: 0em; margin-bottom: 0em; margin-left: 0em; }.login { width: 31%; margin-top: 35px; margin-right: auto; margin-bottom: 40px; margin-left: auto; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: rgb(255, 255, 255); background-image: initial; }.login h2 { margin-top: 20px; font-size: 30px; font-weight: 700; color: rgb(0, 0, 0); text-align: center; }.login .logindiv input[type="text"] { outline-style: none; font-size: 13px; color: rgb(31, 31, 31); padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top-color: rgb(224, 224, 224); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(224, 224, 224); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(224, 224, 224); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 0; margin-right: auto; margin-bottom: 15px; margin-left: auto; width: 80%; font-weight: 100; }.login .logindiv { padding-top: 22px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.login input[type="password"] { outline-style: none; font-size: 13px; color: rgb(31, 31, 31); padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-top-color: rgb(224, 224, 224); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(224, 224, 224); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(224, 224, 224); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 0; margin-right: auto; margin-bottom: 15px; margin-left: auto; width: 80%; font-weight: 100; }.login-bwn { text-align: center; margin-top: 20px; }.login .submitbtn { width: 30%; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); background-color: rgb(45, 194, 188); background-image: initial; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-color: white; border-top-style: solid; border-top-width: 1px; border-right-color: white; border-right-style: solid; border-right-width: 1px; border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: white; border-left-style: solid; border-left-width: 1px; }.login .submitbtn:hover { background-color: rgb(160, 6, 6); background-image: initial; transition-property: all; transition-duration: 0.5s; transition-timing-function: initial; transition-delay: initial; }.login .logindiv input.user { display: block; }:input-placeholder { color: gray; font-size: 13px; }:input-placeholder { color: gray; font-size: 13px; }:placeholder { color: gray; font-size: 13px; }.login .logindiv input.lock { display: block; }label.checkbox { float: left; }.forgot input[type="checkbox"] {  }.forgot.checkbox input { position: absolute; left: -9999px; }.forgot.checkbox i { border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); transition-property: border-color; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; }.forgot.checkbox i:hover { border-top-color: red; border-right-color: red; border-bottom-color: red; border-left-color: red; }.forgot i:before {  }.forgot .rating label { color: rgb(204, 204, 204); transition-property: color; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; }.forgot .checkbox input + i:after { position: absolute; opacity: 0; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: initial; transition-delay: initial; }.forgot .checkbox input + i:after { top: 2px; left: 2px; width: 15px; height: 15px; }.forgot .checkbox { padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 22px; font-size: 15px; font-weight: 500; line-height: 5px; color: rgb(192, 192, 192); cursor: pointer; position: relative; display: block; float: left; }.forgot .checkbox:hover { text-decoration-line: none; }.forgot .checkbox i { position: absolute; top: 1px; left: 0px; display: block; width: 16px; height: 16px; outline-style: none; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; background-color: rgb(221, 216, 216); background-image: initial; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }.forgot .checkbox input + i:after { position: absolute; opacity: 0; transition-property: opacity; transition-duration: 0.1s; transition-timing-function: initial; transition-delay: initial; }.forgot .checkbox input + i:after { color: rgb(45, 165, 218); }.forgot .rating input:checked ~ label { color: rgb(45, 165, 218); }.forgot .checkbox input:checked + i:after { opacity: 1; }.login-bottom { text-align: center; background-color: rgba(236, 236, 236, 0.29); background-image: initial; padding-top: 0; padding-right: 1.5em; padding-bottom: 2em; padding-left: 1.5em; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }.login-bottom h3 { font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.login-bottom p { font-size: 15px; font-weight: 400; color: rgb(0, 0, 0); margin-top: 4px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }.face-bwn { width: 20%; display: inline-block; margin-top: 40px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; }.forgot { width: 75%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }.login-para p { padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 0px; }.login-check { float: left; }.login-para { float: right; }.login-para p a { font-size: 13px; font-weight: 400; color: rgb(219, 0, 0); }.login-para p a:hover { color: rgb(153, 153, 153); transition-property: all; transition-duration: 0.5s; transition-timing-function: initial; transition-delay: initial; }.login-bottom h4 { font-size: 16px; font-weight: 400; color: rgb(0, 0, 0); margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }.login-bottom h4 a { font-size: 16px; font-weight: 400; color: rgb(219, 0, 0); }.login-bottom h4 a:hover { color: rgb(45, 194, 188); transition-property: all; transition-duration: 0.5s; transition-timing-function: initial; transition-delay: initial; }.reg-bwn { margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }.reg-bwn .submitbtn { width: 60%; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); background-color: rgb(254, 82, 70); background-image: initial; padding-top: 8px; padding-right: 25px; padding-bottom: 8px; padding-left: 25px; }.reg-bwn a:hover { background-color: rgb(219, 0, 0); background-image: initial; transition-property: all; transition-duration: 0.5s; transition-timing-function: initial; transition-delay: initial; }.button a { font-size: 15px; font-weight: 600; color: rgb(255, 255, 255); margin-top: 0px; margin-right: 1.5%; margin-bottom: 0px; margin-left: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 32.33%; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; }.button a.tw { background-color: rgb(29, 174, 227); background-image: initial; float: left; }.button a.fa { background-color: rgb(59, 89, 152); background-image: initial; float: left; }.button a span { margin-top: 8px; display: block; }.button a.go { background-color: rgb(211, 72, 54); background-image: initial; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; float: left; }.button a.tw:hover { background-color: rgb(28, 164, 214); background-image: initial; }.button a.fa:hover { background-color: rgb(55, 82, 140); background-image: initial; }.button a.go:hover { background-color: rgb(199, 69, 52); background-image: initial; }i.anc-tw { background-color: rgb(28, 164, 214); background-image: url("../images/twitter.png"); background-position: 10px 9px; background-repeat: no-repeat; width: 30px; height: 38px; display: inline-block; padding-top: 10px; padding-right: 6px; padding-bottom: 10px; padding-left: 6px; float: left; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; }i.anc-fa { float: left; background-color: rgb(55, 82, 140); background-image: url("../images/facebook.png"); background-position: 6px 9px; background-repeat: no-repeat; width: 30px; height: 38px; display: inline-block; padding-top: 10px; padding-right: 6px; padding-bottom: 10px; padding-left: 6px; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; }i.anc-go { background-color: rgb(199, 69, 52); background-image: url("../images/google.png"); background-position: 9px 9px; background-repeat: no-repeat; width: 30px; height: 38px; display: inline-block; padding-top: 10px; padding-right: 6px; padding-bottom: 10px; padding-left: 6px; float: left; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; }.button { padding-top: 20px; padding-right: 0px; padding-bottom: 42px; padding-left: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; }h3 { font-size: 2em; font-weight: 600; color: rgb(255, 255, 255); text-align: center; margin-top: 1em; }.clear { clear: both; }.copyright { margin-top: 3em; margin-right: 0em; margin-bottom: 2em; margin-left: 0em; text-align: center; }.copyright p { font-size: 1em; font-weight: 400; color: rgb(255, 255, 255); }.copyright p a { font-size: 1em; font-weight: 400; color: rgb(255, 255, 255); }.copyright p a:hover { color: rgb(211, 72, 54); transition-property: all; transition-duration: 0.5s; transition-timing-function: initial; transition-delay: initial; }@media (max-width: 1440px) { .login-para p { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.forgot { width: 73%; }.face-bwn { width: 22%; } }@media (max-width: 1366px) { .forgot { width: 75%; } }@media (max-width: 1280px) { .button a { font-size: 13px; }.button a span { margin-top: 10px; }.reg-bwn a { font-size: 14px; } }@media (max-width: 1024px) { .login { width: 41%; } }@media (max-width: 768px) { .login { width: 55%; } }@media (max-width: 640px) { .login { width: 70%; } }@media (max-width: 480px) { .login { width: 88%; } }@media (max-width: 440px) { .button a { float: none; width: 100%; margin-bottom: 1em; } }@media (max-width: 320px) { h1 { font-size: 1.5em; }.login { width: 90%; margin-top: 25px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.login h2 { font-size: 22px; }form { padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.login .logindiv input[type="text"], .login input[type="password"] { font-size: 13px; padding-top: 9px; padding-right: 20px; padding-bottom: 9px; padding-left: 20px; width: 80%; }.forgot { width: 90%; }.forgot .checkbox { font-size: 13px; }.login-check { margin-top: 3px; }.login-para p a { font-size: 13px; }.login input[type="submit"] { font-size: 15px; width: 25%; }.button a { float: none; width: 100%; margin-bottom: 1em; }.button { padding-top: 9px; padding-right: 0px; padding-bottom: 17px; padding-left: 0px; }.login-bottom h4, .login-bottom h4 a { font-size: 13px; }.reg-bwn a { padding-top: 6px; padding-right: 18px; padding-bottom: 6px; padding-left: 18px; }.login-bottom h3 { padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0.51em; }body { min-height: 748px; }.copyright p a { font-size: 0.9em; } }small { width: 100%; text-align: center; display: block; font-size: 13px; margin-top: 12px; }