@import url(http://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900);

* { margin:0; padding:0; border:0; }
html, body { width:100%; height:100%; margin:0; padding:0; }

body { width:100%; height:100%; margin:0; font-family:'Montserrat', sans-serif; background:#fff; color:#111; overflow:auto; top:0px !important;

	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke:1px transparent;
	text-rendering: optimizeLegibility;
}

::selection { background:#111; color:#fff; /* Safari */	}
::-moz-selection { background:#111; color:#fff; /* Firefox */ }

img { -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
a, img { border:0; text-decoration:none; outline:none; }

/* COOKIES */
.cookies_alert { position:fixed; width:90%; height:auto; top:20px; margin:0 auto; left:50%; background:#111; text-align:center; z-index:999999;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
	
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.cookies_content { position:relative; font-size:.6em; font-weight:400; line-height:20px; color:#fff; padding:20px; }
.cookies_content a { display:inline-block; width:80px; background:#fff; color:#111; padding:2px 4px; margin:0 2px 0 0; font-weight:900; cursor:pointer;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; 

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}
.cookies_content a:hover { background:#111; color:#fff;

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}

.showCookies { visibility:visible; opacity:1;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.hideCookies { visibility:hidden; opacity:0;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/* CONTENTS */
/* SLIDES */
.halfslide { position:relative; display:inline-block; height:100%; float:left; }
.slide { position:relative; width:100%; height:auto; padding:0; text-align:center; }
.row { padding:40px 80px; }

#homepage { width:100%; height:100%; background:url(../images/bg.jpg) center center no-repeat; background-size:cover; top:0; margin:0 auto; overflow:hidden; }
#about { width:100%; min-height:280px; height:auto; top:0; margin:0 auto; overflow:hidden; }

/* HOMEPAGE */
.hpLogo { position:absolute; width:500px; height:190px; top:50%; left:50%; text-align:center; background:url('../images/logo.png') center center; background-size:100%; opacity:1; z-index:90;

-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%); }

.hpMsg { position:absolute; width:100%; font-size:.8em; font-weight:300; color:#860919; text-transform:uppercase; letter-spacing:.4em; top:50%; left:50%; margin-top:100px; text-align:center; -webkit-font-smoothing: antialiased; z-index:90;

-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%); }

.overlay { position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, .4); left:0; top:0; }

/* ABOUT */
.aboutDesc { width:80%; height:auto; margin:0 auto; font-size:.8em; font-weight:300; color:#333; line-height:1.6em; padding:80px 0; }

/* FOOTER */
footer { position:relative; bottom:0; text-align:center; width:100%; height:80px; opacity:.8; z-index:1000; }
footer .copyright { height:40px; line-height:40px; font-size:.5em; font-weight:400; color:#333; text-transform:uppercase; letter-spacing:.4em;
-webkit-font-smoothing: antialiased; }

.social { height:30px; line-height:30px; margin-bottom:0px; }
.social a { display:inline-block; margin-right:16px; opacity:1; color:#333;

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.social a:last-child { margin-right:0; }
.social a:hover { color:#ccc;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/* Mobile */
@media all and (max-width: 860px) {
    .hpLogo { width:400px; height:152px; }
	.hpMsg { font-size:.7em; margin-top:80px; }
}