@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');
a, a:hover, a:focus, a:active, a.active {-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-decoration: none;outline: none;
}a:hover {}
input, textarea, select, button {outline: 0;}
::-moz-selection {text-shadow: none;background: #bed0db;color:#000;}
::selection {text-shadow: none;background: #bed0db;color: #000;}
img::selection {background: 0 0;}
img::-moz-selection {background: 0 0;}
img {max-width: 100%;}
html {min-height: 100%;height: 100%;}
body {webkit-tap-highlight-color: #fed136;}
input, textarea, select {outline: none;border: none;}
h1, h2, h3, h4, h5, h6 {text-transform: none;margin: 0px;padding: 0px;font-weight: normal;}



*{
	margin: 0;
	padding: 0;
}

.modal-content .loader{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgba(255,255,255,0.8);
    margin-left: -14px;
}
.modal-content .loader .canvas{
    position: relative;
}

img{max-width: 100%;}

body{
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif !important;
	font-size: 14px;
	line-height: 1.5;
	color: #666666; 
	overflow: hidden; 
	overflow-y: scroll;
	background-color: #f9f9f9 !important;
}

body.stBG{
	background: url(../img/bg.png) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.logo-register{
	height: 100vh;
	min-height: 700px;
	position: relative;
	display: table;
	text-align: left;
}

.logo-register > .inner
{
	display: table-cell;
	vertical-align: middle;
}

.logo-register > .inner > .row{
	display: flex;
}

.logo-register .logo{
	margin: 30px 0;
}

.logo-register .logo img{
	margin-bottom: 30px;
	width: 300px;
}

.logo-register .logo h1{
	color: #92c53f;
	font-family: 'Ubuntu';	
}


.logo-register .logo h1:after{
  content: " ";
  border-bottom-style: solid;
  border-bottom-width:4px;
  display:table-cell;
  width:100px;
	padding-top: 30px;
}

.logo-register .logo p{
	color: #fff;
	font-size: 16px;
	margin-top: 45px;
}

.logo-register .outer {
	background: #fff;
	border-radius: 10px;
	float: left;
	margin: 20px 0;
	padding: 30px 35px;
	width: 100%;
}

.logo-register .outer-login{
	background: #fff;
	border-radius: 10px;
	float: left;
	padding: 30px 35px;
	display: block;
}

.logo-register .login .outer-login{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.logo-register .register h1 {
	color: #151f2a;
	text-align: center;
	font-size: 40px;
	position: relative;
	padding: 20px 0;
	
    padding-top: 20px;
padding-top: 0;
margin-bottom: 20px;
}
.logo-register .register h1::after {
	content: " ";
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #92c53f;
	width: 50px;
	padding-top: 30px;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	bottom: 5px;
}

.register{
	text-align: left;
}

/*.register .btn-primarry{
	background: #fff;
	border-color: #ccc;
	color: #333;
	padding-left: 150px;
	
}*/

.gender{
	display: block;
}

/*.register .btn-primary{
	background: #0f75bc;
	color: #fff;
	border-color: #0f75bc;
	border-radius: 10px;
	height: 50px;
	font-size: 26px;
}*/

.radio-inline{
	display: inline-block;
	vertical-align: middle;
}

.widget-20 .card-overlay-03 {
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%);
	z-index: 2;
}

.card-overlay-btn{
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	z-index: 3;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	text-align: center;
}

.card-image:hover .card-overlay-btn{
	opacity: 1;
}

.card-overlay-btn a{
	margin: 10px;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	color: #2c304d;
	line-height: 1.9;
}

.mb-20{
	margin-bottom: 20px !important;
}

.foot{
	padding: 10px 0;
	color: #6f6f6f;
	background: #242424;
	padding-top: 20px;
}

.foot a{
	color: #6f6f6f;
}



.content-inner.home{
	margin-right: auto;
	margin-left: auto;
}

.modal-body .close{
	position: absolute;
	font-size: 24px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #2c304d;
	border-radius: 50%;
	right: -20px;
	top: -20px;
	color: #fff;
}

.table .td-actions a i.view:hover{
    background: rgb(8, 166, 195);
    color: #fff;
}

.go-top i{
    line-height: 36px;
}

.widget-20 .card-image{
    height:300px;
}

.widget-20 .card-image img{
    height:100% !important;
    width:100% !important;
    object-fit: cover;
}

.card-overlay-btn a i{
    line-height: 36px;
}












/* Responsive (Mobile) Design
**********************************************************/
@media (min-width:1025px) and (max-width:1400px) {
}

@media (min-width:993px) and (max-width:1024px) {
}

@media (min-width:768px) and (max-width:992px) {
}

@media (max-width:767px) {
	.logo-register > .inner > .row {
	    display: block;
	}
	.logo-register .login .outer-login {
	    position: relative;
	    top: 0%;
	    transform: translateY(0%);
	    margin-bottom: 40px;
	}
	.foot > div > div{
        width:100%;
        text-align:center;
    }

}

@media (max-width:480px) {
}

/* iphone 6+ landscape */
@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation : landscape) {
}

/* iphone 6 + */
@media only screen and (min-device-width :414px) and (max-device-width : 420px) and (orientation : portrait) {
}

/* iphone 6 portrait */
@media only screen and (min-device-width : 374px) and (max-device-width : 375px) and (orientation : portrait) {
}

/* iphone 6 landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
}

@media (max-width:320px) {
}


input{
    overflow:hidden;
}

.error{
    color:red !important;
}

.invalid-feedback {
    margin: 0;
    font-size: .95rem;
    color: red !important;
}