@font-face {
	font-family: 'Gotham';
	src: url('fonts/gotham-light-webfont.woff') format('woff'),
	url('fonts/gotham-light-webfont.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/gotham-book-webfont.woff') format('woff'),
	url('fonts/gotham-book-webfont.ttf') format('truetype');
	font-weight: 400;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/gotham-medium-webfont.woff') format('woff'),
	url('fonts/gotham-medium-webfont.ttf') format('truetype');
	font-weight: 600;
}
@font-face {
	font-family: 'Gotham';
	src: url('fonts/gotham-bold-webfont.woff') format('woff'),
	url('fonts/gotham-bold-webfont.ttf') format('truetype');
	font-weight: 700;
}
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} figcaption, menu,article,aside,details,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*# sourceMappingURL=normalize.min.css.map */

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section,
img,
video {
	display: block;
}

body,
form,
figure {
	margin: 0;
}

.row:before,
.row:after,
.wrap:before,
.wrap:after,
.full:before,
.full:after,
.cf:before,
.cf:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.row:after,
.wrap:after,
.full:after,
.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
 .row,
 .wrap,
 .full,
 .cf {
 	*zoom: 1;
 }
 html, body{
 	height:100%;
 }
 body {
 	font-family: 'Gotham', sans-serif;
 	font-weight: 400;
 	font-size: 100%;
 	line-height:1.44;
 	color:#333;
 }

 body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
 	font-size-adjust: 0.5;
 }

 img{
 	width: 100%;
 }
 h1, h2, h3, h4, h5, h6 {

 	margin: 0;
 	line-height: 1;
 }
 .tc{
 	text-align: center;
 }
 .wrap{
 	width:75%;
 	margin:0 auto;
 	max-width:900px;
 }

 .hero{
 	position: relative;
 	color:#fff;
 	height:100%;
 	background: url(img/hero.jpg) no-repeat center center; 
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 }

 .tagline{
 	position: absolute;
 	top:50%;
 	left:50%;
 	transform: translate(-50%, -50%);
 }
 .tagline h1{
 	text-transform: uppercase;
 	font-size: 5.16em;
 	font-weight: 700;
 }
 .tagline p{
 	text-transform: capitalize;
 	font-size: 1.728em;
 	font-weight: 600;
 }
 .about{
 	padding:10em 0em;
 }

 .about h2{
 	text-transform: uppercase;
 	font-size: 2.074em;
 	font-weight: 600;
 }
 .about p{
 	font-size: 1.44em;
 	font-weight: 300;
 }

 .porto-box{
 	width:33.333333%;
 	float: left;
 }
 .process{
 	padding: 10em 0 8em;
 }
 .grid{
 	width:20%;
 	float: left;
 	background: red;
 	height: 100px;
 }
 .process-intro{
 	padding-bottom: 1.5em;
 }
 .process-intro h2{
 	text-transform: uppercase;
 	font-size: 2.074em;
 	font-weight: 600;
 }
 .process-intro p{
 	font-size: 1.44em;
 	font-weight: 300;
 }

 .process-list{
 	list-style: none;
 	padding:0;
 	color:#666;
 }
 .process-ending{
 	color:#666;
 }
 .process-list span{
 	margin-top: 0.8em;
 	color:#fff;
 	background: #000;
 	font-size:3em;
 	width:70px;
 	height:70px;
 	float: left;
 	text-align: center;
 	font-weight:bold;
 	margin-right:20px;
 }
 .process-list li{
 	border-top:1px solid #ccc;
 }
 .process-list p{
 	margin:2em 0;
 }
 .award{
 	padding:0;
 	background: #e6e7e9;
 }
 .piala{
 	width:300px;
 	height: 360px;
 	float: left;
 	position: relative;
 }
 .piala img{
 	width:240px;
 	height:360px;
 	position: absolute;
 	left:50%;
 	margin-left: -120px;
 }
 .winning{
 	float: left;
 }
 .wintext{
 	margin-top: 100px;
 	margin-bottom: 100px;
 }
 .winning h2{
 	font:bold 33px "Gotham",sans-serif;
 	text-transform: uppercase;
 }
 .win-list{
 	list-style: none;
 	padding:0;
 }
 .win-list li{
 	font-size: 20px;
 	line-height: 32px;
 }
 .contact{
 	padding: 10em 0 10em;
 }
 .container
 .form-element[class*="border-"]{
 	background: #fff;
 }
 .form-honeypot{
 	display: none;
 }

 .contact-form-container{
 	position: relative;
 	margin-bottom: 3rem;
 }
 .contact-form-container .contact-form{
 	position: relative;
 }
 .contact-form-container .row{
 	margin-left: -1rem;
 	margin-right: -1rem;
 }
 .contact-form-container [class*="width-"]{
 	padding-left: 1rem;
 	padding-right: 1rem;
 }
 .contact-form-container .form-element{
 	margin-bottom: 2rem;
 }
 .contact-form-container .form-response{
 	font-size: 1.2rem;
 	line-height: 1.3;
 	color: #666;
 	position: absolute;
 	bottom: 0;
 }
 .contact-form-container input[type=submit]{
 	margin-bottom: 0;
 }
 .contact-form-container input[disabled=disabled][type=submit] {
 	opacity: 0.6;
 }
 .contact-form{
 	width:45%;
 	float: left;
 }
 input[type=text],
 input[type=email],
 input[type=url],
 input[type=password],
 textarea {
 	width: 100%;
 	border: 1px solid #ccc;
 	padding:5px;
 	margin-bottom:20px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	-ms-box-sizing: border-box;
 	box-sizing: border-box;
 }
 .form-message{
 	height:240px;
 }
 .btn-primary{
 	background: #222;
 	color:#fff;
 	border:1px solid #000;
 	font-size: 12px;
 	letter-spacing: 2px;
 	font-weight: bold;
 	text-transform: uppercase;
 	padding:12px 18px;
 	cursor: pointer;
 	-webkit-transition: background-color ease-out 200ms;
 	-moz-transition: background-color ease-out 200ms;
 	-o-transition: background-color ease-out 200ms;
 	transition: background-color ease-out 200ms;
 }
 .btn-primary:hover{
 	background: #333;
 	-webkit-transition: background-color ease-out 200ms;
 	-moz-transition: background-color ease-out 200ms;
 	-o-transition: background-color ease-out 200ms;
 	transition: background-color ease-out 200ms;
 }
 .messages{
 	background: #ff0000;
 	color: #fff;
 	padding:8px;
 	margin-top:-3em;
 	margin-bottom:3em;
 	display: none;
 }
 .map{
 	height:405px;
 	background: #000;
 	float:right;
 	width:45%;
 }
 .contact-text{
 	padding-bottom: 4em;
 }
 .contact-text h2{
 	text-transform: uppercase;
 	font-size: 2.074em;
 	font-weight: 600;
 }
 .contact-text p{
 	font-size: 1.44em;
 	font-weight: 300;
 }
 .footer{
 	width: 100%;
 	background: #222;
 	padding: 7em 0 7em;
 }

 .footer-widget{
 	width:33.33333%;
 	float: left;
 }
 .footer-widget h4{
 	color:#fff;
 }
 .footer-widget p{
 	color:#aaa;
 }
 .footer-widget ul{
 	padding:0;
 }
 .footer-widget li{
 	float:left;
 	list-style: none;
 	padding-left:2px;
 	text-indent: 100%;
 	white-space: nowrap;
 	overflow: hidden;
 }
 .footer-widget li a{
 	display: block;
 	width:30px;
 	height:30px;
 }
 .footer-widget a, .footer-widget a:hover{
 	-webkit-transition: all ease-out 200ms;
 	-moz-transition: all ease-out 200ms;
 	-o-transition: all ease-out 200ms;
 	transition: all ease-out 200ms;
 }
 .fb-icon{
 	background: url(img/widget-icon.png) no-repeat 0px 0px;
 }
 .twitter-icon{
 	background: url(img/widget-icon.png) no-repeat -30px 0px;
 }
 .ig-icon{
 	background: url(img/widget-icon.png) no-repeat -60px 0px;
 }
 .line-icon{
 	background: url(img/widget-icon.png) no-repeat -90px 0px;
 }
 .mail-icon{
 	background: url(img/widget-icon.png) no-repeat -120px 0px;
 }
 .fb-icon:hover {
 	background: url(img/widget-icon.png) no-repeat 0px -30px;
 }
 .twitter-icon:hover{
 	background: url(img/widget-icon.png) no-repeat -30px -30px;
 }
 .ig-icon:hover{
 	background: url(img/widget-icon.png) no-repeat -60px -30px;
 }
 .line-icon:hover{
 	background: url(img/widget-icon.png) no-repeat -90px -30px;
 }
 .mail-icon:hover{
 	background: url(img/widget-icon.png) no-repeat -120px -30px;	
 }
 @media only screen and (max-width: 1200px){
 	.winning{
 		float: right;
 	}
 	.wintext{
 		margin-top: 100px;
 		margin-bottom: 100px;
 	}
 	.winning h2{
 		font:bold 33px "Gotham",sans-serif;
 		text-transform: uppercase;
 	}
 	.win-list{
 		list-style: none;
 		padding:0;
 	}
 	.win-list li{
 		font-size: 18px;
 		line-height: 27px;
 	}
 }

 @media only screen and (max-width: 1024px) {
 	body {
 		line-height:1.38;
 	}
 	.wrap{
 		width:88%;
 		margin:0 auto;
 	}
 	.tagline h1{
 		font-size: 3.583em;
 	}
 	.tagline p{
 		font-size: 1.728em;
 	}
 	.about h2, .process-intro h2, .contact-text h2{
 		font-size: 2.074em;
 	}
 	.about p, .process-intro p, .contact-text p{
 		font-size: 1.2em;
 	}
 	.about{
 		padding:7em 0 6em;
 	}
 	.porto-box{
 		width:33.33333%;
 	}
 	.process{
 		padding: 7em 0 6em;
 	}
 	.piala{
 		width:100%;
 	}
 	.winning{
 		width: 100%;
 		float: left;
 	}
 	.wintext{
 		text-align: center;
 		margin-top: 0px;
 		margin-bottom: 70px;
 	}
 	.winning h2{
 		font:bold 27px "Gotham",sans-serif;
 		text-transform: uppercase;
 	}
 	.win-list{
 		list-style: none;
 		padding:0;
 	}
 	.win-list li{
 		font-size: 18px;
 		line-height: 24px;
 	}
 	.contact{
 		padding: 7em 0;
 	}
 	.footer{
 		padding: 5em 0;
 	}
 }
 @media only screen and (max-width: 640px) {
 	body {
 		line-height:1.33;
 	}
 	.tagline h1{
 		font-size: 2.986em;
 	}
 	.tagline p{
 		font-size: 1.44em;
 	}
 	.about h2, .process-intro h2, .contact-text h2{
 		font-size: 1.728em;
 	}
 	.about p, .process-intro p, .contact-text p{
 		font-size: 1.2em;
 	}
 	.wrap{
 		width:88%;
 		margin:0 auto;
 	}
 	.about{
 		padding:7em 0 6em;
 	}
 	.porto-box{
 		width:100%;
 		float: left;
 	}
 	.process{
 		padding: 7em 0 6em;
 	}
 	.contact{
 		padding: 7em 0;
 	}
 	.contact-form{
 		width:100%;
 		float: left;
 	}
 	.contact-text{
 		padding-bottom: 2.5em;
 	}
 	.map{
 		margin-top:6em;
 		width:100%;
 	}
 	.footer{
 		padding: 5em 0;
 	}
 }
 @media only screen and (max-width: 540px) {
 	body {
 		line-height:1.28;
 	}
 	.hero{
 		text-shadow: none;
 		background: url(img/mobile-hero.jpg) no-repeat center center; 
 	}
 	.tagline h1{
 		font-size: 2.488em;
 	}
 	.tagline p{
 		font-size: 1.2em;
 	}
 	.about{
 		padding:5em 0 4em;
 	}
 	.about h2, .process-intro h2, .contact-text h2{
 		font-size: 1.44em;
 	}
 	.about p, .process-intro p, .contact-text p{
 		font-size: 1.1em;
 	}
 	.process{
 		padding: 5em 0 4em;
 	}
 	 	.win-list li{
 		font-size: 16px;
 		line-height: 21px;
 	}
 	.contact{
 		padding: 5em 0;
 	}
 	.contact-form{
 		width:100%;
 		float: left;
 	}
 	.contact-text{
 		padding-bottom: 2.5em;
 	}
 	.map{
 		margin-top:4em;
 	}
 	.footer{
 		padding: 3em 0;
 	}
 	.footer-widget{
 		width:100%;
 		float: left;
 		padding-top:2em;
 		padding-bottom:2em;
 		border-bottom: 1px solid #333;
 	}
 }