@import url(fonts.css);

/*------------------- # General -------------------*/

body { font-family: 'Plus Jakarta Sans'; font-weight:400; color: #191919;}

a { color: #191919; text-decoration: none;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;}

a:hover { color: #191919; text-decoration: none;}

h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans'; font-weight:400; margin: 0 0 20px 0;}
p { font-family: 'Plus Jakarta Sans'; font-weight:400;}

.clear { clear:both;}


/*------------------- # Buttons -------------------*/
	
.submit-btn { background:#ff4a00; color:#FFFFFF; display: inline-block;
	font-family: 'Plus Jakarta Sans'; font-weight:500; font-size: 17px; padding:0 10px; 
	outline:none; box-shadow:none; min-width: 200px; height: 44px; line-height: 40px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;
	transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s;}
.submit-btn:hover, .submit-btn:focus { background:#ff4a00; color:#ffffff; outline:none; box-shadow:none;} 


/*------------------- # Form Control -------------------*/

.form-group { margin: 0 0 20px 0;}

label { font-family: 'Plus Jakarta Sans'; font-size: 16px; font-weight:500; }

.form-control { font-family: 'Plus Jakarta Sans'; font-size: 16px; font-weight:400; color: #6f6f6f; 
	background: #FFFFFF; padding: 6px 10px; height: 44px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}
	
.form-check .form-check-input { width:18px; height:18px; margin-right: 10px;}	

.form-control::-webkit-input-placeholder { color: #6f6f6f!important; opacity: 1!important;}
.form-control::-ms-input-placeholder { color: #6f6f6f!important; opacity: 1!important;}
.form-control::-moz-input-placeholder { color: #6f6f6f!important; opacity: 1!important;}

textarea.form-control { height: auto;}	
.form-control:focus { outline:none; box-shadow:none; border-color:#ff4a00; color: #6f6f6f;}

.form-check .form-check-input:checked { background-color: #ff4a00; border-color: #ff4a00;}
.form-check .form-check-input:focus { outline:none; box-shadow:none;}


/*------------------- # Sections General -------------------*/

section {}

.section-bg { background-color: #f0f4f8;}

.clr-light-blue { color:#0090e7;}
.clr-blue { color:#203254;}

.section-header { position: relative; margin-bottom: 60px; text-align:center;}
.section-header h2 { font-size: 28px; font-weight: 600; text-align: center; margin: 0; color:#FFFFFF;}
.section-header:before { content: ""; width:50px; height:3px; margin:0 auto; background:#FFFFFF; 
	position: absolute; bottom: -25px; left: 0; right: 0;}


/*------------------- # Home Features -------------------*/

.landing-login-page {}

	.landing-login-page .col-6 { padding:0;}
	
	.landing-login-page .login-form { margin: 0 120px 0 120px;}
	
	.landing-login-page .logo { margin:0 0 30px 0;}
	.landing-login-page .logo img { max-height: 70px;
		-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}

	
	.landing-login-page .login-content { height: 100vh; text-align:center; /*background: #00a04b;*/ background: #17313a; padding:20px 40px 20px 40px;}
	.landing-login-page .login-content .img-fluid { max-height:100%; height: 100vh;}
	.landing-login-page .login-content ul { list-style: none; padding: 0 40px; margin: 0;}
	.landing-login-page .login-content ul li { padding: 12px; margin: 0 0 12px 0; display: block;
		font-size: 18px; font-weight: 600; color: #FFFFFF; border: 1px dashed #FFFFFF;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}
	.landing-login-page .login-content ul li span { display:block; font-size:16px; font-weight: 400; margin: 5px 0 0 0;}
	.landing-login-page .login-content ul li a { color:#FFFFFF; text-decoration:underline;}