@charset "utf-8";
/* CSS Document */

/* ------- webfonts ------- */
@font-face{font-family:'dot-matrix';src:url('fonts/FontFont - DotMatrixOT-TwoRegular.eot');src:local('☺'), url('fonts/FontFont - DotMatrixOT-TwoRegular.woff') format('woff'), url('fonts/FontFont - DotMatrixOT-TwoRegular.ttf') format('truetype'), url('fonts/FontFont - DotMatrixOT-TwoRegular.svg') format('svg');font-weight:500;font-style:normal}

@font-face{font-family:'helvetica';src:url('fonts/HelveticaLTStd-Roman_0.eot');src:local('☺'), url('fonts/HelveticaLTStd-Roman_0.woff') format('woff'), url('fonts/HelveticaLTStd-Roman_0.ttf') format('truetype'), url('fonts/HelveticaLTStd-Roman_0.svg') format('svg');font-weight:normal;font-style:normal}

/* ------- STYLES ------- */

/* GENERAL */
*{outline:none;margin:0;padding:0;font-family:'helvetica';box-sizing:border-box;font-size:20px;line-height:24px}
body{font-weight:500;-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;overflow-x:hidden;background-color:#FFF;position:relative;margin:0 auto}

h1,h2,h3,h4,h5{font-weight:500;font-size:inherit}
p{font-size:inherit}
sup{vertical-align:super;font-size:smaller}

a{cursor:pointer;text-decoration:none;color:inherit;font-size:inherit}
a:hover{text-decoration:underline}
a.underline{border-bottom:1px solid}
li{list-style:none;}
img{width:100%;display:block}

.left{float:left}
.right{float:right}
.fs-s{font-size:12px;line-height:16px}
.fs-xl{font-size:6vw;line-height:6vw}
.master-wrapper{margin:0 auto;width:100%}

/* .btn-swipe */
.btn-swipe{width:50px;height:50px;position:fixed;cursor:pointer;top:17px;right:20px;z-index:13;background-color:transparent}
.btn-swipe span{display:block;position:absolute;height:2px;width:24px;background:#FFF;opacity:1;left:13px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out}
.btn-swipe span:nth-child(1){top:15px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(2){top:23px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(3){top:31px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}

/* .slider */
.slider{width:100%;height:100%;position:relative}
.slider:after{content:"";position:absolute;left:0;width:100%;top:0;height:100%;background-color:rgba(0, 0, 0, 0.2)}
.slider div.slide{background-position:center;background-size:cover;background-repeat:no-repeat;height:100%;display:block}

/* main */
main{width:100vw;height:100vh;position:fixed}
main h1{position:absolute;left:50%;top:calc(50% - 10px);transform:translate(-50%,-50%);color:#FFF;z-index:1;white-space:nowrap;font-family:'dot-matrix'}

/* section */
section{width:100%;min-height:100vh;background-color:#FFF;top:100vh;position:absolute}
section ul{width:100%;display:table}
section ul li{width:50%;min-height:100vh;float:left}
section ul li .content{width:100%;display:table;margin-bottom:32px}
section ul li .content .left{width:100px;margin-right:32px}
section ul li .content .right{width:calc(100% - 132px)}
section ul li.info, section ul li.contact{padding:32px 32px 0 32px}
section ul li.map{background-color:#000;height:100vh}

/* .map styling */
.gmnoprint a,.gmnoprint span{display:none}
.gmnoprint div{background:none !important}
.gm-style-cc{display:none !important}
#GMapsID div div a div img{display:none}


/* @media */
@media screen and (orientation:portrait){
	.slider .slide.s-one{background-image:url('../imgs/1@portrait.jpg')!important}
	.slider .slide.s-two{background-image:url('../imgs/2@portrait.jpg')!important}
	.slider .slide.s-three{background-image:url('../imgs/3@portrait.jpg')!important}
	.slider .slide.s-four{background-image:url('../imgs/4@portrait.jpg')!important}
	.slider .slide.s-five{background-image:url('../imgs/5@portrait.jpg')!important}
	.slider .slide.s-six{background-image:url('../imgs/6@portrait.jpg')!important}
	.slider .slide.s-seven{background-image:url('../imgs/7@portrait.jpg')!important}
	.slider .slide.s-eight{background-image:url('../imgs/8@portrait.jpg')!important}
	.slider .slide.s-nine{background-image:url('../imgs/9@portrait.jpg')!important}
	.slider .slide.s-ten{background-image:url('../imgs/10@portrait.jpg')!important}
}

@media (min-width: 1441px){
	*{font-size:calc(22px + 0.1vw);line-height:calc(26px + 0.1vw)}
	.fs-xl{font-size:6vw;line-height:6vw}
}

@media (max-width: 1024px){
	section ul li{display:block;width:100%;height:auto;min-height:0}
	section ul li.map{height:60vh}
}

@media (max-width: 600px){
	*{font-size:16px;line-height:20px}
	.fs-xl{font-size:10.5vw;line-height:10.5vw}
	
	.btn-swipe{top:9px;right:10px}
	
	section ul li:first-child{padding:20px 20px 0 20px}
	section ul li .content{margin-bottom:20px}
	section ul li .content .left{width:65px;margin-right:20px}
	section ul li .content .right{width:calc(100% - 85px)}
	
	a{text-decoration:underline}
}











/* SLICK PLUG IN */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%;}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; height: 100%;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; background-position: center center;background-size: cover;}
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev,.slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:transparent;color:transparent;padding:0;border:none;outline:none;z-index:1;font-family:'Work Sans';font-size:50px;font-weight:500;overflow:hidden;width:50%;height:100%;bottom:0;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {font-size: 40px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
.levels .slick-prev{left:0;cursor:url('../imgs/nav_prev.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }

.slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto}
.levels .slick-next{right:0;cursor:url('../imgs/nav_next.svg'), auto}
[dir="rtl"] .slick-next { left: 0; right: auto; }

/* Dots */
.slick-dots { position: absolute; bottom: 30px; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%); list-style: none; display: block; text-align: left; padding: 0; z-index: 2 }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 2px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { position: absolute; top: 0; left: 0;  font-family:"Arial"; content: "•"; width: 20px; height: 20px;font-size: 36px; line-height: 20px; text-align: center; color: #FFF; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: .3}
.slick-dots li.slick-active button:before { color: #FFF; opacity: 1;}