@font-face {
	font-family: 'geometric-black';
	src: url('../fonts/geometric-black.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'humanst-5-regular';
	src: url('../fonts/humanst-5-regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'humanst-7-cond-black';
	src: url('../fonts/humanst-7-cond-black.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'humanst-7-light';
	src: url('../fonts/humanst-7-light.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'humanst-7-regular';
	src: url('../fonts/humanst-7-regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family: 'opensans';
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

.top-link {
	color:#999;
	font-size:14px;
	font-family:'geometric-black';
	letter-spacing:2px;
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	background-color:rgba(255,255,255,0.3);
	padding:5px;
	z-index:100000;
	display:none;
}

	.top-link:hover {
		background-color:rgba(255,255,255,1);
		text-decoration:none;
	}

.header-row {
	padding:50px;
}

	.header-row.short {
		padding:20px;
		position:fixed;
		top:0;
		background-color:#FFF;
		width:100%;
		z-index: 10000000000000;
		border-bottom:1px solid #EFEFEF;	
		-webkit-transition: background-color 0.1s linear; /* Safari */
    		transition: background-color 0.1s linear;
	}

.header-row .logo img {
	width:100%;
}

.header-row .menu-mobile {
	width:80%;
}

.header-row .menu-horizontal ul {
	list-style:none;
	float:right;
	padding-top:20px;
}

	.header-row.short .menu-horizontal ul  {
		padding-top:10px;
	}

	.header-row.short .logo img {
		width:80%;
	}	

	.header-row .menu-horizontal ul li {
		display:inline-block;
		margin-right:100px;
	}
		.header-row .menu-horizontal ul li a {
			font-family:'humanst-7-cond-black';
			font-size:20px;
			color:#000;
			letter-spacing:2px;
			text-transform:uppercase;
			text-decoration:none;
		}
		.header-row .menu-horizontal ul li a:hover {
			text-decoration:none;
			color:#333;
		}

		.header-row.short .menu-horizontal ul li a {
			font-size:17px;
		}

.banner {
	background-image:url('../images/bg-banner.png');
	background-size:cover;
	height:500px;
	padding:100px;
	text-align:center;
}

	.banner h1 {
		font-family:'humanst-7-regular';
		letter-spacing:10px;
		font-size:40px;
		text-shadow:1px -1px 4px rgba(0, 0, 0, 1);
		color:#FFF;
		display:none;
	}

	.banner h2 {
		font-family:'geometric-black';
		letter-spacing:10px;
		font-size:50px;
		text-shadow:1px -1px 4px rgba(0, 0, 0, 1);
		color:#FFF;
		display:none;
	}

	.banner .button {
		border:1px solid #FFF;
		background-color:transparent;
		padding:15px 20px;
		width:320px;
		color:#FFF;
		font-family:'humanst-7-regular';
		font-size:18px;
		letter-spacing:2px;
		margin-top:40px;
		border-radius:4px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}

		.banner .button:hover {
			background-color:rgba(255,255,255,0.2);
			text-decoration:none;
		}

.about {
	padding:50px;
	text-align:center;	
}

	.about h1 {
		font-family:'geometric-black';
		font-size:25px;
		color:#3F81B4;
		letter-spacing:2px;
		text-transform:uppercase;
	}

	.about h2 {
		font-family:'humanst-5-regular';
		font-size:35px;
		color:#676759;
		letter-spacing:2px;
	}

	.about p {
		font-family:'opensans';
		color:#ACAC9D;
		font-size:14px;
		letter-spacing:0.5px;
	}

.about-icons {
	padding:0 50px 25px 50px;
	text-align:center;
	min-height:400px;
}

	.about-icons .item {
		padding:30px;
	}

		.about-icons .item h1 {
			font-family:'humanst-7-regular';
			color:#000;
			font-size:30px;
			letter-spacing:3px;
			text-transform:uppercase;
		}

		.about-icons .item p {
			font-family:'opensans';
			color:#575748;
			font-size:16px;
			letter-spacing:0.5px;
		}

.about-text {
	padding:25px 50px 25px 50px;
	background-color:#EFEFEF;
}

	.about-text h1 {
		font-family:'humanst-7-regular';
		color:#0085B2;
		letter-spacing:2px;
		font-size:25px;
		text-transform:uppercase;
	}

	.about-text p {
		color:#686859;
		font-size:14px;
		font-family:'opensans';
		display:inline-block;
		padding-top:20px;
	}

	
.services {
	padding:25px 50px 50px 50px;
	text-align:center;
	min-height:550px;
}

	.services h1 {
		font-family:'geometric-black';
		font-size:25px;
		color:#3F81B4;
		letter-spacing:2px;
		text-transform:uppercase;		
	}

	.services .item {
		padding:20px;
	}

		.services .item img {
			width:100%;
		}

		.services .item h1 {
			font-family:'humanst-7-cond-black';
			color:#000;
			font-size:20px;
			letter-spacing:2px;
			text-align:center;
			padding:15px 0;
			display:inline-block;
		}

		.services .item p {
			font-family:'opensans';
			font-size:13px;
			color:#676759;
			display:inline-block;
		}

.parallax {
	min-height:450px;
	padding:150px 0;
	text-align:center;
	background:transparent;
	background-attachment:fixed;
	background-size:cover;
	background-image:url("../images/img-parallax.png");
}

	.parallax h1 {
		color:#FFF;
		font-family:'geometric-black';
		font-size:60px;
		text-shadow:1px -1px 4px rgba(0, 0, 0, 1);
		letter-spacing:4px;
		display:none;
	}

.footer {
	padding:50px;
}

	.footer .item {
		text-align:center;
	}

		.footer .item h1 {
			font-family:'humanst-7-light';
			font-size:30px;
			color:#000;
			letter-spacing:2px;
			display:block;
			padding-bottom:20px;
		}

		.footer .item img {
			margin-right:20px;
		}

		.footer .item h2 {
			font-size:18px;
			color:#ACAC9D;
			font-family:'humanst-7-regular';
			display:block;
			padding-bottom:20px;
		}

		.footer .item p {
			font-size:25px;
			color:#00468C;
			font-family:'geometric-black';
			letter-spacing:2px;
			line-height:20px;
		}

			.footer .item p a:hover {
				color:#00254A;
				text-decoration:none;
			}

.bottom {
	padding:30px;
	background-color:#00468C;
}

	.bottom .item {
		text-align:right;
	}

	.bottom h1 {
		font-family:'geometric-black';
		letter-spacing:4px;
		text-transform:uppercase;
		color:#00254A;
		font-size:20px;
		display:block;
		padding-top:20px;
	}

@media screen and (min-width:768px) and (max-width:1024px) {

	.header-row {
		padding:30px 25px;
	}

	.header-row .logo {
		padding-top:15px;
	}

	.header-row .menu-horizontal {
		text-align:right;
	}

	.header-row.short {
		padding:30px 25px;
	}

	.header-row .logo img {
		width:90%;
	}

	.header-row.short .logo img {
		width:90%;
	}
}

@media screen and (min-width:320px) and (max-width:736px) {
	
	.header-row {
		padding:25px 0px;
	}

		.header-row ul {
			display:none;
			position:absolute;
			right:0;
			top:0;
			z-index:10000000;
		}

	.header-row .menu-mobile {
		display:inline-block;
	}

	.header-row.short {
		padding:25px 0px;
	}

		.header-row.short .menu-horizontal ul  {
			padding-top:0;
		}

		.header-row.short .menu-horizontal ul li a {
			font-size:16px;
		}

	.header-row .logo img {
		width:90%;
	}

	.header-row.short .logo img {
		width:90%;
	}

	.header-row .menu-horizontal {
		text-align:right;
	}

	.header-row .menu-horizontal ul {
    		float:none;
    		position:absolute;
    		right:0;
    		top:45px;
    		background-color:#FFF;
    		text-align:right;
		width:200px;
		padding-top:0;
		padding-left:0;
		-webkit-box-shadow: -4px 4px 11px -2px rgba(163,163,163,1);
		-moz-box-shadow: -4px 4px 11px -2px rgba(163,163,163,1);
		box-shadow: -4px 4px 11px -2px rgba(163,163,163,1);
	}

		.header-row .menu-horizontal ul li {
			padding:10px 15px;
			display:block;
			margin-right:0;
			border-bottom:1px solid #EFEFEF;
		}

			.header-row .menu-horizontal ul li a {
				font-size:16px;
				font-family:'humanst-7-cond-black';
				color:#000;
			}

	.banner {
		height:200px;
		padding:20px;
	}

		.banner h1 {
			font-size:25px;
		}
		.banner h2 {
			font-size:28px;
			margin-top:10px;
		}
		.banner .button {
			font-size:14px;
			padding:5px 10px;
			width:240px;
			margin-top:20px;
		}	

	.about {
		padding:10px;
	}

	.about-icons {
		padding:0 20px 20px 20px;
		min-height:950px;
	}

		.about-icons .item {
			padding:10px 0;		
		}

	.about-text {
		padding:20px;
	}

		.about-text .item {
			padding:10px 0;
		}

	.services {
		padding:20px;
		min-height:1340px;
	}

		.services .item {
			padding:10px 0;
		}

	.parallax {
		min-height:200px;
		padding:50px 0;
	}

		.parallax h1 {
			font-size:30px;
		}

	.footer { 
		padding:20px;
	}

		.footer .item {
			padding:10px 0;
		}

			.footer .item h1 {
				font-size:22px;
			}

			.footer .item p {
				font-size:18px;
				letter-spacing:-0.5px;
			}

	.bottom {
		padding:10px;
		text-align:center;
	}	

		.bottom h1 {
			margin-top:0;
			font-size:13px;
		}

		.bottom .item {
			text-align:center;
			padding-top:10px;
		}	

			.bottom .item img {
				width:40%;
			}
}