/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= FONT EMBEDING
------------------------------------------------------------------------------------- */

	@font-face {
	    font-family: 'maison';
	    src: url('../fonts/maisonneue-medium-webfont.woff2') format('woff2'),
	         url('../fonts/maisonneue-medium-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
		}
	@font-face {
	    font-family: 'maison-bold';
	    src: url('../fonts/maisonneue-bold-webfont.woff2') format('woff2'),
	         url('../fonts/maisonneue-bold-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
		}
	@font-face {
	    font-family: 'maison-book';
	    src: url('../fonts/maisonneue-book-webfont.woff2') format('woff2'),
	         url('../fonts/maisonneue-book-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
		}

/*
= COMMON
------------------------------------------------------------------------------------- */

	html,
	body {
		overflow: hidden; 
		width: 100%; height: 100%;
		}
		* {
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			font-smoothing: antialiased;
			text-rendering: optimizeLegibility;
			}
	
	/* 
	+ Preloading */
		
		.loading-holder {
			position:fixed; top:0; left:0; z-index:9999;
			width:100%; height:100%;
			background:#ffffff;
			}
			.loading-holder .loader-overlay {
				position:absolute; top:0; left:0;
				width:100%; height:100%;
				background:#ffffff;
				}
			.loading-holder .loader {
				position:absolute; top:0; left:0;
				width:100%; height:30px;
				}
				.loading-holder .progress-notification {display:none;}
				.loading-holder .progress-bar {position:absolute; top:0; width:100%; height:0;}
				.loading-holder .progress-loaded {
					position:relative;
					width:0; height:100%;
					border-bottom:2px solid #666666;
					}

	/* 
	+ Coming soon */

		section {
			position: absolute; left: 0px; top: 0px;
			width: 100%; height: 100%;
			text-align: center;
			background: url(../img/bgr-landscape.jpg) center top no-repeat; background-size: cover;
			}
			article {
				position: absolute; left: 50%; top: 52%;
				font-family:'maison-bold'; letter-spacing: -0.5px; white-space:nowrap;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%);
				}
				h1 {
					margin-bottom:8px;
					font-weight:400px; font-size: 40px; color:#ffffff;
					}
				h2 {font-weight:400px;}
					h2 a {
						font-size:20px; color:#ffffff; 
						-webkit-transition: opacity 250ms ease-in-out;
						-moz-transition: opacity 250ms ease-in-out;
						-ms-transition: opacity 250ms ease-in-out;
						-o-transition: opacity 250ms ease-in-out;
						transition: opacity 250ms ease-in-out;
						}
						h2 a:hover {opacity: 0.6;}
			.portrait section {background-image: url(../img/bgr-portrait.jpg);}

		footer {
			position: absolute; left: 50%; bottom: 40px;
			width: 100%; max-width: 1440px;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);	
			-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;		
			}
			footer p {float:left; font-family:'maison-book'; font-size: 12px; color:#ffffff;}
			footer a {float: right; font-family:'maison'; font-size: 12px; color:#ffffff; letter-spacing: -0.5px;}
			
/*
= RESPONSIVE
------------------------------------------------------------------------------------- */

	@media screen and (max-width: 1600px) {

		footer {padding:0 80px;}

		}

	@media screen and (max-width: 720px) {

		article {top:50%;}

		footer {
			bottom:12px;
			width: auto; 
			padding: 0px; 
			text-align: center;
			}
			footer p {float: none;}
			footer a {
				float: none; display: block;
				-webkit-transform: translateY(-55px);
				-moz-transform: translateY(-55px);
				-ms-transform: translateY(-55px);
				-o-transform: translateY(-55px);
				transform: translateY(-55px);	
				}

		}	

/*
= RETINA
-------------------------------------------------------------------------------------- */

	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {}
	
/*
= PRINT
------------------------------------------------------------------------------------- */

	@media print {
		* { background:transparent !important; color:#444 !important; text-shadow:none !important;}
		a, a:visited {color:#444 !important; text-decoration:underline;}
		a:after {content:"("attr(href)")";}
		abbr:after {content:"("attr(title)")";}
		.ir a:after {content:"";}
		pre, blockquote {border:1px solid #999; page-break-inside:avoid;}
		thead {display:table-header-group;}
		tr, img {page-break-inside:avoid;}
		@page {margin:0.5cm;}
		p, h2, h3 {orphans:3; widows:3;}
		h2, h3 {page-break-after:avoid;}
		}