@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: 'Montserrat', sans-serif;
}

header {
	width: 100%;
	height: 120px;
	background: #00a0e9;
	padding-top: 25px;
	padding-bottom: 25px;
}

header h1 img {
	width: 179px;
}

/* CONTENT */
	section.content {
		background: url('../images/photos/main_background.png') no-repeat;
		background-size: cover;
		padding-top: 184px;
	}	

/* BRANDING*/
	section.content .branding {
		text-align: center;
	}

	section.content .branding h3 {
		font-size: 40px;
		color: #FFF;
		font-weight: 200;
		margin-bottom: 10px;
	}

	section.content .branding h3 span{
		font-weight: 700;
	}

	section.content .branding p {
		font-size: 24px;
		font-weight: 200;
		color: #FFF;
		margin-bottom: 40px;
	}

/* FORM LOGIN */

	section.content .form-login-main {
		width: 480px;
		height: 140px;
		background: #FFFFFF;
		box-shadow: 0 9px 19px 0 rgba(0,0,0,0.20);
		border-radius: 4px;
		padding: 30px;
		padding-top: 25px !important;
		position: relative;
		margin-bottom: 45px;
	}

	section.content .form-login-main input {
		background: transparent;
		outline: 0;
		border:0;
		display: block;
		font-size: 18px;
		font-weight: 300;
		color: #9B9B9B;
		width: 100%;
	}

	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #9B9B9B;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  color: #9B9B9B;
	}
	:-ms-input-placeholder { /* IE 10+ */
	  color: #9B9B9B;
	}
	:-moz-placeholder { /* Firefox 18- */
	  color: #9B9B9B;
	}

	section.content form .border {
		margin-top: 20px;
		margin-bottom: 20px;
		height: 1px;
		background: #D5D5D5;
		width: 410px;
		display: block;
	}

	section.content form .login {
	    background: url(../images/icons/login.png) no-repeat;
	    position: absolute;
	    top: 46px;
	    right: -28px;
	    width: 50px;
	    height: 50px;
	    background-size: 50px;
	}

	section.content a.recover-pass {
		text-decoration: none;
		color: #FFF;
		font-weight: 200;
		font-size: 16px;
	}

	section.content .form-login {
		text-align: center;
	}


/* FOOTER */

	footer {
		width: 100%;
		background: #000;
	    padding-top: 25px;
	}

	footer img {
		height: 45px;
		margin-right: 30px;
	}

	footer .privacy {
		float: right;
		line-height: 2em;
		margin-top: -5px;
	}

	footer .privacy a , footer .privacy a:hover {
		text-decoration: none;
		color: #FFF;	
	}