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

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

@font-face{font-family:'maison-neue';src:url('fonts/MaisonNeue-Light.eot');src:local('☺'), url('fonts/MaisonNeue-Light.woff') format('woff'), url('fonts/MaisonNeue-Light.ttf') format('truetype'), url('fonts/MaisonNeue-Light.svg') format('svg');font-weight:400;font-style:normal}

@font-face{font-family:'maison-neue';src:url('fonts/MaisonNeue-Medium.eot');src:local('☺'), url('fonts/MaisonNeue-Medium.woff') format('woff'), url('fonts/MaisonNeue-Medium.ttf') format('truetype'), url('fonts/MaisonNeue-Medium.svg') format('svg');font-weight:700;font-style:normal}

@font-face{font-family:'maison-neue';src:url('fonts/MaisonNeue-Demi.eot');src:local('☺'), url('fonts/MaisonNeue-Demi.woff') format('woff'), url('fonts/MaisonNeue-Demi.ttf') format('truetype'), url('fonts/MaisonNeue-Demi.svg') format('svg');font-weight:800;font-style:normal}

@font-face{font-family:'superior';src:url('fonts/Superior Title - Regular.eot');src:local('☺'), url('fonts/Superior Title - Regular.woff') format('woff'), url('fonts/Superior Title - Regular.ttf') format('truetype'), url('fonts/Superior Title - Regular.svg') format('svg');font-weight:500;font-style:normal}

@font-face{font-family:'superior';src:url('fonts/Superior Title - Medium.eot');src:local('☺'), url('fonts/Superior Title - Medium.woff') format('woff'), url('fonts/Superior Title - Medium.ttf') format('truetype'), url('fonts/Superior Title - Medium.svg') format('svg');font-weight:700;font-style:normal}

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

/* GENERAL */

