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;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width: 100%;
}
.login-text p a{color:#f34343;float:right;margin-top:-10px;font-size:12px;font-weight:600;}
/*--end reset--*/
body {
	font-family: 'Signika', sans-serif;
	background: url(../images/background4.jpg) no-repeat center  fixed;
	
}
/*-- main --*/
.main {
	margin: 3em auto;
}
.login-form {
	width: 42%;
	margin: 4em auto;
}
h1 {
	font-size: 3em;
	text-align: center;
	color: #fff;
	font-family: 'Righteous', cursive;    font-weight: 600;
}
.login-left {
	float: left;
	width: 31%;
	background: url(../images/banner.jpg)no-repeat 0px 0px;
	background-size: cover;
	padding: 2em;
}
.login-right {
	float: left;
	width: 59%;
	background-color: #fff;
    padding: 3% 0 3%;
}
.logo {
	text-align: center;
}
.logo img {
	border-radius: 10px;-moz-border-radius: 10px;
	border: 2px solid #fff;
}
.login-left h2 {
	font-size: 1.8em;
	color: #fff;
	margin-top: 0.5em;
}
.login-left p {
	font-size: 0.9em;
	color: #fff;
	margin-top: 0.5em;
}
.logo-bottom {
	margin-top: 2em;
}
.social-icons {
	margin-top: 2em;
}
.social-icons ul li {
	display: inline-block;
}
.social-icons ul li a {
	display: block;
	width: 65px;
	height: 36px;
	text-align: center;
	background-color: #3B5998;
}
.social-icons ul li a.twt {
	background-color: #55acee;
}
.social-icons ul li a.ggl {
	background-color: #dc4e41;
}
.social-icons ul li a img {
	padding-top: 0.5em;
}
.social-icons ul li a:hover img {
	transform: rotatey(360deg);
	transition: .5s all;
}
.login-right input[type="text"], .login-right input[type="password"] {
	outline: none;
	font-size: 1em;
	color: #121212;
	padding: 19px 30px 10px 10px;
	margin: 0px 0px 3px;
	width: 89.87%;
	border: none;
	border-bottom: 2px solid #cecfd3;
	-webkit-appearance: none;
}
.login-right input.name {
	background: url(../images/l1.png) no-repeat 98% 67%;
}
.login-right input.email {
	background: url(../images/l2.png) no-repeat 98% 67%;
}
.login-right input.password {
	background: url(../images/l3.png) no-repeat 98% 67%;
}
.login-right input[type="text"]:hover, .login-right input[type="password"]:hover {
	border-bottom-color: rgba(132, 141, 215, 0.52);
}
.login-top {
	padding: 1em;
	margin-top: 0.8em;
}
.login-top.sign-top {
	margin-top: 0.5em;
}
.submit {
	float: left;
}
.login-text {
	margin-top: 2em;
}
.login-text ul li {
	display: inline-block;
}
.login-text ul li:nth-child(2) {
	margin-left: 6em;
}
.login-text ul li label, .login-text ul li a {
	color: #555;
	font-size: 1em;
}
.login-text ul li label input[type="checkbox"] {
	vertical-align: bottom;
	cursor: pointer;
}
.login-text ul li a:hover {
	color: #0e3070;
}
.login-bottom ul {
	padding: 0;
	float: left;
	margin-left: 2.2em;
}
.login-bottom ul li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
.login-bottom ul li p {
	color: #555;
	font-size: 1em;
	margin-right: 1.5em;
}
.login-bottom ul li a {
	display: block;
	width: 35px;
	height: 30px;
	text-align: center;
	background-color: #919BE3;
}
.login-bottom ul li a img {
	padding-top: 0.35em;
}
.login-bottom ul li a:hover {
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.login-bottom {
	margin-top: 14%;
}
.login-bottom.login-bottom1 {
	margin-top: 11.6%;
}
.submit input[type="submit"] {
	font-size: 13px;
	color: #fff;
	background: #0e3070;
	border: 2px solid #0e3070;
	outline: none;
	cursor: pointer;
	padding: 8px 30px;
	border-radius:5px;
}
.submit input[type="submit"]:hover {
	background: #103b8b;
	border: 2px solid #103b8b;
	color: #fff;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
/******** SAP ************/
.sap_tabs {
	clear: both;
}
.tab_box {
	background: #fd926d;
	padding: 2em;
}
.top1 {
	margin-top: 2%;
}
.resp-tabs-list {
	list-style: none;
	padding-left: 19px;
	text-align: left;
}
.resp-tab-item {
	color: #0e3070;
	font-size: 18px;
	cursor: pointer;
	padding: 0px 0px;
	display: inline-block;
	margin: 0;
	text-align: center;
	list-style: none;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin: 0 5px;
}
.resp-tab-active {
	text-shadow: none;
	color: #0e3070;    
	font-weight: 600;
    font-size: 1.03em;
	text-align:center;
}
.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
	display: block;
}
.resp-tab-item label {
	margin-right: 8px;
}
/*-----------------*/
/*--copyright--*/
.copyright {
	margin: 1em;
	text-align: center;
}
.copyright p {
	font-size: 1em;
    color: #fff;
    line-height: 1.8em;
    font-weight: 600;
}
.copyright p a {
	color: #eee;
}
.copyright p a:hover {
	color: #fff;
}
/*--//copyright--*/
/*---- responsive-design -----*/
@media(max-width:1680px) {
.login-form {
	width: 41%;
}
}
@media(max-width:1600px) {
.login-form {
	width: 42%;
}
}
@media(max-width:1440px) {
.login-form {
	width: 48%;
}
}
@media(max-width:1366px) {
.login-form {
	width: 51%;
}
}
@media(max-width:1280px) {
.login-form {
	width: 54%;
}
}
@media(max-width:1200px) {
.login-form {
	width: 57%;
}
}
@media(max-width:1080px) {
.login-form {
	width: 64%;
}
}
@media(max-width:1024px) {
.login-form {
	width: 66%;
}
}
@media(max-width:991px) {
.login-form {
	width: 70%;
}
}
@media(max-width:900px) {
.login-form {
	width: 77%;
}
}
@media(max-width:800px) {
.login-form {
	width: 87%;
}
.login-right {
	width: 56%;
}
}
@media(max-width:768px) {
.login-text ul li:nth-child(2) {
	margin-left: 5em;
}
.login-bottom ul {
	margin-left: 1.5em;
}
.login-bottom ul li p {
	margin-right: 1em;
}
.login-bottom.login-bottom1 {
	margin-top: 13.5%;
}
.login-bottom {
	margin-top: 16%;
}
h1 {
	font-size: 2.6em;
}
}
@media(max-width:640px) {
.login-left {
	width: 32%;
	padding: 1.5em 2em;
}
.social-icons ul li a {
	width: 57px;
}
.login-top {
	margin-top: 0;
}
.login-right input[type="text"], .login-right input[type="password"] {
	font-size: 0.9em;
	width: 86%;
}
.login-text ul li label, .login-text ul li a {
	font-size: 0.9em;
}
.login-text ul li:nth-child(2) {
	margin-left: 3em;
}
.login-bottom ul {
	margin-left: 0.5em;
}
.login-bottom ul li p {
	margin-right: 0.5em;
	font-size: 0.9em;
}
.login-bottom ul li {
	margin-left: 1px;
}
.login-bottom ul li a {
	width: 33px;
	height: 33px;
}
.login-bottom ul li a img {
	padding-top: 0.5em;
	width: 52%;
}
.login-bottom.login-bottom1 {
	margin-top: 18.5%;
}
.login-bottom {
	margin-top: 17.5%;
}
}
@media(max-width:600px) {
.login-form {
	width: 93%;
}
}
@media(max-width:480px) {
.main {
	margin: 3em auto;
}
.logo img {
	width: 78%;
}
.login-form {
	width: 70%;
	margin: 2em auto;
}
.login-left {
	padding: 1.5em 2em;
	float: none;
	width: 80%;
}
.login-right {
	width: 100%;
	float: none;
	padding: 7% 0 3%;
}
.logo img {
	width: 35%;
}
.login-left h2 {
	font-size: 1.5em;
	margin-top: 0.3em;
}
.login-left p {
	font-size: 0.8em;
	margin-top: 0.2em;
}
.login-bottom ul {
	margin-left: 1em;
}
.social-icons {
	margin-top: 1em;
}
.social-icons ul li {
	margin-left: 3px;
}
.social-icons ul li a {
	width: 81px;
}
.copyright p {
	font-size: 0.9em;
}
}
@media(max-width:320px) {
.main {
	margin: 2em auto;
}
h1 {
	font-size: 2em;
}
.login-form {
	width: 90%;
}
.login-left {
	width: 77%;
}
.login-left h2 {
	font-size: 1.3em;
	margin-top: 0.2em;
}
.login-left p {
	font-size: 0.7em;
}
.social-icons ul li a {
	width: 64px;
}
.resp-tab-item {
	font-size: 15px;
}
.login-text ul li label, .login-text ul li a {
	font-size: 0.8em;
}
.login-text ul li:nth-child(2) {
	margin-left: 2em;
}
.submit input[type="submit"] {
	font-size: 11px;
}
.login-bottom ul li p {
	font-size: 0.75em;
}
.login-bottom ul li a {
	width: 25px;
	height: 25px;
}
.login-bottom ul li a img {
	padding-top: 0.4em;
	width: 47%;
}
.login-bottom ul {
	margin-left: 0.8em;
}
.copyright {
	margin: 2em 1em;
}
}
/*--//responsive-design---*/