* { margin: 0; padding: 0; outline: none; border: none; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
html, body { position: relative; height: 100%; }
body { color: #333; font-family: Rajdhani, sans-serif; min-height: 540px; }
.title { box-sizing: border-box; font-size: 16px; font-weight: 400; letter-spacing: 1px; padding-top: 16px; position: absolute; top: 0; left: 0; background: #ffffff; width: 100%; height: 54px; z-index: 395;}
.title a { color: #333; text-decoration: none; position: relative; z-index: 400; padding: 16px 22px 0 20px; }
#menu-wrapper { position: absolute; top: 0; right: 0; z-index: 395; }
.menu { padding-top: 16px; padding-right: 12px; list-style-type: none; }
.menu li { display: inline-block; }
.menu li a { color: #333; font-size: 16px; font-weight: 400; text-decoration: none; letter-spacing: 1px; padding: 16px 10px; position: relative;}
.menu li a:after { transition: all 0.2s; top: -6px; left: 50%; margin-left: -6px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000; border-width: 6px;  }
.menu li a:hover:after, .menu a.current:after { top: -2px; }

/* GALLERIES */
.caption { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; }
.intro-caption { box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 100%; background-color:rgba(0,0,0,0.8); padding: 20px; }
.intro-slide  { color: white !important; }
strong { font-size: 15px; font-weight: 500; font-style: normal; margin-bottom: 3px; display: block; }
.caption p { color: #999; font-size: 15px; font-weight: 300; }
.caption .info { margin-top: 6px; }
.info-button { box-sizing: border-box; padding: 5px 6px 5px 4px; background-color: #3366cc; position: absolute; bottom: 26px; right: 22px; width: 28px; height: 28px; cursor: pointer; display: block; border-radius: 50%; text-align: center; transition: transform 0.2s; }
.info-button:hover { transform: scale(1.2); }
.info-button img { width: auto; height: 18px; }

/* INFO OVERLAY + TEXT PAGES */
.info-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 600; display: table; transform: translateY(-100%); }
.text-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; }
.active .info-inner { transform: translateY(100%); opacity: 1; transition: transform 0.4s, opacity 0.8s;}
.info-inner { vertical-align: middle; width: 100%; height: 100%; display: table-cell; background: white; opacity: 0; transition: transform 0.4s, opacity 0.8s; }
.text-inner { vertical-align: middle; width: 100%; height: 100%; display: table-cell; background: white; }
.info-content { box-sizing: border-box; height: 430px; margin-right: 20px; margin-top: 54px; margin-bottom: 54px; margin-left: 20px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #333; }
.info-content p { font-size: 15px; font-weight: 300; max-width: 50%; margin-bottom: 20px; }
.close-info { background-image: url(../imgs/close3.svg); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; box-sizing: border-box; background-color: #333; position: absolute; top: 12px; right: 22px; width: 28px; height: 28px; z-index: 500; cursor: pointer; display: block; border-radius: 50%; transition: background 0.2s;}
/*.close-info:hover { background-color: #993333; }*/
.close-info img { width: 24px; height: 24px; }

/* CONTACT */
.contact { color: inherit; font-weight: 500; line-height: 40px; background-repeat: no-repeat; background-position: left center; text-decoration: none; position: relative; height: 40px; padding-left: 34px; display: block; background-size: 24px 24px; }
.instagram { background-image: url(../imgs/instagram.svg); }
.tel { background-image: url(../imgs/phone.svg); }
.mob { background-image: url(../imgs/mobile.svg); }
.email { background-image: url(../imgs/email.svg); }
.credit { color: #333 !important; text-decoration: none; display: block; }
.credit:hover { text-decoration: underline; }

/* SWIPER CSS ADDITIONAL */
.gallery-container { position: absolute; top: 50%; left: 0; width: 100%; height: 410px; margin-top: -210px; }
.gallery-container .swiper-slide img { background-color: #ccc; height: 320px; width: auto; } 
.gallery-container .swiper-slide { display: block; color: #333; cursor: zoom-in; } 
.w174 { width: 174px; }
.w185 { width: 185px; }
.w212 { width: 212px; }
.w215 { width: 215px; }
.w224 { width: 224px; }
.w225 { width: 225px; }
.w227 { width: 227px; }
.w229 { width: 229px; } 
.w234 { width: 234px; }
.w238 { width: 238px; } 
.w241 { width: 241px; }
.w244 { width: 244px; }
.w246 { width: 246px; } 
.w248 { width: 248px; } 
.w249 { width: 249px; } 
.w250 { width: 250px; } 
.w251 { width: 251px; } 
.w252 { width: 252px; } 
.w253 { width: 253px; } 
.w255 { width: 255px; }
.w258 { width: 258px; }
.w320 { width: 320px; }
.w368 { width: 368px; }
.w381 { width: 381px; }
.w385 { width: 385px; }
.w401 { width: 401px; } 
.w402 { width: 402px; } 
.w414 { width: 414px; }
.w429 { width: 429px; } 
.w433 { width: 433px; } 
.w445 { width: 445px; } 
.w449 { width: 449px; } 
.w452 { width: 452px; }
.w455 { width: 455px; } 
.w457 { width: 457px; } 
.w458 { width: 458px; } 
.w469 { width: 469px; }
.w518 { width: 518px; }
.w639 { width: 639px; }
.navigation { line-height: 0; position: absolute; bottom: 22px; width: 100%; height: 50px; text-align: center; display: block; }
.arrow { vertical-align: middle; position: relative; width: 50px; height: 50px; cursor: pointer; display: inline-block; }
.arrow img { width: 50px; height: 50px; transition: transform 0.2s;}
.arrow-next:hover img { transform: translateX(8px); transition: transform 0.2s;}
.arrow-prev:hover img { transform: translateX(-8px); transition: transform 0.2s;}
.loading { width: 100%; height: 100%; margin-top: 20px; }
.swiper-lazy { opacity: 0; }
.swiper-lazy-loaded { opacity: 1; transition: opacity 0.4s; }
.intro-container .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.intro-container .swiper-slide { background-color: #e1e1e1; background-image: url(../imgs/stopwatch.svg); background-repeat: no-repeat; background-position: center; background-size: 30px 30px;  }
.intro-container { position: absolute; top: 54px; left: 0; right: 0; bottom: 0; }

/* SWIPER CSS OVERRIDES */
.swiper-pagination { line-height: 0; vertical-align: middle; position: relative; display: inline-block; }
.swiper-pagination-bullet { border: solid 8px #fff; transition: all 0.2s; margin: 2px;}
.swiper-pagination-bullet:hover { transform: scale(1.9); transition: all 0.3s; }
.swiper-pagination-bullet-active { transform: scale(1.9); }
.swiper-pagination-bullet { width: 4px; height: 4px; opacity: 1; }
.swiper-pagination-bullet-active { background: #333;}
.swiper-lazy-preloader { position: absolute; background-color: #e1e1e1; background-image: url(../imgs/stopwatch.svg); background-repeat: no-repeat; background-position: center; background-size: 30px 30px; left:0; right:0; top:0; bottom:90px; }

/* MEDIA QUERIES */
@media screen and (max-width: 980px) {
.info-content p { max-width: 100%; }
}

@media screen and (max-width: 866px) {
#menu-wrapper { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; height: 100%; transform: translateY(-100%); z-index: 390; }
.menu-icon { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; position: absolute; top: 0; right: 0; padding: 12px 22px; cursor: pointer; z-index: 395; }
.menu-icon span { display: block; width: 30px; height: 1px; background-color: black; margin: 6px 0; }
.menu { box-sizing: border-box; background-color: white; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: transform 0.4s, opacity 0.8s; z-index: 390; }
.open .menu { transform: translateY(100%); opacity: 1; z-index: 390; }
.menu { padding-top: 54px; padding-right: 0; }
.menu li { position: relative; width: 100% !important; }
.menu li a { box-sizing: border-box; width: 100%; padding: 16px 10px 16px 20px; border-bottom: 1px dotted black; display: block; }
.menu li:first-child a { border-top: 1px solid black; }
.menu li a:after { left: 0px; top: 50%; margin-top: -6px; border-top-color: #fff; border-left-color: #000; border-width: 6px;  }
.menu li a:hover:after, .menu a.current:after { left: 6px; top: 50%; }
.arrow { display: none; }
.swiper-pagination-bullet { border: solid 3px #fff; transition: all 0.2s; margin: 2px;}
.swiper-pagination-bullet:hover { transform: scale(1); opacity: 1; }
.swiper-pagination-bullet-active { transform: scale(1); opacity: 1 !important; }
.swiper-pagination-bullet { opacity: 0.2; }
.navigation { bottom: 0px; }
}

@media screen and (min-width: 866px) and (max-width: 960px) {
.title a { border-right: 1px solid black; }
.menu li a { padding: 16px 6px 16px 5px; }
.menu { padding-right: 16px;  }
}

@media screen and (max-width: 680px) {
.gallery-slide { pointer-events: none; }
}

@media screen and (max-width: 420px) {
.info-button { display: none; }
}