html { color: #000; background: #fff;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}table { border-collapse: collapse; border-spacing: 0;}fieldset, img { border: 0;}address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}ol, ul { list-style: none;}caption, th { text-align: left;}h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}q:before, q:after { content: '';}abbr, acronym { border: 0; font-variant: normal;}sup { vertical-align: text-top;}sub { vertical-align: text-bottom;}input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;}input, textarea, select { *font-size: 100%;}legend { color: #000;}* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}select, button, input { appearance: button; -moz-appearance: button; -webkit-appearance: button;}#layout, html, body { -webkit-overflow-scrolling: touch;}body { -webkit-text-size-adjust: 100%; overflow: hidden; overflow-y: auto;} html.unload body { overflow: hidden;}a { color: #444e53; text-decoration: none;}.publisher { display: none;}@font-face { font-family: 'Gotham Bold'; src: url('../font/gotham/Gotham-bold.eot'); src: url('../font/gotham/Gotham-bold.eot?#iefix') format('embedded-opentype'), url('../font/gotham/Gotham-bold.woff') format('woff'), url('../font/gotham/Gotham-bold.ttf') format('truetype'); font-weight: 300; font-style: normal;}@font-face { font-family: 'Gotham Light'; src: url('../font/gotham/gotham-light.eot'); src: url('../font/gotham/gotham-light.eot?#iefix') format('embedded-opentype'), url('../font/gotham/gotham-light.woff') format('woff'), url('../font/gotham/gotham-light.ttf') format('truetype'); font-weight: 300; font-style: normal;}@font-face { font-family: 'Gotham Medium'; src: url('../font/gotham/gotham-medium.eot'); src: url('../font/gotham/gotham-medium.eot?#iefix') format('embedded-opentype'), url('../font/gotham/gotham-medium.woff') format('woff'), url('../font/gotham/gotham-medium.ttf') format('truetype'); font-weight: 300; font-style: normal;}h1, h2, h3, h4, h5, h6, p { margin-top: 0;}p { margin-bottom: 15px; font-size: 16px; line-height: 160%;} @media (max-width: 767px) { p { font-size: 14px;}} p.smallprint { font-size: 10px; margin-top: -35px; margin-bottom: 40px; padding-left: 6px;}* > p:last-child { margin-bottom: 0;}::-webkit-scrollbar { width: 5px; height: 5px;}::-webkit-scrollbar-track { background: #eee; margin-right: 0; margin-top: 0;}::-webkit-scrollbar-thumb { background: #ccc;}input::selection, ::selection { color: #aca274; background: #eee;}input::-moz-selection, ::-moz-selection { color: #aca274; background: #eee;}.w.w25p { width: 25%;} .w.w50p { width: 50%;} .w.w75p { width: 75%;} .w.w100p { width: 100%;}.align-center { text-align: center;}.show-desktop { display: block;} @media (max-width: 767px) { .show-desktop { display: none;}}.show-mobile { display: none;} @media (max-width: 767px) { .show-mobile { display: block;}}.row { margin: 0 -40px;} @media (max-width: 767px) {} .row:after { content: ""; clear: both; display: table;}.col { width: 100%; position: relative; min-height: 1px; float: left;} .col-bg-fff { background: white;} .col-bg-orange { background: #ffb179;} .col-height-50vh { min-height: 50vh;} @media (max-width: 767px) { .col-height-50vh { min-height: 0;}} .col-height-100vh { min-height: 100vh;} @media (max-width: 767px) { .col-height-100vh { min-height: 0;}} @media (max-width: 1100px) { html.isiPad .col-height-100vh { min-height: 768px;}} @media (max-width: 1000px) { html.isiPad .col-height-100vh { min-height: 1024px;}} @media (max-width: 767px) { .col-padding-bottom-mobile-0 { padding-bottom: 0 !important;}} .col-padding-40 { padding: 40px;} .col-padding-60 { padding: 60px;} .col-padding-nav { padding-top: 160px;} @media (max-width: 767px) { .col-padding-nav { padding-top: 40px;}} .row .col { width: calc(100% - 20px); padding: 40px;} .col.col2 { width: 50%;} .row .col.col2 { width: calc(50% - 0); padding: 40px;} .col.col3 { width: 33.33%;} .row .col.col3 { width: calc(33.33% - 0); padding: 40px;} @media (max-width: 1000px) { .col.col3 { width: 50%;}} .col.col3x2 { width: 66.66%;} @media (max-width: 1000px) { .col.col3x2 { width: 50%;}} .col.col4 { width: 25%;} .col.col4x3 { width: 75%;} .col.col5 { width: 20%;} .col.col5x4 { width: 80%;} .col.col5x3 { width: 60%;} .col.col5x2 { width: 40%;} .col.col6 { width: 16.66%;} @media (max-width: 767px) { .col { width: auto !important; float: none;}}html.loadend #loading { transform: translateX(-100%);}#loading .line { transition: ease-in-out 4s; -o-transition: ease-in-out 4s; -ms-transition: ease-in-out 4s; -moz-transition: ease-in-out 4s; -webkit-transition: ease-in-out 4s;}#loading .wrap-box .box .line { width: 0%;}#loading .wrap-box .box .line.anim { width: 100%;}#loading .wrap-box .box, #loading .col.col5x3, #loading .col.col5x2, #loading .wrap-box { overflow: hidden;}#loading .col.col5x2 { width: 46%;}#loading .col.col5x3 { width: 54%;}#loading { background-color: #444e53; position: fixed; width: 100%; height: 100%; z-index: 2000; overflow: hidden; transition: 1s;}#loading .col.col5x3, #loading .col.col5x2 { height: 100%;}#loading .wrap-box { position: absolute; width: 4000px; height: 4000px; left: 50%; top: 60%; -o-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); overflow: hidden; } @media (max-width: 767px) { #loading .wrap-box { top: 70%;}}#loading .wrap-box .box { width: 200%; position: absolute; overflow: hidden; background-color: #444e53; }#loading .wrap-box .box.l { -o-transform: translateY(-50%) translateX(-50%) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(45deg); top: 1454px; z-index: 1; left: 50%; }#loading .wrap-box .box.r { -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg); transform: translateY(-50%) translateX(-50%) rotate(-45deg); left: -1358px; top: 1698px; z-index: 2;}#loading .wrap-box .box.tl { -o-transform: translateY(-50%) translateX(-50%) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(45deg); left: 1432px; z-index: 1; bottom: 360px;}#loading .wrap-box .box.tt { z-index: 1; -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg); transform: translateY(-50%) translateX(-50%) rotate(-45deg); left: 1024px; top: -221px;}#loading .obl_top_grey { -o-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(-45deg); transform: translateY(-50%) translateX(-50%) rotate(-45deg); top: 898px; left: 1132px; z-index: 5; position: absolute; width: 100%;}#loading .obl_top_grey_sec { width: 100%; z-index: 6; position: absolute; top: 0; left: 0; -o-transform: translateY(-50%) translateX(-50%) rotate(-90deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(-90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(-90deg); transform: translateY(-50%) translateX(-50%) rotate(-90deg);}#loading .obl_top_trapez { position: absolute; width: 100%; z-index: 7; top: 245px; left: -230px; -webkit-perspective: 1000px; perspective: 1000px; -o-transform: skew(45deg, 0deg); -moz-transform: skew(45deg, 0deg); -webkit-transform: skew(45deg, 0deg); -ms-transform: skew(45deg, 0deg); transform: skew(45deg, 0deg);}#loading .wrap-box .obl_top_trapez .box { width: 500px;}#loading .wrap-box .obl_top_grey_sec .box { width: 100%;}#loading .wrap-box .box.tr .line, #loading .wrap-box .box.dko .line, #loading .wrap-box .box.dk .line { background-color: #2d373b;}#loading .left_small_bx { width: 100%; overflow: hidden; position: absolute; top: 1597px; left: 1831px; -o-transform: translateY(-50%) translateX(-50%) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(-45deg); z-index: 10; height: 1527px;}#loading .wrap-box .line { width: 100%; height: 15px; background-color: #ffb179; display: block; margin-bottom: 15px;}#loading .bottBox { position: absolute; width: 100%; top: 1652px; height: 100%; left: 0; z-index: 4; overflow: hidden;}#loading .logo { position: absolute; width: 189px; height: 195px; background-color: #444e53; top: 45.53%; left: 50%; z-index: 10; -o-transform: translateY(-50%) translateX(-50%) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(-45deg);}#loading .logo span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: center; background-size: 100%; display: block; -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0;}#loading .logo span h1 { text-indent: -9999px; opacity: 0;}.container { width: auto; position: relative; margin: 0 auto; min-height: 1px;} .container.max { max-width: 1400px;}.title-page { letter-spacing: 0px; font-size: 28px; margin: 0; text-transform: uppercase; color: #444e53; font-family: 'Gotham Bold';} @media (max-width: 767px) { .title-page { font-size: 24px;}} .title-page.mtop { padding-top: 40px; margin-top: 0;} .title-page.mbottom { margin-bottom: 40px;} .title-page.mleft { margin-left: 40px;} .title-page.white { color: white;} .title-page.orange { color: #ffb179;} .title-page:before { content: '- '; color: #ffb179;}.mainheader { position: fixed; top: 0; left: 0; width: 100%; height: 120px; z-index: 90;} .mainheader span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s; visibility: hidden; opacity: 0;} .mainheader span.transparent { background-color: transparent;} .mainheader span.white { background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);} .mainheader span.orange { background-color: rgba(255, 177, 121, 0.9);} .mainheader span.dark { background-color: rgba(68, 78, 83, 0.9); box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);} .mainheader span.active { visibility: visible; opacity: 1;} @media (max-width: 767px) { .mainheader { background-color: #fff; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.05); width: 60px; height: 60px;} .mainheader span { display: none !important;}}.mainnav { z-index: 100; position: fixed; top: 42px; left: 40px; width: 30px; height: 40px; overflow: hidden; cursor: pointer;} .mainnav span { width: 100%; height: 6px; margin: 5px 0; display: block; background: #ffb179; transition: 1s;} html.unload .mainnav span { opacity: 0; transform: translateX(20px);} .mainnav span:nth-child(2) { transition-delay: 0.3s;} .mainnav span:nth-child(3) { transition-delay: 0.6s;} @media (max-width: 767px) { .mainnav { top: 10px; left: 15px;}}.maintitle { z-index: 100; position: fixed; top: 40px; left: 90px; font-size: 36px; text-transform: uppercase; letter-spacing: 3px; overflow: hidden; height: 40px; overflow: hidden; transition: 2s;} html.unload .maintitle { opacity: 0; transform: translateX(20px);} .maintitle ul { transition: 0.5s; margin-top: 0;} .maintitle li { height: 40px; line-height: 40px; color: #ffb179; font-family: 'Gotham Bold';} .maintitle li.b { color: #444e53;} @media (max-width: 767px) { .maintitle { display: none !important;}}.nav__close { transition: 0.7s; background-image: url(../img/icons/close.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; height: 57px; width: 57px; display: block; position: fixed; top: 32px; left: 26px; transition: 0.7s; cursor: pointer; z-index: 1001; opacity: 0; visibility: hidden;} html.show-nav-image .nav__close { opacity: 1; visibility: visible;} @media (max-width: 767px) { .nav__close { top: 10px; left: 10px; width: 40px; height: 40px;}} .nav__header { position: fixed; height: 100px; background: rgba(255, 255, 255, 0.9); width: 100%; left: 0; top: 0; z-index: 10; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); display: none; overflow: hidden; transition: 1s;} @media (max-width: 1000px) { .nav__header { height: 80px;}} html.show-slide-1 .nav__header { height: 0;} html.hn .nav__header { display: block;} @media (max-width: 767px) { html.hn .nav__header { display: none;}} .nav__box { position: fixed; top: 0; right: -100%; left: 100%; height: 100%; z-index: 1000; text-align: right; color: white; transition: 0.7s;} html.show-nav.show-nav-image .nav__box { right: 0; left: 0;} .nav__box > ul { position: absolute; top: 50%; right: 60px; transform: translateY(-50%);} @media (max-width: 767px) { .nav__box > ul { right: 20px;}} .nav__box > ul > li { padding: 10px; font-size: 40px; text-transform: uppercase; letter-spacing: 3px; cursor: pointer; opacity: 0; color: #fff; background-color: #fff; background-repeat: no-repeat; background-size: 0 100%; background-position: 100% 0; transition: 0.3s; transform: translateX(-40px); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Gotham Bold';} .nav__box > ul > li.active, .nav__box > ul > li:hover { background-size: 100% 100%; background-color: #ffb179;} .nav__box > ul > li:nth-child(1) { transition-delay: 0.7s;} .nav__box > ul > li:nth-child(2) { transition-delay: 0.8s;} .nav__box > ul > li:nth-child(3) { transition-delay: 0.9s;} .nav__box > ul > li:nth-child(4) { transition-delay: 1s;} .nav__box > ul > li:nth-child(5) { transition-delay: 1.1s;} .nav__box > ul > li:nth-child(6) { transition-delay: 1.2s;} .nav__box > ul > li:nth-child(7) { transition-delay: 1.3s;} .nav__box > ul > li:nth-child(8) { transition-delay: 1.4s;} .nav__box > ul > li:nth-child(9) { transition-delay: 1.5s;} html.show-nav.show-nav-image .nav__box > ul > li { transform: translateX(0); opacity: 1;} html.show-nav-end .nav__box > ul > li { transition-delay: 0s !important;} .nav__box > ul > li ul li { font-size: 16px; -webkit-text-fill-color: white; color: white;} @media (max-width: 767px) { .nav__box > ul > li ul li { display: none;}} .nav__box > ul > li ul li:after { content: ''; position: relative; margin-top: -4px; width: 14px; height: 14px; display: block; display: inline-block; margin-left: 5px; vertical-align: middle; background-image: url(../img/logo_a-white.svg); background-position: center center; background-repeat: no-repeat;} @media (max-width: 767px) { .nav__box > ul > li ul li:after { display: none;}} @media (max-width: 767px) { .nav__box > ul > li ul li { font-size: 10px;}} @media (max-width: 767px) { .nav__box > ul > li { font-size: 20px; padding: 10px 0;}} .nav__button { position: fixed; top: 60px; left: 60px; height: 40px; min-width: 40px; z-index: 1000; overflow: hidden; transition: 0.5s;} @media (max-width: 1000px) { .nav__button { top: 30px; left: 30px;}} @media (max-width: 767px) { .nav__button { top: 0; left: 0; height: 40px; width: 40px; background-color: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}} @media (max-width: 767px) { html.show-nav .nav__button { background-color: transparent; box-shadow: none;}} html.hn .nav__button { top: 30px;} @media (max-width: 1000px) { html.hn .nav__button { top: 20px;}} .nav__overlay { background-color: #444e53; position: fixed; bottom: 0; top: 0; right: 0; bottom: 0; transform-origin: 0% 100%; z-index: 900; transition: 0.7s; margin-left: 0; transform: skew(0); left: 110%;} html.show-nav .nav__overlay { margin-left: -600px; transform: skew(-22deg); left: 0;} html.isMobile .nav__overlay { transform: skew(0);} .nav__overlay__box { background-color: #444e53; z-index: 10; top: 0; bottom: 0; right: 0; position: absolute; left: 0; transition: 0.7s;} html.show-nav.show-nav-image .nav__overlay__box { left: 50%;} @media (max-width: 767px) { html.show-nav.show-nav-image .nav__overlay__box { left: 50%; left: 660px;}} .nav__overlay__image { position: absolute; top: 0; bottom: 0; left: 0; background-color: white; transform: skew(22deg); width: 50%; margin-left: 400px; transition: 0.7s;} html.isMobile .nav__overlay__image { transform: skew(0);} .nav__overlay__image span { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; transition: 0.7s; opacity: 0;} .nav__overlay__image span:nth-child(1) { opacity: 1;} html.nav-image-1 .nav__overlay__image span:nth-child(2) { opacity: 1;} html.nav-image-2 .nav__overlay__image span:nth-child(3) { opacity: 1;} html.nav-image-3 .nav__overlay__image span:nth-child(4) { opacity: 1;} html.nav-image-4 .nav__overlay__image span:nth-child(5) { opacity: 1;} html.nav-image-5 .nav__overlay__image span:nth-child(6) { opacity: 1;} html.nav-image-6 .nav__overlay__image span:nth-child(7) { opacity: 1;} html.nav-image-7 .nav__overlay__image span:nth-child(8) { opacity: 1;} html.nav-image-8 .nav__overlay__image span:nth-child(9) { opacity: 1;} .nav__overlay__image span:nth-child(1) { background-image: url(../img/bg/intro.png);} .nav__overlay__image span:nth-child(2) { background-image: url(../img/bg/intro2.jpg);} .nav__overlay__image span:nth-child(3) { background-image: url(../img/bg/accom2.jpg);} .nav__overlay__image span:nth-child(4) { background-image: url(../img/gallery/large/28.jpg);} .nav__overlay__image span:nth-child(5) { background-image: url(../img/map.png);} .nav__overlay__image span:nth-child(6) { background-image: url(../img/gallery/large/30.jpg);} .nav__overlay__image span:nth-child(7) { background-image: url(../img/gallery/large/9.jpg);} .nav__overlay__image span:nth-child(8) { background-image: url(../img/bg/intro2.jpg);} .nav__title { float: left; font-size: 36px; margin-left: 20px; text-transform: uppercase; letter-spacing: 3px; overflow: hidden; transition: 1.1s; cursor: default;} html.show-lightbox .nav__title, html.show-nav .nav__title { overflow: hidden; opacity: 0;} .nav__title ul { transition: 1.1s;} .nav__title ul li { height: 40px; line-height: 40px; transition: 0.5s; opacity: 0; color: #444e53; font-family: 'Gotham Bold';} .nav__title ul li:nth-child(2), .nav__title ul li:nth-child(3), .nav__title ul li:nth-child(7) { color: #ffb179;} html.show-slide-2 .nav__title ul { margin-top: -40px;} html.show-slide-2 .nav__title ul li:nth-child(2) { opacity: 1;} html.show-slide-3 .nav__title ul { margin-top: -80px;} html.show-slide-3 .nav__title ul li:nth-child(3) { opacity: 1;} html.show-slide-4 .nav__title ul { margin-top: -120px;} html.show-slide-4 .nav__title ul li:nth-child(4) { opacity: 1;} html.show-slide-5 .nav__title ul { margin-top: -160px;} html.show-slide-5 .nav__title ul li:nth-child(5) { opacity: 1;} html.show-slide-6 .nav__title ul { margin-top: -200px;} html.show-slide-6 .nav__title ul li:nth-child(6) { opacity: 1;} html.show-slide-7 .nav__title ul { margin-top: -240px;} html.show-slide-7 .nav__title ul li:nth-child(7) { opacity: 1;} html.show-slide-8 .nav__title ul { margin-top: -280px;} html.show-slide-8 .nav__title ul li:nth-child(8) { opacity: 1;} .nav__a { float: left; width: 40px; height: 40px; opacity: 0; position: relative; visibility: hidden; transition: 0.7s; cursor: pointer;} .nav__a span.line { height: 6px; width: 20px; background-color: #ffb179; position: absolute; top: auto; right: auto; bottom: auto; left: 0; opacity: 1; z-index: 100;} .nav__a span.line--top { top: 6px; width: 30px;} @media (max-width: 767px) { .nav__a span.line--top { top: 0; width: 20px;}} .nav__a span.line--middle { top: 18px; width: 30px;} @media (max-width: 767px) { .nav__a span.line--middle { top: 9px; width: 20px;}} .nav__a span.line--bottom { top: 30px; width: 30px;} @media (max-width: 767px) { .nav__a span.line--bottom { top: 18px; width: 20px;}} html.show-slide-2 .nav__a span.line { background-color: #ffb179;} html.show-slide-8 .nav__a span.line { background-color: #444e53;} html.show-nav .nav__a span.line { background-color: #ffb179;} @media (max-width: 767px) { .nav__a span.line { opacity: 1 !important;}} .nav__a span { background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; transition: 1.5s; opacity: 0;} html.show-slide-2 .nav__a, html.show-slide-3 .nav__a, html.show-slide-4 .nav__a, html.show-slide-5 .nav__a, html.show-slide-6 .nav__a, html.show-slide-7 .nav__a, html.show-slide-8 .nav__a { opacity: 1; visibility: visible;} @media (max-width: 767px) { .nav__a { width: 20px; height: 20px; margin: 10px 0 0 10px; opacity: 1; visibility: visible;}}@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}}@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}}.lightbox:after { content: ''; width: 48px; height: 48px; position: fixed; top: 50%; left: 50%; margin: -24px 0 0 -24px; margin: -30px 0 0 -30px; border-radius: 50%; border: 0.4rem solid rgba(255, 255, 255, 0.05); border-top-color: white; animation: spin 0.7s infinite linear; z-index: 10000; transition: 0.7s; opacity: 0; visibility: hidden;} html.show-lightbox .lightbox:after { opacity: 1; visibility: visible;} html.show-lightbox.show-lightbox-image .lightbox:after { opacity: 0; visibility: hidden;} .lightbox__overlay { background-color: #ffb179; position: fixed; bottom: 0; top: 0; right: 0; bottom: 0; transform-origin: 0% 100%; z-index: 900; transition: 0.7s; margin-left: 0; transform: skew(0); left: 110%;} html.show-lightbox .lightbox__overlay { margin-left: -600px; transform: skew(-22deg); left: 0;} html.isMobile .lightbox__overlay { transform: skew(0);} .lightbox__overlay__box { background-color: #ffb179; z-index: 10; top: 0; bottom: 0; right: 0; position: absolute; left: 0; transition: 0.7s;} html.show-lightbox.show-lightbox-image .lightbox__overlay__box { left: 100%;} .lightbox__overlay__image { position: absolute; top: 0; bottom: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; transform: skew(22deg); left: 600px; right: 0px; transition: 0.7s; transform-origin: 0% 100%;} html.isMobile .lightbox__overlay__image { transform: skew(0);} .lightbox__overlay__image a.download { transition: 0.7s; background-color: rgba(255, 177, 121, 0.95); background-image: url(../img/icons/ico-download-white.svg); background-repeat: no-repeat; background-position: center center; background-size: 40%; height: 57px; width: 57px; display: block; position: absolute; bottom: 0; transition: 0.7s; left: -60px; display: none;} html.show-lightbox.show-lightbox-image .lightbox__overlay__image a.download { left: 0;} .lightbox__overlay__image a.close { transition: 0.7s; background-image: url(../img/icons/close.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; height: 57px; width: 57px; display: block; position: absolute; top: 32px; right: 26px; transition: 0.7s; display: none; cursor: pointer;} .lightbox__overlay__image a.download.show { display: block;} .lightbox__overlay__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;} .lightbox__overlay__image span { display: block; position: absolute; right: 0; bottom: -100px; background-size: cover; background-position: center center; transition: 0.7s; background-color: rgba(68, 78, 83, 0.9); text-align: right; padding: 20px 25px; color: #ffb179; text-transform: uppercase; font-size: 13px; letter-spacing: 2px;} html.show-lightbox.show-lightbox-image .lightbox__overlay__image span { bottom: 0;} .lightbox__overlay__image b.close { height: 57px; width: 57px; background: #ffb179; top: 0; right: 0; z-index: 1000; position: absolute; display: block; cursor: pointer; background-image: url(../img/icons/close-fff.svg); background-repeat: no-repeat; background-position: center center; background-size: 32px; display: none;} html.show-lightbox .lightbox__overlay__image b.close { display: block;}.overlay { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; display: none;} html.show-overlay .overlay { display: block;}html, body { color: #666; font-family: 'Gotham Light', sans-serif; font-weight: 500;}html, body, #layout { height: 100%;}.slide, .page { min-height: 100%;} @media (max-width: 767px) { .slide, .page { min-height: 0;}} @media (max-width: 1100px) { html.isiPad .slide, html.isiPad .page { min-height: 768px;}} @media (max-width: 1000px) { html.isiPad .slide, html.isiPad .page { min-height: 1024px;}}.section { position: relative;} .section .bg-eee { background-color: #eee;} .section .bg-white, .section .bg-fff { background-color: #fff;} .section .bg-999 { background-color: #999;} .section:after { content: ""; clear: both; display: table;}ul.list-v1 li { margin-bottom: 20px; padding-left: 20px; position: relative;} html.isiPad ul.list-v1 li { font-size: 14px;} ul.list-v1 li:before { position: absolute; top: 50%; left: 0; width: 6px; height: 6px; background: #ffb179; transform: translateY(-50%) rotate(45deg); content: '';}.table-v1 { width: 100%; font-size: 15px; margin-bottom: 40px;} .table-v1 td, .table-v1 th { border-bottom: 0.5px solid #dbdcdd; padding-bottom: 10px; padding-top: 10px; padding-left: 5px; padding-right: 5px; transition: 0.5s;} .table-v1 th { color: #2d373b; font-family: 'Gotham Bold'; padding-top: 0; text-transform: uppercase;} .table-v1 tr td:last-child, .table-v1 tr th:last-child { text-align: right;} .table-v1 tr.hover:hover td { background: #ffb179;} .table-v1 tr.hover.active td { background: #ffb179;} .table-v1 .em { color: #ffb179;}.gallery-box { position: absolute; background-color: #eee; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer;} .gallery-box .title { position: absolute; display: block; background-color: rgba(68, 78, 83, 0.9); padding: 10px; right: 0; bottom: 0; font-size: 10px; color: #ffb179; text-transform: uppercase;} @media (max-width: 767px) { .gallery-box { cursor: default;}}.page { position: relative; overflow: hidden;} .page-bg-fff { background-color: white !important;} .page-bg-f5f5f5 { background-color: #f5f5f5 !important;} .page:after { clear: both; content: ''; display: block;} .page h3 { letter-spacing: 2px; font-size: 24px; padding-bottom: 40px; border-bottom: 2px solid #ffb179; margin-bottom: 40px; text-transform: uppercase; color: #ffb179; font-family: 'Gotham Bold'; position: relative;} @media (max-width: 767px) { .page h3 { font-size: 20px;}} .page h3.nopad { padding-bottom: 0;} .page h4 { letter-spacing: 2px; font-size: 18px; margin-bottom: 30px; text-transform: uppercase; color: #ffb179; font-family: 'Gotham Bold'; line-height: normal;} @media (max-width: 767px) { .page h4 { font-size: 16px;}} .page.none { min-height: 0 !important;} .page-height-auto { min-height: 0;} .page-texture { background-image: url(../img/texture.png); background-position: top left; background-repeat: no-repeat; background-size: 75%;} .page-padding { padding: 40px;} .page-padding-nav { padding-top: 160px;} @media (max-width: 767px) { .page-padding-nav { padding-top: 40px;}} .page .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed;} html.isMobile .page .bg { background-attachment: scroll;} @media (max-width: 767px) { .page .bg { background-attachment: scroll; width: 100%; position: relative; min-height: 320px;}} .page-height-auto { min-height: 0;} .page .box-text { position: absolute; top: 0; right: 0; bottom: 0; width: 33.33%; background-color: rgba(68, 78, 83, 0.9); color: white; z-index: 10; min-width: 300px; transition: 2s;} @media (max-height: 700px) { .page .box-text { width: 50%;}} .page .box-text .arrow-side { width: 30px; height: 30px; position: absolute; cursor: pointer;} .page .box-text .arrow-side:after { content: ''; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(../img/icons/arrow-right.svg);} @media (max-width: 767px) { .page .box-text .arrow-side { display: none;}} .page .box-text .arrow-side--bottom-left { bottom: 0; left: 0; margin-left: -30px;} .page .box-text .arrow-side--bottom-right { bottom: 0; right: 0; margin-right: -30px; transform: rotate(-180deg);} .page .box-text .arrow-side--dark { background-color: #444e53;} .page .box-text .arrow-side--light { background-color: #fff;} .page .box-text .arrow-down { width: 30px; height: 30px; position: absolute; cursor: pointer;} .page .box-text .arrow-down:after { content: ''; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(../img/icons/arrow-down.svg);} @media (max-width: 767px) { .page .box-text .arrow-down { display: none;}} .page .box-text .arrow-down--bottom-left { bottom: 0; left: 0;} .page .box-text .arrow-down--bottom-right { bottom: 0; right: 0;} .page .box-text .arrow-down--dark { background-color: #444e53;} .page .box-text .arrow-down--light { background-color: #fff;} @media (max-width: 1000px) { .page .box-text { width: 50%; top: auto; bottom: 0;}} @media (max-width: 767px) { .page .box-text { width: 100%; position: relative; background-color: #444e53;}} .page .box-text.v-left { transform: translateX(-100%); opacity: 0;} @media (max-width: 767px) { .page .box-text.v-left { transform: translateX(0); opacity: 1;}} html.isMobile .page .box-text.v-left { transform: translateX(0); opacity: 1;} .page .box-text.v-right { transform: translateX(100%); opacity: 0;} @media (max-width: 767px) { .page .box-text.v-right { transform: translateX(0); opacity: 1;}} html.isMobile .page .box-text.v-right { transform: translateX(0); opacity: 1;} html.slidepage-0 .page .box-text.v.box-text-0, html.slidepage-1 .page .box-text.v.box-text-1, html.slidepage-2 .page .box-text.v.box-text-2 { transform: translateX(0); transition-delay: 1s; opacity: 1;} .page .box-text.hide { opacity: 1 !important; transition-delay: 0s !important;} .page .box-text.hide.v-left { transform: translateX(-100%) !important;} @media (max-width: 767px) { .page .box-text.hide.v-left { transform: translateX(0) !important;}} .page .box-text.hide.v-right { transform: translateX(100%) !important;} @media (max-width: 767px) { .page .box-text.hide.v-right { transform: translateX(0) !important;}} .page .box-text.hide .arrow-side--bottom-right { transform: rotate(0);} .page .box-text.hide .arrow-side--bottom-left { transform: rotate(180deg);} .page .box-text-bottom { top: auto; left: 0; right: auto; width: 50%; background-color: rgba(255, 255, 255, 0.9); color: #444e53;} .page .box-text-bottom h3 { color: #444e53;} @media (max-width: 767px) { .page .box-text-bottom { width: 100%;}} .page .box-text .scroll { padding: 40px;} .page .box-text .scroll .logo { margin: 0 auto 40px; background-image: url(../img/logo.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; width: 70%; height: 20vh;} .page .box-text .scroll p { font-size: 16px; line-height: 160%; margin-bottom: 20px;} .page .box-text .scroll p.main { font-size: 18px; font-weight: bold;} html.isiPad .page .box-text .scroll p.main { font-size: 16px;}html.unload .page-introduction { overflow-y: scroll;} @media (max-width: 1000px) { .page-introduction .box-text.box-text-0 { top: 0; bottom: auto;}}.page-accommodation .pdf { text-decoration: none; padding-right: 12px; font-size: 16px; position: relative; transition: 0.3s; display: block; float: right;} .page-accommodation .pdf:after { float: right; margin-left: 8px; display: inline-block; width: 16px; height: 16px; content: ''; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(../img/icons/ico-download-grey.svg);} @media (max-width: 767px) { .page-accommodation #floors { margin: -80px -40px 0;}} .page-accommodation #floors div { display: none;} .page-accommodation #floors div.active { display: block;} @media (max-width: 767px) { .page-accommodation #floors div { display: block;}} .page-accommodation #floors div span { color: #999; font-family: 'Gotham Bold'; padding-top: 0; text-transform: uppercase; display: block; text-align: center;} .page-accommodation #floors .compass { position: absolute; background-image: url(../img/floors/compass.svg); background-repeat: no-repeat; background-position: center center; display: block; width: 50px; height: 50px; margin: -15px 0 0 22px;} @media (max-width: 767px) { .page-accommodation #floors .compass { margin: 0 auto 20px; position: static; display: none;}} .page-accommodation #floors img { display: block; width: 100%; margin-top: -40px;} @media (max-width: 767px) { .page-accommodation #floors img { margin-top: -20px;}}.page-local-amenities { background-color: #f5f5f5;} @media (max-width: 1000px) { .page-local-amenities .col-exception { width: 100%; min-height: 50vh;}} @media (max-width: 767px) { .page-local-amenities .col-exception { min-height: 0;}} @media (max-width: 1100px) { html.isiPad .page-local-amenities .col-exception { min-height: 384px;}} @media (max-width: 1000px) { html.isiPad .page-local-amenities .col-exception { min-height: 512px;}} .page-local-amenities .gallery-box--a1 { padding-bottom: 80%; position: static; width: calc(100% + 40px); margin-left: -20px; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15); margin-top: 40px;} @media (max-width: 767px) { .page-local-amenities .gallery-box--a1 { padding-bottom: 60%; width: 100%; margin-left: 0px;}} .page-local-amenities .gallery-box--a2 { padding-bottom: 80%; position: static; margin-top: 20px; width: calc(100% + 40px); margin-left: -20px; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 767px) { .page-local-amenities .gallery-box--a2 { padding-bottom: 60%; width: 100%; margin-left: 0px;}} .page-local-amenities .gallery-box--a3 { margin-top: 20px; padding-bottom: 80%; position: static; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 1000px) { .page-local-amenities .gallery-box--a3 { width: calc(100% - 20px);}} @media (max-width: 767px) { .page-local-amenities .gallery-box--a3 { padding-bottom: 60%; width: calc(100% - 80px); margin-left: 40px;}} .page-local-amenities .gallery-box--a4 { padding-bottom: 80%; position: static; margin-top: 20px; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 1000px) { .page-local-amenities .gallery-box--a4 { width: calc(100% - 20px);}} @media (max-width: 767px) { .page-local-amenities .gallery-box--a4 { padding-bottom: 60%; width: calc(100% - 80px); margin-left: 40px;}} .page-local-amenities .gallery-box--a5 { padding-bottom: 120%; position: static; margin-top: 20px; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 1000px) { .page-local-amenities .gallery-box--a5 { width: calc(100% - 20px);}} @media (max-width: 767px) { .page-local-amenities .gallery-box--a5 { padding-bottom: 60%; width: calc(100% - 80px); margin-left: 40px;}} .page-local-amenities .gallery-box--a6 { padding-bottom: 200%; position: static; margin-top: 20px; margin-left: 20px; width: calc(100% - 40px); box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 1000px) { .page-local-amenities .gallery-box--a6 { padding-bottom: 80%;}} @media (max-width: 767px) { .page-local-amenities .gallery-box--a6 { padding-bottom: 60%; width: calc(100% - 80px); margin-left: 40px;}} .page-local-amenities .gallery-box--1 { top: 0; right: 0; left: 0; top: 20px; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15); right: 20px; height: auto; bottom: 20px;} @media (max-width: 767px) { .page-local-amenities .gallery-box--1 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-local-amenities .gallery-box--2 { box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15); bottom: calc(25% + 20px); right: 20px; left: 20px; height: 25%;} @media (max-width: 767px) { .page-local-amenities .gallery-box--2 { top: auto; right: auto; bottom: auto; left: auto; position: relative; height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-local-amenities .gallery-box--3 { box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15); bottom: 0; right: 20px; left: 20px; height: 25%;} @media (max-width: 767px) { .page-local-amenities .gallery-box--3 { top: auto; right: auto; bottom: auto; left: auto; position: relative; height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-local-amenities .gallery-box--7 { top: 20px; right: 0; left: 0; height: 30%; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 767px) { .page-local-amenities .gallery-box--7 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-local-amenities .gallery-box--8 { top: calc(30% + 40px); right: 0; left: 0; bottom: 33%; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 767px) { .page-local-amenities .gallery-box--8 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-local-amenities .gallery-box--9 { top: calc(66% + 30px); right: 0; left: 0; bottom: 0; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 767px) { .page-local-amenities .gallery-box--9 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-local-amenities .gallery-box--4 { top: 20%; right: 0; left: 20px; height: 60%; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 1000px) { .page-local-amenities .gallery-box--4 { top: 20px; height: calc(100% - 40px); bottom: 20px;}} @media (max-width: 767px) { .page-local-amenities .gallery-box--4 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}}.page-location h4 { margin: 0 0 10px;} .page-location ol li, .page-location ul li { padding: 5px; cursor: default; transition: 0.5s; font-size: 14px;} .page-location .col-legend { display: flex; flex-wrap: wrap; padding-bottom: 30px;} .page-location .col-legend .legend { padding: 20px 40px; width: 50%; flex-grow: 1;} .page-location .col-legend .legend li.active, .page-location .col-legend .legend li:hover { color: white;} .page-location .col-legend .legend.black h4 { color: #000;} .page-location .col-legend .legend.black li.active, .page-location .col-legend .legend.black li:hover { background-color: #000;} .page-location .col-legend .legend.gray h4 { color: #444e53;} .page-location .col-legend .legend.gray li.active, .page-location .col-legend .legend.gray li:hover { background-color: #444e53;} .page-location .col-legend .legend.orange h4 { color: #ffb179;} .page-location .col-legend .legend.orange li.active, .page-location .col-legend .legend.orange li:hover { background-color: #ffb179;} .page-location .col-legend .legend.blue h4 { color: #63b0bb;} .page-location .col-legend .legend.blue li.active, .page-location .col-legend .legend.blue li:hover { background-color: #63b0bb;} .page-location .col-legend .legend.green h4 { color: #80a157;} .page-location .col-legend .legend.green li.active, .page-location .col-legend .legend.green li:hover { background-color: #80a157;} .page-location .col-legend .legend.purple h4 { color: #a65a95;} .page-location .col-legend .legend.purple li.active, .page-location .col-legend .legend.purple li:hover { background-color: #a65a95;} @media (max-width: 767px) { .page-location .col-legend .legend { width: 100%; padding: 0 40px 20px;}} .page-location .gmap-button { position: absolute; top: -40px; right: -40px; width: 40px; height: 40px; background-color: #ffb179; background-size: 40%; background-position: center center; background-repeat: no-repeat; background-image: url(../img/icons/ico-location.svg); cursor: pointer; transition: 0.5s;} .page-location .gmap-button.active { background-color: #444e53;} @media (max-width: 767px) { .page-location .gmap-button { display: none;}} .page-location .col-gmap { width: 50%; position: absolute; top: 160px; bottom: 0; right: 0; z-index: 10; opacity: 0; visibility: hidden; transition: 0.5s;} @media (max-width: 767px) { .page-location .col-gmap { width: 100% !important; padding-bottom: 90%; position: relative; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; visibility: visible;}} .page-location .col-gmap #map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 20; background: #eee;} .page-location .col-gmap.active { opacity: 1; visibility: visible;} .page-location .col-map { width: 50%; position: absolute; top: 160px; bottom: 0; right: 0; overflow: hidden;} @media (max-width: 767px) { .page-location .col-map { position: static;}} .page-location .col-map svg { max-width: 720px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} @media (max-width: 767px) { .page-location .col-map svg { position: static; transform: none;}} .page-location .col-map svg .ppp { transition: 0.5s;} .page-location .col-map svg .ppp.active { opacity: 1 !important;} .page-location .col-map svg path.active { fill: red !important;} .page-location .col-map svg rect.active { fill: red !important;} .page-location .col-map svg.active .ppp { opacity: 0.2;}.page .well-connected img { width: calc(100% + 40px); margin: 0 0 0 -40px; width: 100%; margin: 0; min-height: 600px; max-width: 600px; margin: 0 auto; display: block; } @media (max-width: 767px) { .page .well-connected img { width: 100%; margin: 0; min-height: 0;}} .page .elizabeth-line { clear: both; padding: 0 40px 20px; margin-top: -20px;} @media (max-width: 767px) { .page .elizabeth-line { overflow: hidden; overflow-x: auto;}} .page .elizabeth-line img { width: 100%; min-width: calc(768px - 80px); max-width: 1024px; margin: 0 auto; display: block;} .page-communications .v2 .col { padding-bottom: 0;} .page-communications .v2 .col h3 { padding-bottom: 0; margin-bottom: 0;} .page-communications .communications-table:after { clear: both; display: block; content: '';} .page-communications .communications-table .ico-transport { height: 18px; margin-left: 10px; vertical-align: middle; float: right; margin-top: 2px;} .page-communications .communications-table table { width: calc(50% - 80px); margin: 40px 0 40px 40px; float: left;} .page-communications .communications-table table th { font-family: 'Gotham Bold'; text-transform: uppercase;} .page-communications .communications-table table th, .page-communications .communications-table table td { border-bottom: 0.5px solid #dbdcdd; padding: 7px 5px;} @media (max-width: 767px) { .page-communications .communications-table table { width: calc(100% - 80px); margin: 20px 40px;}} .page-communications .communications-table table td.sources { border-bottom: 0; font-size: 11px;} .page-communications .gallery-box--1 { top: 0; right: 0; left: 0; height: 50%; right: 0; height: calc(50% - 20px); box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 767px) { .page-communications .gallery-box--1 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-communications .gallery-box--2 { left: 0; width: 50%; height: 50%; top: 50%; height: 35%; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 1000px) { .page-communications .gallery-box--2 { height: 40%; bottom: auto; top: 50%;}} @media (max-width: 767px) { .page-communications .gallery-box--2 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}} .page-communications .gallery-box--3 { bottom: 0; right: 0; width: 50%; height: 50%; width: calc(50% - 20px); box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15);} @media (max-width: 1000px) { .page-communications .gallery-box--3 { height: 40%; bottom: auto; top: 50%;}} @media (max-width: 767px) { .page-communications .gallery-box--3 { top: auto; right: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px); height: auto; margin: 20px auto; padding-bottom: 60%;}}.page-downloads { background-color: #444e53;} .page-downloads h3 { border: 0; padding-bottom: 0; margin-bottom: 10px;} .page-downloads table { font-size: 16px; margin-bottom: 50px; width: 100%; color: white;} .page-downloads table td { border-bottom: 0.5px solid #fff; padding-top: 10px; padding-bottom: 10px;} .page-downloads ul.list { margin-bottom: 40px;} .page-downloads ul.list li a { color: white; border-bottom: 0.5px solid #dbdcdd; padding-bottom: 12px; padding-top: 12px; padding-left: 5px; padding-right: 5px; font-size: 15px; display: block; position: relative; transition: 0.5s;} .page-downloads ul.list li a:hover { background-color: #ffb179;} .page-downloads ul.list li a:after { right: 5px; top: 50%; transform: translateY(-50%); width: 55px; height: 16px; content: 'PDF'; position: absolute; background-size: contain; background-position: center right; background-repeat: no-repeat; background-image: url(../img/icons/ico-download-white.svg);} .page-downloads .download-image div, .page-downloads .download-image a { overflow: hidden; display: block; float: left; width: 23%; margin: 1%; padding-bottom: 14%; position: relative; background-color: white; border-radius: 3px; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.15); cursor: pointer;} @media (max-width: 767px) { .page-downloads .download-image div, .page-downloads .download-image a { width: 48%; padding-bottom: 28%;}} .page-downloads .download-image div span, .page-downloads .download-image a span { background-size: cover; background-position: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}@media (max-width: 767px) { .page-contacts .row .col.col2 { padding-top: 20px; padding-bottom: 0;}} .page-contacts p { font-size: 13px;} .page-contacts h3 { color: #444e53; margin: 0 0 20px; padding: 0; border: 0;} .page-contacts h5 { font-weight: bold; text-transform: uppercase;} .page-contacts .agent { margin-bottom: 20px; padding-right: 20px;} .page-contacts .agent .agent-logo { display: block; height: 60px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: left center;} .page-contacts .agent .agent-logo.logo-colliers { background-image: url(../img/icons/colliers.png);} .page-contacts .agent .agent-logo.logo-bnp { background-image: url(../img/icons/bnpparibas.png);} .page-contacts .agent .agent-logo.logo-great-portland-estates { background-image: url(../img/icons/ownedbyGPE.svg);} .page-contacts .powerby a { color: white;} .page-contacts .small { margin-bottom: 20px;} .page-contacts .small h5 { font-size: 11px;} .page-contacts .small p { font-size: 11px; line-height: normal;}.page-contacts .col.col2.small-text h3 { font-size: 16px;} .page-contacts .col.col2.small-text h5 { font-size: 14px;}img.seo-img { display: none;}small.legend { text-align: right; font-size: 11px; display: block; margin-top: 10px;}.div-flex { display: flex; min-height: 500px;} @media (max-width: 767px) { .div-flex { display: block;}} .div-flex .col { flex: 1;}