﻿@charset "UTF-8";
/* CSS Document */

body {
	background: url(../images/footer-skyline-bg.png) no-repeat center bottom;
	font-family: 'Poppins', sans-serif;
	color:#858797;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

a {
	color:#123c69;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.gray-bar-top {
	background:#ebebeb;
	float:left;
	height:24px;
	width:100%;
}

.logo-container {
	background:#ebebeb;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	box-sizing:border-box;
	padding:0 25px 18px 25px;
	margin:0 auto;
	width:210px;
}

section {
	background:url(../images/img-tree.png) no-repeat left bottom;
	min-height: 800px;
}

section.no-bg {
	background:none;
}

section .col-lg-5, section .col-lg-4 {
	margin-top:110px;
}

section .col-lg-4.image {
	height:800px;
	margin-top:0;
}

section .col-lg-4.image img {
	bottom:0;
	max-width:100%;
	position:absolute;
}

h1 {
	color:#123c69;
	font-size:2.3rem;
	font-weight:400;
	margin:0 0 40px 0;
}

h1:after {
	background:#c5ac2f;
	content:'';
	display:block;
	margin-top:13px;
	height:2px;
	width:90px;
}

h2 {
	color:#c5ac2f;
	font-size:2.3rem;
	font-weight:400;
	margin:0;
}

section .col-lg-5 img {
	margin-top:35px;
}

ul li {
	font-weight:700;
}

.members-login {
	max-width:370px;
}

.members-login p {
	color:#858797;
	font-size:17px;
	font-weight:400;
}

form .input-group {
	border:2px solid #f1f0f0;
	border-radius:40px;
	max-width:370px;
	padding:5px;
	margin:0 0 15px 0;
	width:100%;
}

form .input-group span, form .input-group input {
	border:0;
	box-shadow:none;
}

form .input-group span {
	background: #123c69;
	border-radius: 50px !important;
	-webkit-border-radius:50px !important;
	-moz-border-radius:50px !important;
	margin:0;
	height:45px;
	width:45px;
}

form .input-group input {
	background:none;
	box-shadow:none !important;
	height:45px;
	width:100%;
}

form button.btn-default {
	background:#c5ac2f;
	border:0;
	border-radius:60px;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	color:#fff;
	font-size:21px;
	height:60px;
	max-width: 370px;
	width:100%;
}

form button.btn-default:hover {
	background:#123c69;
	color:#fff;
}

.members-login a {
	color:#123c69;
	float:left;
	font-size:17px;
	margin:15px 0 0 20px;
}

.members-login a.forgot-pwd-link {
	float:right;
	margin:15px 20px 0 0;
}

footer {
	background: #c5ac2f;
	color:#123c69;
	font-weight:500;
	padding:4px 0;
}

footer .col-lg-4 {
	text-align:center;
}

footer a {
	text-decoration:none;
}

footer a:hover {
	text-decoration:underline;
}

section .col-lg-4.col-lg-pull-8 {
	right:48.667%;
}




/* Responsive Fixes */

@media (max-width: 1200px) {
	section {
		background:none;

	}

	section .col-lg-4 {
		margin-top:20px;
	}

	section .members-login {
		margin:40px 0;
		float:left;
	}
	
	section .col-lg-4.image {
    	float: left;
    	height: 400px;
    	width: 100%;
	}

	section .col-lg-4 img {
    	height: 100%;
	}

}

@media (min-width: 1201px) and (max-width: 1575px) {
	section .col-lg-4.col-lg-pull-8 {
		right:62.667%;
	}
}

@media (max-width: 1024px) {

	section .col-lg-4.col-lg-pull-8 {
		left: 0;
		margin: 0 auto;
		padding-top: 30px;
		right: 0;
		text-align: center;
	}
	
	section .col-lg-4.image img {
    	bottom: 0;
    	max-width: 100%;
    	position: relative;
	}
	
	section .members-login {
    	float: none;
		text-align:center;
    	margin: 40px auto;
	}
	
	section .col-lg-4 {
		text-align: center;
	}
	
	h1::after {
		margin:13px auto;
	}

}