@charset "utf-8"; @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css); /** @license MyFonts Webfont Build ID 3715581, 2019-02-05T11:12:18-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Bodoni by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/bodoni/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: Bodoni-Italic by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/italic/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: BodoniCond by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/condensed/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: Bodoni-Bold by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/bold/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: Bodoni-BoldItalic by ParaType URL: https://www.myfonts.com/fonts/paratype/bodoni/bold-italic/ Copyright: Copyright (c) ParaType, 1999. All rights reserved. Webfont: AllianceNo.1-Light by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-light/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Black by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-black/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Bold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-BoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-BlackItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-black-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-ExtraBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-extra-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-ExtraBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-extra-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-LightItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-light-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Medium by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-medium/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-MediumItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-medium-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-Regular by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-regular/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-RegularItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-regular-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-SemiBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-semi-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.1-SemiBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/1-semi-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-BlackItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-black-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Bold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Black by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-black/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-ExtraBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-extra-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Light by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-light/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-LightItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-light-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Medium by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-medium/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-RegularItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-regular-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-Regular by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-regular/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-MediumItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-medium-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-SemiBold by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-semi-bold/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-SemiBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-semi-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-BoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: AllianceNo.2-ExtraBoldItalic by Degarism Studio URL: https://www.myfonts.com/fonts/degarism-studio/alliance/2-extra-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. License: https://www.myfonts.com/viewlicense?type=web&buildid=3715581 Licensed pageviews: 10,000 © 2019 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/38b1fd"); @font-face { font-family: 'Bodoni'; src: url("fonts/38B1FD_0_0.eot"); src: url("fonts/38B1FD_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_0_0.woff2") format("woff2"), url("fonts/38B1FD_0_0.woff") format("woff"), url("fonts/38B1FD_0_0.ttf") format("truetype"); } @font-face { font-family: 'Bodoni-Italic'; src: url("fonts/38B1FD_1_0.eot"); src: url("fonts/38B1FD_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_1_0.woff2") format("woff2"), url("fonts/38B1FD_1_0.woff") format("woff"), url("fonts/38B1FD_1_0.ttf") format("truetype"); } @font-face { font-family: 'BodoniCond'; src: url("fonts/38B1FD_2_0.eot"); src: url("fonts/38B1FD_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_2_0.woff2") format("woff2"), url("fonts/38B1FD_2_0.woff") format("woff"), url("fonts/38B1FD_2_0.ttf") format("truetype"); } @font-face { font-family: 'Bodoni-Bold'; src: url("fonts/38B1FD_3_0.eot"); src: url("fonts/38B1FD_3_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_3_0.woff2") format("woff2"), url("fonts/38B1FD_3_0.woff") format("woff"), url("fonts/38B1FD_3_0.ttf") format("truetype"); } @font-face { font-family: 'Bodoni-BoldItalic'; src: url("fonts/38B1FD_4_0.eot"); src: url("fonts/38B1FD_4_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_4_0.woff2") format("woff2"), url("fonts/38B1FD_4_0.woff") format("woff"), url("fonts/38B1FD_4_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-Light'; src: url("fonts/38B1FD_5_0.eot"); src: url("fonts/38B1FD_5_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_5_0.woff2") format("woff2"), url("fonts/38B1FD_5_0.woff") format("woff"), url("fonts/38B1FD_5_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-Black'; src: url("fonts/38B1FD_6_0.eot"); src: url("fonts/38B1FD_6_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_6_0.woff2") format("woff2"), url("fonts/38B1FD_6_0.woff") format("woff"), url("fonts/38B1FD_6_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-Bold'; src: url("fonts/38B1FD_7_0.eot"); src: url("fonts/38B1FD_7_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_7_0.woff2") format("woff2"), url("fonts/38B1FD_7_0.woff") format("woff"), url("fonts/38B1FD_7_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-BoldItalic'; src: url("fonts/38B1FD_8_0.eot"); src: url("fonts/38B1FD_8_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_8_0.woff2") format("woff2"), url("fonts/38B1FD_8_0.woff") format("woff"), url("fonts/38B1FD_8_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-BlackItalic'; src: url("fonts/38B1FD_9_0.eot"); src: url("fonts/38B1FD_9_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_9_0.woff2") format("woff2"), url("fonts/38B1FD_9_0.woff") format("woff"), url("fonts/38B1FD_9_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-ExtraBoldItalic'; src: url("fonts/38B1FD_A_0.eot"); src: url("fonts/38B1FD_A_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_A_0.woff2") format("woff2"), url("fonts/38B1FD_A_0.woff") format("woff"), url("fonts/38B1FD_A_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-ExtraBold'; src: url("fonts/38B1FD_B_0.eot"); src: url("fonts/38B1FD_B_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_B_0.woff2") format("woff2"), url("fonts/38B1FD_B_0.woff") format("woff"), url("fonts/38B1FD_B_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-LightItalic'; src: url("fonts/38B1FD_C_0.eot"); src: url("fonts/38B1FD_C_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_C_0.woff2") format("woff2"), url("fonts/38B1FD_C_0.woff") format("woff"), url("fonts/38B1FD_C_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-Medium'; src: url("fonts/38B1FD_D_0.eot"); src: url("fonts/38B1FD_D_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_D_0.woff2") format("woff2"), url("fonts/38B1FD_D_0.woff") format("woff"), url("fonts/38B1FD_D_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-MediumItalic'; src: url("fonts/38B1FD_E_0.eot"); src: url("fonts/38B1FD_E_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_E_0.woff2") format("woff2"), url("fonts/38B1FD_E_0.woff") format("woff"), url("fonts/38B1FD_E_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-Regular'; src: url("fonts/38B1FD_F_0.eot"); src: url("fonts/38B1FD_F_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_F_0.woff2") format("woff2"), url("fonts/38B1FD_F_0.woff") format("woff"), url("fonts/38B1FD_F_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-RegularItalic'; src: url("fonts/38B1FD_10_0.eot"); src: url("fonts/38B1FD_10_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_10_0.woff2") format("woff2"), url("fonts/38B1FD_10_0.woff") format("woff"), url("fonts/38B1FD_10_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-SemiBold'; src: url("fonts/38B1FD_11_0.eot"); src: url("fonts/38B1FD_11_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_11_0.woff2") format("woff2"), url("fonts/38B1FD_11_0.woff") format("woff"), url("fonts/38B1FD_11_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo1-SemiBoldItalic'; src: url("fonts/38B1FD_12_0.eot"); src: url("fonts/38B1FD_12_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_12_0.woff2") format("woff2"), url("fonts/38B1FD_12_0.woff") format("woff"), url("fonts/38B1FD_12_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-BlackItalic'; src: url("fonts/38B1FD_13_0.eot"); src: url("fonts/38B1FD_13_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_13_0.woff2") format("woff2"), url("fonts/38B1FD_13_0.woff") format("woff"), url("fonts/38B1FD_13_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-Bold'; src: url("fonts/38B1FD_14_0.eot"); src: url("fonts/38B1FD_14_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_14_0.woff2") format("woff2"), url("fonts/38B1FD_14_0.woff") format("woff"), url("fonts/38B1FD_14_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-Black'; src: url("fonts/38B1FD_15_0.eot"); src: url("fonts/38B1FD_15_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_15_0.woff2") format("woff2"), url("fonts/38B1FD_15_0.woff") format("woff"), url("fonts/38B1FD_15_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-ExtraBold'; src: url("fonts/38B1FD_16_0.eot"); src: url("fonts/38B1FD_16_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_16_0.woff2") format("woff2"), url("fonts/38B1FD_16_0.woff") format("woff"), url("fonts/38B1FD_16_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-Light'; src: url("fonts/38B1FD_17_0.eot"); src: url("fonts/38B1FD_17_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_17_0.woff2") format("woff2"), url("fonts/38B1FD_17_0.woff") format("woff"), url("fonts/38B1FD_17_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-LightItalic'; src: url("fonts/38B1FD_18_0.eot"); src: url("fonts/38B1FD_18_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_18_0.woff2") format("woff2"), url("fonts/38B1FD_18_0.woff") format("woff"), url("fonts/38B1FD_18_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-Medium'; src: url("fonts/38B1FD_19_0.eot"); src: url("fonts/38B1FD_19_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_19_0.woff2") format("woff2"), url("fonts/38B1FD_19_0.woff") format("woff"), url("fonts/38B1FD_19_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-RegularItalic'; src: url("fonts/38B1FD_1A_0.eot"); src: url("fonts/38B1FD_1A_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_1A_0.woff2") format("woff2"), url("fonts/38B1FD_1A_0.woff") format("woff"), url("fonts/38B1FD_1A_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-Regular'; src: url("fonts/38B1FD_1B_0.eot"); src: url("fonts/38B1FD_1B_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_1B_0.woff2") format("woff2"), url("fonts/38B1FD_1B_0.woff") format("woff"), url("fonts/38B1FD_1B_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-MediumItalic'; src: url("fonts/38B1FD_1C_0.eot"); src: url("fonts/38B1FD_1C_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_1C_0.woff2") format("woff2"), url("fonts/38B1FD_1C_0.woff") format("woff"), url("fonts/38B1FD_1C_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-SemiBold'; src: url("fonts/38B1FD_1D_0.eot"); src: url("fonts/38B1FD_1D_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_1D_0.woff2") format("woff2"), url("fonts/38B1FD_1D_0.woff") format("woff"), url("fonts/38B1FD_1D_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-SemiBoldItalic'; src: url("fonts/38B1FD_1E_0.eot"); src: url("fonts/38B1FD_1E_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_1E_0.woff2") format("woff2"), url("fonts/38B1FD_1E_0.woff") format("woff"), url("fonts/38B1FD_1E_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-BoldItalic'; src: url("fonts/38B1FD_1F_0.eot"); src: url("fonts/38B1FD_1F_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_1F_0.woff2") format("woff2"), url("fonts/38B1FD_1F_0.woff") format("woff"), url("fonts/38B1FD_1F_0.ttf") format("truetype"); } @font-face { font-family: 'AllianceNo2-ExtraBoldItalic'; src: url("fonts/38B1FD_20_0.eot"); src: url("fonts/38B1FD_20_0.eot?#iefix") format("embedded-opentype"), url("fonts/38B1FD_20_0.woff2") format("woff2"), url("fonts/38B1FD_20_0.woff") format("woff"), url("fonts/38B1FD_20_0.ttf") format("truetype"); } @keyframes fadein { from { opacity: 0; } to { opacity: 1.0; } } @keyframes text-reveal { from { opacity: 0; } to { opacity: 1.0; } } @keyframes text-half-reveal { from { opacity: 0; } to { opacity: 0.5; } } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } html { width: 100%; height: 100%; margin: 0; background-color: #000; } html.gallery-page, html.contact-page, html.post { background-color: #fff; } html.team-page, html.privacy-policy-page { background-color: #E3DDD9; } body { margin: 0; padding: 0; height: 100%; } body.mega-menu-open, body.no-scroll { overflow: hidden; } .gallery-page main, .team-page main, .contact-page main, .privacy-policy-page main, .post main { min-height: 100%; box-sizing: border-box; } .gallery-page main::after, .team-page main::after, .contact-page main::after, .privacy-policy-page main::after, .post main::after { content: ''; display: block; padding-bottom: 300px; } @media (max-width: 1024px) { .gallery-page main::after, .team-page main::after, .contact-page main::after, .privacy-policy-page main::after, .post main::after { padding-bottom: 161px; } } @media (max-width: 414px) and (orientation: portrait) { .gallery-page main::after, .team-page main::after, .contact-page main::after, .privacy-policy-page main::after, .post main::after { padding-bottom: 186px; } } *:-webkit-autofill { -webkit-box-shadow: 0 0 0 1px white inset; } *:focus { outline: none !important; box-shadow: none; } @keyframes openmegamenu { 0% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); } 100% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } } @keyframes closemegamenu { 0% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } 100% { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); } } .mega-menu { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -ms-flex-direction: column; flex-direction: column; background: #32343C; z-index: 50000; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all 500ms; animation: openmegamenu 1s; } @media (max-width: 1024px) { .mega-menu { -ms-flex-pack: center; justify-content: center; } } .mega-menu.open { display: block; } .mega-menu.closing { animation: closemegamenu 1s; } .mega-menu .main-logo { top: 56px; -khtml-transform: translate(calc(-50% + 8px), -50%); transform: translate(calc(-50% + 8px), -50%); } @media (max-width: 1024px) { .mega-menu .main-logo { display: none; } } .mega-menu .close { position: absolute; top: 28px; right: 28px; display: block; width: 30px; height: 30px; cursor: pointer; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../img/x-light.svg); z-index: 4; } .mega-menu nav.menu { margin: 0 auto; -khtml-transform: translateX(8px); transform: translateX(8px); } .mega-menu nav.menu ul { margin-top: 180px; } @media (max-height: 930px) and (min-width: 1024px) { .mega-menu nav.menu ul { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: calc(100vh - 195px); min-height: 400px; margin-top: 110px; } } @media (max-width: 1024px) { .mega-menu nav.menu ul { display: block; height: auto; min-height: 0; margin-top: 88px; } } .mega-menu nav.menu ul li { text-align: center; padding-bottom: 50px; } @media (max-height: 930px) and (min-width: 1024px) { .mega-menu nav.menu ul li { -ms-flex: 1; flex: 1; padding-bottom: 20px; } } @media (max-width: 1024px) { .mega-menu nav.menu ul li { padding-bottom: 0; } } .mega-menu nav.menu ul li a { position: relative; font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 20px; text-transform: uppercase; letter-spacing: 3.98px; display: inline-block; text-align: center; text-decoration: none; color: #E3DDD9; cursor: pointer; } @media (max-width: 1024px) { .mega-menu nav.menu ul li a { font-size: 13px; letter-spacing: 2.59px; margin-bottom: 30px; } } .mega-menu nav.menu ul li a::after { position: absolute; top: 100%; left: 0; right: 0; height: 2px; content: ""; opacity: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3be9f+0,c6ab85+100 */ background: #d3be9f; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d3be9f 0%, #c6ab85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3be9f', endColorstr='#c6ab85',GradientType=0 ); /* IE6-9 */ transition: all 300ms; } .mega-menu nav.menu ul li a:focus, .mega-menu nav.menu ul li a:active { color: #C6AB85; } .mega-menu nav.menu ul li a:focus::after, .mega-menu nav.menu ul li a:active::after { opacity: 1.0; } .mega-menu nav.menu ul li.active a { color: #C6AB85; } .mega-menu nav.menu ul li.active a::after { opacity: 1.0; } .mega-menu nav.social { margin: 0 auto; padding-top: 30px; padding-bottom: 95px; text-align: center; -khtml-transform: translateX(8px); transform: translateX(8px); } @media (max-height: 930px) and (min-width: 1024px) { .mega-menu nav.social { padding-top: 0; } } @media (max-width: 1024px) { .mega-menu nav.social { padding-top: 0; padding-bottom: 0; } } .mega-menu nav.social > ul { margin: 0 auto; } .mega-menu nav.social > ul > li { display: inline-block; vertical-align: middle; width: 360px; text-align: center; } @media (max-width: 1024px) { .mega-menu nav.social > ul > li { width: auto; display: block; -ms-flex: auto; flex: auto; text-align: center; } } .mega-menu nav.social > ul > li > a { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 20px; text-transform: uppercase; letter-spacing: 3.98px; display: block; text-align: center; text-decoration: none; color: #E3DDD9; cursor: pointer; } @media (max-width: 1024px) { .mega-menu nav.social > ul > li > a { font-size: 13px; letter-spacing: 2.59px; text-decoration: none; margin-bottom: 30px; } } @media (max-width: 1024px) { .mega-menu nav.social > ul > li ul { margin-bottom: 30px; } } .mega-menu nav.social > ul > li ul li { display: inline-block; vertical-align: middle; padding: 0 9px; } @media (max-width: 1024px) { .mega-menu nav.social > ul > li ul li { padding: 0 5px; } } .mega-menu nav.social > ul > li ul li:first-child { padding-left: 0; } .mega-menu nav.social > ul > li ul li:last-child { padding-right: 0; } @media (max-width: 1024px) { .mega-menu nav.social > ul > li.social-icons { -ms-flex-order: 3; order: 3; } } @media (max-width: 1024px) { .mega-menu nav.social > ul > li.social-icons ul li a img { width: 23px; height: 23px; } } @media (max-width: 1024px) { .mega-menu nav.social > ul > li.schedule-a-tour { -ms-flex-order: 1; order: 1; } } @media (max-width: 1024px) { .mega-menu nav.social > ul > li.contact { -ms-flex-order: 2; order: 2; } .mega-menu nav.social > ul > li.contact > a { margin-bottom: 54px; } } .main-logo { position: absolute; top: 50%; left: 50%; width: 118px; display: block; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1024px) { .main-logo { left: 20px; -khtml-transform: translate(0, -50%); transform: translate(0, -50%); } } .main-logo img { display: block; width: 100%; height: auto; } @media (max-width: 1024px) { .main-logo img { width: 60px; } } #main-header { position: fixed; top: 0; left: 0; right: 0; height: 112px; z-index: 500; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.24+0,0+80 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ transition: all 1s; -khtml-transform: translateY(-112px); transform: translateY(-112px); } @media (max-width: 1024px) { #main-header { height: 45px; background: #32343C; -khtml-transform: translateY(-45px); transform: translateY(-45px); } } #main-header.visible { -khtml-transform: translateY(0); transform: translateY(0); } #main-header.subsection { background: #32343C; } .gallery-page #main-header, .team-page #main-header, .contact-page #main-header, .privacy-policy-page #main-header, .post #main-header { background: #32343C; -khtml-transform: translateY(0); transform: translateY(0); } #main-header nav.overview-navigation { position: absolute; top: 50%; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { #main-header nav.overview-navigation { left: auto; right: 0; } } #main-header nav.overview-navigation ul li { position: relative; height: 18px; } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li { height: 6px; } } #main-header nav.overview-navigation ul li a { position: absolute; height: 18px; top: 50%; display: block; color: #fff; padding-left: 48px; text-transform: uppercase; text-decoration: none; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; letter-spacing: 2.34px; line-height: 16px; cursor: pointer; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li a { right: 0; height: 6px; padding-left: 20px; } } #main-header nav.overview-navigation ul li a::before { position: absolute; top: 50%; left: 0; display: block; content: ""; width: 35px; height: 2px; background: #fff; -khtml-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms; } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li a::before { width: 20px; height: 1px; } } #main-header nav.overview-navigation ul li a span { position: absolute; display: block; top: 50%; opacity: 0; white-space: nowrap; transition: all 300ms; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li a span { display: none; } } #main-header nav.overview-navigation ul li.active a::before { background: #AA834F; } #main-header nav.overview-navigation ul li.active a span { opacity: 1; } #main-header nav.main-navigation { position: absolute; top: 50%; right: 40px; -khtml-transform: translateY(-50%); transform: translateY(-50%); } #main-header nav.main-navigation ul li { display: inline-block; vertical-align: middle; padding-left: 28px; } @media (max-width: 1024px) { #main-header nav.main-navigation ul li { padding-left: 22px; } } #main-header nav.main-navigation ul li a { display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; text-decoration: none; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 13px; cursor: pointer; } @media (max-width: 1024px) { #main-header nav.main-navigation ul li a { font-size: 9px; letter-spacing: 1.19px; } } @media (max-width: 1024px) { #main-header nav.main-navigation ul li.schedule-a-tour { display: none; } } .landing-violator { position: absolute; right: 0; bottom: 138px; background: #32343C; padding: 12px 30px 9px 26px; transition: all 1s; -khtml-transform: translateX(100%); transform: translateX(100%); } @media (max-width: 1024px) { .landing-violator { padding: 8px 24px 6px 22px; } } @media (max-width: 414px) and (orientation: portrait) { .landing-violator { bottom: 160px; } } .landing-violator.visible { -khtml-transform: translateX(0); transform: translateX(0); } .landing-violator p { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 18px; letter-spacing: 2.53px; text-transform: uppercase; color: #E3DDD9; } @media (max-width: 1024px) { .landing-violator p { font-size: 12px; letter-spacing: 1.68px; line-height: 26px; } } .landing-violator p a { display: inline-block; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3be9f+0,c6ab85+100 */ background: #d3be9f; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d3be9f 0%, #c6ab85 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3be9f', endColorstr='#c6ab85',GradientType=0 ); /* IE6-9 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #C6AB85; line-height: 1; margin-left: 8px; text-decoration: none; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .landing-violator p a { background: transparent; color: #AA834F; } } .landing-violator p a::after { display: block; content: ""; height: 2px; position: absolute; top: 100%; left: 0; right: 0; background: #C6AB85; } .caption-text-vd { bottom: 92px; background: transparent; } .caption-text-vd p { font-family: 'Bodoni', serif !important; font-weight: 100; font-size: 12px; } @media (max-width: 505px) { .caption-text-vd { bottom: 92px; } } @media (max-width: 414px) { .caption-text-vd { bottom: 108px; } } @media (max-width: 414px) and (orientation: portrait) { .caption-text-vd { bottom: 108px !important; } } @media (max-width: 350px) { .caption-text-vd { bottom: 98px; } } @media (max-width: 350px) and (orientation: portrait) { .caption-text-vd { bottom: 98px !important; } } @media (min-width: 669px) and (max-width: 682px) { .home-p p { line-height: initial !important; } } html, body { -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; } .expandable { position: relative; height: 0; background: #fff; box-sizing: border-box; overflow: hidden; z-index: 1; } .expandable .expandable-track { position: absolute; top: 112px; left: 0; bottom: 0; right: 0; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 1024px) { .expandable .expandable-track { top: 0; position: relative; overflow: visible; } } .expandable .expandable-track .close { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; position: absolute; left: 50%; display: inline-block; text-align: center; font-size: 16px; letter-spacing: 2.37px; text-transform: uppercase; padding: 20px; line-height: 0; text-decoration: none; color: #32343C; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 40px 0; -khtml-transform: translateX(-50%); transform: translateX(-50%); } .expandable .expandable-track .close::after { display: block; content: ""; height: 2px; background: #32343C; margin-top: 12px; } @media (max-width: 1024px) { .expandable .expandable-track .close { display: none; } } .expandable.expanded { height: 100vh; } @media (max-width: 1024px) { .expandable.expanded { height: auto; overflow: visible; } } .expandable.expanded .expandable-track { position: fixed; } @media (max-width: 1024px) { .expandable.expanded .expandable-track { position: relative; } } nav.fixed-nav { height: 60px; text-align: center; margin-bottom: 66px; } @media (max-width: 1024px) { nav.fixed-nav { margin-bottom: 16px; } } @media (max-width: 1024px) { nav.fixed-nav { height: 40px; } } @media (max-width: 414px) and (orientation: portrait) { nav.fixed-nav { height: 40px; } } nav.fixed-nav ul { height: 60px; margin: 0 auto; background-color: #fff; } @media (max-width: 1024px) { nav.fixed-nav ul { height: 40px; } } @media (max-width: 414px) and (orientation: portrait) { nav.fixed-nav ul { height: 40px; } } nav.fixed-nav ul li { position: relative; display: inline-block; } nav.fixed-nav ul li::after { position: absolute; top: 50%; right: 0; display: block; content: ""; width: 2px; height: 30px; margin-left: 10px; background: #AA834F; -khtml-transform: translate(1px, -50%); transform: translate(1px, -50%); } @media (max-width: 1024px) { nav.fixed-nav ul li::after { width: 1px; height: 15px; } } nav.fixed-nav ul li:last-child::after { display: none; } nav.fixed-nav ul li a { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 18px; letter-spacing: 2.37px; text-transform: uppercase; display: block; padding: 20px; text-decoration: none; color: #32343C; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1024px) { nav.fixed-nav ul li a { padding: 14px; font-size: 9px; letter-spacing: 1.19px; } } nav.fixed-nav ul li.active a { font-family: "AllianceNo1-Medium", sans-serif; } @media (max-width: 1024px) { nav.fixed-nav.fixed { margin-bottom: 0; } } nav.fixed-nav.fixed ul { position: fixed; top: 112px; left: 0; right: 0; z-index: 40000; } @media (max-width: 1024px) { nav.fixed-nav.fixed ul { top: 45px; right: 0; } } .fixed-nav-content { display: none; } .fixed-nav-content.open { display: block; } footer { position: relative; display: -ms-grid; display: grid; height: 300px; padding: 50px; background: #32343C; box-sizing: border-box; grid: 1fr 1fr / 1fr 1fr; -ms-grid-rows: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } @media (max-width: 1024px) { footer { height: 161px; padding: 27px; } } @media (max-width: 414px) and (orientation: portrait) { footer { height: 186px; grid: 1fr 1fr 1fr / 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr; } } footer.section_open { display: none; } .gallery-page footer, .team-page footer, .contact-page footer, .privacy-policy-page footer, .post footer { margin-top: -300px; } @media (max-width: 1024px) { .gallery-page footer, .team-page footer, .contact-page footer, .privacy-policy-page footer, .post footer { margin-top: -161px; } } @media (max-width: 414px) and (orientation: portrait) { .gallery-page footer, .team-page footer, .contact-page footer, .privacy-policy-page footer, .post footer { margin-top: -186px; } } footer address { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; font-style: normal; letter-spacing: 1.97px; line-height: 23px; color: #E3DDD9; text-transform: uppercase; -ms-grid-row-span: 1; -ms-grid-row: 1; grid-row: 1 / span 1; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; } @media (max-width: 1024px) { footer address { font-size: 9px; letter-spacing: 1.19px; line-height: 15px; } } footer address a { color: inherit; text-decoration: none; } footer .social { -ms-grid-row-span: 1; -ms-grid-row: 1; grid-row: 1 / span 1; -ms-grid-column-span: 1; -ms-grid-column: 2; grid-column: 2 / span 1; text-align: right; } footer .social ul li { display: inline-block; vertical-align: middle; padding: 0 6px; } footer .social ul li:first-child { padding-left: 0; } footer .social ul li:last-child { padding-right: 0; } footer .social ul li img { display: block; height: 34px; width: 34px; } @media (max-width: 1024px) { footer .social ul li img { height: 23px; width: 23px; } } footer .social ul li a { color: inherit; text-decoration: none; } footer .legal { position: relative; position: relative; -ms-grid-row-span: 1; -ms-grid-row: 2; grid-row: 2 / span 1; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; } @media (max-width: 414px) and (orientation: portrait) { footer .legal { -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; } } footer .legal ul { position: absolute; bottom: 0; left: 0; } @media (max-width: 414px) and (orientation: portrait) { footer .legal ul { padding: 20px 0; position: static; } } footer .legal ul li { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; display: inline-block; font-size: 15px; font-style: normal; letter-spacing: 1.97px; line-height: 23px; color: #E3DDD9; text-transform: uppercase; vertical-align: middle; padding: 0 6px; } @media (max-width: 1024px) { footer .legal ul li { font-size: 9px; letter-spacing: 1.19px; line-height: 15px; } } footer .legal ul li:first-child { padding-left: 0; padding-right: 20px; } footer .legal ul li:last-child { padding-right: 0; } footer .legal ul li a { color: inherit; text-decoration: none; } footer .logos { -ms-grid-row-span: 1; -ms-grid-row: 2; grid-row: 2 / span 1; -ms-grid-column-span: 1; -ms-grid-column: 2; grid-column: 2 / span 1; text-align: right; position: relative; } @media (max-width: 414px) and (orientation: portrait) { footer .logos { -ms-grid-row-span: 1; -ms-grid-row: 3; grid-row: 3 / span 1; -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; text-align: left; } } footer .logos ul { display: table; position: absolute; bottom: 0; right: 0; } @media (max-width: 414px) and (orientation: portrait) { footer .logos ul { position: static; } } footer .logos ul li { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; display: table-cell; vertical-align: middle; padding: 0 6px; } @media (max-width: 1024px) { footer .logos ul li { padding: 0 4px; } } footer .logos ul li:first-child { padding-left: 0; } footer .logos ul li:last-child { padding-right: 0; } footer .logos ul li.equal-housing img { height: 24px; width: 23px; } @media (max-width: 1024px) { footer .logos ul li.equal-housing img { height: 18px; width: 17px; } } footer .logos ul li.wheelchair img { height: 24px; width: 20px; } @media (max-width: 1024px) { footer .logos ul li.wheelchair img { height: 18px; width: 15px; } } footer .logos ul li.bozzuto img { width: 76px; height: 14px; vertical-align: middle; } @media (max-width: 414px) and (orientation: portrait) { footer .logos ul li.bozzuto img { width: 65px; height: 12px; } } footer .logos ul li.republic img { width: 64px; height: 16px; vertical-align: middle; } @media (max-width: 414px) and (orientation: portrait) { footer .logos ul li.republic img { width: 58px; height: 14px; } } section.neighborhood-map { display: table; background: #32343C; width: 100%; min-height: 1060px; } @media (max-width: 1024px) { section.neighborhood-map { min-height: 560px; } } @media (max-width: 414px) and (orientation: portrait) { section.neighborhood-map { display: block; min-height: 0; } } section.neighborhood-map article { display: table-cell; width: 420px; position: relative; padding: 40px; box-sizing: border-box; -ms-grid-column: 2; vertical-align: top; } @media (max-width: 1024px) { section.neighborhood-map article { width: 320px; } } @media (max-width: 768px) and (orientation: portrait) { section.neighborhood-map article { padding: 24px; } } @media (max-width: 414px) and (orientation: portrait) { section.neighborhood-map article { display: block; width: 100%; } } section.neighborhood-map article > ul { width: 100%; } section.neighborhood-map article > ul > li { position: relative; border-top: 1px solid #E3DDD9; } section.neighborhood-map article > ul > li:first-child { border: none; } section.neighborhood-map article > ul > li > a { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; position: relative; padding: 10px 0; display: block; font-size: 18px; letter-spacing: 1.6px; line-height: 47px; text-transform: uppercase; color: #E3DDD9; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1024px) { section.neighborhood-map article > ul > li > a { font-size: 11px; letter-spacing: 0.98px; line-height: 30px; } } section.neighborhood-map article > ul > li > a::after { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; content: ""; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../img/map-category-arrow.svg); -khtml-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); transition: all 300ms; } section.neighborhood-map article > ul > li > ul { display: none; padding-bottom: 30px; padding-left: 44px; } @media (max-width: 1024px) { section.neighborhood-map article > ul > li > ul { padding-left: 28px; } } section.neighborhood-map article > ul > li > ul > li { position: relative; } section.neighborhood-map article > ul > li > ul > li::before { position: absolute; left: -42px; top: 17px; content: attr(data-number); color: #E3DDD9; font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 1.73px; line-height: 34px; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { section.neighborhood-map article > ul > li > ul > li::before { top: 15px; left: -27px; font-size: 11px; letter-spacing: 0.98px; line-height: 30px; } } section.neighborhood-map article > ul > li > ul > li > a { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; display: block; font-size: 17px; letter-spacing: 1.73px; line-height: 34px; color: #E3DDD9; text-decoration: none; cursor: pointer; } @media (max-width: 1024px) { section.neighborhood-map article > ul > li > ul > li > a { font-size: 11px; letter-spacing: 0.98px; line-height: 30px; } } section.neighborhood-map article > ul > li > ul > li:hover::before { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 17px; letter-spacing: 1.73px; line-height: 34px; } @media (max-width: 1024px) { section.neighborhood-map article > ul > li > ul > li:hover::before { font-size: 11px; letter-spacing: 0.98px; line-height: 30px; } } section.neighborhood-map article > ul > li > ul > li:hover a { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 17px; letter-spacing: 1.73px; line-height: 34px; } @media (max-width: 1024px) { section.neighborhood-map article > ul > li > ul > li:hover a { font-size: 11px; letter-spacing: 0.98px; line-height: 30px; } } section.neighborhood-map article > ul > li.open a::after { -khtml-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } section.neighborhood-map article > ul > li.open > ul { display: block; } section.neighborhood-map figure { display: table-cell; } @media (max-width: 414px) and (orientation: portrait) { section.neighborhood-map figure { display: block; height: 350px; } } section.neighborhood-map figure > div { position: relative; min-height: 1060px; } @media (max-width: 1024px) { section.neighborhood-map figure > div { min-height: 560px; } } @media (max-width: 414px) and (orientation: portrait) { section.neighborhood-map figure > div { min-height: 0; height: 350px; } } .map-marker { position: absolute; width: 50px; height: 54px; cursor: pointer; z-index: 10000; -khtml-transform: translate(25px, -54px); transform: translate(25px, -54px); } .map-marker.top { z-index: 20000; } .map-marker .icon { position: absolute; bottom: 0; left: 50%; width: 50px; height: 54px; background-position: center; background-repeat: no-repeat; background-size: 50px 54px; background-color: transparent; background-image: url(../../img/marker-pin.png); } .map-marker .icon .icon-text { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; display: block; font-size: 14px; letter-spacing: 0.21px; position: absolute; top: 14px; left: 50%; text-align: center; color: #E3DDD9; -khtml-transform: translateX(-50%); transform: translateX(-50%); } .map-marker .info-window { display: none; position: absolute; bottom: 74px; left: 13px; padding: 20px 50px 20px 20px; background: #E3DDD9; color: #32343C; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .map-marker .info-window::after { content: ""; position: absolute; top: calc(100% - 1px); left: 15px; width: 44px; height: 32px; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../../img/map-info-bubble-tri@2x.png); } .map-marker .info-window .info-title { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.56px; line-height: 24px; color: #32343C; display: block; width: 220px; position: relative; } .map-marker .info-window .info-description { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; padding-top: 8px; font-size: 16px; letter-spacing: 1px; line-height: 17px; color: #32343C; } .map-marker .info-window a.x { position: absolute; top: 26px; right: 20px; display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat !important; background-position: center !important; background-size: 12px !important; background-image: url(../../img/map-info-x.svg) !important; cursor: pointer !important; text-decoration: none !important; } .lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #32343C; z-index: 40000; } .lightbox figure { position: absolute; top: 50%; left: 50%; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lightbox figure img { display: block; max-width: calc(100vw - 70px); max-height: calc(100vh - 70px); width: auto; height: auto; margin: 0 auto; } @media (max-width: 414px) and (orientation: portrait) { .lightbox figure img { max-width: 100vw; max-height: 100vh; } } .lightbox figure figcaption { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 0.68px; line-height: 35px; color: #E3DDD9; text-transform: uppercase; padding: 10px 0; } @media (max-width: 1024px) { .lightbox figure figcaption { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; } } .lightbox .arrows { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .lightbox .arrows .prev, .lightbox .arrows .next { position: absolute; top: 50%; width: 32px; height: 94px; background: white; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 300ms; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { .lightbox .arrows .prev, .lightbox .arrows .next { width: 22px; height: 52px; } } .lightbox .arrows .prev::after, .lightbox .arrows .next::after { position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 13px; height: 28px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/gallery-arrow.svg); -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1024px) { .lightbox .arrows .prev::after, .lightbox .arrows .next::after { width: 6px; height: 13px; } } .lightbox .arrows .prev { left: 0; } .lightbox .arrows .prev::after { -khtml-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .lightbox .arrows .next { right: 0; } .lightbox .close { display: block; position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; text-decoration: none; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/close-light.svg); cursor: pointer; } .one-click-scroll-section { position: relative; z-index: 10; } @keyframes background-reveal { from { background: black; } to { background: rgba(0, 0, 0, 0.24); } } section.hero-panel { position: relative; min-height: 100vh; overflow: hidden; z-index: 2; background-position: center; background-repeat: no-repeat; background-size: cover; } section.hero-panel::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.24); z-index: 0; } section.hero-panel .video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; } section.hero-panel .video video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 414px) and (orientation: portrait) { section.hero-panel .video video { left: 0; -khtml-transform: translate(0, -50%); transform: translate(0, -50%); } } section.hero-panel h1, section.hero-panel h2 { position: absolute; top: 50%; left: 186px; font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; color: #fff; text-transform: uppercase; opacity: 0; transition: all 3s; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { section.hero-panel h1, section.hero-panel h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.hero-panel h1, section.hero-panel h2 { left: 60px; top: 180px; -khtml-transform: translateY(0); transform: translateY(0); } } @media (max-width: 414px) and (orientation: portrait) { section.hero-panel h1, section.hero-panel h2 { left: 27px; font-size: 46px; line-height: 39px; } } section.hero-panel h1 a, section.hero-panel h2 a { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; position: relative; display: inline-block; margin-top: 30px; font-size: 17px; letter-spacing: 3px; line-height: 47px; text-transform: uppercase; color: #fff; cursor: pointer; } @media (max-width: 1024px) { section.hero-panel h1 a, section.hero-panel h2 a { font-size: 12px; letter-spacing: 2.15px; line-height: 19px; } } section.hero-panel h1 a::before, section.hero-panel h2 a::before { position: absolute; top: calc(100% - 10px); left: 0; right: 100%; content: ""; background: #fff; height: 2px; transition: all 3s; } @media (max-width: 1024px) { section.hero-panel h1 a::before, section.hero-panel h2 a::before { top: 100%; height: 1px; } } section.hero-panel h1.visible, section.hero-panel h2.visible { opacity: 1.0; } section.hero-panel h1.visible a::before, section.hero-panel h2.visible a::before { right: 0; } section.hero-panel .arrow { position: absolute; bottom: 45px; left: 50%; display: block; overflow: hidden; text-indent: -9999px; width: 64px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: 57%; background-image: url(../../img/arrow-down-white.svg); cursor: pointer; outline: 0; -khtml-transform: translateX(-50%); transform: translateX(-50%); } section.hero-panel.reveal::before { animation: background-reveal 2s; } section.hero-panel.landing h1.visible { opacity: 0.5; } section.overview-panel { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 100vh; overflow: hidden; background-color: #32343C; } section.overview-panel article { position: relative; display: -ms-flexbox; display: flex; -ms-flex: auto; flex: auto; -ms-flex-align: center; align-items: center; max-width: 1190px; margin: 0 auto; padding: 0 30px 130px; z-index: 1; opacity: 0; transition: all 3s; } @media (max-width: 1024px) { section.overview-panel article { max-width: 812px; } } @media (max-width: 768px) and (orientation: portrait) { section.overview-panel article { padding: 0 80px 130px; } } @media (max-width: 414px) and (orientation: portrait) { section.overview-panel article { padding: 0 30px 130px; -ms-flex-direction: column; flex-direction: column; } } section.overview-panel article.visible { opacity: 1.0; } section.overview-panel article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 68px; line-height: 68px; max-width: 530px; padding-right: 30px; -ms-flex: 1; flex: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ece4c8+0,aa834f+100 */ background: #ece4c8; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #ece4c8 0%, #aa834f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece4c8', endColorstr='#aa834f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; box-sizing: border-box; } @media (max-width: 1024px) { section.overview-panel article h2 { font-size: 56px; line-height: 45px; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { section.overview-panel article h2 { background: transparent; color: #C6AB85; } } @media (max-width: 1024px) { section.overview-panel article h2 { font-size: 48px; letter-spacing: 1px; line-height: 42px; max-width: 340px; } } @media (max-width: 414px) and (orientation: portrait) { section.overview-panel article h2 { padding-bottom: 20px; } } section.overview-panel article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; line-height: 35px; -ms-flex: 1; flex: 1; color: #E3DDD9; } @media (max-width: 1024px) { section.overview-panel article p { font-size: 12px; letter-spacing: 0.34px; line-height: 21px; } } section.overview-panel .background-text-1, section.overview-panel .background-text-2 { position: absolute; font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; text-transform: uppercase; font-size: 200px; color: #43454B; z-index: 0; opacity: 0; transition: all 3s; -khtml-transform: translateY(100%); transform: translateY(100%); } @media (max-width: 1024px) { section.overview-panel .background-text-1, section.overview-panel .background-text-2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.overview-panel .background-text-1, section.overview-panel .background-text-2 { font-size: 130px; } } @media (max-width: 768px) and (orientation: portrait) { section.overview-panel .background-text-1, section.overview-panel .background-text-2 { font-size: 100px; } } @media (max-width: 414px) and (orientation: portrait) { section.overview-panel .background-text-1, section.overview-panel .background-text-2 { font-size: 50px; line-height: 25px; } } section.overview-panel .background-text-1.visible, section.overview-panel .background-text-2.visible { opacity: 1.0; -khtml-transform: translateY(0); transform: translateY(0); } section.overview-panel .background-text-1 { bottom: 141px; left: 30px; } @media (max-width: 1024px) { section.overview-panel .background-text-1 { bottom: 96px; left: 0; } } @media (max-width: 768px) and (orientation: portrait) { section.overview-panel .background-text-1 { bottom: 65px; } } @media (max-width: 414px) and (orientation: portrait) { section.overview-panel .background-text-1 { bottom: 34px; } } section.overview-panel .background-text-2 { bottom: 10px; right: 30px; } @media (max-width: 1024px) { section.overview-panel .background-text-2 { right: 0; } } @media (max-width: 768px) and (orientation: portrait) { section.overview-panel .background-text-2 { bottom: 0; } } section.overview-panel .arrow { position: absolute; bottom: 45px; left: 50%; display: block; overflow: hidden; text-indent: -9999px; width: 64px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: 57%; background-image: url(../../img/arrow-down-white.svg); cursor: pointer; outline: 0; -khtml-transform: translateX(-50%); transform: translateX(-50%); } section.page-starter { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 180px 0; min-height: calc(100vh - 112px); box-sizing: border-box; } @media (max-width: 1024px) { section.page-starter { min-height: 0; padding: 80px 0; } } @media (max-width: 414px) and (orientation: portrait) { section.page-starter { padding: 55px 0; } } section.page-starter article { position: relative; padding: 0 180px; -ms-flex: 1; flex: 1; } @media (max-width: 768px) and (orientation: portrait) { section.page-starter article { padding: 0 67px; } } @media (max-width: 414px) and (orientation: portrait) { section.page-starter article { padding: 0 36px; } } section.page-starter article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 50px; line-height: 50px; letter-spacing: 0.83px; text-transform: uppercase; color: #32343C; opacity: 0; transition: all 3s; -khtml-transform: translateY(30px); transform: translateY(30px); } @media (max-width: 1024px) { section.page-starter article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.page-starter article h2 { font-size: 31px; letter-spacing: 0.38px; line-height: 32px; } } section.page-starter article h2.in-view { opacity: 1; -khtml-transform: translateY(0px); transform: translateY(0px); } section.page-starter article h3 { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 23px; line-height: 35px; letter-spacing: 0.82px; padding-top: 34px; max-width: 1056px; color: #32343C; } @media (max-width: 1024px) { section.page-starter article h3 { font-size: 15px; letter-spacing: 0.44px; line-height: 23px; padding-top: 13px; } } section.page-starter article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.87px; padding-top: 45px; padding-bottom: 60px; max-width: 1056px; color: #32343C; } @media (max-width: 1024px) { section.page-starter article p { font-size: 12px; letter-spacing: 0.61px; line-height: 21px; padding-top: 14px; padding-bottom: 4px; } } section.page-starter article small { display: block; position: absolute; top: 0; right: 0; padding-right: 130px; font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 20px; letter-spacing: 1.17px; line-height: 59px; text-transform: uppercase; color: #32343C; } @media (max-width: 1024px) { section.page-starter article small { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.page-starter article small { display: none; } } section.page-starter article small::after { position: absolute; top: 26px; right: 0; display: inline-block; content: ""; width: 0; height: 2px; margin-left: 10px; vertical-align: middle; background: #AA834F; transition: all 3s; } section.page-starter article small.in-view::after { width: 125px; } section.page-starter .next { position: absolute; bottom: 40px; left: 50%; cursor: pointer; display: block; width: 30px; height: 20px; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/down-arrow.svg); -khtml-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1024px) { section.page-starter .next { display: none; } } section.gallery { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } #building section.gallery, #amenities section.gallery { background-color: #32343C; } #location section.gallery { -ms-flex-direction: row; flex-direction: row; } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery { -ms-flex-direction: column; flex-direction: column; } } section.gallery figure { position: relative; height: calc(100vh - 112px - 60px); background-color: #32343C; } @media (max-width: 1024px) { section.gallery figure { height: 580px; } } @media (max-width: 768px) and (orientation: portrait) { section.gallery figure { height: 500px; } } @media (max-width: 414px) and (orientation: portrait) { section.gallery figure { height: 272px; } } #location section.gallery figure { -ms-flex: 1; flex: 1; margin: 120px 0; } @media (max-width: 1024px) { #location section.gallery figure { margin: 70px 0; } } @media (max-width: 768px) and (orientation: portrait) { #location section.gallery figure { height: 340px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery figure { margin: 0; } } section.gallery figure .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } section.gallery figure .image.in-slider { opacity: 0; transition: all 1s; } section.gallery figure .image.in-slider.active { opacity: 1; } section.gallery figure .arrows { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } section.gallery figure .arrows .prev, section.gallery figure .arrows .next { position: absolute; top: 50%; width: 32px; height: 94px; background: white; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 300ms; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { section.gallery figure .arrows .prev, section.gallery figure .arrows .next { width: 22px; height: 52px; } } section.gallery figure .arrows .prev::after, section.gallery figure .arrows .next::after { position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 13px; height: 28px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../img/gallery-arrow.svg); -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1024px) { section.gallery figure .arrows .prev::after, section.gallery figure .arrows .next::after { width: 6px; height: 13px; } } section.gallery figure .arrows .prev { left: 0; } section.gallery figure .arrows .prev::after { -khtml-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } section.gallery figure .arrows .next { right: 0; } #location section.gallery figure .counter { position: absolute; top: calc(100% + 18px); left: 32px; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 20px; letter-spacing: 0.22px; line-height: 33px; color: #32343C; } @media (max-width: 1024px) { #location section.gallery figure .counter { top: calc(100% + 5px); font-size: 10px; letter-spacing: 0.11px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery figure .counter { left: auto; right: 24px; } } section.gallery article { position: relative; padding: 24px 180px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1024px) { section.gallery article { padding: 20px 74px; } } @media (max-width: 414px) and (orientation: portrait) { section.gallery article { padding: 20px 36px; } } #location section.gallery article { margin: 120px 0; padding: 0 74px; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; -ms-flex: 0 0 450px; flex: 0 0 450px; } @media (max-width: 1024px) { #location section.gallery article { margin: 70px 0; padding: 0 40px; -ms-flex: 0 0 330px; flex: 0 0 330px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery article { padding: 0 36px; -ms-flex: 0; flex: 0; } } section.gallery article .counter { position: absolute; top: 25px; right: 50px; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 20px; letter-spacing: 0.22px; line-height: 33px; color: #32343C; } @media (max-width: 1024px) { section.gallery article .counter { top: 5px; font-size: 10px; letter-spacing: 0.11px; } } @media (max-width: 414px) and (orientation: portrait) { section.gallery article .counter { right: 24px; } } #building section.gallery article .counter, #amenities section.gallery article .counter { color: #E3DDD9; } #location section.gallery article .caption { position: absolute; bottom: 0; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 18px; letter-spacing: 1.64px; line-height: 30px; color: #32343C; text-transform: uppercase; } @media (max-width: 1024px) { #location section.gallery article .caption { font-size: 9px; letter-spacing: 0.82px; line-height: 13px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery article .caption { bottom: auto; left: 36px; top: -54px; } } section.gallery article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 35px; line-height: 35px; letter-spacing: 1.14px; text-transform: uppercase; padding-top: 20px; color: #32343C; width: 100%; max-width: 580px; opacity: 0; transition: all 3s; -khtml-transform: translateY(30px); transform: translateY(30px); } @media (max-width: 1024px) { section.gallery article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.gallery article h2 { font-size: 21px; letter-spacing: 0.26px; line-height: 23px; max-width: 330px; } } section.gallery article h2.in-view { opacity: 1; -khtml-transform: translateY(0px); transform: translateY(0px); } #building section.gallery article h2, #amenities section.gallery article h2 { color: #E3DDD9; } #location section.gallery article h2 { padding-top: 0; } section.gallery article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.19px; padding-top: 25px; padding-bottom: 80px; color: #32343C; width: 100%; max-width: 580px; } @media (max-width: 1024px) { section.gallery article p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; max-width: 330px; padding-top: 8px; padding-bottom: 40px; } } #building section.gallery article p, #amenities section.gallery article p { color: #E3DDD9; } #location section.gallery article p { padding-bottom: 0; } #building section.gallery:nth-child(even) figure, #amenities section.gallery:nth-child(even) figure, #features section.gallery:nth-child(even) figure { -ms-flex-order: 2; order: 2; } @media (max-width: 414px) and (orientation: portrait) { #building section.gallery:nth-child(even) figure, #amenities section.gallery:nth-child(even) figure, #features section.gallery:nth-child(even) figure { -ms-flex-order: 1; order: 1; } } #building section.gallery:nth-child(even) figure .counter, #amenities section.gallery:nth-child(even) figure .counter, #features section.gallery:nth-child(even) figure .counter { left: auto; right: 32px; } #building section.gallery:nth-child(even) article, #amenities section.gallery:nth-child(even) article, #features section.gallery:nth-child(even) article { -ms-flex-order: 2; order: 2; } #building section.gallery:nth-child(even) article h2, #building section.gallery:nth-child(even) article p, #amenities section.gallery:nth-child(even) article h2, #amenities section.gallery:nth-child(even) article p, #features section.gallery:nth-child(even) article h2, #features section.gallery:nth-child(even) article p { -ms-flex-item-align: end; align-self: flex-end; } #building section.gallery:nth-child(even) article .counter, #amenities section.gallery:nth-child(even) article .counter, #features section.gallery:nth-child(even) article .counter { right: auto; left: 50px; } @media (max-width: 414px) and (orientation: portrait) { #building section.gallery:nth-child(even) article .counter, #amenities section.gallery:nth-child(even) article .counter, #features section.gallery:nth-child(even) article .counter { right: 24px; left: auto; } } #location section.gallery:nth-child(odd) { background-color: #E3DDD9; } #location section.gallery:nth-child(odd) figure { -ms-flex-order: 2; order: 2; } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery:nth-child(odd) figure { -ms-flex-order: 1; order: 1; } } #location section.gallery:nth-child(odd) figure .counter { left: auto; right: 32px; } #location section.gallery:nth-child(odd) article { -ms-flex-order: 1; order: 1; } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery:nth-child(odd) article { -ms-flex-order: 2; order: 2; } } #location section.gallery:nth-child(odd) article h2, #location section.gallery:nth-child(odd) article p { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #location section.gallery:nth-child(odd) article .counter { right: auto; left: 50px; } @media (max-width: 414px) and (orientation: portrait) { #location section.gallery:nth-child(odd) article .counter { right: 24px; left: auto; } } section.portrait { display: -ms-flexbox; display: flex; padding: 90px; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { section.portrait { padding: 54px; } } @media (max-width: 414px) and (orientation: portrait) { section.portrait { -ms-flex-direction: column; flex-direction: column; padding: 36px; } } @media (max-width: 1024px) { section.portrait figure { max-width: 50vw; } } @media (max-width: 414px) and (orientation: portrait) { section.portrait figure { max-width: 100vw; } } section.portrait figure img { display: block; width: 100%; height: auto; } section.portrait article { max-width: 40vw; padding-left: 100px; } @media (max-width: 1024px) { section.portrait article { max-width: 50vw; padding-left: 46px; } } @media (max-width: 414px) and (orientation: portrait) { section.portrait article { max-width: 100vw; padding: 16px 0; } } section.portrait article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 43px; letter-spacing: 1.14px; line-height: 45px; text-transform: uppercase; padding-top: 20px; opacity: 0; transition: all 3s; -khtml-transform: translateY(30px); transform: translateY(30px); } @media (max-width: 1024px) { section.portrait article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.portrait article h2 { font-size: 21px; letter-spacing: 0.26px; line-height: 23px; } } section.portrait article h2.in-view { opacity: 1; -khtml-transform: translateY(0px); transform: translateY(0px); } section.portrait article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.19px; padding-top: 25px; max-width: 580px; } @media (max-width: 1024px) { section.portrait article p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; max-width: 330px; padding-top: 8px; } } section.amenities { border-top: 1px solid #32343C; } section.amenities h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 50px; letter-spacing: 0.01px; line-height: 55px; text-transform: uppercase; max-width: 1424px; padding: 80px; margin: 0 auto; } @media (max-width: 1024px) { section.amenities h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.amenities h2 { max-width: 580px; font-size: 20px; letter-spacing: 0px; line-height: 24px; padding: 40px; } } @media (max-width: 768px) and (orientation: portrait) { section.amenities h2 { padding: 26px; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities h2 { font-size: 15px; line-height: 19px; } } section.amenities ul { display: -ms-grid; display: grid; grid: auto/repeat(2, 1fr); -ms-grid-rows: auto; -ms-grid-columns: 1fr 1fr; max-width: 1620px; margin: 0 auto; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul { grid: auto / auto; -ms-grid-columns: auto; } } section.amenities ul li { position: relative; display: -ms-flexbox; display: flex; border-top: 1px solid #32343C; padding: 50px; -ms-flex-align: center; align-items: center; } @media (max-width: 1570px) { section.amenities ul li { padding: 50px 30px; } } @media (max-width: 1024px) { section.amenities ul li { padding: 26px 26px 26px 100px; } } @media (max-width: 768px) and (orientation: portrait) { section.amenities ul li { padding: 26px; } } section.amenities ul li h3 { position: relative; font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 50px; letter-spacing: 0.01px; line-height: 55px; text-transform: uppercase; padding-right: 75px; max-width: 33.33%; } @media (max-width: 1024px) { section.amenities ul li h3 { font-size: 56px; line-height: 45px; } } @media (max-width: 1570px) { section.amenities ul li h3 { font-size: 30px; line-height: 33px; padding-right: 54px; } } @media (max-width: 1024px) { section.amenities ul li h3 { -ms-flex-preferred-size: 160px; flex-basis: 160px; font-size: 15px; letter-spacing: 0.28px; line-height: 19px; padding-right: 44px; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li h3 { padding-right: 20px; } } section.amenities ul li h3::after { position: absolute; top: 50%; right: 40px; width: 1px; height: 195px; display: block; content: ""; background: #32343C; -khtml-transform: translateY(-50%) rotate(10deg); transform: translateY(-50%) rotate(10deg); } @media (max-width: 1024px) { section.amenities ul li h3::after { height: 85px; right: 22px; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li h3::after { right: 0; } } section.amenities ul li p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.73px; padding-right: 20px; max-width: 33.33%; } @media (max-width: 1024px) { section.amenities ul li p { font-size: 10px; letter-spacing: 0.43px; line-height: 13px; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li p { padding-right: 0; padding-left: 20px; } } section.amenities ul li figure { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; max-width: 33.33%; } section.amenities ul li figure .image { width: 195px; height: 195px; background-position: center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 1570px) { section.amenities ul li figure .image { width: 130px; height: 130px; } } @media (max-width: 1024px) { section.amenities ul li figure .image { width: 85px; height: 85px; } } section.amenities ul li:nth-child(1) { -ms-grid-row: 1; } section.amenities ul li:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; } } section.amenities ul li:nth-child(3) { -ms-grid-row: 2; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(3) { -ms-grid-row: 3; } } section.amenities ul li:nth-child(4) { -ms-grid-row: 2; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(4) { -ms-grid-row: 4; -ms-grid-column: 1; } } section.amenities ul li:nth-child(5) { -ms-grid-row: 3; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(5) { -ms-grid-row: 5; } } section.amenities ul li:nth-child(6) { -ms-grid-row: 3; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(6) { -ms-grid-row: 6; -ms-grid-column: 1; } } section.amenities ul li:nth-child(7) { -ms-grid-row: 4; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(7) { -ms-grid-row: 7; } } section.amenities ul li:nth-child(8) { -ms-grid-row: 4; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(8) { -ms-grid-row: 8; -ms-grid-column: 1; } } section.amenities ul li:nth-child(9) { -ms-grid-row: 5; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(9) { -ms-grid-row: 9; } } section.amenities ul li:nth-child(10) { -ms-grid-row: 5; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(10) { -ms-grid-row: 10; -ms-grid-column: 1; } } section.amenities ul li:nth-child(11) { -ms-grid-row: 6; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(11) { -ms-grid-row: 11; } } section.amenities ul li:nth-child(12) { -ms-grid-row: 6; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(12) { -ms-grid-row: 12; -ms-grid-column: 1; } } section.amenities ul li:nth-child(13) { -ms-grid-row: 7; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(13) { -ms-grid-row: 13; } } section.amenities ul li:nth-child(14) { -ms-grid-row: 7; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(14) { -ms-grid-row: 14; -ms-grid-column: 1; } } section.amenities ul li:nth-child(15) { -ms-grid-row: 8; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(15) { -ms-grid-row: 15; } } section.amenities ul li:nth-child(16) { -ms-grid-row: 8; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(16) { -ms-grid-row: 16; -ms-grid-column: 1; } } section.amenities ul li:nth-child(17) { -ms-grid-row: 9; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(17) { -ms-grid-row: 17; } } section.amenities ul li:nth-child(18) { -ms-grid-row: 9; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(18) { -ms-grid-row: 18; -ms-grid-column: 1; } } section.amenities ul li:nth-child(19) { -ms-grid-row: 10; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(19) { -ms-grid-row: 19; } } section.amenities ul li:nth-child(20) { -ms-grid-row: 10; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(20) { -ms-grid-row: 20; -ms-grid-column: 1; } } section.amenities ul li:nth-child(odd)::after { position: absolute; top: 50px; right: 0; bottom: 50px; width: 1px; display: block; content: ""; background: #32343C; -khtml-transform: translateX(0.5px); transform: translateX(0.5px); } @media (max-width: 1024px) { section.amenities ul li:nth-child(odd)::after { top: 25px; bottom: 25px; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(odd)::after { display: none; } } section.amenities ul li:nth-child(3n):nth-child(odd) h3, section.amenities ul li:nth-child(4n) h3 { -ms-flex-order: 2; order: 2; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(3n):nth-child(odd) h3, section.amenities ul li:nth-child(4n) h3 { -ms-flex-order: 1; order: 1; } } section.amenities ul li:nth-child(3n):nth-child(odd) p, section.amenities ul li:nth-child(4n) p { -ms-flex-order: 3; order: 3; padding-right: 0; } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(3n):nth-child(odd) p, section.amenities ul li:nth-child(4n) p { -ms-flex-order: 2; order: 2; padding-right: 20px; } } section.amenities ul li:nth-child(3n):nth-child(odd) figure, section.amenities ul li:nth-child(4n) figure { -ms-flex-order: 1; order: 1; margin-right: 30px; } @media (max-width: 768px) and (orientation: portrait) { section.amenities ul li:nth-child(3n):nth-child(odd) figure, section.amenities ul li:nth-child(4n) figure { margin-right: 10px; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(3n):nth-child(odd) figure, section.amenities ul li:nth-child(4n) figure { -ms-flex-order: 3; order: 3; margin-right: 0; } } section.amenities ul li:nth-child(even) { -ms-grid-column: 2; } @media (max-width: 1024px) { section.amenities ul li:nth-child(even) { padding: 26px 100px 26px 26px; } } @media (max-width: 768px) and (orientation: portrait) { section.amenities ul li:nth-child(even) { padding: 26px; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(even) h3 { -ms-flex-order: 2; order: 2; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(even) p { -ms-flex-order: 3; order: 3; } } @media (max-width: 414px) and (orientation: portrait) { section.amenities ul li:nth-child(even) figure { -ms-flex-order: 1; order: 1; margin-right: 12px; } } section.six-grid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-top: 100px; } @media (max-width: 1024px) { section.six-grid { padding-top: 50px; } } @media (max-width: 414px) and (orientation: portrait) { section.six-grid { padding-top: 36px; } } section.six-grid figure { position: relative; width: 100%; max-width: 1700px; display: -ms-grid; display: grid; grid: auto/repeat(3, 1fr); -ms-grid-rows: auto; -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 10px; padding: 0 100px; margin: 0 auto; box-sizing: border-box; } @media (max-width: 1024px) { section.six-grid figure { padding: 0 50px; } } @media (max-width: 414px) and (orientation: portrait) { section.six-grid figure { padding: 0 36px; grid-gap: 5px; } } section.six-grid figure > div { position: relative; padding-bottom: 100%; opacity: 0; -khtml-transform: translateY(50px); transform: translateY(50px); } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { section.six-grid figure > div { min-height: 200px; padding-bottom: 0; } } section.six-grid figure > div:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; transition: all 1000ms; } section.six-grid figure > div:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; transition: all 2000ms; } section.six-grid figure > div:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; transition: all 3000ms; } section.six-grid figure > div:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 1; transition: all 1000ms; } section.six-grid figure > div:nth-child(5) { -ms-grid-row: 2; -ms-grid-column: 2; transition: all 2000ms; } section.six-grid figure > div:nth-child(6) { -ms-grid-row: 2; -ms-grid-column: 3; transition: all 3000ms; } section.six-grid figure > div.in-view { opacity: 1; -khtml-transform: translateY(0px); transform: translateY(0px); } section.six-grid figure .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } section.six-grid article { position: relative; padding: 64px 180px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1024px) { section.six-grid article { padding: 20px 74px; } } @media (max-width: 414px) and (orientation: portrait) { section.six-grid article { padding: 7px 36px; } } section.six-grid article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 43px; letter-spacing: 1.14px; line-height: 45px; text-transform: uppercase; padding-top: 20px; color: #32343C; width: 100%; max-width: 580px; } @media (max-width: 1024px) { section.six-grid article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.six-grid article h2 { font-size: 21px; letter-spacing: 0.26px; line-height: 23px; max-width: 330px; } } section.six-grid article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.19px; padding-top: 25px; padding-bottom: 140px; color: #32343C; width: 100%; max-width: 580px; } @media (max-width: 1024px) { section.six-grid article p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; padding-top: 8px; max-width: 330px; padding-bottom: 100px; } } @media (max-width: 414px) and (orientation: portrait) { section.six-grid article p { padding-bottom: 55px; } } section.six-grid:nth-child(even) article h2, section.six-grid:nth-child(even) article p { -ms-flex-item-align: end; align-self: flex-end; } section.glance { display: -ms-grid; display: grid; grid: auto/repeat(2, 1fr); -ms-grid-rows: auto; -ms-grid-columns: 1fr 1fr; } @media (max-width: 414px) and (orientation: portrait) { section.glance { grid: auto/repeat(1, 1fr); -ms-grid-columns: 1fr; } } section.glance article { padding: 150px 112px; } @media (max-width: 1024px) { section.glance article { padding: 74px 60px; } } @media (max-width: 768px) and (orientation: portrait) { section.glance article { padding: 74px 40px; } } @media (max-width: 414px) and (orientation: portrait) { section.glance article { padding: 45px 36px; } } section.glance article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 45px; line-height: 43px; letter-spacing: 1.25px; text-transform: uppercase; } @media (max-width: 1024px) { section.glance article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.glance article h2 { font-size: 24px; letter-spacing: 0.55px; line-height: 25px; } } section.glance article p { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 20px; letter-spacing: 2.96px; line-height: 57px; text-transform: uppercase; padding-top: 16px; } @media (max-width: 1024px) { section.glance article p { font-size: 12px; letter-spacing: 1.77px; line-height: 16px; padding-top: 4px; } } section.glance article p::after { content: ""; display: block; height: 1px; margin: 27px 0 40px; width: 0%; transition: all 3s; } @media (max-width: 1024px) { section.glance article p::after { margin: 27px 0 33px; } } section.glance article p.in-view::after { width: 100%; } section.glance article ul li { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.25px; padding-bottom: 20px; } @media (max-width: 1024px) { section.glance article ul li { font-size: 12px; letter-spacing: 0.16px; line-height: 18px; padding-bottom: 18px; } } section.glance article ul li ul { padding-top: 22px; padding-left: 33px; } @media (max-width: 1024px) { section.glance article ul li ul { padding-top: 18px; padding-left: 18px; } } section.glance article:first-child { background: #E3DDD9; color: #32343C; -ms-grid-column: 1; } section.glance article:first-child p::after { background: #32343C; } section.glance article:last-child { background: #3C5470; color: #E3DDD9; -ms-grid-column: 2; } @media (max-width: 414px) and (orientation: portrait) { section.glance article:last-child { -ms-grid-column: 1; } } section.glance article:last-child p::after { background: #E3DDD9; } section.finish { padding-top: 160px; background: #E3DDD9; } @media (max-width: 1024px) { section.finish { padding-top: 60px; } } section.finish > article { position: relative; max-width: 1047px; margin: 0 auto; display: -ms-grid; display: grid; grid: auto auto / auto auto; -ms-grid-rows: auto; -ms-grid-columns: auto auto; padding-bottom: 90px; } @media (max-width: 1024px) { section.finish > article { padding-bottom: 60px; max-width: 560px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish > article { grid: auto / 1fr; -ms-grid-columns: 1fr; padding: 0 36px 52px; } } section.finish > article::after { position: absolute; bottom: 0; left: 50%; width: calc(100vw - 200px); content: ""; display: block; background: #32343C; height: 1px; -khtml-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1024px) { section.finish > article::after { width: calc(100vw - 160px); } } @media (max-width: 768px) and (orientation: portrait) { section.finish > article::after { width: calc(100vw - 90px); } } @media (max-width: 414px) and (orientation: portrait) { section.finish > article::after { width: calc(100vw - 72px); } } section.finish > article h2 { position: relative; font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 45px; line-height: 43px; letter-spacing: 1.82px; text-transform: uppercase; grid-row: 1 / span 1; -ms-grid-row: 1; grid-column: 1 / span 1; -ms-grid-column: 1; max-width: 300px; color: #32343C; padding-right: 115px; } @media (max-width: 1024px) { section.finish > article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.finish > article h2 { font-size: 24px; letter-spacing: 0.55px; line-height: 25px; max-width: 142px; } } section.finish > article h2::after { position: absolute; top: 50%; right: 40px; width: 1px; height: 195px; display: block; content: ""; background: #32343C; -khtml-transform: translateY(-50%) rotate(10deg); transform: translateY(-50%) rotate(10deg); } @media (max-width: 1024px) { section.finish > article h2::after { height: 134px; -khtml-transform: translateY(-50px) rotate(10deg); transform: translateY(-50px) rotate(10deg); } } @media (max-width: 414px) and (orientation: portrait) { section.finish > article h2::after { display: none; } } section.finish > article h3 { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 19px; letter-spacing: 2.24px; line-height: 62px; text-transform: uppercase; grid-row: 2 / span 1; -ms-grid-row: 2; grid-column: 1 / span 1; -ms-grid-column: 1; color: #32343C; padding-top: 13px; } @media (max-width: 1024px) { section.finish > article h3 { font-size: 12px; letter-spacing: 1.77px; line-height: 16px; padding-top: 0px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish > article h3 { -ms-grid-row-span: 1; -ms-grid-row: 2; grid-row: 2 / span 1; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; padding: 10px 0; } } section.finish > article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.45px; grid-row: 1 / span 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-column: 2 / span 1; -ms-grid-column: 2; color: #32343C; padding-left: 35px; } @media (max-width: 1024px) { section.finish > article p { font-size: 12px; letter-spacing: 0.61px; line-height: 21px; padding-left: 0px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish > article p { grid-row: 3 / span 1; -ms-grid-row: 3; grid-column: 1 / span 1; -ms-grid-column: 1; padding: 0; } } section.finish .floor { position: relative; display: -ms-grid; display: grid; grid: auto / 1fr 430px; -ms-grid-rows: auto; -ms-grid-columns: 1fr 430px; padding: 160px 100px; } @media (max-width: 1024px) { section.finish .floor { grid: auto / 1fr 300px; -ms-grid-columns: 1fr 300px; padding: 60px 80px; } } @media (max-width: 768px) and (orientation: portrait) { section.finish .floor { padding: 60px 45px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor { padding: 46px 36px; grid: auto / auto; -ms-grid-columns: auto; } } section.finish .floor::before { position: absolute; top: 0; left: 100px; right: 100px; content: ""; display: block; background: #32343C; height: 1px; } @media (max-width: 1024px) { section.finish .floor::before { left: 80px; right: 80px; } } @media (max-width: 768px) and (orientation: portrait) { section.finish .floor::before { left: 45px; right: 45px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor::before { left: 36px; right: 36px; } } section.finish .floor figure { position: relative; height: calc(100vh - 112px - 60px); -ms-grid-column: 1; } @media (max-width: 1024px) { section.finish .floor figure { height: 430px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor figure { height: 237px; } } section.finish .floor figure .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } section.finish .floor article { position: relative; padding-left: 80px; padding-right: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-grid-column: 2; } @media (max-width: 1024px) { section.finish .floor article { padding-left: 40px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor article { padding-top: 27px; padding-left: 0; } } section.finish .floor article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 139px; letter-spacing: 0; line-height: 52px; text-transform: uppercase; color: #32343C; width: 100%; padding-bottom: 37px; opacity: 0; transition: all 3s; -khtml-transform: translateY(30px); transform: translateY(30px); } @media (max-width: 1024px) { section.finish .floor article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.finish .floor article h2 { font-size: 69px; letter-spacing: 0.84px; line-height: 67px; padding-bottom: 6px; } } section.finish .floor article h2.in-view { opacity: 1; -khtml-transform: translateY(0px); transform: translateY(0px); } section.finish .floor article h2 small { display: block; font-size: 43px; letter-spacing: 2.56px; line-height: 45px; margin-bottom: 60px; } @media (max-width: 1024px) { section.finish .floor article h2 small { font-size: 21px; letter-spacing: 0.26px; line-height: 23px; margin-bottom: 4px; } } section.finish .floor article h2.no-floor { padding-bottom: 17px; } section.finish .floor article h2.no-floor small { margin-bottom: 0; } section.finish .floor article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.19px; padding-top: 25px; padding-bottom: 40px; color: #32343C; } @media (max-width: 1024px) { section.finish .floor article p { font-size: 12px; letter-spacing: 0.51px; line-height: 21px; padding-top: 0px; } } section.finish .floor article .availability { position: absolute; bottom: 0; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 18px; letter-spacing: 3.22px; line-height: 25px; color: #32343C; cursor: pointer; text-transform: uppercase; text-decoration: none; } @media (max-width: 1024px) { section.finish .floor article .availability { font-size: 9px; letter-spacing: 0.61px; line-height: 14px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor article .availability { bottom: auto; top: 30px; right: 0; } } section.finish .floor article .availability::after { content: ""; display: block; background: #32343C; height: 1px; } section.finish .floor.first::before { display: none; } section.finish .floor:nth-child(odd) { grid: auto / 430px 1fr; -ms-grid-rows: auto; -ms-grid-columns: 430px 1fr; } @media (max-width: 1024px) { section.finish .floor:nth-child(odd) { grid: auto / 300px 1fr; -ms-grid-columns: 300px 1fr; } } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor:nth-child(odd) { grid: auto / auto; -ms-grid-columns: auto; } } section.finish .floor:nth-child(odd) figure { grid-row: 1 / span 1; -ms-grid-row: 1; grid-column: 2 / span 1; -ms-grid-column: 2; } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor:nth-child(odd) figure { grid-column: 1 / span 1; -ms-grid-column: 1; } } section.finish .floor:nth-child(odd) article { padding-left: 0; padding-right: 80px; -ms-grid-row-span: 1; -ms-grid-row: 1; grid-row: 1 / span 1; grid-column: 1 / span 1; -ms-grid-column: 1; } @media (max-width: 1024px) { section.finish .floor:nth-child(odd) article { padding-right: 40px; } } @media (max-width: 414px) and (orientation: portrait) { section.finish .floor:nth-child(odd) article { grid-row: 2 / span 1; -ms-grid-row: 2; padding-right: 0; } } section.features-glance { color: #E3DDD9; background: #3C5470; padding: 155px 173px; } @media (max-width: 1024px) { section.features-glance { padding: 70px 80px; } } @media (max-width: 768px) and (orientation: portrait) { section.features-glance { padding: 70px 40px; } } @media (max-width: 414px) and (orientation: portrait) { section.features-glance { padding: 46px 36px; } } section.features-glance h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 45px; line-height: 43px; letter-spacing: 1.25px; text-transform: uppercase; padding-bottom: 20px; } @media (max-width: 1024px) { section.features-glance h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.features-glance h2 { font-size: 24px; letter-spacing: 0.55px; line-height: 25px; padding-bottom: 6px; } } section.features-glance h3 { position: relative; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 20px; letter-spacing: 2.96px; line-height: 57px; text-transform: uppercase; padding-bottom: 30px; margin-bottom: 50px; } @media (max-width: 1024px) { section.features-glance h3 { font-size: 12px; letter-spacing: 1.77px; line-height: 16px; margin-bottom: 34px; } } section.features-glance h3::after { position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; background: #E3DDD9; height: 1px; } section.features-glance > ul { display: table; width: 100%; table-layout: fixed; } @media (max-width: 414px) and (orientation: portrait) { section.features-glance > ul { display: block; } } section.features-glance > ul > li { display: table-cell; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 15px; line-height: 28px; letter-spacing: 0.71px; padding-right: 100px; } @media (max-width: 1024px) { section.features-glance > ul > li { font-size: 14px; letter-spacing: 0.19px; line-height: 18px; padding-right: 80px; } } @media (max-width: 768px) and (orientation: portrait) { section.features-glance > ul > li { padding-right: 30px; } } @media (max-width: 414px) and (orientation: portrait) { section.features-glance > ul > li { display: block; } } @media (max-width: 1024px) { section.features-glance > ul > li:last-child { padding-right: 0; } } section.features-glance > ul > li > ul { padding-top: 25px; } @media (max-width: 1024px) { section.features-glance > ul > li > ul { padding-top: 8px; } } @media (max-width: 414px) and (orientation: portrait) { section.features-glance > ul > li > ul { padding-bottom: 36px; } } section.features-glance > ul > li > ul > li { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 15px; line-height: 28px; letter-spacing: 0.68px; padding: 12px 0; } @media (max-width: 1024px) { section.features-glance > ul > li > ul > li { font-size: 12px; letter-spacing: 0.16px; line-height: 18px; padding: 8px 0; } } @media (max-width: 414px) and (orientation: portrait) { section.features-glance > ul > li > ul > li { padding: 6px 0; } } section.features-glance p { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 15px; line-height: 28px; letter-spacing: 0.61px; padding: 144px 0; } @media (max-width: 1024px) { section.features-glance p { font-size: 12px; letter-spacing: 0.16px; line-height: 18px; padding: 22px 0; } } #location section.travel-times article { margin: 0; background: #3C5470; padding: 0 90px; } @media (max-width: 1024px) { #location section.travel-times article { padding: 0 30px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times article { padding: 45px 36px; } } #location section.travel-times article h2, #location section.travel-times article p { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 33px; letter-spacing: 0.89px; line-height: 42px; text-transform: uppercase; color: #E3DDD9; width: 320px; } @media (max-width: 1024px) { #location section.travel-times article h2, #location section.travel-times article p { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { #location section.travel-times article h2, #location section.travel-times article p { font-size: 21px; letter-spacing: 0.57px; line-height: 23px; width: 200px; -ms-flex-item-align: start !important; align-self: flex-start !important; } } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times article h2, #location section.travel-times article p { width: auto !important; } } #location section.travel-times article h2 { padding-bottom: 19px; opacity: 1; -khtml-transform: translateY(0); transform: translateY(0); } @media (max-width: 768px) and (orientation: portrait) { #location section.travel-times article h2 { padding-bottom: 5px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times article h2 { padding-bottom: 13px; } } #location section.travel-times article h2.do-animation { opacity: 0; -khtml-transform: translateY(30px); transform: translateY(30px); } #location section.travel-times article h2.do-animation.in-view { opacity: 1; -khtml-transform: translateY(0); transform: translateY(0); } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times article p { padding-top: 16px; } } #location section.travel-times article h3 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 284px; letter-spacing: -13.54px; line-height: 47px; text-transform: uppercase; color: #E3DDD9; width: 320px; padding: 146px 0 80px; white-space: nowrap; position: relative; } @media (max-width: 1024px) { #location section.travel-times article h3 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { #location section.travel-times article h3 { font-size: 117px; letter-spacing: -5.57px; line-height: 47px; width: 200px; padding: 57px 0 30px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times article h3 { padding: 45px 0 0; } } #location section.travel-times article h3::before, #location section.travel-times article h3::after { position: absolute; display: block; left: 0; right: 0; content: ""; height: 1px; background: #E3DDD9; } #location section.travel-times article h3::before { top: 0; } #location section.travel-times article h3::after { bottom: 0; } #location section.travel-times article h3.do-animation::before, #location section.travel-times article h3.do-animation::after { width: 0%; transition: all 3s; } #location section.travel-times article h3.do-animation.in-view::before, #location section.travel-times article h3.do-animation.in-view::after { width: 100%; } #location section.travel-times article h3 span { display: inline-block; vertical-align: baseline; margin-right: -50px; } @media (max-width: 1024px) { #location section.travel-times article h3 span { margin-right: -30px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times article h3 span { margin-right: -30px; } } #location section.travel-times article h3 small { display: inline-block; font-size: 23px; letter-spacing: 1.87px; line-height: 47px; vertical-align: baseline; padding-left: 20px; } #location section.travel-times figure { margin: 0; -ms-flex-preferred-size: 100vw; flex-basis: 100vw; height: 1020px; -ms-flex: 1; flex: 1; } @media (max-width: 1024px) { #location section.travel-times figure { height: 560px; -ms-flex-preferred-size: 560px; flex-basis: 560px; } } @media (max-width: 768px) and (orientation: portrait) { #location section.travel-times figure { height: 400px; -ms-flex-preferred-size: 400px; flex-basis: 400px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times figure { -ms-flex-preferred-size: 272px; flex-basis: 272px; height: 272px; } } @media (max-width: 414px) and (orientation: portrait) { #location section.travel-times figure .counter { color: #E3DDD9; } } .article-summaries { display: -ms-grid; display: grid; grid: auto / 1fr 1fr 1fr; -ms-grid: auto / 1fr 1fr 1fr; grid-gap: 30px; -ms-grid-gap: 30px; } @media (max-width: 900px) { .article-summaries { grid: auto / 1fr 1fr; -ms-grid: auto / 1fr 1fr; } } @media (max-width: 768px) { .article-summaries { grid: auto / 1fr; -ms-grid: auto / 1fr; } } @media (max-width: 768px) { .article-summaries .article { padding-bottom: 80px; } } .article-summaries .article .image { display: block; height: 330px; margin-bottom: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: gray; transition: all 1s; } .article-summaries .article .date, .article-summaries .article .pdf { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 18px; padding-bottom: 12px; text-decoration: none; text-transform: uppercase; } .article-summaries .article .pdf { padding-left: 50px; } .article-summaries .article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 35px; line-height: 35px; letter-spacing: 1.14px; padding-top: 20px; } @media (max-width: 1024px) { .article-summaries .article h2 { font-size: 56px; line-height: 45px; } } .article-summaries .article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 0.68px; line-height: 35px; max-width: 380px; padding: 14px 0 24px; } @media (max-width: 1024px) { .article-summaries .article p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; } } .article-summaries .article button, .article-summaries .article .button { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 18px; position: relative; display: inline-block; text-transform: uppercase; color: #000; text-decoration: none; } .article-summaries .article button span, .article-summaries .article .button span { display: block; position: absolute; left: 0; right: 0; height: 2px; top: 100%; overflow: hidden; } .article-summaries .article button span::before, .article-summaries .article button span::after, .article-summaries .article .button span::before, .article-summaries .article .button span::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 300ms; } .article-summaries .article button span::before, .article-summaries .article .button span::before { -khtml-transform: translateX(-200%); transform: translateX(-200%); } .article-summaries .article button span::after, .article-summaries .article .button span::after { background-color: black; } .article-body { position: relative; padding: 20px 115px 60px 115px; } @media (max-width: 768px) { .article-body { padding: 0; } } .article-body .date, .article-body .pdf { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 18px; padding-bottom: 24px; text-decoration: none; text-transform: uppercase; } .article-body .pdf { padding-left: 50px; } .article-body .back { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 18px; text-transform: uppercase; letter-spacing: 2.19px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 20px; right: 120px; text-transform: uppercase; text-decoration: none; color: #000; } @media (max-width: 768px) { .article-body .back { right: 0; } } .article-body .next-article { padding: 24px 0 0; } @media (max-width: 614px) { .article-body .next-article { padding: 10px 0 40px; } } .article-body .next-article a { font-family: "AllianceNo1-Light", sans-serif; font-size: 20px; text-transform: uppercase; letter-spacing: 2.19px; line-height: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; text-decoration: none; color: #000; } @media (max-width: 614px) { .article-body .next-article a { font-size: 14px; } } .article-body h1 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 35px; line-height: 35px; letter-spacing: 1.14px; padding-bottom: 48px; } @media (max-width: 1024px) { .article-body h1 { font-size: 56px; line-height: 45px; } } @media (max-width: 768px) { .article-body h1 { padding-bottom: 20px; font-size: 25px; } } @media (max-width: 614px) { .article-body h1 { font-weight: 700; letter-spacing: normal; } } .article-body b, .article-body strong { font-family: "AllianceNo1-Medium", sans-serif; } .article-body i, .article-body em { font-style: italic; } .article-body p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 0.68px; line-height: 35px; padding-bottom: 40px; max-width: 1000px; } @media (max-width: 1024px) { .article-body p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; } } .article-body blockquote { padding: 12px; margin: 12px 24px 40px; background: rgba(0, 0, 0, 0.1); } @media (max-width: 768px) { .article-body blockquote { margin: 12px 0px 20px; } } .article-body blockquote p { padding: 0; margin: 0; } .article-body a { color: #000; } .article-body ul, .article-body ol { padding-left: 40px; margin: 12px 24px 40px; } @media (max-width: 768px) { .article-body ul, .article-body ol { padding-left: 20px; margin: 12px 0px 20px; } } .article-body ul li, .article-body ol li { font-family: "AllianceNo1-Light", sans-serif; padding: 0 0 24px 24px; } @media (max-width: 768px) { .article-body ul li, .article-body ol li { font-size: 16px; } } .article-body ul { list-style: disc; } .article-body ol { list-style: decimal; } .article-body img { display: block; width: 100%; height: auto; } .article-body img.alignright, .article-body img.alignleft { width: 50%; max-width: 540px; } @media (max-width: 768px) { .article-body img.alignright, .article-body img.alignleft { width: 100%; max-width: none; } } .article-body img.alignright { margin: 0 0 40px 60px; float: right; } .article-body img.alignleft { margin: 0 60px 40px 0; float: left; } .pagination { margin-top: 40px; padding-bottom: 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); text-align: center; } .pagination .page-numbers { position: relative; display: inline-block; padding: 12px; color: #000; text-decoration: none; text-transform: uppercase; } .pagination .page-numbers.current::before { display: block; position: absolute; content: ""; top: -1px; left: 0; right: 0; height: 1px; background: #000; } .more-news { padding-top: 70px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media (max-width: 768px) { .more-news { padding-top: 20px; } } .more-news > h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 35px; line-height: 35px; letter-spacing: 1.14px; padding-bottom: 36px; text-align: center; } @media (max-width: 1024px) { .more-news > h2 { font-size: 56px; line-height: 45px; } } .more-news p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 0.68px; line-height: 35px; } @media (max-width: 1024px) { .more-news p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; } } section.full-gallery { padding-top: 212px; } @media (max-width: 1024px) { section.full-gallery { padding-top: 85px; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery { padding-top: 65px; } } section.full-gallery .tabs { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs { position: relative; overflow: visible; padding: 0 17px; margin-bottom: 20px; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs::before { font-family: 'AllianceNo1-Bold', sans-serif; display: block; position: relative; cursor: pointer; font-size: 9px; letter-spacing: 1.19px; text-transform: uppercase; white-space: nowrap; padding: 12px; content: attr(data-active-category); text-align: center; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs::after { display: block; content: ""; position: absolute; top: 50%; right: 45px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../../img/arrow-down-gold.svg); transition: all 300ms; -khtml-transform: translateY(-50%); transform: translateY(-50%); } } section.full-gallery .tabs ul { display: table; margin: 0 auto; } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs ul { display: none; position: absolute; top: calc(100% - 1px); left: 45px; right: 45px; border: 1px solid #E3DDD9; background: #fff; z-index: 500; } } section.full-gallery .tabs ul li { display: table-cell; padding: 0 30px 30px; } @media (max-width: 1024px) { section.full-gallery .tabs ul li { padding: 0 18px 18px; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs ul li { display: block; padding: 0; } } section.full-gallery .tabs ul li a { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; position: relative; display: inline-block; cursor: pointer; font-size: 18px; letter-spacing: 2.47px; line-height: 38px; text-transform: uppercase; white-space: nowrap; color: #32343C; } @media (max-width: 1024px) { section.full-gallery .tabs ul li a { font-size: 9px; letter-spacing: 1.19px; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs ul li a { display: block; padding: 12px; } } section.full-gallery .tabs ul li a::after { content: ""; background: #AA834F; width: 2px; height: 30px; position: absolute; right: -30px; top: 50%; -khtml-transform: translate(1px, -50%); transform: translate(1px, -50%); } @media (max-width: 1024px) { section.full-gallery .tabs ul li a::after { right: -19px; width: 1px; height: 20px; -khtml-transform: translate(0.5px, -50%); transform: translate(0.5px, -50%); } } section.full-gallery .tabs ul li:last-child a::after { display: none; } section.full-gallery .tabs ul li.active a { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 18px; letter-spacing: 2.47px; line-height: 38px; } @media (max-width: 1024px) { section.full-gallery .tabs ul li.active a { font-size: 9px; letter-spacing: 1.19px; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs ul li.active a { background-color: #000; color: #fff; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs.dropdown_open::after { -khtml-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .tabs.dropdown_open ul { display: block; } } section.full-gallery .images { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 45px 60px; } @media (max-width: 1024px) { section.full-gallery .images { padding: 0 45px 60px; } } @media (max-width: 768px) and (orientation: portrait) { section.full-gallery .images { grid: auto / 1fr 1fr; -ms-grid-columns: 1fr 1fr; grid-gap: 10px; -ms-grid-gap: 10px; } } @media (max-width: 414px) and (orientation: portrait) { section.full-gallery .images { padding: 0 17px 60px; } } section.full-gallery .images > figure { display: none; position: relative; -ms-flex-preferred-size: calc(33.33% - 20px); flex-basis: calc(33.33% - 20px); padding-bottom: 33.33%; margin: 10px; overflow: hidden; box-sizing: border-box; animation: fadein 1s; } @media (max-width: 768px) and (orientation: portrait) { section.full-gallery .images > figure { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); padding-bottom: 50%; margin: 5px; } } section.full-gallery .images > figure.visible { display: block; } section.full-gallery .images > figure > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; transition: all 1s; } section.full-gallery .images > figure > div::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: rgba(0, 0, 0, 0.5); transition: all 1s; } section.full-gallery .images > figure > div::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background-position: center; background-repeat: no-repeat; background-image: url(../../img/cross-hairs.svg); transition: all 1s; } section.full-gallery .images > figure:hover > div { -khtml-transform: scale(1.05); transform: scale(1.05); } section.full-gallery .images > figure:hover > div::before, section.full-gallery .images > figure:hover > div::after { opacity: 1.0; } section.interior-page { max-width: 1580px; margin: 0 auto; padding: 338px 180px 0; color: #32343C; } @media (max-width: 1024px) { section.interior-page { padding: 145px 115px 0; } } @media (max-width: 768px) and (orientation: portrait) { section.interior-page { padding: 145px 60px 0; } } @media (max-width: 414px) and (orientation: portrait) { section.interior-page { padding: 118px 36px 0; } } section.interior-page h1 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; position: relative; font-size: 68px; letter-spacing: 0.62px; line-height: 100px; text-transform: uppercase; padding-bottom: 65px; margin-bottom: 112px; } @media (max-width: 1024px) { section.interior-page h1 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.interior-page h1 { font-size: 31px; letter-spacing: 0.38px; line-height: 32px; padding-bottom: 18px; margin-bottom: 37px; } } section.interior-page h1::after { position: absolute; display: block; bottom: 0; left: 0; right: 0; content: ""; background: #32343C; height: 1px; } section.interior-page .bios, section.interior-page .content { display: -ms-grid; display: grid; grid: auto / auto auto; -ms-grid-rows: auto; -ms-grid-columns: auto auto; padding-bottom: 246px; } @media (max-width: 1024px) { section.interior-page .bios, section.interior-page .content { padding-bottom: 130px; } } @media (max-width: 414px) and (orientation: portrait) { section.interior-page .bios, section.interior-page .content { grid: auto / auto; -ms-grid-columns: auto; } } section.interior-page .bios article, section.interior-page .content article { word-break: break-word; padding: 0 70px; } @media (max-width: 1024px) { section.interior-page .bios article, section.interior-page .content article { padding: 0 35px; } } @media (max-width: 414px) and (orientation: portrait) { section.interior-page .bios article, section.interior-page .content article { padding: 0 18px; } } section.interior-page .bios article:first-child, section.interior-page .content article:first-child { -ms-grid-column: 1; padding-left: 0; } section.interior-page .bios article:last-child, section.interior-page .content article:last-child { -ms-grid-column: 2; padding-right: 0; } section.interior-page .bios article h2, section.interior-page .content article h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 43px; letter-spacing: 0.14px; line-height: 45px; text-transform: uppercase; padding-bottom: 22px; } @media (max-width: 1024px) { section.interior-page .bios article h2, section.interior-page .content article h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.interior-page .bios article h2, section.interior-page .content article h2 { font-size: 21px; letter-spacing: 0.26px; line-height: 23px; padding-bottom: 9px; } } section.interior-page .bios article p, section.interior-page .content article p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 0.68px; line-height: 35px; } @media (max-width: 1024px) { section.interior-page .bios article p, section.interior-page .content article p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; } } section.interior-page .content { grid: auto / auto; } section.interior-page .content h3 { padding: 30px 0; } section.interior-page .content p { padding-bottom: 30px; } section.interior-page .content ul, section.interior-page .content ol { padding: 30px; } section.interior-page .content ul li, section.interior-page .content ol li { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 0.68px; line-height: 35px; } @media (max-width: 1024px) { section.interior-page .content ul li, section.interior-page .content ol li { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; } } section.interior-page .content ul { list-style: disc; } section.interior-page .content ol { list-style: decimal; } section.interior-page .content a { color: #32343C; text-decoration: underline; } .contact-spcl { text-align: center; padding-top: 80px; font-family: "AllianceNo1-Light", sans-serif; font-size: 19px; font-style: normal; letter-spacing: 1.06px; line-height: 35px; padding-left: 15px; padding-right: 15px; } .contact-spcl a.contact-link { color: #333333 !important; cursor: default; } @media (max-width: 360px) { .contact-spcl { font-size: 16px; } } section.contact-map { position: relative; width: 100%; height: 556px; } @media (max-width: 1024px) { section.contact-map { height: 430px; margin-top: 45px; } } @media (max-width: 768px) and (orientation: portrait) { section.contact-map { height: 348px; } } section.contact-map figure { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 556px; } @media (max-width: 1024px) { section.contact-map figure { height: 430px; } } @media (max-width: 768px) and (orientation: portrait) { section.contact-map figure { height: 348px; } } section.contact { padding: 80px 60px 180px; max-width: 1150px; margin: 0 auto; display: -ms-grid; display: grid; grid: auto auto / auto 490px; -ms-grid-rows: auto auto; -ms-grid-columns: auto 490px; } @media (max-width: 1024px) { section.contact { grid: auto auto / auto 270px; -ms-grid-rows: auto auto; -ms-grid-columns: auto 270px; padding: 75px 170px 180px; } } @media (max-width: 768px) and (orientation: portrait) { section.contact { padding: 75px 80px 80px; } } @media (max-width: 414px) and (orientation: portrait) { section.contact { grid: auto / auto; -ms-grid-rows: auto; -ms-grid-columns: auto; padding: 0; } } section.contact h1 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 55px; letter-spacing: 0.48px; line-height: 80px; text-transform: uppercase; color: #32343C; grid-row: 1 / span 1; -ms-grid-row: 1; grid-column: 1 / span 2; -ms-grid-column: 1; -ms-grid-column-span: 2; } @media (max-width: 1024px) { section.contact h1 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.contact h1 { font-size: 31px; letter-spacing: 0.38px; line-height: 32px; } } @media (max-width: 414px) and (orientation: portrait) { section.contact h1 { -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; -ms-grid-column-span: 1; padding: 45px 36px 0; } } section.contact form { grid-row: 2 / span 1; -ms-grid-row: 2; grid-column: 1 / span 1; -ms-grid-column: 1; } @media (max-width: 414px) and (orientation: portrait) { section.contact form { padding: 0 36px 52px; } } section.contact form p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 19px; letter-spacing: 1.06px; line-height: 35px; } @media (max-width: 1024px) { section.contact form p { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; max-width: 268px; } } section.contact form > div { display: -ms-grid; display: grid; width: 100%; grid: auto/repeat(2, 1fr); -ms-grid-rows: auto; -ms-grid-columns: 1fr 1fr; padding-top: 56px; } @media (max-width: 768px) and (orientation: portrait) { section.contact form > div { grid: auto / auto; -ms-grid-columns: auto; } } @media (max-width: 414px) and (orientation: portrait) { section.contact form > div { padding-top: 30px; } } section.contact form .control-group { position: relative; box-sizing: border-box; padding: 3px 0; margin-bottom: 0; } section.contact form .control-group label, section.contact form .control-group legend { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 17px; letter-spacing: 2.77px; text-transform: uppercase; color: #000; } @media (max-width: 1024px) { section.contact form .control-group label, section.contact form .control-group legend { font-size: 11px; letter-spacing: 1.79px; } } section.contact form .control-group label { cursor: pointer; } section.contact form .control-group input[type="text"] { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 20px; letter-spacing: 1.67px; line-height: 35px; display: block; width: 100%; padding: 0; box-sizing: border-box; background-color: transparent; border-style: solid; border-width: 0 0 1px 0; border-color: #32343C; color: #32343C; border-radius: 0; margin-top: 0; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } @media (max-width: 1024px) { section.contact form .control-group input[type="text"] { font-size: 14px; letter-spacing: 1.17px; line-height: 22px; } } section.contact form .control-group.error label, section.contact form .control-group.error legend, section.contact form .control-group.error input[type="text"] { color: #aa2222; } section.contact form .control-group.error input[type="text"] { border-color: #aa2222; } section.contact form .control-group.hytag_name { grid-row: 2 / span 1; -ms-grid-row: 2; -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; -ms-grid-column-span: 2; padding-left: 0; padding-right: 0; } @media (max-width: 768px) and (orientation: portrait) { section.contact form .control-group.hytag_name { grid-row: 3 / span 1; -ms-grid-row: 3; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; -ms-grid-column-span: 1; } } section.contact form .control-group.hytag_name .name-fields { display: -ms-flexbox; display: flex; } section.contact form .control-group.hytag_name .name-fields li { -ms-flex: 1; flex: 1; } section.contact form .control-group.hytag_name .name-fields li:first-of-type { margin-bottom: 0; margin-right: 32px; } @media (max-width: 768px) and (orientation: portrait) { section.contact form .control-group.hytag_name .name-fields li:first-of-type { margin-right: 0; margin-bottom: 6px; } } @media (max-width: 768px) and (orientation: portrait) { section.contact form .control-group.hytag_name .name-fields li { -ms-flex: auto; flex: auto; width: 100%; } } @media (max-width: 768px) and (orientation: portrait) { section.contact form .control-group.hytag_name .name-fields { -ms-flex-wrap: wrap; flex-wrap: wrap; } } section.contact form .control-group.hytag_email { grid-row: 2 / span 1; -ms-grid-row: 2; -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; -ms-grid-column-span: 2; padding-left: 0; padding-right: 0; } @media (max-width: 768px) and (orientation: portrait) { section.contact form .control-group.hytag_email { grid-row: 3 / span 1; -ms-grid-row: 3; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; -ms-grid-column-span: 1; } } section.contact form .control-group.hytag_phone { grid-row: 3 / span 1; -ms-grid-row: 3; -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; -ms-grid-column-span: 2; padding-left: 0; padding-right: 0; } @media (max-width: 768px) and (orientation: portrait) { section.contact form .control-group.hytag_phone { grid-row: 4 / span 1; -ms-grid-row: 4; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; -ms-grid-column-span: 1; } } section.contact form .control-group.hytag_form_comment { grid-row: 4 / span 1; -ms-grid-row: 4; -ms-grid-column-span: 2; -ms-grid-column: 1; grid-column: 1 / span 2; -ms-grid-column-span: 2; padding-top: 25px; padding-left: 0; padding-right: 0; } @media (max-width: 768px) and (orientation: portrait) { section.contact form .control-group.hytag_form_comment { grid-row: 5 / span 1; -ms-grid-row: 5; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; -ms-grid-column-span: 1; } } section.contact form .control-group.hytag_form_comment label { display: block; } section.contact form .control-group.hytag_form_comment textarea { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 20px; letter-spacing: 1.67px; line-height: 35px; width: 100%; height: 326px; background-color: transparent; border: 1px solid #32343C; box-sizing: border-box; border-radius: 0; overflow: hidden; padding: 32px 50px; color: #32343C; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } @media (max-width: 1024px) { section.contact form .control-group.hytag_form_comment textarea { font-size: 14px; letter-spacing: 1.17px; line-height: 22px; padding: 26px 38px; } } @media (max-width: 414px) and (orientation: portrait) { section.contact form .control-group.hytag_form_comment textarea { height: 190px; } } section.contact form small { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; display: block; font-size: 14px; letter-spacing: 1.64px; line-height: 24px; padding-top: 24px; } @media (max-width: 1024px) { section.contact form small { font-size: 10px; letter-spacing: 1.17px; padding-top: 16px; } } section.contact form button[type="submit"] { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 18px; letter-spacing: 2.21px; line-height: 1; display: block; text-transform: uppercase; color: #32343C; padding: 0; border-style: solid; border-width: 0 0 2px; border-color: #32343C; background: #fff; cursor: pointer; border-radius: 0; float: right; min-height: 20px; margin-top: 30px; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; transition: all 300ms; } @media (max-width: 1024px) { section.contact form button[type="submit"] { font-size: 9px; letter-spacing: 1.61px; line-height: 14px; border-width: 0 0 1px; } } section.contact form button[type="submit"].submitting { cursor: default; } section.contact form button[type="submit"]:hover { color: #32343C; background-color: transparent; border-color: #32343C; } @media (max-width: 812px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) { section.contact form button[type="submit"] { margin: 20px auto 0; width: 50px; } } section.contact form #more-info { margin-top: 30px; } section.contact form #more-info a { color: #000; } @media (max-width: 812px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) { section.contact form .form-actions { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } section.contact aside { grid-row: 2 / span 1; -ms-grid-row: 2; grid-column: 2 / span 1; -ms-grid-column: 2; padding-left: 190px; } @media (max-width: 1024px) { section.contact aside { padding-left: 80px; } } @media (max-width: 414px) and (orientation: portrait) { section.contact aside { grid-row: 3 / span 1; -ms-grid-row: 3; -ms-grid-column-span: 1; -ms-grid-column: 1; grid-column: 1 / span 1; -ms-grid-column-span: 1; background: #3C5470; color: #E3DDD9; padding: 45px 36px 60px; } } section.contact aside address { position: relative; font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 19px; font-style: normal; letter-spacing: 1.06px; line-height: 35px; margin-bottom: 118px; } @media (max-width: 1024px) { section.contact aside address { font-size: 12px; letter-spacing: 0.31px; line-height: 21px; margin-bottom: 40px; } } @media (max-width: 414px) and (orientation: portrait) { section.contact aside address { padding-bottom: 36px; } } @media (max-width: 414px) and (orientation: portrait) { section.contact aside address::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #E3DDD9; } } section.contact aside address a { color: inherit; text-decoration: none; } section.contact aside h3 { font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 21px; letter-spacing: 2.5px; line-height: 57px; text-transform: uppercase; } @media (max-width: 1024px) { section.contact aside h3 { font-size: 12px; letter-spacing: 0.31px; line-height: 34px; } } section.contact aside ul li { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 17px; letter-spacing: 0.95px; line-height: 41px; } @media (max-width: 1024px) { section.contact aside ul li { font-size: 12px; letter-spacing: 0.31px; line-height: 34px; } } @media (max-width: 414px) and (orientation: portrait) { section.contact aside ul li { line-height: 22px; } } .thank-you { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 12000; max-width: initial !important; background: #fff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; animation: fadein 1s; } .thank-you.visible { display: block; } .thank-you > div { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; position: absolute; top: 50%; left: 50%; box-sizing: border-box; font-size: 32px; letter-spacing: 0.21px; line-height: 43px; padding: 60px; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .thank-you > div strong { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; } .thank-you > div p { padding: 0 0 60px; text-transform: none; font-size: 28px; line-height: 33px; } .thank-you > div a { color: #32343C; font-weight: 400; text-decoration: none; } .thank-you .close { position: absolute; top: 44px; right: 44px; display: block; width: 30px; height: 30px; background-image: url(../../img/x-dark.svg); background-position: center; background-size: contain; background-repeat: no-repeat; cursor: pointer; } section.blog { padding: 160px 30px 120px; } @media (max-width: 1024px) and (orientation: landscape) { section.blog { padding: 112px 100px 70px; } } @media (max-width: 768px) and (orientation: portrait) { section.blog { padding: 112px 60px 70px; } } @media (max-width: 812px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) { section.blog { padding: 112px 30px 40px; } } section.blog h1 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; padding-bottom: 100px; } @media (max-width: 1024px) { section.blog h1 { font-size: 56px; line-height: 45px; } } @media (max-width: 768px) and (orientation: portrait) { section.blog h1 { padding-bottom: 46px; } } @media (max-width: 812px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) { section.blog h1 { padding-bottom: 33px; max-width: 264px; margin: 0 auto; } } section.blog .article { position: relative; display: -ms-grid; display: grid; grid: 590px / 1fr 388px; -ms-grid: 590px / 1fr 388px; grid-gap: 72px; -ms-grid-gap: 72px; padding-bottom: 80px; } @media (max-width: 1024px) { section.blog .article { grid: 460px / 1fr 330px; -ms-grid: 460px / 1fr 330px; grid-gap: 36px; -ms-grid-gap: 36px; } } @media (max-width: 768px) { section.blog .article { grid: 260px auto / 1fr; -ms-grid: 260px auto / 1fr; grid-gap: 15px; -ms-grid-gap: 15px; margin-left: -30px; margin-right: -30px; } } section.blog .article.bottomless { padding-bottom: 0; } @media (max-width: 614px) { section.blog .article.bottomless-mobile { padding-bottom: 0; } } @media (max-width: 614px) { section.blog .article.smallbottom-mobile { padding-bottom: 60px; } } section.blog .article.inverse { grid: 636px / 388px 1fr; -ms-grid: 636px / 388px 1fr; } @media (max-width: 1024px) { section.blog .article.inverse { grid: 460px / 330px 1fr; -ms-grid: 460px / 330px 1fr; } } @media (max-width: 768px) { section.blog .article.inverse { grid: 260px auto / 1fr; -ms-grid: 260px auto / 1fr; } } section.blog .article.inverse > div:first-child { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-column-end: span 1; } @media (max-width: 768px) { section.blog .article.inverse > div:first-child { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-start: 1; } } section.blog .article.inverse > div:last-child { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-column-end: span 1; } @media (max-width: 768px) { section.blog .article.inverse > div:last-child { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-column-end: span 1; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-start: 2; } } section.blog .article .image-container { overflow: hidden; position: relative; } section.blog .article .image-container .prev, section.blog .article .image-container .next { display: none; position: absolute; top: 0; bottom: 0; width: 80px; background-repeat: no-repeat; background-position: center; background-size: 50px; cursor: pointer; z-index: 20; -webkit-tap-highlight-color: transparent; opacity: 0; transition: all 300ms; } @media (max-width: 768px) { section.blog .article .image-container .prev, section.blog .article .image-container .next { width: 64px; background-size: 30px; } } section.blog .article .image-container .prev.visible, section.blog .article .image-container .next.visible { display: block; } section.blog .article .image-container .prev:hover, section.blog .article .image-container .next:hover { opacity: 1.0; } section.blog .article .image-container .prev { left: 0; background-image: url(../../img/arrow-left-large.svg); } section.blog .article .image-container .next { right: 0; background-image: url(../../img/arrow-right-large.svg); } section.blog .article .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: gray; box-sizing: border-box; transition: all 1s; } section.blog .article .image.slider-image { opacity: 0; pointer-events: none; transition: all 1s; } section.blog .article .image.slider-image.visible { opacity: 1.0; pointer-events: all; } section.blog .article .video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } section.blog .article .video video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } @media (max-width: 1024px) { section.blog .article .video video.has-alt { display: none; } } section.blog .article .video .image { display: none; } @media (max-width: 1024px) { section.blog .article .video .image { display: block; } } section.blog .article .content > div { margin: 0; padding: 0; height: 100%; width: 100%; display: table; } section.blog .article .content > div > div { display: table-cell; vertical-align: middle; } @media (max-width: 768px) { section.blog .article .content > div > div { padding-left: 30px; padding-right: 30px; } } section.blog .article .content h2 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; line-height: 42px; padding-bottom: 20px; max-width: 460px; padding-top: 15px; } @media (max-width: 1024px) { section.blog .article .content h2 { font-size: 56px; line-height: 45px; } } @media (max-width: 1024px) { section.blog .article .content h2 { line-height: 28px; padding-top: 15px; } } @media (max-width: 614px) { section.blog .article .content h2 { font-weight: 700; letter-spacing: normal; padding: 15px 0 6px; } } @media (max-width: 768px) { section.blog .article .content h2 .not-on-mobile { display: none; } } section.blog .article .content h2.news-headline { font-size: 40px; } @media (max-width: 1024px) { section.blog .article .content h2.news-headline { font-size: 40px; } } @media (max-width: 768px) { section.blog .article .content h2.news-headline { font-size: 25px; } } @media (max-width: 614px) { section.blog .article .content h2.news-headline { padding-bottom: 10px; letter-spacing: normal; font-weight: 700; font-size: 25px; } } section.blog .article .content h3 { font-family: "AllianceNo1-Light", sans-serif; font-size: 15px; text-transform: uppercase; padding: 12px 0 0; } section.blog .article .content p { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; } @media (max-width: 768px) { section.blog .article .content p { font-size: 16px; } } section.blog .article .content .date, section.blog .article .content .pdf { font-family: "AllianceNo1-Light", sans-serif; font-size: 25px; letter-spacing: 0.92px; font-size: 16px; padding-bottom: 12px; text-decoration: none; text-transform: uppercase; } section.blog .article .content .pdf { padding-left: 50px; } section.blog .article .content button, section.blog .article .content .button { font-family: "AllianceNo1-Light", sans-serif; font-size: 20px; text-transform: uppercase; letter-spacing: 2.19px; line-height: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; position: relative; margin-top: 30px; padding: 0; background-color: transparent; border: 0; color: #000; text-decoration: none; -webkit-appearance: none; } section.blog .article .content button span, section.blog .article .content .button span { display: block; position: absolute; left: 0; right: 0; height: 2px; top: 100%; overflow: hidden; } section.blog .article .content button span::before, section.blog .article .content button span::after, section.blog .article .content .button span::before, section.blog .article .content .button span::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 300ms; } section.blog .article .content button span::before, section.blog .article .content .button span::before { -khtml-transform: translateX(-200%); transform: translateX(-200%); } section.blog .article .content button span::after, section.blog .article .content .button span::after { background-color: black; } @media (max-width: 768px) { section.blog .article.narrow-mobile { margin-left: 0; margin-right: 0; } } @media (max-width: 768px) { section.blog .article.narrow-mobile .content > div > div { padding-left: 0; padding-right: 0; } } section.blog-post { padding: 112px 30px 120px; } @media (max-width: 1024px) and (orientation: landscape) { section.blog-post { padding: 112px 100px 70px; } } @media (max-width: 768px) and (orientation: portrait) { section.blog-post { padding: 112px 60px 70px; } } @media (max-width: 812px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) { section.blog-post { padding: 112px 30px 40px; } } section.blog-post .hero figure { position: relative; overflow: hidden; height: 500px; } @media (max-width: 1024px) and (orientation: landscape) { section.blog-post .hero figure { height: 430px; } } @media (max-width: 768px) and (orientation: portrait) { section.blog-post .hero figure { height: 300px; } } @media (max-width: 812px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) { section.blog-post .hero figure { height: 200px; } } section.blog-post .hero figure .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: gray; background-position: center; background-repeat: no-repeat; } section.blog-post h1 { font-family: 'Bodoni', serif; font-size: 75px; line-height: 68px; font-weight: 100; font-size: 35px; line-height: 35px; letter-spacing: 1.14px; padding-top: 60px; max-width: 540px; } @media (max-width: 1024px) { section.blog-post h1 { font-size: 56px; line-height: 45px; } } @media (max-width: 812px) and (orientation: landscape), (max-width: 414px) and (orientation: portrait) { section.blog-post h1 { padding-top: 30px; } } .align-center{ text-align:center !important; } .align-left{ text-align:left !important;} .align-right{ text-align:right !important; } .left{float:left !important;} .right{float:right !important;} .relative{position:relative;} .hidden{display:none;} .inline-block{display:inline-block;} .white{ color: #fff !important; } .black{ color: #111 !important; } .color{ color: #e41919 !important; } .glass{ opacity: .5; } .image-fullwidth img{ width: 100%; } .stick-fixed{ position: fixed !important; top: 0; left: 0; } .round{ -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } ::-moz-selection{ color: #fff; background:#000; } ::-webkit-selection{ color: #fff; background:#000; } ::selection{ color: #fff; background:#000; } .animate, .animate *{ -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .no-animate, .no-animate *{ -webkit-transition: 0 none !important; -moz-transition: 0 none !important; -ms-transition: 0 none !important; -o-transition: 0 none !important; transition:0 none !important; } .shadow{ -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15); -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15); box-shadow: 0px 3px 50px rgba(0, 0, 0, .15); } .white-shadow{ -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2); -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2); box-shadow: 0px 0px 200px rgba(255, 255, 255, .2); } .clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: none; } .full-wrapper { margin: 0 2%; } .container-fluid{ max-width: 1170px; margin: 0 auto; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{ overflow-y: scroll; -ms-overflow-style: scrollbar; } html, body{ height: 100%; -webkit-font-smoothing: antialiased; font-family: "AllianceNo1-Light", sans-serif; } .page{ overflow: hidden; } .body-masked{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff url(../images/loader.gif) no-repeat center center; z-index: 100000; } .mask-delay{ -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; animation-delay: 0.75s; } .mask-speed{ -webkit-animation-duration: 0.25s !important; -moz-animation-duration: 0.25s !important; animation-duration: 0.25s !important; } iframe{ border: none; } a, b, div, ul, li{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-outline-: none; } a:focus, a:active{ -moz-outline: none; outline: none; } img:not([draggable]), embed, object, video{ max-width: 100%; height: auto; } /* ============================== Page loader ============================== */ .page-loader{ display:block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000; } .loader{ width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 1px solid rgba(0,0,0, 0.08); border-right: 1px solid rgba(0,0,0, 0.08); border-bottom: 1px solid rgba(0,0,0, 0.08); border-left: 1px solid rgba(0,0,0, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: spinner 700ms infinite linear; -moz-animation: spinner 700ms infinite linear; -ms-animation: spinner 700ms infinite linear; -o-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear; z-index: 100001; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* ============================== Typography ============================== */ body{ -webkit-font-smoothing: antialiased; } /* ============================== Buttons ============================== */ .btn-mod, a.btn-mod{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 13px; color: #fff; background: rgba(34,34,34, .9); border: 2px solid transparent; font-size: 11px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus{ font-weight: 400; color: rgba(255,255,255, .85); background: rgba(0,0,0, .7); text-decoration: none; outline: none; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-mod:active{ cursor: pointer !important; outline: none !important; } .btn-mod.btn-small{ height: auto; padding: 6px 17px; font-size: 11px; letter-spacing: 1px; } .btn-mod.btn-medium{ height: auto; padding: 8px 37px; font-size: 12px; } .btn-mod.btn-large{ height: auto; padding: 12px 45px; font-size: 13px; } .btn-mod.btn-glass{ color: rgba(255,255,255, .75); background: rgba(0,0,0, .40); } .btn-mod.btn-glass:hover, .btn-mod.btn-glass:focus{ color: rgba(255,255,255, 1); background: rgba(0,0,0, 1); } .btn-mod.btn-border{ color: #151515; border: 2px solid #151515; background: transparent; } .btn-mod.btn-border:hover, .btn-mod.btn-border:focus{ color: #fff; border-color: transparent; background: #000; } .btn-mod.btn-border-c{ color: #e41919; border: 2px solid #e41919; background: transparent; } .btn-mod.btn-border-c:hover, .btn-mod.btn-border-c:focus{ color: #fff; border-color: transparent; background: #e41919; } .btn-mod.btn-border-w{ color: #fff; border: 2px solid rgba(255,255,255, .75); background: transparent; } .btn-mod.btn-border-w:hover, .btn-mod.btn-border-w:focus{ color: #111; border-color: transparent; background: #fff; } .btn-mod.btn-w{ color: #111; background: rgba(255,255,255, .8); } .btn-mod.btn-w:hover, .btn-mod.btn-w:focus{ color: #111; background: #fff; } .btn-mod.btn-w-color{ color: #e41919; background: #fff; } .btn-mod.btn-w-color:hover, .btn-mod.btn-w-color:focus{ color: #151515; background: #fff; } .btn-mod.btn-gray{ color: #777; background: #e5e5e5; } .btn-mod.btn-gray:hover, .btn-mod.btn-gray:focus{ color: #444; background: #d5d5d5; } .btn-mod.btn-color{ color: #fff; background: #e41919; } .btn-mod.btn-color:hover, .btn-mod.btn-color:focus{ color: #fff; background: #e41919; opacity: .85; } .btn-mod.btn-circle{ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btn-mod.btn-round{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-icon{ position: relative; border: none; overflow: hidden; } .btn-icon.btn-small{ overflow: hidden; } .btn-icon > span{ width: 100%; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; left: 0; color: #777; font-size: 48px; opacity: .2; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .btn-icon:hover > span{ opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .btn-icon > span.white{ color: #fff; } .btn-icon > span.black{ color: #000; } .btn-full{ width: 100%; } /* ============================== Home sections ============================== */ /* * Header common styles */ .home-section{ width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-content{ display: table; width: 100%; height: 100%; text-align: center; color: #fff; } /* Home content */ .home-content{ position: relative; } .home-text{ display: table-cell; height: 100%; vertical-align: middle; } /* Scroll down icon */ @-webkit-keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } @-moz-keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } @-o-keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } @keyframes scroll-down-anim { 0%{ bottom: 2px; } 50%{ bottom: 7px; } 100%{ bottom: 2px; } } .scroll-down{ width: 40px; height: 40px; margin-left: -20px; position: absolute; bottom: 20px; left: 50%; text-align: center; text-decoration: none; -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); } .scroll-down:before{ display: block; content: ""; width: 20px; height: 20px; margin: 0 0 0 -10px; position: absolute; bottom: 0; left: 50%; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); z-index: 1; } .scroll-down:hover:before{ opacity: .6; } .scroll-down-icon{ display: block; width: 10px; height: 10px; margin-left: -5px; position: absolute; left: 50%; bottom: 4px; color: #111; font-size: 15px; -webkit-animation: scroll-down-anim 1s infinite; -moz-animation: scroll-down-anim 1s infinite; -o-animation: scroll-down-anim 1s infinite; animation: scroll-down-anim 1s infinite; z-index: 2; } /* * HTML5 BG VIdeo */ .bg-video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } .bg-video-overlay{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .bg-video-wrapper video{ max-width: inherit; height: inherit; z-index: 0; } /* * Headings styles */ .hs-wrap{ max-width: 570px; margin: 0 auto; padding: 47px 30px 53px; position: relative; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255,255,255, .5); } .hs-wrap-1{ max-width: 350px; margin: 0 auto; position: relative; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .hs-line-1{ margin-top: 0; position: relative; text-transform: uppercase; font-size: 30px; font-weight: 400; letter-spacing: 51px; color: #fff; opacity: .9; } .hs-line-2{ margin-top: 0; position: relative; font-size: 72px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.085em; line-height: 1.3; color: rgba(255,255,255, .85); } .hs-line-3{ margin-top: 0; position: relative; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255, .7); } .hs-line-4{ margin-top: 0; position: relative; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255, .85); } .hs-line-5{ margin-top: 0; position: relative; font-size: 62px; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.32em; opacity: .85; } .hs-line-6{ margin-top: 0; position: relative; font-size: 19px; font-weight: 300; line-height: 1.2; opacity: .35; } .hs-line-6.no-transp{ opacity: 1; } .hs-line-7{ margin-top: 0; position: relative; font-size: 64px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; line-height: 1.2; } .hs-line-8{ margin-top: 0; position: relative; font-size: 16px; font-weight: 400; letter-spacing: 0.3em; line-height: 1.2; opacity: .75; } .hs-line-8.no-transp{ opacity: 1; } .hs-line-9{ margin-top: 0; position: relative; font-size: 96px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; line-height: 1.2; } .hs-line-10{ margin-top: 0; display: inline-block; position: relative; padding: 15px 24px; background: rgba(0,0,0, .75); font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255, .85); } .hs-line-10 > span{ margin: 0 10px; } .hs-line-10.highlight{ background: #e41919; opacity: .65; } .hs-line-10.transparent{ background: none; color: #aaa; padding: 0; } .hs-line-11{ margin-top: 0; position: relative; font-size: 30px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5em; line-height: 1.8; opacity: .9; } .hs-line-12{ margin-top: 0; position: relative; font-size: 80px; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.4em; } .hs-line-13{ margin-top: 0; position: relative; font-size: 96px; font-weight: 400; line-height: 1; text-transform: uppercase; letter-spacing: 0.3em; } .hs-line-14{ margin-top: 0; position: relative; font-size: 48px; font-weight: 400; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.7em; } .hs-line-15{ margin-top: 0; position: relative; font-size: 36px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.3; } .no-transp{ opacity: 1 !important; } .fullwidth-galley-content{ position: absolute; top: 0; left: 0; width: 100%; z-index: 25; } /* ============================== Top bar ============================== */ .top-bar{ min-height: 40px; background: #fbfbfb; border-bottom: 1px solid rgba(0,0,0, .05); font-size: 11px; letter-spacing: 1px; } /* * Top links */ .top-links{ list-style: none; margin: 0; padding: 0; text-transform: uppercase; } .top-links li{ float: left; border-left: 1px solid rgba(0,0,0, .05); } .top-links li:last-child{ border-right: 1px solid rgba(0,0,0, .05); } .top-links li .fa{ font-size: 14px; position: relative; top: 1px; } .top-links li .tooltip{ text-transform: none; letter-spacing: normal; z-index: 2003; } .top-links li a{ display: block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 10px; text-decoration: none; text-align: center; color: #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .top-links li a:hover{ color: #555; background-color: rgba(0,0,0, .02); } /* * Top bar dark */ .top-bar.dark{ background-color: #333; border-bottom: none; } .top-bar.dark .top-links li, .top-bar.dark .top-links li:last-child{ border-color: rgba(255,255,255, .07); } .top-bar.dark .top-links li a{ color: #aaa; } .top-bar.dark .top-links li a:hover{ color: #ccc; background-color: rgba(255,255,255, .05); } /* * Menu social links */ .mn-soc-link{ width: 34px; height: 34px; line-height: 33px; text-align: center; font-size: 12px; display: inline-block; border: 1px solid rgba(0,0,0, .1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .mn-soc-link:hover{ border: 1px solid rgba(0,0,0, .25); } .main-nav .tooltip{ font-size: 12x; text-transform: none; letter-spacing: 0; } /* ============================== Fullscreen menu ============================== */ .fm-logo-wrap{ position: absolute; top: 30px; left: 30px; height: 54px; z-index: 1030; } .fm-logo-wrap .logo{ display: block; max-width: 200px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-button{ display: block; position: fixed; top: 30px; right: 30px; width: 54px; height: 54px; background: #111; opacity: .85; text-indent: -12345px; z-index: 1030; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-button:hover{ opacity: 1; } .fm-button span{ display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -11px; -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-button span:before, .fm-button span:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: -6px; left: 0; -webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; -moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; -o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; -ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; } .fm-button span:after{ top: auto; bottom: -6px; } /* Active menu button */ .fm-button.active{ background: #222; z-index: 2001; } .fm-button.active span{ background: transparent; } .fm-button.active span:before{ top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fm-button.active span:after{ bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Menu wrapper */ .fm-wrapper{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; padding: 50px 30px; overflow-x: hidden; overflow-y: auto; background: rgba(10,10,10, .97); z-index: 2000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .fm-wrapper-sub{ display: table; width: 100%; height: 100%; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-wrapper-sub.js-active{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .fm-wrapper-sub-sub{ display: table-cell; text-align: center; vertical-align: middle; } .fm-menu-links, .fm-menu-links ul{ margin: 0; padding: 10px 0; line-height: 1.3; text-align: center; } .fm-menu-links ul.fm-sub{ padding: 0; } .fm-menu-links a{ display: block; position: relative; margin: 0; padding: 15px 20px; color: #999; font-size: 17px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: rgba(255,255,255, .1); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); z-index: 11; } .no-touch .fm-menu-links a:hover, .fm-menu-links a:active, .fm-menu-links li.js-opened > a{ color: #d5d5d5; text-decoration: none; } .fm-menu-links li{ margin: 0; padding: 0; position: relative; overflow: hidden; } .fm-menu-links li > a:active, .fm-menu-links li.active > a, .fm-menu-links li a.active{ color: #f5f5f5; } .fm-menu-links li.js-opened:before{ display: none; } .no-touch .fm-menu-links li.js-opened > a:hover, .fm-menu-links li.js-opened > a:active{ color: #fff; } .fm-has-sub{ } .fm-has-sub .fa{ font-size: 14px; } .js-opened > .fm-has-sub > .fa{ color: #fff; } .fm-sub{ display: none; opacity: 0; position: relative; } .fm-sub > li > a{ padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 13px; font-weight: 400; } .fm-menu-links li.js-opened .fm-sub{ opacity: 1; } .fm-search{ width: 320px; } .fm-search input.search-field{ background: transparent; color: #555; text-align: center; border: none; border-bottom: 1px solid rgba(255,255,255, .2); } .fm-search input.search-field:hover{ border: none; border-bottom: 1px solid rgba(255,255,255, .4); } .fm-search input.search-field:focus{ color: #999; border-color: rgba(255,255,255, .7); } .fm-search .search-button:hover{ color: #fff; } /* Social links */ .fm-social-links{ padding: 10px; font-size: 14px; text-align: center; } .fm-social-links > a{ display: inline-block; margin: 0 2px; width: 34px; height: 34px; line-height: 34px; border: 1px solid rgba(255,255,255, .15); text-align: center; text-decoration: none; color: #555; -webkir-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fm-social-links > a:hover{ border-color: rgba(255,255,255, .3); color: #999; } /* ============================== Sections styles ============================== */ /* * Common */ .page-section, .small-section{ width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 140px 0; } .small-section{ padding: 70px 0; } .small-title{ padding: 0; margin: 0 0 30px 0; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 0.3em; } .section-icon{ margin-bottom: 7px; text-align: center; font-size: 32px; } .small-title .serif{ text-transform: none; font-weight: 400; } .small-title.white{ color: #fff; } .bg-scroll{ background-attachment: scroll !important; } .bg-pattern{ background-repeat: repeat; background-size: auto; } .bg-pattern-over:before, .bg-pattern-over .YTPOverlay:after{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: repeat; background-size: auto; background-image: url(../images/pattern-bg-2.png); } .bg-gray{ background-color: #f4f4f4; } .bg-gray-lighter{ background-color: #f8f8f8; } .bg-dark, .bg-dark-lighter, .bg-dark-alfa-30, .bg-dark-alfa-50, .bg-dark-alfa-70, .bg-dark-alfa-90, .bg-dark-alfa, .bg-color, .bg-color-lighter, .bg-color-alfa-30, .bg-color-alfa-50, .bg-color-alfa-70, .bg-color-alfa-90, .bg-color-alfa{ color: #fff; } .bg-dark a, .bg-dark-lighter a, .bg-dark-alfa-30 a, .bg-dark-alfa-50 a, .bg-dark-alfa-70 a, .bg-dark-alfa-90 a, .bg-dark-alfa a, .bg-color a, .bg-colorlighter a, .bg-color-alfa-30 a, .bg-color-alfa-50 a, .bg-color-alfa-70 a, .bg-color-alfa-90 a, .bg-color-alfa a{ color: rgba(255,255,255, .8); padding-bottom: 3px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .bg-dark a:hover, .bg-dark-lighter a:hover, .bg-dark-alfa-30 a:hover, .bg-dark-alfa-50 a:hover, .bg-dark-alfa-70 a:hover, .bg-dark-alfa-90 a:hover, .bg-dark-alfa a:hover, .bg-color a:hover, .bg-color-lighter a:hover, .bg-color-alfa-30 a:hover, .bg-color-alfa-50 a:hover, .bg-color-alfa-70 a:hover, .bg-color-alfa-90 a:hover, .bg-color-alfa a:hover{ color: rgba(255,255,255, 1); text-decoration: none; } .bg-color .text, .bg-color-lighter .text, .bg-color-alfa-30 .text, .bg-color-alfa-50 .text, .bg-color-alfa-70 .text, .bg-color-alfa-90 .text, .bg-color-alfa .text, .bg-color .section-text, .bg-color-lighter .section-text, .bg-color-alfa-30 .section-text, .bg-color-alfa-50 .section-text, .bg-color-alfa-70 .section-text, .bg-color-alfa-90 .section-text, .bg-color-alfa .section-text{ color: rgba(255,255,255, .75); } .bg-color .white, .bg-color-lighter .whitet, .bg-color-alfa-30 .white, .bg-color-alfa-50 .white, .bg-color-alfa-70 .white, .bg-color-alfa-90 .white, .bg-color-alfa .white{ color: #fff; } .bg-dark{ background-color: #111; } .bg-dark-lighter{ background-color: #252525; } .bg-dark-alfa:before, .bg-dark-alfa .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .97); } .bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .3); } .bg-dark-alfa-50:before, .bg-dark-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .5); } .bg-dark-alfa-70:before, .bg-dark-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(17,17,17, .7); } .bg-dark-alfa-90:before, .bg-dark-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3,3,3, .9); } .bg-light-alfa:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .97); } .bg-light-alfa-30:before, .bg-light-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .30); } .bg-light-alfa-50:before, .bg-light-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .50); } .bg-light-alfa-70:before, .bg-light-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .7); } .bg-light-alfa-90:before, .bg-light-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(252,252,252, .9); } .bg-color{ background-color: #e41919; } .bg-color-alfa:before, .bg-color-alfa .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .97; } .bg-color-alfa-30:before, .bg-color-alfa-30 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .3; } .bg-color-alfa-50:before, .bg-color-alfa-50 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .5; } .bg-color-alfa-70:before, .bg-color-alfa-70 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .7; } .bg-color-alfa-90:before, .bg-color-alfa-90 .YTPOverlay:before{ content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e41919; opacity: .9; } .bg-orange{ background-color: #f47631 !important; } .bg-yellow{ background-color: #ffce02 !important; } .bg-cyan{ background-color: #27c5c3 !important; } .bg-green{ background-color: #58bf44 !important; } .bg-blue{ background-color: #43a5de !important; } .bg-purple{ background-color: #375acc !important; } .bg-red{ background-color: #e13939 !important; } .section-title { margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.4; } .section-more{ margin-top: 7px; color: #999; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .section-more:hover{ text-decoration: none; color: #000; } .section-more .fa{ font-size: 12px; } .section-heading { margin-bottom: 15px; font-size: 24px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.3; } .section-line{ width: 55px; height: 1px; margin: 30px auto; background: #111; } .section-text{ font-size: 15px; font-weight: 300; color: #777; line-height: 1.7; } .section-text blockquote{ margin-top: -5px; } .section-bot-image{ margin: 140px 0 -140px; text-align: center; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } /* Breadcrumbs */ .mod-breadcrumbs{ margin-top: -5px; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .mod-breadcrumbs span{ opacity: .65; } .mod-breadcrumbs a{ text-decoration: none; } .mod-breadcrumbs a:hover{ text-decoration: none; } .mod-breadcrumbs .fa{ font-size: 12px; } .mod-breadcrumbs-mini{ text-align: left; } .home-bot-image{ width: 100%; position: absolute; bottom:0; left: 0; text-align: center; } .fixed-height-large, .fixed-height-medium, .fixed-height-small{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fixed-height-large{ min-height: 800px; } .fixed-height-medium{ min-height: 700px; } .fixed-height-small{ min-height: 600px; } /* * Split section */ .split-section{ width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .split-section-headings{ width: 50%; position: relative; overflow: hidden; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ssh-table{ width: 100%; min-height: 500px; display: table; } .ssh-cell{ display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: middle; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .split-section-content{ width: 50%; position: relative; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .split-section-wrapper{ padding: 0 80px; } /* ============================== Alternative services ============================== */ .alt-service-grid{ margin-top: -60px; } .alt-services-image{ text-align: center; } .alt-services-image > img{ display: block; width: 100%; } .alt-service-item{ margin: 60px 0 0 0; position: relative; padding-left: 55px; padding-top: 3px; font-size: 13px; font-weight: 300; color: #999; -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .alt-service-icon{ width: 40px; height: 40px; position: absolute; top: 0; left: 0; line-height: 40px; text-align: center; font-size: 28px; color: #111; -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .alt-services-title{ margin: 0 0 10px 0; padding: 0; font-size: 15px; font-weight: 400; color: #111; } /* ============================== Team ============================== */ .team-grid{ } .team-item{ } .team-item-image{ position: relative; overflow: hidden; } .team-item-image img{ width: 100%; } .team-item-image:after{ content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; z-index: 1; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .team-item-detail{ opacity: 0; width: 100%; position: absolute; top: 50%; left: 0; padding: 20px 23px 55px; font-size: 14px; font-weight: 300; color: #777; text-align: center; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .team-item-descr{ color: #777; text-align:center; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .team-item-name { margin-top: 23px; font-size: 15px; text-transform: uppercase; letter-spacing: 0.4em; } .team-item-role{ margin-top: 4px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.4em; color: #aaa; } .team-social-links{ font-size: 14px; cursor: pointer; } .team-social-links a{ display: inline-block; padding: 3px 7px; color: rgba(0,0,0, .4); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } /* Hover state */ .no-mobile .team-item:hover .team-item-image:after{ background: rgba(255,255,255, .93); } .no-mobile .team-item:hover .team-item-detail{ opacity: 1; } .no-mobile .team-item:hover .team-item-descr{ color: #111; } .no-mobile .team-social-links a:hover{ color: rgba(0,0,0, .75); } /* Mobile touch */ .team-item.js-active .team-item-image:after{ background: rgba(255,255,255, .93); } .team-item.js-active .team-item-detail{ opacity: 1; } .team-item.js-active .team-item-descr{ color: #111; } .team-item.js-active .team-social-links a:hover{ color: rgba(0,0,0, .75); } /* ============================== Features ============================== */ .features-item{ padding: 15px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .features-icon{ font-size: 48px; line-height: 1.3; color: rgba(255,255,255, .9); } .features-title{ margin-bottom: 3px; font-size: 18px; font-weight: 400; text-transform: uppercase; color: rgba(255,255,255, .9); } .features-descr{ font-size: 15px; font-weight: 300; color: rgba(255,255,255, .75); } .features-icon.black{ color: rgba(0,0,0, .9); } .features-title.black{ color: rgba(0,0,0, .9); } .features-descr.black{ color: rgba(0,0,0, .75); } /* ============================== Alt features ============================== */ .alt-features-grid{ margin-top: -70px; } .alt-features-item{ margin-top: 70px; } .alt-features-icon{ padding-top: 10px; font-size: 48px; line-height: 1.3; color: #111; } .alt-features-icon img{ width: 100%; } .alt-features-title{ margin-bottom: 21px; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.4em; } .alt-features-descr { color: #777; font-size: 14px; font-weight: 300; line-height: 1.86 } /* ============================== Benefits ============================== */ .benefits-grid{ margin: 0 0 -40px -20px; text-align: center; vertical-align: top; } .benefit-item{ display: inline-block; width: 264px; margin: 0 0 40px 20px; padding: 15px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; cursor: default; } .benefit-number{ width: 100%; position: absolute; top: 0; left: -50px; font-size: 120px; font-weight: 700; text-align: center; line-height: 1; color: rgba(0,0,0, .025); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .benefit-icon{ position: relative; margin-bottom: 6px; font-size: 32px; } .benefit-title{ position: relative; margin: 0 0 17px 0; padding: 0; font-size: 14px; text-transform: uppercase; } .benefits-descr{ position: relative; font-size: 13px; font-weight: 300; color: #777; } .benefit-item:after{ content: " "; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0, .015); opacity: 0; -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .benefit-item:hover:after{ opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .benefit-item:hover .benefit-number{ color: rgba(0,0,0, .035); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } /* ============================== Counters ============================== */ .count-wrapper{ padding: 40px 20px; border: 1px solid rgba(0,0,0, .09); } .count-number{ font-size: 48px; font-weight: 300; line-height: 1.3; text-align: center; } .count-descr{ color: #999; font-size: 11px; text-align:center; } .count-descr .fa{ font-size: 14px; } .count-title{ margin-top: -1px; font-size: 13px; } .count-separator{ height: 30px; clear: both; float: none; overflow: hidden; } /* ============================== Portfolio ============================== */ /* * Works filter */ .works-filter{ list-style: none; padding: 0; margin: 0 0 45px 0; font-size: 13px; text-transform: uppercase; text-align: center; letter-spacing: 0.4em; color: #555; cursor: default; } .works-filter a{ display: inline-block; margin: 0 27px; color: #999; text-decoration: none; -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); cursor: pointer; } .works-filter a:hover{ color: #111; text-decoration: none; } .works-filter a.active{ color: #111; cursor: default; } .works-filter a.active:hover{ color: #111; } /* * Works grid */ .works-grid{ list-style: none; margin: 0; padding: 0; } .work-item{ width: 25%; float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .work-grid-2 .work-item{ width: 50%; } .work-grid-3 .work-item{ width: 33.333%; } .container .work-grid-3 .work-item{ width: 33.2%; } .work-grid-5 .work-item{ width: 20%; } .works-grid.work-grid-gut{ margin: 0 0 0 -10px; } .works-grid.work-grid-gut .work-item{ padding: 0 0 10px 10px; } .work-item > a{ display: block; padding: 0 0 84px 0; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } .work-item a, .work-item a:hover{ color: #111; border: none; } .work-img{ position: relative; overflow: hidden; } .work-img img{ width: 100%; display: block; overflow: hidden; } .work-intro{ width: 100%; height: 84px; padding: 20px 20px 0 20px; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; text-align: center; overflow: hidden; } .work-title{ margin: 0 0 8px 0; padding: 0; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.2; } .work-descr{ font-size: 11px; text-align: center; text-transform: uppercase; color: #aaa; line-height: 1.2; } .works-grid.hide-titles .work-item > a{ overflow: hidden; padding: 0; } .works-grid.hide-titles .work-item .work-intro{ opacity: 0; bottom: -94px; } .works-grid.hide-titles .work-item:hover .work-intro{ opacity: 1; } /* Work item hover state */ .work-intro{ -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .work-item:hover .work-intro{ /*bottom: auto;*/ /*top: 50%;*/ color: #fff; -webkit-transform: translateY(-99px); -moz-transform: translateY(-99px); transform: translateY(-99px); z-index: 3; } .work-item:hover .work-title{ color: #ccc; } .work-item:hover .work-descr{ color: #999; } .work-item .work-img:after{ content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(250,250,250, 0); -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .work-item:hover .work-img:after{ background: rgba(20,20,20, .85); } .works-grid.hover-color .work-item:hover .work-intro, .works-grid.hover-color .work-item:hover .work-title, .works-grid.hover-color .work-item:hover .work-descr{ color: #fff; } .works-grid.hover-color .work-item:hover .work-img:after{ background: #e41919; opacity: .73; } .works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr{ color: #000; } .works-grid.hover-white .work-item:hover .work-img:after{ background: rgba(250,250,250, .9); } .work-item .work-img > img{ -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .work-item:hover .work-img > img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /* * Works full view */ .work-full{ display: none; width: 100%; height: 100%; background: #fff; z-index: 10000; } .work-full-load{ padding-top: 60px; } .work-loader{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 10001; } .work-loader:after{ display: block; content: " "; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; background: url(../images/loader.gif) no-repeat; } /* Work navigation */ .work-navigation{ width: 100%; background: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; z-index: 99; } .work-navigation .fa{ font-size: 12px; vertical-align: middle; } .work-navigation .fa-times{ font-size: 16px; margin-top: -2px; } .work-navigation a{ display: block; float: left; width: 33.33333%; overflow: hidden; vertical-align: middle; text-decoration: none; white-space: nowrap; cursor: default; } .work-navigation a, .work-navigation a:visited{ color: #555; } .work-navigation a:hover{ color: #111; } .work-navigation a span{ display: inline-block; height: 60px; line-height: 59px; padding: 0 4%; background: #fff; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .work-navigation span:hover{ background: #f7f7f7; } .work-back-link{ margin: 20px 0 0; display: block; background: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #151515; } .work-prev{ text-align: left; } .work-all{ text-align: center; } .work-next{ text-align: right; } .work-container{ padding: 50px 0; } .work-full-title{ margin: 0 0 10px 0; padding: 0; font-size: 24px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .work-full-media{ margin-top: 30px; } .work-full-media img{ max-width: 100%; height: auto; } .work-full-text{ text-align: left; font-size: 13px; color: #777; } .work-full-text h6{ margin-top: 5px; } .work-detail{ font-weight: 400; } .work-detail p:last-child{ margin-bottom: 0; } .work-full-detail{ font-size: 11px; color: #777; letter-spacing: 1px; text-transform: uppercase; } .work-full-detail p{ padding: 4px 0; margin: 0; border-top: 1px solid rgba(0,0,0, .05); } .work-full-detail p:last-child{ border-bottom: 1px solid rgba(0,0,0, .05); } .work-full-detail p strong{ width: 100px; display: inline-block; } .work-full-action{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #eaeaea; text-align: center; } /* ============================== Banner section ============================== */ .banner-section{ overflow: visible; border-bottom: 1px solid transparent; } .banner-heading{ margin-top: 0; margin-bottom: 20px; font-size: 18px; font-weight: 300; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255,255,255, 0.9); } .banner-decription{ margin-bottom: 35px; font-size: 15px; font-weight: 300; color: rgba(255,255,255, .7); } .banner-image{ margin: -40px 0 0 0; text-align: right; } .banner-image img{ } /* ============================== Testimonial ============================== */ .testimonial{ margin: 0; padding: 0; background: none; border: none; text-align: center; font-size: 18px; font-style: normal; font-weight: 300; letter-spacing: 0; opacity: .85; } .testimonial p{ font-size: 18px; } .testimonial-author{ } /* * Logotypes */ .logo-item{ height: 80px; text-align: center; opacity: .75; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .logo-item:hover{ opacity: 1; } .logo-item img{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* ============================== Post previews ============================== */ .post-grid{ } .post-prev-img{ margin-bottom: 23px; position: relative; } .post-prev-img a{ -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .post-prev-img a:hover{ opacity: .85; } .post-prev-img img{ width: 100%; } .post-prev-title{ margin-bottom: 6px; font-size: 15px; text-transform: uppercase; letter-spacing: 0.2em; } .post-prev-title a{ color: #777; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .post-prev-title a:hover{ color: #111; } .post-prev-info, .post-prev-info a{ margin-bottom: 15px; font-size: 11px; text-decoration: none; color: #aaa; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .post-prev-info a:hover{ color: #111; } .post-prev-text{ margin-bottom: 22px; color: #777; font-size: 15px; font-weight: 300; line-height: 1.75; } /* ============================== Newsletter ============================== */ .newsletter-label{ margin-bottom: 15px; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.3em; } .form input.newsletter-field{ max-width: 293px; } .form input.newsletter-field:hover{ } .form input.newsletter-field:focus{ } .form input.newsletter-field::-webkit-input-placeholder{ color: #777; } .form input.newsletter-field:focus::-webkit-input-placeholder{ color: #111; } .form input.newsletter-field:-moz-placeholder{ color: #777; } .form input.newsletter-field:focus:-moz-placeholder{ color: #111; } .form input.newsletter-field::-moz-placeholder{ color: #777; } .form input.newsletter-field:focus::-moz-placeholder{ color: #111; } .form input.newsletter-field:-ms-input-placeholder{ color: #777; } .form input.newsletter-field:focus:-ms-input-placeholder{ color: #111; } /* ============================== Contact section ============================== */ .contact-item{ position: relative; padding-left: 44px; color: #444; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .contact-item a{ color: #444; text-decoration: none; } .contact-item a:hover{ color: #000; text-decoration: none; } .ci-icon{ width: 23px; height: 23px; position: absolute; top: 10px; left: 3px; color: #fff; text-align: center; line-height: 23px; } .ci-icon:before{ content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #111; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ci-icon i, .ci-icon span{ position: relative; } .ci-title{ margin-bottom: 1px; color: #777; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.3em; } .ci-text{ font-size: 15px; font-weight: 300; } /* * Contact form */ .cf-left-col{ width: 49.4%; float: left; margin-right: 1.2%; } .cf-right-col{ width: 49.4%; float: left; } .contact-form .form-group{ margin-bottom: 10px; } /* ============================== Google maps ============================== */ .google-map{ position: relative; background: #111; } #map-canvas{ height: 600px; position: relative; background-color: #111 !important; z-index: 1; } .gm-style-cc{ display: none !important; } .gm-style-iw div{ color: #777; } .map-section{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; padding: 0 !important; background: rgba(17,17,17, .93); z-index: 2; cursor: pointer; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .map-section:hover{ background: rgba(17,17,17, .90); } .map-toggle{ width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -100px; color: #fff; text-align: center; } .mt-icon{ width: 27px; height: 27px; line-height: 27px; margin: 6px auto 25px; position: relative; color: #111; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .mt-icon:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mt-icon i, .mt-icon span{ position: relative; } .mt-text{ margin-left: 12px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.3em; color: rgba(255,255,255, .75); } .mt-close{ display: none; } /* Map opened */ .map-section.js-active{ height: 50px; background: rgba(17,17,17, .75); } .map-section.js-active:hover{ background: rgba(17,17,17, .85); } .map-section.js-active .mt-icon{ opacity: 0; } .map-section.js-active .mt-text{ position: relative; top: -20px; } /* * Tabs */ .tpl-tabs{ border-color: #e5e5e5; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .tpl-tabs > li > a{ text-decoration: none; color: #777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tpl-tabs > li > a:hover{ background-color: #f5f5f5; } .tpl-tabs li.active a{ color: #000; } .tpl-tabs-cont{ padding: 30px 0; color: #777; line-height: 1.8; } /* * Tabs minimal */ .tpl-minimal-tabs{ display: inline-block; font-size: 12px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 1px; border: none; } .tpl-minimal-tabs > li{ padding: 0 30px; background: none !important; } .tpl-minimal-tabs > li > a{ padding: 6px 20px 5px; text-decoration: none; color: #000; background: none; border: 1px solid transparent; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .tpl-minimal-tabs > li > a:hover{ background: none; border-color: #e9e9e9; color: #777; } .tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover{ border: 1px solid #222 !important; background: none !important; color: #000; cursor: default; } .tpl-minimal-tabs-cont{ } /* * Tabs Alternative */ .tpl-alt-tabs{ font-size: 14px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.4em; border: none; } .tpl-alt-tabs > li{ width: 215px; display: inline-block; vertical-align: top; float: none; padding: 0; background: none !important; } .tpl-alt-tabs > li > a{ text-decoration: none; color: #a3a3a3; background: none !important; border: none !important; -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); } .tpl-alt-tabs > li > a:hover{ background: none; color: #111; } .tpl-alt-tabs li.active a, .tpl-alt-tabs li.active a:hover{ cursor: default; color: #111; } .alt-tabs-icon{ display: block; margin-bottom: 12px; font-size: 48px; letter-spacing: 0; } .tpl-minimal-tabs-cont{ } /* * Alert messages */ .alert{ margin: 0 auto 10px; padding: 14px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #777; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .success{ border-color: #a9e2c2; color: #36a367; } .info{ border-color: #9ecdfc; color: #297ad3; } .notice{ border-color: #f9ce75; color: #e9a00a; } .error{ border-color: #ffbbbb; color: #e33131; } /* * Accordion */ .accordion > dt{ margin-bottom: 10px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; } .accordion > dt > a{ display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion > dt > a:hover{ text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444; } .accordion > dt > a.active{ color: #000; border-color: #ddd; background-color: #fcfcfc; cursor: default; } .accordion > dt > a:after{ content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #999; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion > dt > a.active:after, .accordion > dt > a.active:hover:after{ content: "\f106"; color: #111; } .accordion > dt > a:hover:after{ color: #444; } .accordion > dd{ margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777; } /* * Toggle */ .toggle > dt{ margin-bottom: 10px; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; } .toggle > dt > a{ display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .toggle > dt > a:hover{ text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444; } .toggle > dt > a.active{ color: #000; border-color: #ddd; background-color: #fcfcfc; } .toggle > dt > a:after{ content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 15px; line-height: 15px; text-align: center; color: #999; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .toggle > dt > a.active:after, .toggle > dt > a.active:hover:after{ content: "\f106"; color: #111; } .toggle > dt > a:hover:after{ color: #444; } .toggle > dd{ margin-bottom: 10px; padding: 10px 20px 20px; font-size: 14px; line-height: 1.8; color: #777; } /* * Progress bars */ .tpl-progress{ margin-top: 10px; margin-bottom: 50px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; overflow: visible; height: 2px; background: #f0f0f0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tpl-progress .progress-bar{ padding-top: 2px; position: relative; overflow: visible; background-color: #222; font-size: 11px; color: #000; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tpl-progress .progress-bar > span{ display: inline-block; min-width: 24px; height: 24px; padding: 0 3px; position: absolute; top: 0px; right: -5px; text-align: center; line-height: 23px; letter-spacing: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .progress-color .progress-bar{ background-color: #e41919; color: #e41919; } .progress-color .progress-bar > span{ background-color: #e41919; color: #fff; } /* Alt bar */ .tpl-progress-alt{ background: #f2f2f2; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tpl-progress-alt .progress-bar{ padding-left: 5px; padding-right: 5px; position: relative; overflow: visible; background-color: #222; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: #fff; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .highlight pre{ border-color: #eaeaea; background: #fcfcfc; color: #555; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* * Font icons examples */ .fa-examples{ color: #555; margin-left: 1px; } .fa-examples > div{ padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px; } .fa-examples > div:hover{ background: #f0f0f0; color: #000; } .fa-examples > div > i{ display: inline-block; margin-right: 5px; min-width: 40px; min-height: 40px; border-right: 1px solid #f1f1f1; line-height: 40px; text-align: center; font-size: 14px; } .fa-examples > div > .muted{ margin-left: 5px; color: #999; font-size: 12px; } .fa-sm{ width: 20px; font-size: 14px; } .et-examples{ color: #555; margin-left: 1px; vertical-align: middle; } .et-examples .box1{ display: block; width: 33%; float: left; padding: 0; border: 1px solid #e5e5e5; margin: -1px 0 0 -1px; font-size: 13px; } @media only screen and (max-width: 1024px) { .et-examples .box1{ width: 50%; } } @media only screen and (max-width: 480px) { .et-examples .box1{ width: 100%; } } .et-examples .box1:hover{ background: #f8f8f8; color: #111; } .et-examples .box1 > span{ display: inline-block; margin-right: 5px; min-width: 70px; min-height: 70px; border-right: 1px solid #f1f1f1; line-height:70px; text-align: center; font-size: 32px; } /* ============================== Intro page ============================== */ .intro-image{ width:100%; } .intro-label{ position: absolute; top:7px; right: 10px; font-size: 17px; text-transform: uppercase; letter-spacing: 0.1em; } .label-new{ background: #f32929; color: white; padding: 2px 3px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .label-for-button{ position: absolute; top: -5px; right: -5px; } .intro-label-round{ width: 50px; height: 50px; position: absolute; top:-5px; right: -5px; color: rgba(255,255,255, .85); font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 1px; line-height: 50px; background: #f32929; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* ============================== Special demos ============================== */ /* * Magazine */ .magazine-logo-text{ margin-top: 0; position: relative; font-size: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.8; } .blog-posts-carousel-item{ padding-bottom: 20px; } .blog-posts-carousel-item .post-prev-title, .blog-posts-carousel-item .post-prev-info{ padding: 0 10px; } .blog-post-prev-small{ color: #aaa; font-size: 12px; padding: 12px 0; border-top: 1px dotted #eaeaea; } .blog-post-prev-small a{ font-size: 13px; display: block; color: #555; text-decoration: none; -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-post-prev-small a:hover{ color: #999; } .blog-posts-carousel-alt li img{ -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-posts-carousel-alt li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-slide-info{ width: 100%; padding: 30px 30px 30px 30px; position: absolute; bottom: 0; left: 0; text-transform: uppercase; text-align: center; font-size: 11px; letter-spacing: 1px; color: rgba(255,255,255, .75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3)); background-color: rgba(0, 0, 0, 0); background: rgba(0,0,0, .65); } .blog-slide-title{ margin-bottom: 6px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.2em; } .blog-slide-title a{ display: block; color: rgba(255,255,255, .85); text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); } .blog-slide-title a:hover{ color: rgba(255,255,255, 1); } .blog-slide-data{ text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .blog-slide-data a{ color: rgba(255,255,255, .65); text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .blog-slide-data a:hover{ color: rgba(255,255,255, 1); text-decoration: none; } /* * Landing */ .play-video-link{ text-decoration: none; text-transform: uppercase; font-size: 14px; color: #111; } .play-video-link:hover, .play-video-link:focus{ color: #777; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .play-video-link .fa{ vertical-align: middle; } .download-button{ display: inline-block; position: relative; padding: 13px 20px 13px 55px; border: 2px solid #111; text-align: left; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .download-button:hover, .download-button:focus{ text-decoration: none; color: #111; opacity: .6; } .db-icon{ width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; font-size: 28px; line-height: 40px; text-align: center; } .db-title{ display: block; font-size: 12px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; } .db-descr{ display: block; font-size: 11px; color: #777; font-weight: 400; } /* * Photography 1 */ .fullwidth-slideshow{ cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; } .fullwidth-slideshow-pager-wrap{ cursor: default; width: 100%; position: absolute; bottom: 0; left: 0; padding: 60px 0 20px 0; z-index: 25; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65)); background-color: rgba(0, 0, 0, 0); } .fullwidth-slideshow-pager-wrap .owl-item{ opacity: .7; -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .fullwidth-slideshow-pager-wrap .owl-item:hover{ opacity: 1; } .fullwidth-slideshow-pager-wrap .owl-item.synced{ opacity: 1; } .fsp-item{ margin: 0 2px; cursor: pointer; } .fsp-item:active{ -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -o-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .fsp-item img{ width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -border-radius: 2px; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75); box-shadow: 0px 1px 5px rgba(0, 0, 0, .75); } /* * Photography 2 */ .side-panel-is-left{ margin-left: 270px; } .sp-overlay{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(10,10,10, .85); cursor:crosshair; z-index: 1030; } .side-panel{ position: fixed; top: 0; left: 0; width: 270px; height: 100%; padding-bottom: 60px; overflow-y: auto; color: rgba(255,255,255, .65); background: #151515; text-align: center; z-index: 1031; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sp-close-button{ display: none; position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border: 1px solid rgba(255,255,255, .5); opacity: .5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-close-button:hover{ opacity: .75; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sp-close-button:before{ content: ""; position: absolute; top: 50%; left: 50%; width:14px; height: 2px; margin: -1px 0 0 -7px; background: #fff; } .sp-close-button:after{ content: ""; position: absolute; top: 50%; left: 50%; width:2px; height: 14px; margin: -7px 0 0 -1px; background: #fff; } /* Responsive menu button */ .sp-button{ display: none; position: fixed; top: 20px; left: 20px; width: 54px; height: 54px; background: #111; opacity: .85; text-indent: -12345px; z-index: 1030; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-button:hover{ opacity: 1; } .sp-button span{ display: block; width: 22px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -11px; -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-button span:before, .sp-button span:after{ content: ""; display: block; width: 100%; height: 2px; background: #fff; position: absolute; top: -6px; left: 0; -webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; -moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; -o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; -ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s; } .sp-button span:after{ top: auto; bottom: -6px; } /* Logo */ .sp-logo-wrap{ } .sp-logo-wrap .logo{ display: block; padding: 30px; text-align: center; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-logo-wrap .logo img{ max-width: 100%; } /* Menu */ .sp-wrapper{ } .sp-menu-links, .sp-menu-links ul{ margin: 0; padding: 10px 0; line-height: 1.3; text-align: center; } .sp-menu-links ul.sp-sub{ padding: 0; } .sp-menu-links a{ display: block; position: relative; margin: 0; padding: 15px 20px; color: #999; font-size: 14px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: rgba(255,255,255, .1); -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); z-index: 11; } .no-touch .sp-menu-links a:hover, .sp-menu-links a:active, .sp-menu-links li.js-opened > a{ color: #d5d5d5; text-decoration: none; } .no-touch .sp-menu-links a:hover{ background-color: rgba(255,255,255, .05); } .sp-menu-links li{ margin: 0; padding: 0; position: relative; overflow: hidden; } .sp-menu-links li > a:active, .sp-menu-links li a.active{ color: #f5f5f5; } .sp-menu-links li.js-opened:before{ display: none; } .no-touch .sp-menu-links li.js-opened > a:hover, .sp-menu-links li.js-opened > a:active{ color: #fff; } .sp-has-sub{ } .sp-has-sub .fa{ font-size: 14px; } .js-opened > .sp-has-sub > .fa{ color: #fff; } .sp-sub{ display: none; opacity: 0; position: relative; } .sp-sub > li > a{ padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; font-size: 13px; font-weight: 400; } .sp-menu-links li.js-opened .sp-sub{ opacity: 1; } .sp-search{ width: 100%; } .sp-search input.search-field{ background: transparent; color: #555; text-align: center; border: none; border-bottom: 1px solid rgba(255,255,255, .2); } .sp-search input.search-field:hover{ border: none; border-bottom: 1px solid rgba(255,255,255, .4); } .sp-search input.search-field:focus{ color: #999; border-color: rgba(255,255,255, .7); } .sp-search .search-button:hover{ color: #fff; } /* Social links */ .sp-social-links{ position: fixed; bottom: 0; left: 0; width: inherit; padding: 10px 10px 30px 10px; font-size: 14px; text-align: center; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1032; } .sp-social-links > a{ display: inline-block; margin: 0 2px; width: 34px; height: 34px; line-height: 34px; border: 1px solid rgba(255,255,255, .15); text-align: center; text-decoration: none; color: #555; -webkir-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .sp-social-links > a:hover{ border-color: rgba(255,255,255, .3); color: #999; } /* White side panel */ .side-panel.white{ color: rgba(0,0,0, .65) !important; background: #fafafa; border-right: 1px solid rgba(0,0,0, .07); } .side-panel.white .sp-close-button{ border: 1px solid rgba(0,0,0, .5); } .side-panel.white .sp-close-button:before{ background: #000; } .side-panel.white .sp-close-button:after{ background: #000; } .side-panel.white .sp-menu-links a{ color: #777; -webkit-tap-highlight-color: rgba(0,0,0, .05); } .side-panel.white .sp-menu-links li{ border-top: 1px solid rgba(0,0,0, .04); } .side-panel.white .sp-menu-links li:last-child{ border-bottom: 1px solid rgba(0,0,0, .04); } .no-touch .side-panel.white .sp-menu-links a:hover, .side-panel.white .sp-menu-links a:active, .side-panel.white .sp-menu-links li.js-opened > a{ color: #111; text-decoration: none; } .no-touch .side-panel.white .sp-menu-links a:hover{ background-color: rgba(0,0,0, .03); } .side-panel.white .sp-menu-links li > a:active, .side-panel.white .sp-menu-links li a.active{ color: #111; } .no-touch .side-panel.white .sp-menu-links li.js-opened > a:hover, .side-panel.white .sp-menu-links li.js-opened > a:active{ color: #111; } .side-panel.white .js-opened > .sp-has-sub > .fa{ color: #333; } .side-panel.white .sp-sub > li{ border: none!important; } .side-panel.white .sp-social-links > a{ border: 1px solid rgba(0,0,0, .15); color: rgba(0,0,0, .4); } .side-panel.white .sp-social-links > a:hover{ border-color: rgba(0,0,0, .3); color: rgba(0,0,0, .75); } /* Photo Tilt effect */ .tilt-wrap{ width: 100%; position: relative; } .tilt{ overflow: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; } .tilt__back, .tilt__front{ width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tilt__back{ position: relative; } .tilt__front{ position: absolute; top: 0; left: 0; } /* * Coming soon page */ .countdown{ display: inline-block; } .countdown > li{ float: left; margin: 0 30px; } .countdown-number{ position: relative; display: block; width: 94px; height: 94px; color: #111; font-size: 36px; text-align: center; line-height: 84px; } .countdown-number > span{ position: relative; z-index: 2; } .countdown-number > b{ display: block; width: 100%; position: absolute; bottom: 20px; left: 0; font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: 1; color: #999; z-index: 2; } .countdown-number:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255, .95); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } /* Dark Timer */ .countdown.dark .countdown-number{ color: #fff; } .countdown.dark .countdown-number > b{ color: #aaa; } .countdown.dark .countdown-number:before{ background: rgba(0,0,0, .8); } /* ============================== Bootstrap multicolumn grid ============================== */ /* clear the first in row for any block that has the class "multi-columns-row" */ .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; } @media (min-width: 768px) { /* reset previous grid */ .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; } /* clear first in row for small columns */ .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 992px) { /* reset previous grid */ .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; } /* clear first in row for medium columns */ .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; } } @media (min-width: 1200px) { /* reset previous grid */ .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; } .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; } .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; } .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; } .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; } /* clear first in row for large columns */ .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; } .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; } .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; } .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; } .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; } } .landingbox { border: 2px solid #CCC; border-radius: 3px; text-align: center; padding: 40px 25px; text-decoration: none !important; margin-bottom: 25px; background-color: rgba(0,0,0,.45); transition: all 1s ease; } .landingbox h2 {margin: 0 0 10px 0; padding: 0; color:#ffd631; font-size: 5em!important; line-height: 1em!important; text-decoration: none!important} .landingbox h3 { text-transform: uppercase; font-size: 1.3em!important; margin: 0 ; padding: 0; line-height: 1em!important; color:#fff; text-decoration: none!important} .landingbox:hover {background-color: rgba(0,0,0,.85)} .landingbox i { font-size: 28px; text-align: left; } .landingbox p, .landingbox i { color: #fff; } .box-tall {min-height: 230px;} .home-text h1 {text-transform: uppercase; color:#fff; line-height: normal} @media (max-width: 768px) { .js-height-full {padding:50px 20px 100px 20px; height: auto!important}} .box-tall {min-height: none;} body {font-family: "AllianceNo1-Light", sans-serif;} @media (min-width: 768px) { .container { padding-left: 0; padding-right: 0; } } .page { overflow: hidden; min-height: 500px; } .lt-ie9 .page { min-width: 1200px; } @media (max-width: 767px) { .center767 { text-align: center; } .center767 * { text-align: center; } } @media (max-width: 767px) { .ins767 { padding-left: 8%; padding-right: 8%; } } /*================== Stuck menu ======================*/ .isStuck { background: #ffffff; z-index: 999; box-shadow: 0 1px 2px #bbb; background: rgba(0, 0, 0, 0.9); } @media only screen and (max-width: 992px) { .isStuck { display: none !important; } } .isStuck .sf-menu ul { top: 70px; } .isStuck .sf-menu ul ul { top: 0; } /*================== ToTop ======================*/ .toTop { width: 47px; height: 47px; font-size: 24px; line-height: 47px!important; font-weight: 700; color: #fff!important; background: #ffd631; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: fixed; right: 66px; bottom: 180px; display: none; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; } .toTop:hover { color: #fff; background: #1e2228; text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transform: scale(1.2); } @media only screen and (max-width: 1399px) { .toTop { display: none !important; } } /*================== Tumbnail ======================*/ .thumb { display: block; position: relative; overflow: hidden; z-index: 2; } .thumb img { width: 100%; height: auto; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; } .thumb_overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; color: #ffffff; background: transparent; } .thumb_overlay:before { content: ''; position: absolute; width: 70px; height: 70px; background: url(../images/play.png) no-repeat; top: 50%; left: 50%; right: 0; font-weight: 300; margin-top: -36px; margin-left: -36px; opacity: 0; } .lt-ie9 .thumb_overlay:before { display: none; } .thumb_overlay:after { content: ''; position: absolute; width: 38px; height: 38px; background: url(../images/thumb.png) no-repeat; top: 50%; left: 50%; right: 0; font-weight: 300; margin-top: -20px; margin-left: -20px; opacity: 0; } .lt-ie9 .thumb_overlay:after { display: none; } .thumb:hover .thumb_overlay { opacity: 1; background: rgba(0, 0, 0, 0.5); } .lt-ie9 .thumb:hover .thumb_overlay { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); zoom: 1; } .thumb:hover .thumb_overlay:before { opacity: 1; } .lt-ie9 .thumb:hover .thumb_overlay:before { display: block; } .thumb:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .thumb_overl1:hover .thumb_overlay:before { display: none; } .thumb_overl1:hover .thumb_overlay:after { opacity: 1; } /*================== RD Parallax ======================*/ .parallax { position: relative; overflow: hidden; background-color: #34a647; } .parallax_image, .parallax_pattern { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-position: center center; will-change: transform; } .parallax_image { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .parallax_pattern { background-repeat: repeat; } .parallax_cnt { position: relative; } .parallax a.link { text-decoration: underline; } /*================== RD Mobile Menu =====================*/ .rd-mobilepanel { z-index: 9999998!important; } .rd-mobilemenu { display: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 9999998; text-align: left; font: 700 15px/41px 'PT Sans', sans-serif; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .rd-mobilemenu.active { right: 0; } .rd-mobilemenu_ul { position: fixed; top: 56px; left: 0; bottom: 0; width: 240px; padding: 20px 0; color: #34a647; background: rgba(255, 255, 255, 0.95); line-height: 20px; overflow: auto; -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); -webkit-transform: translateX(-240px); transform: translateX(-240px); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .lt-ie9 .rd-mobilemenu_ul { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff', endColorstr='#f2ffffff'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff', endColorstr='#f2ffffff'); zoom: 1; } .rd-mobilemenu_ul li span { margin-left: 4px; font-size: 10px; color: #1e2228; top: 0; } .rd-mobilemenu_ul li.active { color: #1e2228; } .rd-mobilemenu_ul li.active ul { color: #34a647; } .rd-mobilemenu.active .rd-mobilemenu_ul { -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .rd-mobilemenu_ul a { display: block; padding: 9px 25px 11px; } .rd-mobilemenu_ul a:hover { background: #34a647; color: #1e2228; text-decoration: none; } .rd-mobilemenu_ul ul { padding-left: 0; list-style-type: none; } .rd-mobilemenu_ul ul a { padding-left: 40px; } .rd-mobilemenu_ul ul ul a { padding-left: 60px; } .rd-mobilemenu_ul:after { content: ''; display: block; height: 20px; } .rd-mobilepanel { display: none; position: fixed; top: 0; left: 0; right: 0; height: 56px; background: #ffffff; color: #666666; -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); z-index: 99999991; } .rd-mobilepanel_title { position: fixed; top: -21px; left: 56px; right: 56px; color: #34a647; font-size: 24px; line-height: 48px; text-overflow: ellipsis; white-space: nowrap; } .rd-mobilepanel_toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; position: fixed; top: 4px; color: #000000; width: 48px; height: 48px; font-size: 24px; line-height: 48px; } .rd-mobilepanel_toggle::-moz-focus-inner { border: none; padding: 0; } .rd-mobilepanel_toggle:before { content: '\f0c9'; font-family: 'FontAwesome'; } .rd-mobilepanel_toggle.active:before { content: '\f00d'; } @media (max-width: 767px) { body { padding-top: 56px; } .rd-mobilemenu, .rd-mobilepanel { display: block; } } /*================== Panel Menu ======================*/ @media (max-width: 991px) { #panel { right: 25px; position: fixed; top: 0; width: 46px; z-index: 9999999; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #panel #advanced { display: block; } #panel .bs-docs-nav { border-radius: 7px; top: 4px; } #panel .bs-docs-nav .navbar-nav li { position: static; } #panel .bs-docs-nav .navbar-header .navbar-toggle { border: none!important; padding: 9px 12px; margin-right: 0; } #panel .bs-docs-nav .navbar-header .navbar-toggle:hover { background: #563D7C!important; } #panel .bs-docs-nav .navbar-header .navbar-toggle:active { background: #563D7C; } #panel .bs-docs-nav .navbar-header .navbar-toggle:focus { background: #563D7C; } #panel #advanced .navbar-collapse { background: #563D7C; width: 175px; position: absolute; right: 15px; top: 52px; padding-bottom: 10px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } #panel #advanced .navbar-collapse .dropdown-menu { background: #563D7C; display: none; padding-bottom: 15px; min-width: 135px!important; } #panel #advanced .navbar-collapse.in { overflow-y: visible; } } @media (max-width: 991px) and (max-width: 425px) { #panel #advanced .navbar-collapse { width: 135px; } } @media (max-width: 991px) { .navbar-nav .open .dropdown-menu { display: block!important; } .navbar-nav .open .dropdown-menu li a { padding-left: 15px!important; } .navbar-nav .open .dropdown-menu ul { padding-left: 23px!important; } .navbar-nav .open .dropdown-menu ul a { padding-left: 5px; } .navbar-nav .open .dropdown-menu a { padding-left: 12px!important; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {color:#fff; text-decoration:none;} .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background:#ffd631; color:#000; text-decoration:none;} .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-bottom: 1px solid #666;paddgin:0px; } } @media (max-width: 991x) and (max-height: 500px) { .navbar-nav .open .dropdown-menu { font-size: 9px!important; position: absolute!important; background: #62458d !important; min-width: 135px!important; top: 0; right: 100%; left: -100%; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .navbar-nav .open .dropdown-menu li a { padding-left: 15px!important; } .navbar-nav .open .dropdown-menu ul { padding-left: 23px!important; } .navbar-nav .open .dropdown-menu ul a { padding-left: 5px; } .navbar-nav .open .dropdown-menu a { padding-left: 12px!important; } } .navbar {min-height:none;} .navbar-wrap { max-width: 100%; padding: 0px; } .navbar-nav {font-family: "AllianceNo1-Light", sans-serif;} @media (min-width: 991px) { .navbar-header { position: relative; z-index: 9999; display: inline-block; float: none; background: rgba(44,48,51,.8); min-height: 62px; width: 100%; padding: 4px 15px; text-align: left;} .navbar-nav { margin: 0; margin-top: 0px; margin-right: 0px; font-size: 1.1rem; line-height: .4rem; font-weight: 400; display: block; width: auto; text-align: right; } .navbar-right {padding-right:15px;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #27292b; background: #ffd631; } .navbar-default .navbar-nav > li > a { color: #fff; text-decoration: none; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; background: rgba(90,96,100,.8); padding: 0px } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #000; background-color: #ffd631; } span.navbar-text { text-align: left; line-height: 20px; float: left; color: #fff; font-size: 1.3em; padding:0px 0 0 15px; } .navbar-default .navbar-text {color:#fff} #works { padding:100px 0px;} } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #000; background-color: #ffd631; } img.howitworks { width: 100%; height: auto; border: 0; max-width: 250px; margin: 0 auto; } a.landing-link {text-decoration: none} a.landing-link .landingbox:hover {text-decoration: none; } .landingbox h2 {font-weight:700; } .color-skidata {color:#ffd631} @media (min-width: 1300px) { .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; margin: 2px 0 0; margin-left: 0px; list-style: none; font-size: 1rem; font-weight: 300; text-align: left; line-height: 0.06666667rem; width: auto; min-width: 250px; padding: 0.55555556rem; text-decoration: none; } } .btn-xs, .btn-group-xs > .btn { padding: 0.33333333rem 0.77777778rem; font-size: .9rem; line-height: 1.5; border-radius: 0px; } .btn-danger { color: #fff; background: rgba(0,0,0,.3); border-color: #fff; text-decoration: none } .btn-danger:hover { color: #ffd631; background: rgba(0,0,0,.8); border-color: #ffd631; text-decoration: none } .btn {margin:5px;} /*================== GOOGLE MAP ======================*/ .map { position: relative; } .map-logo {width:100%; max-width:200px; height: auto; margin: 0 auto; padding-top: 15px; padding-bottom:10px;} p.map-text {text-align: center; font-size: 1.3em; padding-top: 10px; } @media (max-width: 479px) { .map { } .map-logo {width:100%; max-width:150px; height: auto; margin: 0 auto; padding-top: 15px; padding-bottom:10px; } p.map-text {text-align: center; font-size: 1.3em; padding-top: 10px; } } .map .gm-style .gm-style-iw { font-size: 0.72222222rem; line-height: 1.2; } .map--mod { padding-bottom: 27.22222222rem; } .map_model { position: absolute; width: 100%; height: 100%; } .map_model img { max-width: none !important; } .map_locations { display: none; } .navbar-collapse { background: rgba(0,0,0,0.9); padding: 25px; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: #000; background-color: #ffd631; border-color: #ffd631; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #000; background-color: #ffd631; border-color: #ffd631; } @media (min-width: 992px) { .navbar-default .navbar-nav > li > a.locations { color:rgba(255,255,255,.4)} .navbar-default .navbar-nav > li > a.locations:hover, .navbar-default .navbar-nav > li > a.locations:active, .navbar-default .navbar-nav > li > a.locations:focus { color:rgba(255,255,255,1); background:transparent} } .home-map { width: 100%; height: auto;max-width:900px; margin:auto; position:relative; display:table; z-index: 1000;} .home-map img{ width: auto; max-height:576px; margin:auto} @media (max-width: 1100px) and (max-height: 768px) { .home-map img {width:auto; max-height:300px;} .footer { position: relative; color: #fff; text-align: center; background: rgba(44,48,51,1); padding: 35px 0px; font-size: 1em; width: 100%; text-transform: uppercase; float: left; } } @media (min-width: 1101px) and (max-height: 768px) { .home-map img {width:auto; max-height:400px;} .footer { position: relative; color: #fff; text-align: center; background: rgba(44,48,51,1); padding: 35px 0px; font-size: 1em; width: 100%; text-transform: uppercase; float: left; } } .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #666; } .navbar-default .navbar-toggle { border-color: transparent; } .navbar-toggle { padding: 12px 10px; border-radius: 3px; } .locate { display: none; } @media (min-width: 768px) { .locate { position: relative; display: inline-block; z-index: 1; top: -5.55555556rem; color: #ffffff; } .locate span { position: absolute; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -5rem; font-weight: 400; font-size: 1.22222222rem; line-height: 1.2; padding: 2.61111111rem 1.38888889rem; border: 0.11111111rem solid #ffd631; background: #ffd631; border-radius: 50%; display: inline-block; white-space: nowrap; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .locate:before { font-size: 5rem; line-height: 1; position: relative; z-index: 1; display: inline-block; margin-top: -1.11111111rem; } .locate:focus { color: #ffffff; } .locate:focus span { border: 0.11111111rem solid #ffd631; background: #ffd631; } .locate:hover { color: #ffffff; } .locate:hover span { background: #ffd631; border-color: #ffd631; } } .ajax__calendar_body {width:auto} .ajax__calendar_container .table td {border:none!important;text-align: center} .ajax__calendar_container TD {border:none!important;text-align: center} .ajax__calendar .ajax__calendar_day {border:none!important; text-align: center} .ski-title { color:#fff; font-size: 2.5em; margin: 30px auto; text-align:center; font-weight: 500;} .ski-sub {color:#fff; font-size:1.3em; margin-bottom: 30px; font-weight: 500} @media (min-width: 768px) { .ski-title {font-size: 3em; margin: auto;} .ski-sub {font-size:1.5em;} } @media (max-width: 991px) { .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-header .collapse, .navbar-toggle { display:block !important; } .navbar-header { float:none; } } .navbar-default .navbar-nav > li > a.locations { color: rgba(255,255,255,.4)!important } .navbar-default .navbar-nav > li > a.locations:hover, .navbar-default .navbar-nav > li > a.locations:active, .navbar-default .navbar-nav > li > a.locations:focus { color: rgba(255,255,255,1)!important; background: transparent } @media (max-width: 991px) { .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; } .navbar-nav>li { float: none; } .navbar-nav>li>a { } } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { padding: 0; margin: 0; } .navbar {width:100%; position:absolute; border-bottom:0px;} .navbar-default {background:transparent} .main-logo { position: absolute; top: 50%; left: 50%; width: 118px; display: block; -khtml-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #main-header ul, #main-header ol {list-style: none; padding-left: 0;} #main-header ul li, #main-header ol li {padding-left: 0px; margin-left: 0px;} @media (max-width: 1024px) { .main-logo { left: 20px; -khtml-transform: translate(0, -50%); transform: translate(0, -50%); } } .main-logo img { display: block; width: 100%; height: auto; } @media (max-width: 1024px) { .main-logo img { width: 60px; } } #main-header { position: fixed; top: 0; left: 0; right: 0; height: 112px; z-index: 500; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.24+0,0+80 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ transition: all 1s; -khtml-transform: translateY(-112px); transform: translateY(-112px); } @media (max-width: 1024px) { #main-header { height: 45px; background: #32343C; -khtml-transform: translateY(-45px); transform: translateY(-45px); } } #main-header.visible { -khtml-transform: translateY(0); transform: translateY(0); } #main-header.subsection { background: #32343C; } .gallery-page #main-header, .team-page #main-header, .contact-page #main-header, .privacy-policy-page #main-header, .post #main-header { background: #32343C; -khtml-transform: translateY(0); transform: translateY(0); } #main-header nav.overview-navigation { position: absolute; top: 50%; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { #main-header nav.overview-navigation { left: auto; right: 0; } } #main-header nav.overview-navigation ul li { position: relative; height: 18px; } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li { height: 6px; } } #main-header nav.overview-navigation ul li a { position: absolute; height: 18px; top: 50%; display: block; color: #fff; padding-left: 48px; text-transform: uppercase; text-decoration: none; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; letter-spacing: 2.34px; line-height: 16px; cursor: pointer; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li a { right: 0; height: 6px; padding-left: 20px; } } #main-header nav.overview-navigation ul li a::before { position: absolute; top: 50%; left: 0; display: block; content: ""; width: 35px; height: 2px; background: #fff; -khtml-transform: translateY(-50%); transform: translateY(-50%); transition: all 300ms; } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li a::before { width: 20px; height: 1px; } } #main-header nav.overview-navigation ul li a span { position: absolute; display: block; top: 50%; opacity: 0; white-space: nowrap; transition: all 300ms; -khtml-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1024px) { #main-header nav.overview-navigation ul li a span { display: none; } } #main-header nav.overview-navigation ul li.active a::before { background: #AA834F; } #main-header nav.overview-navigation ul li.active a span { opacity: 1; } #main-header nav.main-navigation { position: absolute; top: 50%; right: 40px; -khtml-transform: translateY(-50%); transform: translateY(-50%); } #main-header nav.main-navigation ul li { display: inline-block; vertical-align: middle; padding-left: 28px; } @media (max-width: 1024px) { #main-header nav.main-navigation ul li { padding-left: 22px; } } #main-header nav.main-navigation ul li a { display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; text-decoration: none; font-family: "AllianceNo1-Medium", sans-serif; font-size: 14px; letter-spacing: 1.84px; font-size: 13px; cursor: pointer; } @media (max-width: 1024px) { #main-header nav.main-navigation ul li a { font-size: 9px; letter-spacing: 1.19px; } } @media (max-width: 1024px) { #main-header nav.main-navigation ul li.schedule-a-tour { display: none; } } /*................................................*/ img {-ms-interpolation-mode: bicubic;border: 0;height: auto;max-width: 100%;vertical-align: middle;} .disable_link{cursor: default;pointer-events: none;} .hasJS select.use-default{z-index: 1;height:100%!important;width: 100%;left:0;top:0;} .hasJS select.custom{left: -999em;position: absolute;} .customSelect *{outline:0!important;} .customSelect.focused .selectedValue{box-shadow: none;} .customSelect .selectList,.customSelect .selectListInnerWrap,.customSelect .selectList .selectListOuterWrap,.customSelect .selectList dl,.customSelect .selectList .jspContainer, .customSelect .selectList .jspPane{width: 100%!important;} .filter-form .customSelect .selectedValue{background: transparent;border: none;border-radius: 0;box-shadow: none;color: #32343c;letter-spacing: 2.68px;margin-top: 5px;text-transform: uppercase;} .filter-form .customSelect{display: block;float: none;margin-right: 25px;} .filter-form .customSelect .selectedValue{padding: 10px 30px 10px 22px;text-shadow: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .filter-form .customSelect .selectValueWrap{border-bottom: 1px solid transparent;} .filter-form .customSelect .selectValueWrap .caret, .advanced-search::after{background: url('assets/img/floorplans/arrow_down.svg') center/contain no-repeat;border: none;height: 10px;right: 5px;top: 18px;width: 20px;} .filter-form .customSelect.select-open .selectValueWrap .caret{transform: rotate(180deg);} .filter-form .customSelect .selectList dd,.filter-form .customSelect .selectedValue, .fp-link, .fp-reset-filter, .fp-search-btn, .fp-button, .result-filter-item a, .load-more, .noresult_msg{color: #32343c;font: 15px "AllianceNo1-Medium",serif;} .filter-form .customSelect .selectList dd,.filter-form .customSelect .selectedValue, .fp-search-btn{letter-spacing: 2.68px;text-transform: uppercase;} .filter-form .customSelect .selectList dd{background-color: #e3ddd9;padding: 10px 17px;} .filter-form .customSelect .selectList dd, .filter-form .customSelect.select-open .selectValueWrap{border-bottom: 1px solid #32343c;} .filter-form .customSelect .selectList dd.selected,.filter-form .customSelect .selectList dd.hovered{background: #32343c;color: #e3ddd9;} .filter-form .customSelect .selectList dl{background-color: transparent;} .filter-form .customSelect .selectList{background-color: transparent;border: 0;border-radius: 0;box-shadow: none;margin: 0;padding: 0;} .filter-form .customSelect .jspVerticalBar{width: 5px;} .fp-search-btn{background: transparent;border: 0;border-bottom: 1px solid #32343c;cursor: pointer;line-height: 22px;margin-left: 25px;padding: 0;} .jspTrack, .jspDrag{width: 100%;} .filter-form{align-items: center;display: flex;justify-content: center;} .fp-common{background-color: #e3ddd9;color: #32343c;text-transform: uppercase;} .fp-landing{padding: 107px 15.75vw;} .min-price{width: 158px;} .max-price{width: 165px;} .select-bedroom{width: 172px;} .availability{width: 185px;} .floor{width: 135px;} .fp-category-link, .quick-search-wrap, .result-info-wrapper, .filter-sort-list, .fp-reset-filter, .fp-result-count, .fp-search-result, .fp-details-cnt, .fp-details, .fp-details-wrapper, .link-wrapper{display: flex;} .quick-search-wrap, .fp-result-count, .fp-unit-title{font-family: "Bodoni",serif;} .quick-search-wrap{margin-top: 5vw; list-style: none} .fp-category-link{align-items: center;color: #fff;} a.fp-category-link {color: #fff!important; text-decoration: none; display: block} .fp-title{font-size: 75px;font-weight: 400; margin-top:30px} h1.fp-title {font-size: 60px;font-weight: 400; margin-top:0px; font-family: "Bodoni",serif;} .text-center{text-align: center;} .section-title{font: 18px "AllianceNo1-Regular", serif;letter-spacing: 2.21px;} .fp-landing-content{padding-bottom: 13vw;padding-top: 12vw;} .fp-caption{font-size: 39px;letter-spacing: 2.33px;line-height: 52px;} .fp-category{position: relative;flex:1} .fp-category:not(:last-of-type)::after{content: '';position: absolute;right: 0%;top: 0;bottom: 25px;width: 1px;background-color: #fff;transform: rotate(10deg); height: 250px;} .fp-common a{text-decoration: none;} /*..............Floorplan Lising..................................*/ .result-info-wrapper{align-items: flex-end;justify-content: space-between;padding-right: 74px;padding-top: 70px;} .fp-result-count{font-size: 22px;letter-spacing: 1.31px;text-align: center;} .count{font-size: 190px;font-weight: 400;line-height: 150px;} .fp-search-result{flex-flow: wrap;padding-top: 100px;} .fp-result-item{padding-right: 74px;padding-bottom: 68px;width: calc(33.3% - 74px);} .fp-img{align-items: center;background-color: #fff;display: flex;padding: 25px 10px;justify-content: center;height: 22.5vw;position: relative;} .fp-img a{width: 100%;} .fp-listing{padding: 112px calc(8.65vw - 74px) 180px 5vw;} .fp-filter-section{padding-top: 110px;} .fp-category h3 {font-size: 25px;} @media (max-width: 1200px) { .fp-title{font-size: 70px;font-weight: 400; margin-top:20px} .quick-search-wrap {padding-left:0px} .fp-category h3 {font-size: 22px;} .fp-category{position: relative; padding:30px;} } @media (max-width: 998px) { .fp-title{font-size: 55px;font-weight: 400;margin-top:30px} .quick-search-wrap {padding-left:0px} .fp-category h3 {font-size: 18px;} .fp-category{position: relative; padding:30px;} } @media (max-width: 768px) { .fp-title{font-size: 35px;font-weight: 400;margin-top:40px} .quick-search-wrap {padding-left:0px} .fp-category h3 {font-size: 18px;} .fp-category{position: relative; padding:30px;} .fp-listing { padding: 112px calc(8.65vw - 74px) 180px 0vw; } } .fp-listing .fp-filter-section{padding-right: 74px;} .filter-form .customSelect:first-of-type .selectedValue{padding-left: 0;} .fp-details-cnt{justify-content: space-between;padding-bottom: 70px;padding-top: 50px;text-align: left;} .fp-details, .fp-result-count{flex-direction: column;} .fp-unit-title{font-size: 96px;font-weight: 400;line-height: 52px;margin-top: 50px;text-transform: uppercase;} .fp-details{font: 18px/43px "AllianceNo1-Light";letter-spacing: 0.92px;text-transform: none;} .fp-col{display: flex;flex-direction: column;justify-content: space-between;} .fp-details-cnt, .fp-link, .fp-button, .result-filter-item a.active{border-bottom: 1px solid #32343c;} .fp-link, .fp-reset-filter, .fp-button, .load-more{letter-spacing: 1.84px;} .result-filter-item a.active{line-height: 0.1;} .result-filter-item a{position: relative;} .result-filter-item a::after{background: url('assets/img/floorplans/arrow_down.svg') center/contain no-repeat;content: '';display: inline-block;width: 16px;height: 13px;margin-left: 4px;} .result-filter-item a.asc_arrow::after{transform: rotate(180deg);} .result-filter-item:not(:last-of-type){padding-right: 32px;} .fp-text{padding-right: 22px;} .left-col{width: 58.5%;justify-content: space-between;display: flex;align-items: flex-end;} .left-col>div:not(.fp-result-count){padding-bottom: 3px;} .fp-reset-filter{display: flex;flex-direction: row;width: 41.5%;justify-content: flex-end;padding-bottom: 3px;} .fp-img img{max-height: 90%;max-width: 90%;width: auto;height: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;} .btn-view-large img{max-height: 100%;max-width: 100%;} .fp-result-item .fp-button{line-height: 43px;} .result-filter-item a.active, .result-info-wrapper .fp-link, .fp-button{padding-bottom: 4px;} .load_more_section{padding-right: 74px;} .mfp-figure{background-color: #fff;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color: #000;} /*..............Floorplan Detail..................................*/ .fp-result-detail{padding: 107px 9.8vw 14.6vw 9.8vw;} .fp-image-detail{width: 67%;min-height: 1px;} .fp-details-wrapper{align-items: center;justify-content: space-between;margin-top: -20px;} .fp-result-item-detail .fp-details-cnt{border-bottom: 0;flex-direction: column;} .fp-details-wrapper .fp-details{margin-bottom: 100px;} .fp-details-wrapper .fp-unit-title{margin-bottom: 10px;} .link-wrapper{justify-content: space-between;padding-top: 21px;} .view-icon{background: url('assets/img/floorplans/zoom.png') center/contain no-repeat;height: 21px;width: 20px;} .download-icon{background: url('assets/img/floorplans/download.png') center/contain no-repeat;height: 17px;margin-left: 15px;margin-right: 15px;width: 23px;} .share-icon{background: url('assets/img/floorplans/share.png') center/contain no-repeat;height: 23px;width: 22px;} .fp-result-item-detail{padding-top: 8.5vw;padding-right: 3.7vw;} .fp-image-detail .btn-view-large, .action-icon{display: inline-block;} .col .fp-button{margin-right: 47px;} .col .fp-button:not(.active), .fp-result-item-detail .fp-link{border-bottom: 0;} .fp-result-item-detail .fp-link{letter-spacing: 1.19px;position: relative;padding-left: 20px;} .fp-result-item-detail .fp-link::before{background: url('assets/img/floorplans/arrow_down.svg') center/contain no-repeat;content: '';display: inline-block;width: 15px;height: 10px;transform: rotate(-270deg);position: absolute;left: 0;top: 2px;} .col .active, .result-filter-item a.active{font-family: 'AllianceNo1-Bold', serif;} .active_menu_item a{border-bottom: 1px solid #fff;} .share-icon .at-icon-wrapper, .load_more_section .loading{display: none;} .noresult_msg_wrap{margin: 150px auto 100px;max-width: 80%;} .noresult_msg{line-height: 22px;letter-spacing: 1px;} .result-info-wrapper .fp-link, .load-more{cursor: pointer;} .advanced-search{font-family: "AllianceNo1-Medium";} .fp-image-detail > .btn-view-large{background-color: #fff;min-height: 1px;padding: 25px 10px;text-align: center;} .load_more_img img{width: 50px;height: 50px;} .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: pointer;} .filter-form .customSelect .jspTrack{bottom: 4px;} .fp-filter-section{opacity: 0;} .floor-plans-page #main-header{background: #32343C;} .langing-page-page #main-header{background: #32343C;} .mega-menu nav.social ul li.contact.active a {color: #C6AB85;} .mega-menu nav.social ul li.contact a { position: relative; display: inline-block; } .mega-menu nav.social ul li a::after { position: absolute; top: 100%; left: 0; right: 0; height: 2px; content: ""; opacity: 0; background: #d3be9f; background: linear-gradient(to bottom, #d3be9f 0%, #c6ab85 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3be9f', endColorstr='#c6ab85',GradientType=0 ); transition: all 300ms; } .mega-menu nav.social ul li.contact.active a::after { opacity: 1; } .text-white {color:#fff;} @media (max-width: 768px) { .fp-unit-title{font-size: 70px;font-weight: 400;line-height: 52px;margin-top: 50px;text-transform: uppercase;} } .gm-style .gm-style-iw-c { position: absolute; box-sizing: border-box; overflow: hidden; top: 0; left: 0; transform: translate(-50%,-100%); background-color: #32343c; border-radius: 0px; padding: 0px; box-shadow: none; } .gm-style-iw-d {overflow:hidden!important; max-width: 120px!important} .gm-style .gm-style-iw-t::after { background-color: #32343c; } button.gm-ui-hover-effect, .gmnoprint {display:none!important}