@import url(https://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:justify; 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:.8em; font-weight:400; line-height:20px; color:#fdfdfd; padding:20px; }
.cookies_content a { display:inline-block; font-size:.78em; width:auto; background:#fdfdfd; color:#111; padding:2px 10px; margin:0 2px 0 0; font-weight:500; text-align:center; text-decoration:none; 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:#fdfdfd;

-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%; 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:268px; height:127px; top:50%; left:50%; text-align:center; background:url('../images/logo.png') center center; background-size:100%; margin-top:-20px; 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:400; color:#ccc; text-transform:uppercase; letter-spacing:.4em; top:50%; left:50%; margin-top:80px; 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%); }

.hpOverlay { position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, .3); left:0; top:0; z-index:60; }

/* SLIDER */
.kenburnsy {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.kenburnsy.fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 18;
}

.kenburnsy img {
  display: none;
}

.kenburnsy .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  transform-origin: center;

  transform: translateZ(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:100px; opacity:.8; z-index:1000; }

.copyright { display:table; vertical-align:middle; width:auto; height:40px; line-height:1.6em; font-size:.5em; font-weight:400; color:#333; text-align:center; text-transform:uppercase; letter-spacing:.4em; margin-left:auto; margin-right:auto;
-webkit-font-smoothing: antialiased; }
.copyright span { display:table-cell; vertical-align: middle; }
.copyright span:nth-child(2) { padding:0 15px; }

.social { height:40px; line-height:40px; 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:230px; height:109px; }
	.hpMsg { font-size:.7em; margin-top:60px; color:#fff; }
    
    .aboutDesc { font-size:.9em; }
    
    .copyright span { display:block; }
    .copyright span:nth-child(2) { display:none; }

}