/* ------------------------------------------- Name: Gaastra Date: 2021/04/06 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { outline-color: var(--sea); } body { background: var(--concrete); } /*! Variables --------- */ :root { --concrete: #f9f9f9; --seashell: #e9e9e9; --mercury: #e7e7e7; --nobel: #aaaaaa; --sea: #14284b; --rose: #dc002d; --candy: #dc002d; } /*! Defaults --------- */ html, body { overflow-x: hidden; } body, textarea, input, select, option, button { color: var(--sea); font-weight: 500; font-family: Montserrat, Arial, Helvetica, sans-serif; line-height: 1.8666666667; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 11px; } h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { margin-bottom: 25px; color: var(--sea); font-weight: 700; line-height: 1.625; text-transform: uppercase; } h1, .gui-page-title { font-size: 36px; } .list-gallery-ga a, #up a, #footer-ga a, .list-collection h1 a, .list-collection h2 a, .list-collection h3 a, .list-collection h4 a, .list-collection h5 a, .list-collection h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #nav-ga li[class*="overlay"] > a, #mobile-ga li[class*="overlay"] > a { color: inherit; } a { color: var(--sea); } /*! Mixins --------- */ /* cl:b */ .list-feed-ga:after, .list-gallery-ga.a:after, #footer-ga > div:after, #footer-ga .list-inline a:after, #up > ul > li > a:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ #root #mobile-ga-nav > ul > li.lang > a.toggle, .image-box:before, .image-box a:before, #footer-ga h1 a.header-toggle, #footer-ga h2 a.header-toggle, #footer-ga h3 a.header-toggle, #footer-ga h4 a.header-toggle, #footer-ga h5 a.header-toggle, #footer-ga h6 a.header-toggle, .list-collection .list-btn label:before, .list-gallery-ga.a:before, .list-gallery-ga li a:after, .list-gallery-ga figure:before, #logo a, #up li.lang > a:after, #footer-ga li.lang > a:after, #footer-ga li.lang a:before, #up li.lang a:before, #footer-ga #up li.lang a:before, .module-featured-ga figure, .module-featured-ga figure:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; margin: 0; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ #nav-ga > ul > li > div:after, #nav-ga > ul > li > div:before, .ui-autocomplete:after, .ui-autocomplete:before, #footer-ga:before, #up:before, #top-ga:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ #mobile-ga li.header a.back:before, #mobile-ga .title a.close:before, #mobile-ga li.header a.close:before, #mobile-ga .logo:before, #footer-ga > div .list-payments:before, #footer-ga h1 a.header-toggle:before, #footer-ga h2 a.header-toggle:before, #footer-ga h3 a.header-toggle:before, #footer-ga h4 a.header-toggle:before, #footer-ga h5 a.header-toggle:before, #footer-ga h6 a.header-toggle:before, #top-ga:after, #top-ga > form a.remove:before, #footer-ga > div p:before, #logo:before, #top-ga > form button:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ #root #mobile-ga-nav > ul > li.lang > a.toggle, .image-box:before, .image-box a:before, #footer-ga h1 a.header-toggle, #footer-ga h2 a.header-toggle, #footer-ga h3 a.header-toggle, #footer-ga h4 a.header-toggle, #footer-ga h5 a.header-toggle, #footer-ga h6 a.header-toggle, .list-gallery-ga li a:after, .list-gallery-ga figure:before, #logo a, #up li.lang > a:after, #footer-ga li.lang > a:after, .module-featured-ga figure:before { z-index: 8; } /* tr:y */ .image-box span, .list-gallery-ga li > div { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:n */ .image-box span span { -webkit-transform: none; transform: none; } /* show */ .list-gallery-ga .owl-item[aria-hidden="false"] ~ .owl-item[aria-hidden="true"], .list-collection .owl-item[aria-hidden="false"] ~ .owl-item[aria-hidden="true"] { visibility: visible; opacity: 1; } /* hide */ .list-gallery-ga .owl-item[aria-hidden="true"], .list-collection .owl-item[aria-hidden="true"] { visibility: hidden; opacity: 0; } /* i:wi */ .image-box img, .list-gallery-ga.a img, .list-feed-ga img { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:bg */ .module-featured-ga figure img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* cu:d */ #mobile-ga .tabs-nav a.active, #mobile-ga li.active > a, .list-collection .list-btn input[type="radio"]:checked ~ label, #nav-ga li.active > a, #up > ul li.lang ul li.active a { cursor: default; } /* td:u */ [data-whatintent="mouse"] #footer-ga .list-inline a:hover, [data-whatintent="mouse"] #footer-ga nav li a:hover, [data-whatintent="mouse"] #up a:hover, [data-whatintent="mouse"] .module-feed-ga p a:hover { text-decoration: underline; } /* td:n */ #root .list-gallery-ga li a, #root #footer-ga li.lang ul a, #footer-ga .list-inline a, #footer-ga nav li a, #root #up > ul li.lang ul a, #up a, .module-feed-ga p a { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; padding: 145px 60px 0; background: var(--white); } #top-ga { position: absolute; left: 60px; right: 60px; top: 0; z-index: 9; height: 145px; padding: 35px 0 0; } #top-ga #logo { position: absolute; left: 50%; top: 58px; width: 160px; height: 30px; margin: 0 0 0 -80px; color: var(--sea); font-size: 26px; } #top-ga #logo:before, #mobile-ga .logo:before { content: "\e957"; top: 0; margin: 0; font-size: 1em; line-height: 30px; } #top-ga:before { border: 0 solid var(--seashell); background: var(--white); } #skip a { background: var(--sea); } #nav-ga { position: relative; padding: 59px 0 0; } #nav-ga > ul { position: absolute; right: 0; top: 28px; list-style: none; margin: 0 -22px 0 0; padding: 0; } #nav-ga > ul > li { position: static; margin: 0 22px 0 0; font-size: 13px; } #nav-ga > ul > li > a { display: block; position: relative; z-index: 5; color: inherit; text-transform: uppercase; text-decoration: none; } #nav-ga > ul > li > a.toggle { display: block; position: absolute; left: -3000em; top: 0; } #nav-ga > ul > li > a.toggle:focus, .mobile #nav-ga > ul > li > a.toggle { overflow: hidden; position: relative; left: 0; top: 0; z-index: 9; margin-top: -50px; text-indent: -3000em; } #nav-ga > ul > li > a i { display: block; margin: 0 8px 0 0; color: var(--nobel); font-size: 15px; } #nav-ga > ul > li > a i.twa { margin: 0 0 0 1px; } #nav-ga > ul > li > div { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 3; padding: 32px 0 16px; } #nav-ga > ul > li > div:before { background: var(--white); } /* #nav-ga > ul > li > div:after { bottom: auto; z-index: -2; height: 100vh; background: var(--sea); opacity: .2; } */ #nav-ga > ul > li > div ul { list-style: none; margin: 0; padding: 0; } #nav-ga > ul > li > div ul li { margin: 0 0 10px; font-size: 13px; } #nav-ga > ul > li > div ul a { display: block; margin: 0 0 20px; color: var(--sea); font-weight: 500; text-decoration: none; } #nav-ga > ul > li > div ul ul { display: block; padding: 0; } #nav-ga > ul > li > div > ul > li { padding-top: 44px; } #nav-ga > ul > li > div > ul > li > a { font-weight: 700; text-transform: uppercase; } #nav-ga > ul > li > div > ul > li > a:first-child { margin-top: -44px; } #nav-ga > ul > li > div .image-box { width: 347px; min-width: 347px; max-width: 347px; margin-top: 5px; } #nav-ga > ul:first-child { position: static; top: 0; margin-right: 0; font-weight: 700; } #nav-ga > ul:first-child > li { margin: 0; } #nav-ga > ul:first-child > li > a { height: 50px; padding: 0 11px; line-height: 50px; font-weight: 700; } #up { position: absolute; left: 0; right: 0; top: 0; z-index: 29; height: 35px; color: var(--white); line-height: 35px; text-align: center; } #up:before { background: var(--sea); } #up > ul { position: absolute; right: 0; top: 0; list-style: none; margin: 0 -17px 0 0; padding: 0; } #up > ul > li { position: relative; margin-right: 17px; } #up > ul > li > a { position: relative; } #up > ul > li > a span, #footer-ga .list-inline a span { font-weight: 700; } #top-ga .icon-kiyoh, #footer-ga .icon-kiyoh { display: block; float: left; margin: 0 7px 0 0; height: 35px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDUuOSA0MDEuNCI+PHBhdGggZD0iTTEzNy44IDEwLjhjNDguOC0xNyAxMDQuMy0xMy44IDE1MC43IDkgMTAuMSA1IDE5LjggMTAuNyAyOC45IDE3LjQtMjIuNiAxMS4zLTQzLjMgMjYuNi02MS4xIDQ0LjUtMjkuOS0xNS4xLTY2LTE3LjMtOTcuNS01LjgtMjUuMyA5LTQ3LjQgMjYuNS02MiA0OS05LjYgMTQuNS0xNS45IDMxLjEtMTguNyA0OC4yLTIzLTQuMy00Ni04LjMtNjktMTIuOCA2LjgtMzcuMSAyNC43LTcyIDUwLjctOTkuMiAyMS42LTIyLjYgNDguNi00MCA3OC01MC4zem0xNTIuNCA5NS45YzEyLjktMTkuOSAyOS4yLTM3LjUgNDcuOS01Mi4xIDI4LjMgMjYuOCA0OC4yIDYyLjQgNTYuMiAxMDAuNS0yMy44IDUtNDcuNiAxMC4zLTcxLjQgMTUuMi00LjMtMjMuOC0xNi00Ni4xLTMyLjctNjMuNnoiIGZpbGw9IiNlZmQ3MGQiLz48cGF0aCBkPSJNMzE3LjQgMzcuMmMyNy40LTEzLjcgNTcuOC0yMS43IDg4LjUtMjIuMi0yMy45IDEwLjctNDcuMiAyMy4zLTY3LjggMzkuNi0xOC42IDE0LjYtMzUgMzIuMi00Ny45IDUyLjEtMTkuMSAyOS0zMSA2Mi00MC40IDk1LjItNS43IDIwLjMtMTAuMyA0MC45LTE0LjYgNjEuNi0xNi44LS4xLTMzLjUtLjEtNTAuMyAwLTI4LjgtNDQuMy01Ny42LTg4LjYtODYuMy0xMzMgMjAuNC0uMiA0MC45IDAgNjEuMy0uMSAxMS44IDE3LjcgMjMuNyAzNS40IDM1LjQgNTMuMiAxMS45LTM4LjEgMzIuOS03My40IDYwLjktMTAxLjggMTgtMTggMzguNi0zMy4yIDYxLjItNDQuNnoiIGZpbGw9IiM2N2IwM2QiLz48cGF0aCBkPSJNMzIyLjkgMTcwLjRjMjMuOC01IDQ3LjYtMTAuMyA3MS40LTE1LjIgOS4xIDQyLjIgMy44IDg3LjQtMTQuOCAxMjYuMy0xNi4yIDM0LjItNDIuMSA2My45LTc0LjMgODMuOS0xMy40LTIyLjEtMjcuMS00NC00MC40LTY2LjIgMTEuNi03IDIyLjEtMTUuOSAzMC44LTI2LjMgMjMuOS0yNy45IDM0LjEtNjYuNiAyNy4zLTEwMi41eiIgZmlsbD0iI2NhZDEyOSIvPjxwYXRoIGQ9Ik05LjMgMTYwLjNjMjIuOSA0LjUgNDYgOC41IDY5IDEyLjgtNS4xIDMwLjQgMi4xIDYyLjUgMTkuMiA4OC4yLTIwLjcgMTIuOS00MS40IDI1LjYtNjIgMzguNkM5LjYgMjU4LjguMyAyMDggOS4zIDE2MC4zeiIgZmlsbD0iI2U0OTIxOSIvPjxwYXRoIGQ9Ik0zNS4zIDI5OS45YzIwLjYtMTMgNDEuNC0yNS43IDYyLTM4LjYgMTIuMSAxOC4zIDI5LjIgMzMuNCA0OSA0My0xNS4yIDMwLjMtMzEgNjAuNC00Ni4zIDkwLjYtMjkuNi02LjItNTguNC0xNi40LTg1LTMwLjgtNS4xLTIuOC0xMC4yLTUuOC0xNS05LjIgMjIuOS0zLjggNDUuNy04LjYgNjcuOC0xNS41LTEyLjUtMTEuNS0yMy4zLTI1LTMyLjUtMzkuNXoiIGZpbGw9IiNkMTM4MGUiLz48cGF0aCBkPSJNMjAyLjEgMzE2LjljMjItLjMgNDQtNi40IDYyLjgtMTcuOSAxMy4yIDIyLjIgMjYuOSA0NC4yIDQwLjQgNjYuMi0xNCA4LjktMjkuMiAxNS44LTQ1IDIwLjctMTguOCA2LjMtMzguNCAxMC42LTU4LjEgMTMuMS0uMS0yNy4yIDAtNTQuNi0uMS04Mi4xeiIgZmlsbD0iIzk0YmUxYyIvPjxwYXRoIGQ9Ik0xNDYuNCAzMDQuM2MxNy4yIDguNSAzNi41IDEyLjggNTUuNyAxMi42LjEgMjcuNCAwIDU0LjguMSA4Mi4yLTMzLjkgNC4yLTY4LjYgMi44LTEwMi00LjIgMTUuMi0zMC4yIDMxLTYwLjMgNDYuMi05MC42eiIgZmlsbD0iI2RlNjkyNiIvPjwvc3ZnPg==) center center no-repeat; background-size: auto 22px; color: rgba(0,0,0,0); font-size: 22px; } #up > ul ul, #footer-ga ul ul { display: none; position: absolute; left: 0; top: 100%; list-style: none; min-width: 142px; margin: 0; padding: 0; box-shadow: 0 4px 10px rgba(0,0,0,.06); background: var(--white); color: var(--coal); line-height: 1.3; text-align: left; } #up > ul li.lang ul li.active a, [data-whatintent="mouse"] #up > ul li.lang ul a:hover, #footer-ga li.lang li.active a, [data-whatintent="mouse"] #footer-ga li.lang a:hover, [data-whatintent="mouse"] #mobile-ga-nav > ul > li.lang > ul a:hover, #mobile-ga-nav > ul > li.lang > ul .active > a { background: var(--concrete); color: var(--rose); } #up li.lang, #footer-ga li.lang { position: relative; } #up li.lang a, #footer-ga li.lang a { display: block; position: relative; min-width: 17px; height: 35px; text-indent: -3000em; text-align: left; } #up li.lang > a:after, #footer-ga li.lang > a:after { left: -10px; right: -10px; } #up li.lang a:before, #footer-ga li.lang a:before { left: 0; top: 50%; right: auto; bottom: auto; z-index: 9; width: 17px; height: 11px; margin-top: -5.5px; background-position: center center; background-repeat: no-repeat; background-size: auto 11px; } #up li.lang a[hreflang*="de"]:before, #footer-ga li.lang a[hreflang*="de"]:before, #root #mobile-ga-nav a[hreflang*="de"]:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxMS4xIj48cGF0aCBmaWxsPSIjMTExODFmIiBkPSJNMTcgMy43SDBWLjNDMCAuMS4xIDAgLjMgMGgxNi40Yy4yIDAgLjMuMS4zLjN2My40eiIvPjxwYXRoIGZpbGw9IiNmZmUxNWEiIGQ9Ik0xNi43IDExLjFILjNjLS4yIDAtLjMtLjEtLjMtLjNWNy40aDE3djMuNGMwIC4yLS4xLjMtLjMuM3oiLz48cGF0aCBmaWxsPSIjZGMwMDJkIiBkPSJNMTcgMy43SDB2My43aDE3VjMuN3oiLz48L3N2Zz4=); } #up li.lang a[hreflang*="nl"]:before, #footer-ga li.lang a[hreflang*="nl"]:before, #root #mobile-ga-nav a[hreflang*="nl"]:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxMS4xIj48cGF0aCBmaWxsPSIjZGMwMDJkIiBkPSJNMTcgMy43SDBWLjNDMCAuMS4xIDAgLjMgMGgxNi40Yy4yIDAgLjMuMS4zLjN2My40eiIvPjxwYXRoIGZpbGw9IiMwMDUyYjQiIGQ9Ik0xNi43IDExLjFILjNjLS4yIDAtLjMtLjEtLjMtLjNWNy40aDE3djMuNGMwIC4yLS4xLjMtLjMuM3oiLz48cGF0aCBmaWxsPSIjZjVmNWY1IiBkPSJNMTcgMy43SDB2My43aDE3VjMuN3oiLz48L3N2Zz4=); } #up li.lang a[hreflang*="en"]:before, #footer-ga li.lang a[hreflang*="en"]:before, #root #mobile-ga-nav a[hreflang*="en"]:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNyAxMS4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MntmaWxsOiNkYzAwMmR9PC9zdHlsZT48cGF0aCBmaWxsPSIjMDA1MmI0IiBkPSJNMTYuNyAxMS4xSC4zYy0uMiAwLS4zLS4xLS4zLS4zVi4zQzAgLjEuMSAwIC4zIDBoMTYuNGMuMiAwIC4zLjEuMy4zdjEwLjZjMCAuMS0uMS4yLS4zLjJ6Ii8+PHBhdGggZmlsbD0iI2Y1ZjVmNSIgZD0iTTE3IC4zYzAtLjItLjEtLjMtLjMtLjNoLTEuM0wxMCAzLjZWMEg3djMuNkwxLjYgMEguM0MuMSAwIDAgLjEgMCAuM3YuOGw0LjcgMy4xSDBWN2g0LjdMMCAxMC4xdi44YzAgLjIuMS4zLjMuM2gxLjNMNyA3LjZ2My42aDNWNy42bDUuNCAzLjZoMS4zYy4yIDAgLjMtLjEuMy0uM3YtLjhMMTIuMyA3SDE3VjQuMWgtNC43bDQuNy0zVi4zeiIvPjxwYXRoIGQ9Ik0xNyA0LjdIOS40VjBINy42djQuN0gwdjEuOGg3LjZ2NC43aDEuOFY2LjRIMTdWNC43eiIgY2xhc3M9InN0MiIvPjxwYXRoIGQ9Ik01LjkgN0wwIDEwLjljMCAuMS4xLjMuMy4zaC40TDcgN0g1Ljl6TTExLjUgN2gtMS4xbDYuMyA0LjFjLjEgMCAuMy0uMS4zLS4zdi0uMkwxMS41IDd6TTAgLjZsNS40IDMuNWgxLjFMLjIgMEMuMS4xIDAgLjIgMCAuM3YuM3pNMTEgNC4xbDYtMy45YzAtLjEtLjEtLjItLjMtLjJoLS40TDEwIDQuMWgxeiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==); } #up li.lang a[hreflang*="fr"]:before, #footer-ga li.lang a[hreflang*="fr"]:before, #root #mobile-ga-nav a[hreflang*="fr"]:after { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600'%3E%3Crect width='900' height='600' fill='%23CE1126'/%3E%3Crect width='600' height='600' fill='%23FFFFFF'/%3E%3Crect width='300' height='600' fill='%23002654'/%3E%3C/svg%3E"); } #up > ul li.lang ul, #footer-ga li.lang ul { left: -15px; } #up > ul li.lang ul li, #footer-ga li.lang ul li, #mobile-ga-nav > ul > li.lang > ul li { margin: 0; font-size: 13px; } #up > ul li.lang ul a, #footer-ga li.lang ul a, #mobile-ga-nav > ul > li.lang > ul a { display: block; min-width: 0; height: auto; padding: 10px 10px 10px 42px; border-width: 0; font-weight: 500; line-height: 1.3; text-align: left; text-indent: 0; text-decoration: none; text-transform: capitalize; } #up > ul li.lang ul a:before, #footer-ga li.lang ul a:before, #mobile-ga-nav > ul > li.lang > ul a:after { left: 15px; } #up > ul:first-child { left: 0; right: auto; } #up p, #up li { margin: 0; font-size: 13px; } #up p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #top-ga > form { position: absolute; left: 0; top: 35px; width: calc(50% - 98px); padding: 22px 0 0; } #top-ga > form p { margin: 0; z-index: 15!important } #top-ga > form a.remove { display: none; overflow: hidden; position: absolute; right: 0; top: 22px; bottom: 0; z-index: 50 !important; width: 35px; color: var(--nobel); font-size: 14px; text-indent: -3000em; text-align: left; } #top-ga > form a.remove:before { content: "\e93f"; } #top-ga > form input { height: 35px; padding: 0 43px 0 23px; border-width: 0; background: none; color: var(--sea); font-size: 13px; } #top-ga > form ::-webkit-input-placeholder { color: var(--sea); text-transform: uppercase; } #top-ga > form :-ms-input-placeholder { color: var(--sea); text-transform: uppercase; } #top-ga > form ::-ms-input-placeholder { color: var(--sea); text-transform: uppercase; } #top-ga > form ::placeholder { color: var(--sea); text-transform: uppercase; } #top-ga > form button { display: block; position: absolute; left: 0; top: 0; bottom: 0; min-width: 0; width: 23px; height: auto; margin: 0; padding: 0; border-width: 0; background: none; color: var(--nobel); font-size: 16px; text-align: left; text-indent: -3000em; } #top-ga > form button:before { content: "\e936"; text-align: left; } #top-ga.scroll-to-fixed-fixed { height: 100px; } #top-ga.scroll-to-fixed-fixed:before { border-bottom-width: 1px; } #top-ga.scroll-to-fixed-fixed #logo { overflow: hidden; left: 0; top: 0; bottom: 0; top: 35px; width: 27px; height: 65px; margin: 0; } #top-ga.scroll-to-fixed-fixed #logo:before { overflow: hidden; right: auto; font-size: 30px; line-height: 65px; text-align: left; } #top-ga.scroll-to-fixed-fixed #nav-ga { padding: 0 0 0 68px; } #top-ga.scroll-to-fixed-fixed #nav-ga > ul { top: 0; } #top-ga.scroll-to-fixed-fixed #nav-ga > ul > li > a { height: 65px; line-height: 65px; } #content-ga { position: relative; z-index: 3; padding-top: 30px; } #content-ga > .module-featured-ga:first-child { margin-top: -30px; } #content-ga > .module-feed-ga:last-child { margin-bottom: -28px; } #shadow-ga { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; } #footer-ga { position: relative; z-index: 2; padding: 68px 0 15px; } #footer-ga:before { background: var(--concrete); } #footer-ga nav { width: 100%; max-width: 946px; margin: 0 auto 46px; line-height: 2.6153846154; } #footer-ga nav > * { max-width: 220px; margin: 0 0 30px; } #footer-ga nav ul, #footer-ga nav p { list-style: none; padding: 0; } #footer-ga nav li, #footer-ga p { font-size: 13px; } #footer-ga h1, #footer-ga h2, #footer-ga h3, #footer-ga h4, #footer-ga h5, #footer-ga h6 { position: relative; margin: 0 0 18px; font-size: 13px; line-height: 1.3928571429; } #footer-ga .list-social { margin-right: -35px; } #footer-ga .list-social li { margin-right: 35px; } #footer-ga .list-social a { color: inherit; } #footer-ga .list-social i { font-size: 20px; line-height: 20px; } #footer-ga .list-social i.icon-youtube { font-size: 14px; } #footer-ga .list-social i.icon-twitter, #footer-ga .list-social i.icon-instagram { font-size: 18px; } #footer-ga > div { position: relative; margin: 38px 0 0; padding: 34px 0 0; border-top: 1px solid var(--mercury); text-align: center; } #footer-ga > div:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } #footer-ga > div .list-inline { position: absolute; left: 0; top: 26px; z-index: 2; } #footer-ga > div .list-payments { position: absolute; right: 0; top: 31px; z-index: 2; } #footer-ga > div p { position: relative; padding-top: 36px; } #footer-ga > div p:before, #footer-ga > div .list-payments:before { content: "\e957"; top: 0; margin: 0; font-size: 21px; line-height: 21px; } #footer-ga .list-inline { margin-right: -22px; font-weight: 500; } #footer-ga .list-inline li { margin-left: 0; margin-right: 22px; font-size: 13px; } #footer-ga .list-inline a i { display: inline-block; position: relative; top: 11px; margin-top: -15px; } #footer-ga li.lang ul { top: auto; bottom: 100%; } /*! Modules --------- */ .module-collection-ga { position: relative; } .module-collection-ga > .sticky { position: absolute; right: 0; top: 5px; z-index: 9; font-size: 13px; text-transform: uppercase; } .module-featured-ga { margin: 86px auto 0; color: var(--white); font-weight: 500; text-align: center; } .module-featured-ga article { position: relative; z-index: 9; min-height: 500px; margin: 0 0 57px; padding: 69px 0 50px; } .module-featured-ga figure:before { background: var(--sea); opacity: .2; } .module-featured-ga h1, .module-featured-ga h2, .module-featured-ga h3, .module-featured-ga h4, .module-featured-ga h5, .module-featured-ga h6 { margin-bottom: 1px; color: inherit; font-size: 100px; line-height: 1.3928571429; } .module-featured-ga h1.s50, .module-featured-ga h2.s50, .module-featured-ga h3.s50, .module-featured-ga h4.s50, .module-featured-ga h5.s50, .module-featured-ga h6.s50 { margin-bottom: 9px; } .module-featured-ga .link-btn { margin-top: 40px; margin-right: -13px; } .module-featured-ga .s50 ~ .link-btn { margin-top: 23px; } .module-featured-ga .link-btn a { margin-right: 13px; color: var(--sea); } #root .module-featured-ga .link-btn a:after { border-color: var(--white); background: var(--white); } [data-whatintent="mouse"] #root .module-featured-ga .link-btn a:hover { color: var(--white); } [data-whatintent="mouse"] #root .module-featured-ga .link-btn a:hover:after { border-color: var(--sea); background: var(--sea); } .module-feed-ga { position: relative; margin: 85px 0; padding: 0 0 0 186px; } .module-feed-ga header { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; max-width: 560px; padding: 37px 0 0; } .module-feed-ga h1, .module-feed-ga h2, .module-feed-ga h3, .module-feed-ga h4, .module-feed-ga h5, .module-feed-ga h6 { margin-bottom: 23px; font-size: 36px; line-height: 1.3928571429; } .module-feed-ga .list-feed-ga li { width: 25%; } .ui-autocomplete { position: fixed; left: -3000em; top: 0; z-index: 10; list-style: none; min-height: 239px; margin: 0; padding: 12px 0; color: var(--sea); line-height: 1.2; } .ui-autocomplete:before, .ui-autocomplete:after { left: -3000em; right: -3000em; width: auto; margin: 0; background: var(--white); } .ui-autocomplete:after { bottom: auto; z-index: -2; height: 100vh; background: var(--sea); opacity: .2; } .ui-autocomplete li { display: block; padding: 5px 0; font-size: 13px; font-weight: 500; cursor: pointer; } .ui-autocomplete a { display: block; padding: 5px 0 5px 23px; text-decoration: none; } .w785 { max-width: 785px; } .w785.text-center { margin-left: auto; margin-right: auto; } /*! Content --------- */ .s13 { } h1.s13, h2.s13, h3.s13, h4.s13, h5.s13, h6.s13 { margin-bottom: 15px; font-weight: 500; } .s50, #root .s50 { font-size: 50px; } [data-whatintent="mouse"] #nav-ga > ul > li > a:hover, #nav-ga > ul > li.active > a, .list-collection p.price span.overlay-c, [data-whatintent="mouse"] .ui-autocomplete a:hover, [data-whatintent="mouse"] #nav-ga > ul > li > div ul a:hover, #nav-ga > ul > li > div li.active > a, #root #mobile-ga li.active > a, #mobile-ga .tabs-nav a.active { color: var(--rose); } /*! Links --------- */ .link-btn { } .link-btn a, .gui a.gui-button-large, .gui a.gui-button-small { min-width: 176px; font-size: 13px; font-weight: 500; } /*! Media --------- */ .image-box { position: relative; color: var(--white); font-size: 30px; font-weight: 700; line-height: 1.1; text-align: center; text-transform: uppercase; } .image-box:before, .image-box a:before { background: var(--sea); opacity: .2; } .image-box a { display: block; position: relative; z-index: 9; color: inherit; text-decoration: none; } .image-box span { display: block; position: absolute; left: 0; right: 0; top: 50%; z-index: 9; padding: 0 30px; } .image-box span span { position: relative; top: 0; padding: 16px 0 0; font-weight: 500; font-size: 15px; line-height: 1.8666666667; text-transform: none; } /*! Lists --------- */ .list-collection { margin-left: -28px; margin-bottom: 0; text-align: center; } .list-collection li { border-left-width: 28px; } .list-collection .img { margin-bottom: 32px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin: 0 0 13px; color: var(--sea); font-weight: 500; font-size: 13px; } .list-collection p { font-size: 11px; } .list-collection p + * { margin-top: 4px; } .list-collection .img + p { margin-top: -24px; } .list-collection p.price { font-weight: 500; font-size: 13px; } .list-collection p.price span { margin-left: 5px; margin-right: 0; color: var(--nobel); font-size: 1em; text-decoration: line-through; } .list-collection p.price span[class*="overlay"] { text-decoration: none; } .list-collection .link-btn { position: relative; z-index: 99; } #root .list-collection .link-btn a, #root .list-collection p button { width: auto; min-width: 144px; height: auto; margin: 17px 0 0; padding: 13px; border-width: 0; background: var(--sea); color: var(--white); font-size: 13px; font-weight: 500; line-height: 1.2; text-transform: uppercase; } #root .list-collection .label { left: 16px; top: 16px; font-size: 12px; line-height: 1.0833333333; /*word-break: break-all;*/ } #root .list-collection .label > * { /*width: 15px;*/ min-width: 0; height: auto; padding: 2px; font-size: 1em; line-height: 1.0833333333; } #root .list-collection .label > .overlay-c { background: var(--candy); color: var(--white); } #root .list-collection .btn { right: 7px; top: 7px; box-shadow: none; border-width: 0; background: none; } .list-collection .btn i { color: var(--nobel); } .list-collection form, .list-collection .form { display: block; position: relative; padding: 1px 0 0; } .list-collection .list-btn { margin: 0 -6px 0 0; } .list-collection .list-btn li { position: relative; z-index: 2; float: none; width: auto; margin: 0 6px 6px 0; border-width: 0; } .list-collection .list-btn input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .list-collection .list-btn label { display: block; position: relative; left: 0; top: 0; padding: 5px 6px; color: var(--sea); font-weight: 500; font-size: 13px; cursor: pointer; } .list-collection .list-btn input:checked ~ label { background: var(--sea); color: var(--white); } .list-collection .list-btn input[disabled] ~ label { color: var(--nobel); } .list-collection .list-btn input[disabled] ~ label:before { left: 4px; right: 6px; top: 50%; bottom: auto; height: 2px; margin: -1px 0 0; background: var(--nobel); } .list-collection .list-btn input[disabled] ~ label:before { -webkit-transform: rotate(-27.55deg); transform: rotate(-27.55deg); } .list-feed-ga { list-style: none; margin: 0 0 0 -28px; padding: 28px 0 0; } .list-feed-ga li { position: relative; float: left; margin: 0 0 28px; border-left: 28px solid rgba(0,0,0,0); } .list-feed-ga li:nth-child(1) { padding-top: calc(22vw - 28px); } .list-feed-ga li:nth-child(2) { padding-top: 14.28571429vw; } .list-feed-ga li:nth-child(4), .list-feed-ga li:nth-child(6) { top: -28px; } .list-gallery-ga { position: relative; z-index: 2; list-style: none; margin: 28px 0 86px -28px; padding: 0; color: var(--white); font-weight: 700; line-height: 1.1111111111; text-transform: uppercase; counter-reset: counter; } .list-gallery-ga li { overflow: hidden; position: relative; z-index: 2; margin: 0 0 28px; border-left: 28px solid rgba(0,0,0,0); font-size: 36px; } .list-gallery-ga li span { position: absolute; left: 0; right: 0; bottom: 25px; z-index: 9; padding: 0 28px; } ol.list-gallery-ga li span .no { display: block; margin: 0 0 10px; font-weight: 500; font-style: normal; font-size: 13px; } .list-gallery-ga li a { display: block; font-weight: 700; text-decoration: none; } .list-gallery-ga li a:after { left: -3000em; right: -3000em; top: -3000em; bottom: -3000em; } .list-gallery-ga img { width: auto !important; height: 500px !important; } .list-gallery-ga h1, .list-gallery-ga h2, .list-gallery-ga h3, .list-gallery-ga h4, .list-gallery-ga h5, .list-gallery-ga h6 { margin-bottom: 0; font-size: 20px; line-height: 1.3928571429; text-align: center; } .list-gallery-ga li > div { display: block; position: absolute; left: 0; right: 0; top: 50%; z-index: 9; padding: 11px 60px 0; color: var(--white); line-height: 1.3; font-weight: 400; text-transform: none; text-align: center; } .list-gallery-ga li > div h1, .list-gallery-ga li > div h2, .list-gallery-ga li > div h3, .list-gallery-ga li > div h4, .list-gallery-ga li > div h5, .list-gallery-ga li > div h6 { margin-bottom: 20px; color: inherit; font-size: 36px; line-height: 1.1111111111; text-align: center; } .list-gallery-ga p { font-size: 15px; } .list-gallery-ga figure:before { background: var(--sea); opacity: .2; } .list-gallery-ga li.strong figure:before { opacity: .3; } .list-gallery-ga.a { display: block; margin-bottom: 53px; padding: 103px 132px 0; } .list-gallery-ga.a:before { left: 28px; bottom: auto; height: 100%; max-height: 626px; background: var(--concrete); } .list-gallery-ga.a li { float: right; clear: right; width: 50%; } .list-gallery-ga.a li:first-child, .list-gallery-ga.a li:first-child + li { float: left; clear: left; } .list-gallery-ga.a li:first-child + li + li { margin-top: -71px; } .list-gallery-ga.a img { width: 100% !important; height: auto !important; } .list-gallery-ga.is-slider { display: block; margin-left: 0; } .list-gallery-ga.is-slider li { border-left-width: 0; } .list-gallery-ga.is-slider .owl-carousel .owl-stage-outer { overflow: visible; } .list-gallery-ga .owl-nav, .list-collection .owl-nav { clear: both; margin-right: -4px; padding-top: 1px; } #root .list-gallery-ga .owl-nav button, #root .list-collection .owl-nav button { display: block; position: relative; left: 0; right: 0; top: 0; width: 20px; height: 20px; background: none; } #root .list-gallery-ga .owl-nav button:after, #root .list-collection .owl-nav button:after { color: var(--sea); font-size: 6px; } #root .list-gallery-ga .owl-nav button.owl-prev:after, #root .list-collection .owl-nav button.owl-prev:after { content: "\e97e"; } #root .list-gallery-ga .owl-nav button.owl-next, #root .list-collection .owl-nav button.owl-next { margin-left: 35px; } #root .list-gallery-ga .owl-nav button.owl-next:after, #root .list-collection .owl-nav button.owl-next:after { content: "\e97b"; } .list-payments { margin-left: 0; margin-right: -36px; } .list-payments li { margin-right: 36px; } .list-payments i { display: block; font-size: 17px; line-height: 17px; } .list-payments i.icon-gpay { font-size: 10px; } /*! Forms --------- */ button { color: var(--white); } /*! Helpers --------- */ #mobile-ga, #mobile-ga-nav { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #footer-ga h1, #footer-ga h2, #footer-ga h3, #footer-ga h4, #footer-ga h5, #footer-ga h6 { transition: none; } #top-ga > form label, #top-ga > form button:after, .list-payments span, .list-collection form p, .list-collection .form p, .list-collection p.price span:before, .ui-helper-hidden-accessible, #top-ga.scroll-to-fixed-fixed #up, #top-ga.scroll-to-fixed-fixed > form, #top-ga:after, #root #top-ga li.mobile-only, #footer-ga h1 a.header-toggle, #footer-ga h2 a.header-toggle, #footer-ga h3 a.header-toggle, #footer-ga h4 a.header-toggle, #footer-ga h5 a.header-toggle, #footer-ga h6 a.header-toggle, #footer-ga > div .list-payments:before, #root .list-collection p button:after, #root .list-collection .link-btn a:after, #nav-ga > ul > li > div ul a.toggle, #mobile-ga, #mobile-ga em, #mobile-ga .image-box, #top-ga > a.menu, #mobile-ga-nav, #mobile-ga-nav em { display: none; } .list-gallery-ga img, .list-feed-ga a, #up > ul li.toggle > ul, #footer-ga ul li.toggle > ul, #top-ga > form.full a.remove { display: block; } #root .module-featured-ga .link-btn:first-child, .module-featured-ga:first-child, .list-gallery-ga:first-child, .module-feed-ga:first-child, .list-gallery-ga.a:first-child { margin-top: 0; } .list-gallery-ga figure, .list-collection.is-slider li { margin-bottom: 0; } #root .m90 { margin-bottom: 90px; } /*! Miscellaneous --------- */ ::selection { background: var(--sea); } ::-moz-selection { background: var(--sea); } /*! Flexbox --------- */ /* flex */ [data-whatintent="mouse"] #nav-ga > ul > li:hover > div, #nav-ga > ul > li.toggle > div, #nav-ga > ul > li > div ul, .list-collection .link-btn, .module-featured-ga .link-btn, .list-collection .owl-nav, .list-collection .list-btn, #footer-ga nav, #nav-ga > ul > li > a, #up > ul, #nav-ga > ul, .list-gallery-ga .owl-nav, .list-gallery-ga, .module-featured-ga article { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ #root #nav-ga > ul > li > div, #nav-ga > ul > li > div > figure:first-child + ul, #nav-ga > ul > li > div > ul:first-child, #footer-ga nav, #nav-ga > ul > li > a { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dc */ .module-featured-ga article { -webkit-flex-direction: column; flex-direction: column; } /* f:js */ #top-ga.scroll-to-fixed-fixed #nav-ga > ul:first-child { -webkit-justify-content: flex-start; justify-content: flex-start; } /* f:jc */ .list-collection .link-btn, .list-collection form p, .list-collection .form p, .list-collection .list-btn, #footer-ga .list-social, #nav-ga > ul, .module-featured-ga article, .module-featured-ga .link-btn { -webkit-justify-content: center; justify-content: center; } /* f:je */ #mobile-ga-nav > ul, .list-collection .owl-nav, .list-gallery-ga .owl-nav { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ #footer-ga nav { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ #nav-ga > ul > li > div { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ #mobile-ga .tabs-nav, #mobile-ga-nav > ul > li > a, #footer-ga .list-inline, #nav-ga > ul > li > a { -webkit-align-items: center; align-items: center; } /* f:b0 */ #nav-ga > ul > li > div li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ #nav-ga > ul > li > div ul, #nav-ga > ul > li > div li { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icomoon-ga.woff2') format('woff2'), url('icomoon-ga.woff') format('woff'); } .icon-amex:before { content: "\e97f"; } .icon-applepay:before { content: "\e97c"; } .icon-arrow2-down:before { content: "\e97d"; } .icon-arrow2-left:before { content: "\e97e"; } .icon-arrow2-right:before { content: "\e97b"; } .icon-arrow2-up:before { content: "\e97a"; } .icon-gpay:before { content: "\e979"; } .icon-ideal:before { content: "\e978"; } .icon-kiyoh:before { content: "\e980"; } .icon-mastercard:before { content: "\e977"; } .icon-paypal:before { content: "\e976"; } .icon-visa:before { content: "\e975"; } /* Responsive --------- */ @media only screen and (max-width: 90.625em) { /* 1450 */ } @media only screen and (max-width: 87.5em) { /* 1400 */ .list-gallery-ga.a { padding-left: 100px; padding-right: 100px; } } @media only screen and (max-width: 84.375em) { /* 1350 */ #root { padding-left: 40px; padding-right: 40px; } #top-ga { left: 40px; right: 40px; } .list-gallery-ga.a { padding-left: 60px; padding-right: 60px; } .module-feed-ga { padding-left: 96px; } } @media only screen and (max-width: 75em) { /* 1200 */ #top-ga { } #nav-ga > ul > li > div .image-box { width: 300px; max-width: 300px; min-width: 300px; } .image-box { } .image-box span { padding: 0 20px; } .list-payments { margin-right: -26px; } .list-payments li { margin-right: 26px; } .module-featured-ga { } .module-featured-ga h1, .module-featured-ga h2, .module-featured-ga h3, .module-featured-ga h4, .module-featured-ga h5, .module-featured-ga h6 { font-size: 75px; } .module-feed-ga { padding-left: 126px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #root { padding-left: 20px; padding-right: 20px; } #top-ga { left: 20px; right: 20px; } #nav-ga > ul { margin-right: -18px; } #nav-ga > ul > li { margin-right: 18px; } #nav-ga > ul > li > a i { margin-right: 5px; } #top-ga.scroll-to-fixed-fixed { } #top-ga.scroll-to-fixed-fixed #nav-ga { padding-left: 36px; } #top-ga.scroll-to-fixed-fixed #nav-ga > ul { margin-right: -12px; } #top-ga.scroll-to-fixed-fixed #nav-ga > ul > li { margin-right: 12px; font-size: 12px; } #top-ga.scroll-to-fixed-fixed #nav-ga > ul > li > a i { margin-right: 4px; font-size: 14px; } #content-ga { } #content-ga > .module-feed-ga:last-child { margin-bottom: 18px; } .list-feed-ga { margin-left: -18px; padding-top: 0; } #root .list-feed-ga li { top: 0; margin: 0 0 18px; padding-top: 0; border-left-width: 18px; } .list-collection { margin-left: -18px; } .list-collection li { border-left-width: 18px; } .list-gallery-ga { margin-left: -18px; } .list-gallery-ga li { margin-bottom: 18px; border-left-width: 18px; font-size: 28px; } .list-gallery-ga img { height: 400px !important; } .list-gallery-ga li > div { padding-left: 20px; padding-right: 20px; } .list-gallery-ga li > div h1, .list-gallery-ga li > div h2, .list-gallery-ga li > div h3, .list-gallery-ga li > div h4, .list-gallery-ga li > div h5, .list-gallery-ga li > div h6 { margin-bottom: 11px; font-size: 28px; } .list-gallery-ga.a { padding-left: 0; padding-right: 0; } .list-gallery-ga.a:before { left: -20px; right: -20px; } .list-payments { margin-right: -8px; } .list-payments li { margin-right: 8px; } .module-featured-ga { } .module-featured-ga article { min-height: 400px; } .module-featured-ga figure { left: -20px; right: -20px; } .module-featured-ga h1, .module-featured-ga h2, .module-featured-ga h3, .module-featured-ga h4, .module-featured-ga h5, .module-featured-ga h6 { margin-bottom: 9px; font-size: 50px; } .module-featured-ga .link-btn { margin-top: 23px; } .module-feed-ga { padding-left: 0; } .module-feed-ga header { position: relative; padding: 0; } .list-feed-ga { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #up p, #top-ga.scroll-to-fixed-fixed #nav-ga .twa, #nav-ga > ul > li > div .image-box { display: none; } } @media only screen and (max-width: 47.5em) { /* 760 */ #root { padding: 81px 15px 0; } #root #top-ga { left: 15px !important; right: 15px !important; width: auto !important; height: 81px; margin: 0 !important; } #top-ga:after { content: "\e912"; display: block; left: 0; top: 35px; bottom: 0; right: auto; margin: 0; color: var(--nobel); font-size: 15px; line-height: 46px; } #root #top-ga #logo { left: 32px; top: 35px; bottom: 0; width: 95px; height: 46px; margin: 0; font-size: 16px; } #root #top-ga #logo:before { font-size: 1em; line-height: 46px; text-align: left; } #up { padding-right: 110px; text-align: left; } #nav-ga { padding: 0; } #root #nav-ga > ul, #top-ga.scroll-to-fixed-fixed #nav-ga > ul { float: right; position: relative; top: 0; margin-right: -20px; } #root #nav-ga > ul > li, #top-ga.scroll-to-fixed-fixed #nav-ga > ul > li { margin-right: 20px; } #root #nav-ga > ul > li > a, #top-ga.scroll-to-fixed-fixed #nav-ga > ul > li > a { height: 46px; line-height: 46px; } #root #nav-ga > ul > li > a i, #top-ga.scroll-to-fixed-fixed #nav-ga > ul > li > a i { display: block; margin: 0; font-size: 16px; } #top-ga > form { display: none; position: absolute; left: -15px; right: -15px; top: 35px; bottom: 0; z-index: 999; width: auto; padding: 0; background: var(--white); } #top-ga > form input { height: 46px; padding: 0 43px 0 41px; border-bottom: 1px solid var(--seashell); } #top-ga > form :focus::-webkit-input-placeholder { opacity: 1; } #top-ga > form :focus:-ms-input-placeholder { opacity: 1; } #top-ga > form :focus::-ms-input-placeholder { opacity: 1; } #top-ga > form :focus::placeholder { opacity: 1; } #top-ga > form button { left: 15px; } #top-ga > form a.remove { display: block; top: 0; width: 43px; } #top-ga > a.menu { display: block; overflow: hidden; position: absolute; left: -15px; top: 0; bottom: 0; z-index: 9; width: 45px; text-align: left; text-indent: -3000em; } #footer-ga { padding: 48px 0 12px; } #footer-ga nav { display: block; margin-bottom: 43px; } #footer-ga nav > * { max-width: none; margin: 0; border-top: 1px solid var(--seashell); } #footer-ga nav div p, #footer-ga nav div ul { display: none; } #footer-ga nav .toggle ~ p, #footer-ga nav .toggle ~ ul { display: block; } #footer-ga nav h1, #footer-ga nav h2, #footer-ga nav h3, #footer-ga nav h4, #footer-ga nav h5, #footer-ga nav h6 { margin: 0; padding: 16px 16px 16px 0; border: 0 solid var(--seashell); } #footer-ga nav > *:last-child h1, #footer-ga nav > *:last-child h2, #footer-ga nav > *:last-child h3, #footer-ga nav > *:last-child h4, #footer-ga nav > *:last-child h5, #footer-ga nav > *:last-child h6 { border-bottom-width: 1px; } #root #footer-ga nav h1.toggle, #root #footer-ga nav h2.toggle, #root #footer-ga nav h3.toggle, #root #footer-ga nav h4.toggle, #root #footer-ga nav h5.toggle, #root #footer-ga nav h6.toggle { border-bottom: 0; } #footer-ga h1 a.header-toggle:before, #footer-ga h2 a.header-toggle:before, #footer-ga h3 a.header-toggle:before, #footer-ga h4 a.header-toggle:before, #footer-ga h5 a.header-toggle:before, #footer-ga h6 a.header-toggle:before { content: "\e92b"; left: auto; color: var(--nobel); font-size: 5px; } #footer-ga li.lang ul { left: auto; right: 0; } #footer-ga .list-social { margin-bottom: 32px; } #footer-ga .list-social i { font-size: 18px; line-height: 18px; } #footer-ga .list-social i.icon-twitter, #footer-ga .list-social i.icon-instagram { font-size: 17px; } #footer-ga > div { margin-top: 0; padding-top: 0; border-top-width: 0; } #footer-ga > div .list-inline { position: relative; top: 0; z-index: 2; margin-bottom: 26px; margin-left: 0; padding: 0 0 15px; } #footer-ga > div .list-inline:before { content: ""; display: block; position: absolute; left: 0; right: 22px; top: 0; bottom: 0; z-index: -1; border-bottom: 1px solid var(--seashell); } #footer-ga > div .list-payments { position: relative; top: 0; padding: 49px 9px 0; } #footer-ga > div p { padding: 0; } #mobile-ga { display: block; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; right: 0; bottom: 60px; z-index: 9998; padding: 0; background: var(--white); } #mobile-ga, #mobile-ga-nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .menu-active #mobile-ga, .menu-active #mobile-ga-nav { -webkit-transform: none; transform: none; } #root #mobile-ga .logo { display: block; position: absolute; left: 0; top: 0; width: 116px; height: 49px; color: var(--sea); font-size: 16px; text-decoration: none; } #mobile-ga .logo:before { left: 15px; line-height: 49px; text-align: left; } #mobile-ga ul { position: relative; z-index: 3; list-style: none; margin: 0; padding: 0 15px; } #mobile-ga ul li { position: relative; margin: 0; font-size: 15px; } #mobile-ga ul li a, #mobile-ga li > span, #mobile-ga .title { display: block; overflow: hidden; position: relative; z-index: 2; padding: 17px 0; border-bottom: 1px solid var(--seashell); background: var(--white); color: var(--sea); font-weight: 700; font-size: 13px; line-height: 1.2; text-decoration: none; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; } #mobile-ga > ul > li:last-child > a { border-bottom-width: 0; } #root #mobile-ga .title, #root #mobile-ga li.header { margin-bottom: 8px; } #mobile-ga ul.tabs-con li a { font-weight: 500; text-transform: none; } #mobile-ga ul li a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding-left: calc(100% - 48px); } #mobile-ga ul li.sub > a { padding-right: 20px; } #mobile-ga ul li.sub > a:after, #mobile-ga ul li.sub > a.toggle { content: ""; display: block; position: absolute; right: 0; top: 0; width: 22px; height: 48px; margin: 0; padding: 0; border: 0; color: var(--nobel); font-weight: 400; font-family: i; font-size: 10px; line-height: 48px; text-align: center; } #mobile-ga ul li.sub > a.toggle { text-align: left; text-indent: -3000em; } #mobile-ga ul li.sub > a:after { content: "\e92d"; z-index: 3; padding-left: 10px; } #mobile-ga ul li.sub > a.toggle { z-index: 3; background: none; } #mobile-ga ul li.has-image > a { padding-left: 70px; } #mobile-ga ul li.has-image > a .img { position: absolute; left: 8px; top: 0; bottom: 0; width: 62px; } #mobile-ga .title { position: relative; height: 50px; margin: 0; padding: 0; line-height: 49px; text-transform: none; text-align: center; } #mobile-ga .title a.close, #mobile-ga li.header a.close, #mobile-ga li.header a.back { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 49px; height: 49px; color: var(--nobel); font-size: 13px; text-align: left; text-indent: -3000em; text-decoration: none; } #mobile-ga .title a.close:before, #mobile-ga li.header a.close:before { content: "\e93f"; } #mobile-ga li.header { margin: 0 -15px; padding: 0 45px; border-bottom: 1px solid var(--seashell); text-align: center; } #mobile-ga li.header > span, #mobile-ga li.header a { border-width: 0; } #mobile-ga li.header a.back { left: 0; right: auto; } #mobile-ga li.header a.back:before { content: "\f977"; font-size: 11px; } #mobile-ga .title:before, #mobile-ga .title:after { display: block; position: absolute; left: auto; right: auto; top: 50%; width: 48px; margin: -20px 0 0; font-family: i; font-weight: 400; line-height: 40px; text-align: center; text-indent: 0; } #mobile-ga ul li.language > a, #mobile-ga ul li.currency > a { padding-left: 57px; } #mobile-ga ul li.language > a img { display: block; position: absolute; left: 28px; top: 50%; } #mobile-ga ul li.currency > a i { display: block; position: absolute; left: 28px; top: 50%; margin: -20px 0 0; line-height: 40px; } #mobile-ga ul.ul-toggle > li, #mobile-ga ul.ul-toggle > li.toggle > a { display: none; position: static; } #mobile-ga ul ul { padding: 0; } #mobile-ga ul { z-index: 3; } #mobile-ga ul ul { z-index: 4; } #mobile-ga ul ul ul { z-index: 5; } #mobile-ga ul ul ul ul { z-index: 6; } #mobile-ga ul ul ul ul { z-index: 7; } #mobile-ga span { text-transform: capitalize; } #mobile-ga .tabs-nav { display: block; position: absolute; right: 59px; top: 0; z-index: 8; background: var(--white); } #mobile-ga .tabs-nav a { display: block; height: 49px; margin: 0 0 0 22px; font-size: 13px; font-weight: 700; line-height: 49px; text-transform: uppercase; text-decoration: none; } #mobile-ga .tabs-nav a:first-child { margin-left: 0; } #mobile-ga-nav { display: block; overflow: visible; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; height: 60px; padding: 0 1px 0 15px; box-shadow: -2px 4px 50px rgba(0,0,0,.06); background: var(--white); } #mobile-ga-nav ul { list-style: none; margin: 0; padding: 0; } #mobile-ga-nav li { display: block; position: relative; margin: 0; } #mobile-ga-nav > ul > li { overflow: visible; margin-right: 14px; font-size: 13px; } #mobile-ga-nav > ul > li.mobile-hide { position: relative; left: 0; top: 0; margin-right: auto; text-transform: uppercase; } #mobile-ga-nav > ul > li.lang { width: 27px; margin-left: -5px; margin-right: 9px; text-align: left; } #mobile-ga-nav > ul > li.lang > a { content: ""; padding: 0; text-indent: -3000em; } #mobile-ga-nav > ul > li.lang > a.toggle { width: auto; height: auto; } #mobile-ga-nav > ul > li.lang > a:after, #mobile-ga-nav > ul > li.lang > ul a:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; background-color: rgba(0,0,0,0); background-position: center center; background-repeat: no-repeat; background-size: auto 11px; } #mobile-ga ul.ul-toggle > li.lang.toggle > a { position: relative; } #mobile-ga-nav > ul > li.lang > ul { display: none; position: absolute; right: -10px; bottom: 100%; min-width: 142px; margin: 0; padding: 0; box-shadow: 0 4px 10px rgba(0,0,0,.06); background: var(--white); color: var(--coal); line-height: 1.3; text-align: left; } #mobile-ga-nav > ul > li.lang > ul a:after { left: 15px; right: auto; width: 17px; } #mobile-ga-nav > ul > li > a { display: block; overflow: hidden; position: relative; height: 60px; padding: 0; border-width: 0; color: var(--sea); font-weight: 500; line-height: 60px; text-transform: inherit; text-decoration: none; } #mobile-ga-nav > ul > li > a span { text-transform: inherit; } #mobile-ga-nav > ul i { display: block; color: var(--nobel); margin-right: 8px; font-size: 17px; } #mobile-ga li.hidden, #mobile-ga .tabs-nav a.toggle, #mobile-ga-nav > ul > li.lang li.header, #mobile-ga-nav > ul > li.lang > a:before, #mobile-ga em, #mobile-ga ul ul, #mobile-ga-nav > ul > li, #mobile-ga.active > .title, #mobile-ga.active .tabs-nav { display: none; } #mobile-ga ul ul:first-child, #mobile-ga-nav > ul > li.lang.toggle > ul, #mobile-ga li.toggle > ul, #mobile-ga ul li a .img img, #mobile-ga ul.ul-toggle > li.toggle, #mobile-ga-nav > ul > li.mobile-hide, #mobile-ga-nav > ul > li.lang, #mobile-ga-nav > ul > li.static, #mobile-ga ul.ul-toggle > li.lang.toggle > a, #mobile-ga.active > ul.ul-toggle, #mobile-ga.active > ul.ul-toggle > li.toggle { display: block; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 13px; } h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { margin-bottom: 20px; font-size: 16px; } h1, .gui-page-title { font-size: 34px; } .list-collection { margin-bottom: 23px; } .list-collection .img { margin-bottom: 21px; } .list-collection .img + p { margin-top: -19px; } .list-collection p + * { margin-top: -3px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin-bottom: 9px; } #root .list-collection .btn { right: -1px; top: -1px; margin-top: 0; } #root .list-collection .label { left: 13px; top: 13px; } .list-collection .owl-nav { position: absolute; right: 0; top: 100%; padding-top: 26px; } .list-collection.is-slider { } #root .list-collection.is-slider .item > li { width: 233px !important; } .list-gallery-ga { margin-top: 20px; margin-bottom: 43px; line-height: 1.1153846154; } .list-gallery-ga li { font-size: 26px; } .list-gallery-ga li span { bottom: 14px; padding: 0 16px; } ol.list-gallery-ga li span .no { margin-bottom: 6px; } .list-gallery-ga img { height: 256px !important; } .list-gallery-ga h1, .list-gallery-ga h2, .list-gallery-ga h3, .list-gallery-ga h4, .list-gallery-ga h5, .list-gallery-ga h6 { margin-bottom: 13px; font-size: 16px; text-align: left; } .list-gallery-ga li > div { position: relative; top: 0; padding: 31px 15px 20px; } .list-gallery-ga li > div h1, .list-gallery-ga li > div h2, .list-gallery-ga li > div h3, .list-gallery-ga li > div h4, .list-gallery-ga li > div h5, .list-gallery-ga li > div h6 { max-width: 215px; margin: 0 auto 11px; font-size: 16px; line-height: 1.125; } .list-gallery-ga li > figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .list-gallery-ga li > figure img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-gallery-ga .owl-stage { overflow: hidden; height: 256px; } .list-gallery-ga .owl-nav { padding-top: 28px; } .list-gallery-ga.a { margin-top: 37px; margin-bottom: 41px; padding: 44px 0 0; } .list-gallery-ga.a:before { max-height: 340px; } #root .list-gallery-ga.a li { float: none; width: auto; margin: 0 0 10px; } .list-feed-ga { overflow-y: hidden; overflow-x: auto; margin-left: -15px; margin-right: -15px; margin-bottom: 25px; } #root .list-feed-ga li { width: 165px; min-width: 165px; max-width: 165px; border-right: 0 solid rgba(0,0,0,0); border-left-width: 18px; } #root .list-feed-ga li:first-child { width: 162px; min-width: 162px; max-width: 162px; border-left-width: 15px; } #root .list-feed-ga li:last-child { width: 180px; min-width: 180px; max-width: 180px; border-right-width: 15px; } .link-btn { } .link-btn a, .gui a.gui-button-large, .gui a.gui-button-small { min-width: 144px; } .m90, #root .m90 { margin-bottom: 45px; } .module-collection-ga { margin-bottom: 40px; } .module-collection-ga > .sticky { position: relative; top: 0; } .module-collection-ga > .list-collection + .sticky { margin-right: 80px; } .module-featured-ga { margin-top: 43px; } .module-featured-ga article { min-height: 340px; margin-bottom: 40px; } #root .module-featured-ga h1, #root .module-featured-ga h2, #root .module-featured-ga h3, #root .module-featured-ga h4, #root .module-featured-ga h5, #root .module-featured-ga h6 { margin-bottom: 8px; font-size: 34px; } .module-featured-ga .link-btn { margin-top: 27px; } .module-featured-ga .s50 ~ .link-btn { margin-top: 17px; } .module-feed-ga { margin-top: 41px; padding: 0; } .module-feed-ga header { position: relative; max-width: none; margin-bottom: 24px; padding: 0; } .module-feed-ga h1, .module-feed-ga h2, .module-feed-ga h3, .module-feed-ga h4, .module-feed-ga h5, .module-feed-ga h6 { margin-bottom: 24px; font-size: 26px; } .ui-autocomplete { bottom: 0; min-height: 0; padding: 7px 0; } .ui-autocomplete a { display: block; overflow: hidden; padding-left: 15px; padding-right: 15px; text-overflow: ellipsis; white-space: nowrap; } .list-gallery-ga .owl-item[aria-hidden="true"], .list-collection .owl-item[aria-hidden="true"] { visibility: visible; opacity: 1; } .list-gallery-ga li > div { -webkit-transform: none; transform: none; } .list-collection form p, .list-collection .form p, #mobile-ga-nav > ul > li > a, #mobile-ga-nav > ul, #mobile-ga .tabs-nav { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-feed-ga { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #footer-ga > div .list-inline, #footer-ga > div .list-payments { -webkit-justify-content: space-between; justify-content: space-between; } .link-btn a { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } #up > ul > li:first-child, #up p, #root #top-ga li.mobile-only, .search-ga-active #top-ga > form, #footer-ga > div .list-payments:before, #footer-ga h1 a.header-toggle, #footer-ga h2 a.header-toggle, #footer-ga h3 a.header-toggle, #footer-ga h4 a.header-toggle, #footer-ga h5 a.header-toggle, #footer-ga h6 a.header-toggle { display: block; } #root #top-ga li.mobile-hide, #nav-ga > ul:first-child, #up > ul:first-child, #up > ul > li, #nav-ga > ul > li > a span, #footer-ga nav h1.toggle .header-toggle:before, #footer-ga nav h2.toggle .header-toggle:before, #footer-ga nav h3.toggle .header-toggle:before, #footer-ga nav h4.toggle .header-toggle:before, #footer-ga nav h5.toggle .header-toggle:before, #footer-ga nav h6.toggle .header-toggle:before, #footer-ga > div p:before, .list-collection .list-btn { display: none; } }