@charset "utf-8";

input,select,textarea,button{font-family:Muli; font-size:16px;}

body{font-family:Muli; font-size:16px; font-weight:400; background:url(../images/bg.jpeg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; padding:10px; margin:0;}
	
	.header{color:#FFF; margin:0 auto; padding:30px 0;}
		.header>h1{font-weight:400; text-align:center; font-size:36px; padding:0; margin:0;}
		.header>h2{font-weight:300; text-align:center; font-size:24px; padding:0; margin:0;}
	.container{background:#FFF; color:#333; margin:0 auto; padding:20px; border-radius:3px; box-sizing:border-box;}
		.container-top{text-align:center; width:100%; margin-bottom:30px;}
		.container-top>h3{font-weight:normal; padding:0; margin:0;}
		.container .themes{width:100%; height:auto; overflow:hidden; padding:10px 0;}
		.container .themes>span{width:20px; height:20px; display:inline-block; cursor:pointer; border:solid 3px #FFF;}
		.container .themes>span.selectedx{border-color:#333;}
		.container .themes>a{text-decoration:none; font-size:16px; color:#f44a56; display:inline-block; padding:5px 10px; border:solid 1px #DDD;}
		.container .themes>a:hover{border-color:#f44a56;}
		.container .themes>a.activex{color:#FFF; background:#f44a56; border-color:#f44a56;}
		
	
.logo{margin-top: 18px !important; margin-left: -14px;}
.login{margin-top: 10px !important; float: right;}

/* Css for the login modal*/


.login_modal_footer{margin-top:5px;}
.login_modal_header .modal-title {text-align: center;font-family:Muli; }
.form-group{position: relative;}
.form-group .login-field-icon {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 3px;
    transition: all 0.25s ease 0s;
    padding-top: 2%;
}
.login-modal{
    width:100%;
    padding-bottom:20px;
}
.login_modal_header, .login_modal_footer {background: #00BB64 !important;color:#fff;}
.modal-register-btn{margin: 4% 33% 2% 33% ;width:100%;}
.login-modal input{height:40px; box-shadow: none; border:1px solid #ddd;}
.modal-body-left{float:left; width:50%; padding-right:4%; border-right:4px solid #ddd;}
.modal-body-right{float:right; width:47%;}
.login-link{padding:0 20%;}
.modal-social-icons{padding:0 10%;}
.facebook, .twitter, .google, .linkedin {width:100%;height:40px; padding-top:2%; margin-top:2%;}
.modal-icons{margin-left: -10px; margin-right: 20px;}
.google, .google:hover{background-color:#dd4b39;border:2px solid #dd4b39;color:#fff;}
.twitter, .twitter:hover{ background-color: #00aced; border:2px solid #00aced;color: #fff;}
.facebook, .facebook:hover{background-color: #3b5999; border:2px solid #3b5999;color:#fff;}
.linkedin, .linkedin:hover{background-color: #007bb6; border: 2px solid #007bb6; color:#fff;}
#social-icons-conatainer{position: relative;}
#center-line{position: absolute;  right: 265.7px;top: 80px;background:#ddd;  border: 4px solid #DDDDDD;border-radius: 20px;}
.modal-login-btn{width:100%;height:40px; margin-bottom:10px;}
#modal-launcher{margin: 30% 0 0 30%; }
h2{border-bottom:5px solid #00BB64;}