@import url('https://fonts.googleapis.com/css?family=Montserrat');
body{
	margin:0px;
	font-family:"Gill Sans", sans-serif;
	background:url(../images/bg-biomed.jpg);
	background-color:#F6F6F6;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}
::-webkit-scrollbar{
	width:5px;
	height:5px;
}
::-webkit-scrollbar-thumb{
	background:#3D84FA;
	border-radius:5px;
}
::-webkit-scrollbar-thumb:hover{
	background:#37F2FB;
}
.regi{
	margin:20px 10px;
	float:right;
    color:#3D84FA;
	background:linear-gradient(to bottom right, #37F2FB, #3D84FA);
	padding:10px 15px;
	border-radius:30px;
	border:none;
	cursor:pointer;
}
.regi:hover{
	color:#37F2FB;
	text-decoration:none;
}
.carosuelbtn{
	margin:20px 10px;
    color:#3D84FA;
	background:#37F2FB;
	padding:10px 15px;
	border-radius:30px;
	border:none;
	cursor:pointer;
    box-shadow:0px 0px 5px black;
}
.carosuelbtn:hover{
	color:#37F2FB;
	text-decoration:none;
	background:#3D84FA;
}
.bg-modal{
    display:none;
    width:100%;
    height:100%;
    background:url(../images/bg-biomed.jpg);
	background-color:#F6F6F6;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
    opacity:0.9;
    position:fixed;
    top:0;
    left:0;
    z-index:3;
}
.login-popup{
    display:none;
    position:fixed;
	top:100px;
    left:38%;
}
.login-container .card{
    box-shadow:0px 0px 5px gray;
    color:#3D84FA;
    width:321px;
	height:auto;
}
.signup-container .card{
    color:#3D84FA;
    box-shadow:0px 0px 5px gray;
	height:auto;
}
.signup-elements{
	margin:auto;
	margin-top:20px;
	display:flex;
	justify-content:center;
}
.closebtn{
	float:right;
	width:30px;
	height:30px;
	border:none;
	font-size:20px;
	padding-bottom:10px;
	cursor:pointer;
	background:none;
	color:#3D84FA;
}
.closebtn:hover{
	color:#37F2FB;
    background:#3D84FA;
}
.icons{
    color:#3D84FA;
}
.btn-sub{
    padding:10px 15px;
    margin:10px 0px;
    border:none;
    cursor:pointer;
    background:#37F2FB;
    color:#3D84FA;
    border-radius:5px;
    float:right;
}
.btn-sub:hover{
    color:#37F2FB;
    background:#3D84FA;
}
.btn-sign{
	margin-right:170px;
}
.tab_out h1{
	font-size:35px;
	font-weight:bold;
	color:#3D84FA;
}
.tab_out h2{
	font-size:18px;
	font-weight:bold;
	padding:20px 5px 20px 0px;
}
.signup{
    padding:10px;
    font-size:19px;
    cursor:pointer;
}
.signup:hover{
    color:#37F2FB;
    text-decoration:underline;
}
.txt-fild{
	max-height:80px !important;
}
.form-control{
    padding-top:0rem;
    padding-bottom:0rem;
}
.parsign{
	margin-left:180px;
}
.loginimg{
	width:65px;
	height:65px;
	display:block;
	margin:5px auto;
	background:url(../images/loginicon.png) center center no-repeat;
	background-size:40px 40px;
	border:8px solid gray;
	border-radius:50%;
}
.signupimg{
	width:65px;
	height:65px;
	display:block;
	margin:5px auto;
	background:url(../images/sign-up.png) center center no-repeat;
	background-size:68px 67px;
	border:8px solid gray;
	border-radius:50%;
}
.logo{
	height:120px;
	padding:20px 0px 0px 15px;
	background-color:white;
}
.logoimg{
	float:left;
	max-width:100%;
}
.navbar{
	border-radius:0px 0px 10px 10px;
    z-index:2;
}
.navbar-nav{
	padding-left:50px;
}
.navbar-nav li{
	width:150px;
	display:block;
}
.navbar-nav li a{
	text-align:center;
	color:#3D84FA !important;
	transition:1000ms;
}
.navbar-nav li a:hover{
	color:#37F2FB !important;
	transform:translateY(-10px) !important;
	-webkit-transform:translateY(-10px) !important;
	-moz-transform: translateY(-10px) !important;
}
.nav-link.active{
	color:#37F2FB !important;
}
@media (max-width:1248px){
	.navbar-nav{
		padding-left:60px;
	}
	.navbar-nav li{
		width:150px;
	}
	.login-popup{
		left:36%;
	}
	.signup-popup{
		top:20px;
		left:36%;
	}
}
@media (max-width:1199.5px){
	.navbar-nav{
		padding-left:40px;
	}
	.navbar-nav li{
		width:140px;
	}
	.type-width{
		min-width:258px !important;
	}
	.msg-width{
		width:543px !important;
	}
}
@media (max-width:1000px){
	.navbar-nav{
		padding-left:60px;
	}
	.navbar-nav li{
		width:130px;
	}
	.type-width{
		min-width:258px !important;
	}
	.msg-width{
		width:543px !important;
	}
	.login-popup{
		left:34%;
	}
	.signup-popup{
		left:34%;
	}
}
@media (max-width:991.5px){
	.navbar-nav{
		padding-left:0px;
	}
	.navbar-nav li{
		width:110px;
	}
	.regi{
		margin-top:5px;
	}
	.logo{
		height:90px;
	}
	.logoimg{
		max-width:76%;
	}
}
@media (max-width:960px){
	.navbar-nav{
		padding-left:0px;
	}
	.navbar-nav li{
		width:110px;
	}
	.type-width{
		min-width:500 !important;
	}
	.msg-width{
		width:542px !important;
	}
}
@media (max-width:890px){
	.type-width{
		min-width:250px !important;
	}
	.msg-width{
		width:527px !important;
	}
	.login-popup{
		left:32%;
	}
	.signup-popup{
		left:32%;
	}
}
@media (max-width:840px){
	.type-width{
		min-width:250px !important;
	}
	.msg-width{
		width:527px !important;
	}
}
@media (max-width:800px){
	.type-width{
		min-width:250px !important;
	}
	.msg-width{
		width:527px !important;
	}
}
@media (max-width:767.5px){
	.type-width{
		min-width:400px !important;
	}
	.msg-width{
		width:400px !important;
	}
	.regi{
		font-size:15px;
	}
	.logoimg{
		max-width:67%;
	}
	.login-popup{
		left:30%;
	}
	.signup-popup{
		left:30%;
	}
}
@media (max-width:759.5px){
	.login-popup{
		left:28%;
	}
	.signup-popup{
		left:28%;
	}
}
@media (max-width:678.5px){
	.login-popup{
		left:26%;
	}
	.signup-popup{
		left:26%;
	}
}
@media (max-width:610.5px){
	.login-popup{
		left:24%;
	}
	.signup-popup{
		left:24%;
	}
}
@media (max-width:600px){
	.type-width{
		min-width:400px !important;
	}
	.msg-width{
		width:400px !important;
	}
	.form-group{
		position:relative;
	}
	.astric{
		margin-left:420px;
		position:absolute;
		bottom:0px;
		height:40px;
	}
	.astrictx{
		margin-left:420px;
		position:absolute;
		bottom:0px;
		height:40px;
	}
}
@media (max-width:590.5px){
	.login-popup{
		left:22%;
	}
	.signup-popup{
		left:22%;
	}
}
@media (max-width:575px){
	.jortxt{
		margin-top:10px;
	}
}
@media (max-width:532px){
	.regi{
		margin-bottom:10px;
	}
	.logo{
		height:80px;
	}
	.logoimg{
		max-width:65%;
	}
	.login-popup{
		left:20%;
	}
	.signup-popup{
		left:20%;
	}
}
@media (max-width:510.5px){
	.login-popup{
		left:18%;
	}
	.signup-popup{
		left:18%;
	}
}
@media (max-width:504.5px){
	.logoimg{
		max-width:64%;
	}
}
@media (max-width:492.5px){
	.logoimg{
		max-width:63%;
	}
}
@media (max-width:480.5px){
	.logoimg{
		max-width:62%;
	}
}
@media (max-width:468.5px){
	.logoimg{
		max-width:61%;
	}
}
@media (max-width:475.5px){
	.login-popup{
		left:16%;
	}
	.signup-popup{
		left:16%;
	}
}
@media (max-width:440.5px){
	.regi{
		font-size:13px;
	}
	.login-popup{
		left:14%;
	}
	.signup-popup{
		left:14%;
	}
}
@media (max-width:420.5px){
	.login-popup{
		left:12%;
	}
	.signup-popup{
		left:12%;
	}
}
@media (max-width:404.5px){
	.regi{
		font-size:11px;
	}
}
@media (max-width:400px){
	.type-width{
		min-width:250px !important;
	}
	.msg-width{
		width:250px !important;
	}
	.form-group{
		position:relative;
	}
	.astric{
		margin-left:270px;
		position:absolute;
		bottom:0px;
		height:40px;
	}
	.astrictx{
		margin-left:270px;
		position:absolute;
		bottom:0px;
		height:40px;
	}
	.login-popup{
		left:10%;
	}
	.signup-popup{
		left:10%;
	}
}
@media (max-width:386.5px){
	.txtfild{
		font-size:10px;
	}
	.radi{
		display:grid !important;
		place-items:center;
	}
	.signup{
		font-size:16px;
	}
	.logfoot{
		font-size:10px;
	}
	.login-container .card{
		width:280px;
	}
	.signup-container .card{
		width:280px;
	}
	.login-popup{
		left:14%;
	}
	.signup-popup{
		left:14%;
	}
}
@media (max-width:367.5px){
	.regi{
		font-size:10px;
	}
	.login-popup{
		left:11%;
	}
	.signup-popup{
		top:-10px;
		left:11%;
	}
}
.dropdown-menu{
	width:200px;
}
#myCarousel{
	margin-bottom:50px;
    margin-top:10px;
    z-index:1;
}
.opacc{
	width:60px;
	height:60px;
	display:block;
	margin:0px auto;
	background:url(../images/open-access.jpg) center center no-repeat;
	background-size:90px 59px;
	border:8px solid gray;
	border-radius:50%;
}
.qmark{
	width:60px;
	height:60px;
	display:block;
	margin:0px auto;
	background:url(../images/question_mark.jpg) center center no-repeat;
	background-size:44px 44px;
	border:8px solid #3D84FA;
	border-radius:50%;
}
.pbook{
	width:60px;
	height:60px;
	display:block;
	margin:0px auto;
	background:url(../images/publish_books.jpg) center center no-repeat;
	background-size:50px 40px;
	border:8px solid #37F2FB;
	border-radius:50%;
}
.jordesc{
	margin-bottom:30px;
}
.content{
	border:2px solid #3D84FA;
	height:350px;
	padding:8px;
	border-radius:10px;
	text-align:center;
	overflow:hidden;
	margin:10px 0px;
    color:#37F2FB;
}
.content strong{
    color:#3D84FA;
}
.content a{
	text-decoration:none;
	color:#3D84FA;
}
.content a:hover{
	text-decoration:none;
	color:#37F2FB;
}
.containe{
	border:2px solid #3D84FA;
	height:350px;
	padding:8px;
	border-radius:10px;
	overflow:hidden;
	margin:10px 0px;
    color:#37F2FB;
}
.containe strong{
    color:#3D84FA;
}
.astrich{
	color:red;
}
.astric{
	color:red;
	margin-bottom:30px;
}
.astrictx{
	color:red;
	margin-bottom:80px;
}
.cont-txt{
	
}
.cont-txt .head{
	font-size:160%;
	color:#3D84FA;
	font-weight:bold;
	text-align:center;
}
.cont-txt a{
	text-decoration:none;
	color:#37F2FB;
}
.cont-txt a:hover{
	text-decoration:none;
	color:#3D84FA;
}
.cont-txt p{
	
}
.cont-txt hr{
	background:#37F2FB;
	margin:10px 50px;
}
.cont-txt .art-txt{
	overflow-y:scroll;
	height:300px;
	text-align:left;
	padding:5px 20px 5px 10px;
}
.cont-txt .art-txt ul{
	list-style:none;
	padding:0px;
}
h5{
	font-weight:bold;
	color:#3D84FA;
}
.cont{
	padding:10px 20px;
	min-height:390px;
}
.contbox{
	box-shadow:0px 0px 4px gray;
	padding:10px;
	text-align:justify;
	border-radius:5px;
    color:#37F2FB;
}
.contbox strong{
	color:#3D84FA;
}
.contbox th{
	color:#3D84FA;
}
.contbox th:hover{
	background:#37F2FB;
}
.contbox td:hover{
	background:#37F2FB;
    color:#3D84FA;
    font-weight:bold;
}
.contbox a{
	text-decoration:none;
	color:#3D84FA;
}
.contbox a:hover{
	color:#37F2FB;
}
.contbox ul{
	list-style:none;
}
.contbox ul li{
	position:relative;
	padding-bottom:10px;
}
.contbox ul li:before{
	content:'';
	position:absolute;
	border-right:2px solid #37F2FB;
	border-bottom:2px solid #37F2FB;
	width:5px;
	height:5px;
	top:calc(50%-4px);
	left:-15px;
	transform:translateY(180%)rotate(-45deg);
}
.btn{
	padding:5px 11px;
	background-color:#37F2FB;
	color:#3D84FA;
	border:none;
	outline:none;
    margin-bottom:5px;
}
.btn:hover{
	background-color:#3D84FA;
	color:#37F2FB;
}
.alpha{
	text-align:center;
}
.jor{
	padding-bottom:10px;
	display:none;
}
.show{
	display:block;
}
.jorcont{
	padding:10px;
	min-height:10px;
	border:1px solid #37F2FB;
	border-radius:10px;
	transition:1000ms;
	background:linear-gradient(to bottom right, #37F2FB, #3D84FA);
	box-shadow:1px 1px 2px gray;
}
.jorcont:hover{
	border-right:5px solid #3D84FA;
	transform:translateY(-5px) !important;
	-webkit-transform:translateY(-5px) !important;
	-moz-transform: translateY(-5px) !important;
}
.jortxt{
	text-align:left;
	font-weight:bold;
	font-size:20px;
}
.jortxt:hover{
	text-decoration:overline;
	text-decoration-color:#3D84FA;
}
#fname{
	margin:0px 10px 10px 10px;
	width:200px;
	height:50px;
}
#email{
	margin:0px 10px 10px 10px;
	width:200px;
	height:50px;
}
#subj{
	margin:0px 10px 10px 10px;
	width:200px;
	height:50px;
}
#inst{
	margin:0px 10px 10px 10px;
	width:200px;
	height:50px;
}
#sub{
	margin:0px 10px 10px 10px;
}
#jour{
	margin:0px 10px 10px 10px;
	max-width:200px;
	min-width:200px;
	height:50px;
}
#count{
	margin:0px 10px 10px 10px;
	max-width:200px;
	min-width:200px;
	height:50px;
}
#msg{
	margin:0px 10px 10px 10px;
	width:653px;
	height:100px;
	overflow:auto;
}
#myBtn{
	display:none;
	position:fixed;
	bottom:20px;
	right:30px;
	z-index:99;
	font-size:18px;
	border:none;
	outline:none;
	background-color:#3D84FA;
	color:#37F2FB;
	cursor:pointer;
	padding:5px 10px;
	border-radius:4px;
}
#myBtn:hover{
	background-color:#37F2FB;
	color:#3D84FA;
}
.path{
	margin:5px;
	height:auto;
	border-radius:5px;
	background-color:#3D84FA;
	padding:7px 5px 5px 17px;
	color:#37F2FB;
}
.path a{
	text-decoration:none;
	color:#37F2FB;
}
.jourimg{
	border-radius:10px;
	width:100%;
	padding:auto;
	margin:auto;
}
.footer-out{
	background-color:#D1D1D1;
	height:auto;
	margin:auto;
}
.footer-in{
	background-color:#2E2B2A;
	height:auto;
	margin:auto;
	padding:20px;
	padding-right:20px;
	border-radius:0px 0px 10px 10px;
}
.footlogo{
	padding:10px 30px 20px 30px;
}
.crig{
	padding:13px 5px;
}
.crig a{
	color:#333333;
	text-decoration:none;
}
.crig a:hover{
	color:#3D84FA;
}
.ulinks{
	padding:15px 0px 0px 50px;
	color:#37F2FB;
}
.ulinks ul{
	padding:0px;
	list-style:none;
}
.ulinks ul li{
	display:block;
	padding:5px 0px;
	text-align:justify;
}
.ulinks ul li a{
	color:#3D84FA;
	text-decoration:none;
}
.ulinks ul li a:hover{
	color:#37F2FB;
}
.licen{
	padding:15px 0px 0px 20px;
	color:#37F2FB;
	text-align:justify;
}
.foothead{
	padding:15px;
	font-weight:bold
}
/* Absolute Center Spinner */
.loading{
	position:fixed;
	z-index:999;
	height:2em;
	width:2em;
	overflow:visible;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
/* Transparent Overlay */
.loading:before{
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required){
	/* hide "loading..." text */
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
}
.loading:not(:required):after{
	content:'';
	display:block;
	font-size:10px;
	width:1em;
	height:1em;
	margin:0 auto;
	-webkit-animation:spinner 1500ms infinite linear;
	-moz-animation:spinner 1500ms infinite linear;
	-ms-animation:spinner 1500ms infinite linear;
	-o-animation:spinner 1500ms infinite linear;
	animation:spinner 1500ms infinite linear;
	border-radius:0.5em;
	-webkit-box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-moz-keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-o-keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes spinner{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
/* Absolute Center Spin-login */
.load-login{
	position:fixed;
	z-index:999;
	height:2em;
	width:2em;
	overflow:visible;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
/* Transparent Overlay */
.load-login:before{
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.load-login:not(:required){
	/* hide "loading..." text */
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
}
.load-login:not(:required):after{
	content:'';
	display:block;
	font-size:10px;
	width:1em;
	height:1em;
	margin:0 auto;
	-webkit-animation:spin-login 1500ms infinite linear;
	-moz-animation:spin-login 1500ms infinite linear;
	-ms-animation:spin-login 1500ms infinite linear;
	-o-animation:spin-login 1500ms infinite linear;
	animation:spin-login 1500ms infinite linear;
	border-radius:0.5em;
	-webkit-box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spin-login{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-moz-keyframes spin-login{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-o-keyframes spin-login{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes spin-login{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
/* Absolute Center Spin-signup */
.load-signup{
	position:fixed;
	z-index:999;
	height:2em;
	width:2em;
	overflow:visible;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
/* Transparent Overlay */
.load-signup:before{
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.load-login:not(:required){
	/* hide "loading..." text */
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
}
.load-login:not(:required):after{
	content:'';
	display:block;
	font-size:10px;
	width:1em;
	height:1em;
	margin:0 auto;
	-webkit-animation:spin-signup 1500ms infinite linear;
	-moz-animation:spin-signup 1500ms infinite linear;
	-ms-animation:spin-signup 1500ms infinite linear;
	-o-animation:spin-signup 1500ms infinite linear;
	animation:spin-signup 1500ms infinite linear;
	border-radius:0.5em;
	-webkit-box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spin-signup{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-moz-keyframes spin-signup{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-o-keyframes spin-signup{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes spin-signup{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}