html {
	-webkit-font-smoothing: antialiased;
}
body{
    margin: 0 auto;
    max-width: 1300px;
}

.cf-header-content img {
    max-width: 100%;
    margin-top: 11px;
    margin-bottom: 11px;
}

.roboto-light {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.gray-txt {
	color: #aeaeae;
}

.txt-center {
	text-align: center;
}

.txt-left {
	text-align: left;
	margin: 8px 0 0 20px;
}

.cf-inline {
	display: inline-block;
}

.cf-mainbody {
    margin-top: 73px;
}

.cf-title {
    margin-bottom: 29px;
    font-size: 17pt;
}

.cf-subtitle {
    color: #a1a1a1;
    margin-bottom: 36px;
    font-size: 17pt;
    letter-spacing: 1.5px;
}

.cf-facebook-link a i, .cf-twitter-link a i {
    color: #000;
    font-size: 28px;
}

.cf-social-links {
    margin: 44px 0 145px 0;
}

.cf-facebook-link {
    margin-right: 25.5px;
}

.cf-twitter-link {
    margin-left: 25.5px;
}

.cf-footer-content {
    margin-top: 100px;
}

.form {
    max-width: 350px;
    margin-left: 13.84%;
    background-color: #ffffff;
}

.cf-form-title {
	font-family: 'Roboto Condensed', sans-serif;
	color: #009edf;
	font-size: 23pt;
	font-weight: 300;
	margin-left: 20px;
}

.cf-form-subtitle {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 10pt;
	color: #a2a9b5;
	margin: 0 0 20px 21px;
}

.capital {
	text-transform: uppercase;
}

.input-box input[type="text"], .input-box input[type="password"] {
    background-color: #b2b3b5;
    width: 81%;
    margin: 0 0 7px 20px;
    padding: 0 0 0 15px;
    height: 45px;
    border: none;
    border-radius: 5px;
}

.input-box input[type="text"]::-webkit-input-placeholder,.input-box input[type="password"]::-webkit-input-placeholder {
   	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 11pt;
	color: #0056a3;
}

.input-box input[type="text"]:-moz-placeholder, .input-box input[type="password"]:-moz-placeholder { /* Firefox 18- */
   	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 11pt;
	color: #0056a3;
}

.input-box input[type="text"]::-moz-placeholder, .input-box input[type="password"]::-moz-placeholder {  /* Firefox 19+ */
   	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 11pt;
	color: #0056a3; 
}

.input-box input[type="text"]:-ms-input-placeholder, .input-box input[type="password"]:-ms-input-placeholder {  
   	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size: 11pt;
	color: #0056a3;
}

.input-box.username {
    width: 100%;
    text-align: left;
}

.cf-header-content {
    background-image: url('../../images/header_bg.jpg');
    min-height: 630px;
}

button.submit-btn {
    padding: 10px 40px;
    border-radius: 5px;
    background-color: #009edf;
    box-shadow: none;
    border: none;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 11pt;
    cursor: pointer;
}

.register-here a{
    float: right;
    padding: 25px 30px 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: #7d89a4 !important;
    text-decoration: none !important;
    font-size: 11pt;
}

.form-fields {
    padding-bottom: 30px;
}

.cf-mail{
	margin-bottom: 50px;
	font-size: 20pt;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.cf-subtitle-3 {
	font-size: 18pt;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
}

.cf-contact-info {
	font-size: 19pt;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing: 4px;
	line-height: 9px;
}

.cf-map-container {
    padding: 0 50px;
}

.cf-mail a, .cf-contact-info a {
    text-decoration: none;
}


/*responsive*/
@media screen and (max-width: 1000px) and (min-width: 351px) {
    body{
        padding: 0 7.5%; 
    }
    .cf-header-content {
        background-image: none;
    }    
    .cf-header-content img {
        max-width: 100%;
        margin-top: 50px;
        margin-bottom: 65px;
    }
    .form {
        max-width: 100%;
        margin-left: 0px;
        background-color: #ffffff;
    }
    .input-box input[type="text"], .input-box input[type="password"] {
        background-color: #b2b3b5;
        width: 100%;
        margin: 0 0 7px 0;
        padding: 0;
        height: 65px;
        border: none;
        border-radius: 5px;
        text-indent: 15px;
        line-height: 25px;
        font-size: 16pt;
    }
    .txt-left {
        text-align: left;
        margin: 8px 0 0 0px;
    }
    .cf-mainbody {
        margin-top: 0px;
    } 
    .cf-footer-content {
        margin-top: 0px;
    }
    .cf-contact-info {
        font-size: 19pt;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        letter-spacing: normal;
        line-height: normal;
    }
    .cf-map-container {
        padding: 0px;
    }
}

@media screen and (max-width: 350px) {
    body{
        padding: 0 7.5%; 
    }
    .cf-header-content {
        background-image: none;
    }
    .cf-header-content img {
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .form {
        max-width: 100%;
        margin-left: 0px;
        background-color: #ffffff;
    }
    .input-box input[type="text"], .input-box input[type="password"] {
        background-color: #b2b3b5;
        width: 100%;
        margin: 0 0 7px 0;
        padding: 0;
        height: 65px;
        border: none;
        border-radius: 5px;
        text-indent: 15px;
        line-height: 25px;
        font-size: 16pt;
    }
    .txt-left {
        text-align: left;
        margin: 8px 0 0 0px;
    }
    .cf-mainbody {
        margin-top: 0px;
    } 
    .cf-footer-content {
        margin-top: 0px;
    }
    .cf-contact-info {
        font-size: 19pt;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        letter-spacing: normal;
        line-height: normal;
    }
    .cf-map-container {
        padding: 0px;
    }
}

.cf-form-subtitle a {
    text-decoration: none;
    color: #a2a9b5;
}

.navbar-brand>img {
    width: 45%;
}

.navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 19px;
    line-height: inherit !important;
    height: inherit !important;
}