::selection{color:#000;background:#000}
::-webkit-selection{color:#000;background:#000}
::-moz-selection{color:#000;background:#000}
::-ms-selection{color:#000;background:#000}

*{outline:none;margin:0;padding:0;color:inherit;box-sizing:border-box;font-family:inherit;font-weight:inherit}
body{-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;background-color:#FFF;font-weight:500;font-family:'superior'}
body.swipe-opened{overflow:hidden!important;overflow-x:hidden;-webkit-overflow-scrolling:touch}
body.overflow{overflow:hidden;}
body.hidden{opacity:0}
h1, h2, h3, h4{font-weight:500}
h4{color:#b2b2b2;margin-bottom:5px}
.bk-green h4{color:#607D7B}
p.border{padding-top:20px;position:relative;color:#604E4A}
p.border:after{content:"";position:absolute;left:0;top:0;background-color:#604E4A;height:1px;right:calc((100vw - 30px) / 12)}
a{text-decoration:none;color:inherit;display:inline-block}
a:hover{cursor:pointer;}
a:hover span.hover{display:block;}
ul{list-style:none}
.two-columns{-webkit-column-count:2;-webkit-column-gap:20px;-moz-column-count:2;-moz-column-gap:20px;column-count:2;column-gap:20px;}
.fs-xl{font-size:calc(.5vw + 48px);line-height:calc(.5vw + 48px)}
.fs-l{font-size:calc(.5vw + 38px);line-height:calc(.5vw + 42px);color:#604E4A}
.fs-m{font-size:calc(.05vw + 20px);line-height:calc(.05vw + 28px)}
.fs-s{font-size:calc(.05vw + 14px);line-height:calc(.05vw + 18px)}
.fs-xs{font-size:calc(.05vw + 12px);line-height:calc(.05vw + 18px)}
.ff-maison{font-family:"maison-neue";font-weight:700}
.fs-l.ff-maison{font-size:calc(.1vw + 32px);line-height:calc(.1vw + 42px);font-weight:400}
.ff-lu{font-family:"lu"}

/* columns */
.w-full{width:100%}
.w-cccccccc{width:calc((100vw - 30px) / 12 * 8)}
.w-ccccc{width:calc((100vw - 30px) / 12 * 5)}
.w-cccc{width:calc((100vw - 30px) / 12 * 4)}
.w-ccc{width:calc((100vw - 30px) / 12 * 3)}
.w-cc{width:calc((100vw - 30px) / 12 * 2)}

/* .btn */
.btn{border:1px solid;padding:10px 15px 8px 15px}
.btn.grey{color:#b2b2b2}

/* form */
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777;opacity:1}
::-moz-placeholder{color:#777;opacity:1}
:-ms-input-placeholder{color:#777}
::-ms-input-placeholder{color:#777}
input[type="submit"]{border:0;appearance:none;webkit-appearance:none;}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"]{border:none;border-top:1px solid #dedede;font-size:21px;line-height:45px;width:100%;background:transparent;font-weight:500;appearance:none;webkit-appearance:none;border-radius:0;text-align:center}
.wrong input{border-color:red;}
input:focus{border-color:#000;color:#000}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:transparent;}
textarea{border:none;border-top:1px solid #dedede;border-radius:0;height:calc(300px - 20px);resize:none;width:100%;font-size:21px;background:transparent;font-weight:500;padding:10px 0;line-height:26px;text-align:center}
textarea:focus{border-color:#000;color:#000}
.btn-submit{border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:21px;line-height:45px;width:100%;text-align:center;color:#777;display:block}
.wrong textarea{border-color:red}
.notification{margin-top:40px;display:none}
.notification.on{display:block}
.notification p{text-align:center}
.notification p.error{color:red}
.notification p.ok{color:lime}
.ta-center{text-align:center}
.m-top{margin-top:calc((100vw - 30px) / 12)}

.left{float:left}
.right{float:right}

/* .lazy-img */
.lazy-img-wrapper{position:relative;overflow:hidden;background-color:#f4f4f4}
.lazy-img-wrapper img{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .2s ease}
.lazy-img-wrapper.loaded{background:transparent!important}
.lazy-img-wrapper.loaded img{opacity:1}
.img.thumb a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}

/* .btn-swipe */
.btn-swipe{width:24px;height:37px;position:fixed;cursor:pointer;top:42px;left:40px;z-index:11;background-color:transparent;transition:top .2s ease}
.nav-up .btn-swipe{top:-126px}
.btn-swipe span{display:block;position:absolute;height:3px;width:24px;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:all .2s ease}
.btn-swipe span:nth-child(1){top:10px;-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:17px;-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:24px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
.swipe-opened .btn-swipe span{background-color:#FFF}
.swipe-opened .btn-swipe span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:8px;left:4px}
.swipe-opened .btn-swipe span:nth-child(2){width:0%;opacity:0}
.swipe-opened .btn-swipe span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:25px;left:4px}

/* .swipe */
.swipe{position:fixed;top:-100%;right:0;width:100%;overflow:auto;z-index:10;text-align:center;background-color:#A2DBD7;transition:all .6s cubic-bezier(.7, 0, .3, 1);visibility:hidden;height:100vh}
.swipe-opened .swipe{top:0;visibility:visible}
.swipe ul{color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;transition-delay:0s}
.swipe-opened .swipe ul{opacity:1;transition-delay:.4s}
.swipe ul li a{padding:5px 0}
.swipe ul li a:hover{color:#010202}
.swipe .slave{display:none}

/* map */
.map-wrapper{height:35vw}
.map-wrapper .map{height:100%;width:100%}

.master-wrapper{display:inline-block;width:100%}

header.master{position:fixed;width:100%;height:126px;top:0;z-index:9;background-color:#FFF;transition:top .2s ease}
.nav-up header.master{top:-126px}
.logo.master{position:fixed;width:145px;height:50px;top:35px;background-size:100%;background-position:center;background-repeat:no-repeat;background-image:url('../imgs/isologo.svg');z-index:11;left:calc(50% - 72px);transition:top .2s ease}
.nav-up .logo.master{top:-126px}
.swipe-opened .logo.master{background-image:url('../imgs/isologo_negative.svg')}

nav.slave{position:fixed;width:100%;top:126px;z-index:9;background-color:#FFF;border-top:1px solid #b2b2b2;transition:top .2s ease}
.nav-up nav.slave{top:-41px}
nav.slave ul{display:table;margin:0 auto}
nav.slave ul li{float:left;width:calc((100vw - 30px) / 12 * 2)}
nav.slave ul li a{line-height:40px;color:#b2b2b2}
nav.slave ul li.selected a{color:#4f4f4f}

.footer-nav{width:100%;background-color:#A2DBD7;line-height:40px!important;border-top:1px solid #FFF;color:#FFF;display:block}
.footer-nav.transparent{background:transparent;color:#b2b2b2;border-color:#b2b2b2}

footer.master{width:100%;height:126px;background-color:#FFF;display:table}
footer.master .logo{width:53px;height:24px;margin:50px auto 0;background-size:100%;background-position:center;background-repeat:no-repeat;background-image:url('../imgs/iso.svg');display:table}

main{width:100%;position:relative;height:calc(100vh - 126px);margin-top:126px}
main h1{position:absolute;text-transform:uppercase;font-weight:700;z-index:1;color:#FFF;text-align:center;width:100%;top:46%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%)}
main h1 span.fs-s{text-transform:none;display:block;font-size:18px;line-height:30px;font-weight:800}

main footer.slave{position:absolute;bottom:0;left:0;z-index:2;right:0;width:100%;padding:0 20px;border-top:1px solid rgba(255,255,255,.6);display:table}
main footer.slave a{line-height:40px;color:#FFF;width:100%;text-align:center;display:inline-block}
main footer.slave span.slider-count{line-height:40px;color:#FFF;position:absolute;right:15px}
main footer.slave span.slider-count span{font-size:inherit;color:inherit;font-family:inherit}
main footer.slave span.slider-count small{font-size:inherit;color:inherit;opacity:.6;font-family:inherit}

section{width:100%;padding:calc((100vw - 30px) / 18) calc((100vw - 30px) / 12);display:table}
section.bk-green{background-color:#A2DBD7}

.slider{width:100%;height:100%}
.slider div.slide{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.slider div.slide > a{width:100%;height:100%;display:block}

.slider div.slide.lazy{overflow:hidden}
.slider div.slide.lazy img{position:absolute}

/* .page-index */
.page-index .location .right{height:35vw;position:relative}
.page-index .location .btn-wrapper{position:absolute;bottom:0;left:0}
.page-index .location .btn-wrapper .btn{margin-top:20px;display:table}


@media (max-width: 1024px){
	.fs-xl{font-size:calc(.5vw + 36px);line-height:calc(.5vw + 40px)}
	.fs-l{font-size:calc(.5vw + 28px);line-height:calc(.5vw + 34px)}
	.fs-l.ff-maison{font-size:calc(.1vw + 24px);line-height:calc(.1vw + 30px)}
	.fs-m{font-size:calc(.05vw + 14px);line-height:calc(.05vw + 18px)}
	.fs-s{font-size:calc(.05vw + 12px);line-height:calc(.05vw + 18px)}

	/* columns */
	.w-cccccccc{width:calc((100vw - 30px) / 12 * 8)}
	.w-ccccc{width:calc((100vw - 30px) / 12 * 5)}
	.w-cccc{width:calc((100vw - 30px) / 12 * 5)}
	.w-ccc{width:calc((100vw - 30px) / 12 * 4)}
	.w-cc{width:calc((100vw - 30px) / 12 * 4)}
}

@media (max-width: 800px){
	/* columns */
	.w-cccccccc{width:100%}
	.w-ccccc{width:100%}
	.w-cccc{width:100%}
	.w-ccc{width:100%}
	.w-cc{width:100%}
	
	section > *{margin-bottom:30px}
	
	.page-index .location .right{height:auto;position:relative}
	.page-index .location .btn-wrapper{position:static}
}

@media (max-width: 600px){
	.swipe .slave{display:block}
	.swipe .submenu{display:none}
	nav.slave{display:none}
}

@media (max-height: 660px){
	.swipe ul{position:static;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;top:unset;left:unset;margin:140px 0 50px}
}







































/* 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, .slick-next.slick-disabled { cursor:default }

.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_white.svg'), auto}
[dir="rtl"] .slick-prev { left: auto; right: 0; }

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

/* Dots */
.slick-dots { position: absolute; bottom: 90px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; 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; font-size:34px;}
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px;font-size: 26px; line-height: 20px; text-align: center; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: white; opacity: 1;font-size: 34px; }