@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic|Merriweather:300,400,700); @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } body { font-family: 'Lato', sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; margin-bottom: 20px; color: #38342e; } h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; font-weight: 700; } p, li { font-family: 'Lato', sans-serif; font-weight: 400; } h2, h3, h4, .secondary-title { font-size: 18px; margin-bottom: 18px; } h2 a, h3 a, h4 a, .secondary-title a { text-decoration: underline; color: #295381; } h5, h6 { font-size: 16px; } a { color: #295381; text-decoration: underline; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } a:hover { color: #163659; text-decoration: none; } .micro-meta, .micro-title { font-family: 'Lato', sans-serif; font-weight: 400; display: block; } .micro-meta { text-transform: uppercase; color: #f9b700; font-size: 14px; } .micro-title { color: #295381; font-weight: 700; font-size: 16px; line-height: 1.5; } .micro-title a { color: inherit; text-decoration: none; } .macro-title { color: #38342e; font-weight: 700; font-size: 14px; display: block; } a.micro-title { color: #295381; text-decoration: none; } h1 { color: #163659; margin-bottom: 30px; font-size: 26px; } @media screen and (min-width: 600px) { h1 { font-size: 32px; } } @media screen and (min-width: 760px) { h1 { font-size: 38px; } } h1 a { color: #295381; } .primary-title { font-size: 24px; color: #38342e; } p, .page-body li { line-height: 1.5; color: #666666; margin-bottom: 30px; } p a, .page-body li a { text-decoration: underline; } p a:hover, .page-body li a:hover { color: #295381; text-decoration: none; } .page-body li { margin-bottom: 5px; } .page-body ul { margin-bottom: 35px; } p.intro { font-size: 18px; font-family: 'Merriweather', serif; font-weight: 300; line-height: 1.7; } /* * Symbolset * www.symbolset.com * Copyright ยฉ 2013 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSJunior"; src: url("../fonts/ss-junior.eot"); src: url("../fonts/ss-junior.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-junior.woff") format("woff"), url("../fonts/ss-junior.ttf") format("truetype"), url("../fonts/ss-junior.svg#SSJunior") format("svg"); font-weight: 400; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon:before, .ss-icon:after, .ss-icon.ss-junior:before, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-junior:before, [class*=" ss-"].ss-junior:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-junior.right:after, [class*=" ss-"].ss-junior.right:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-cursor:before, .ss-cursor.right:after { content: '๎€'; } .ss-crosshair:before, .ss-crosshair.right:after { content: 'โŒ–'; } .ss-search:before, .ss-search.right:after { content: '๐Ÿ”Ž'; } .ss-zoomin:before, .ss-zoomin.right:after { content: '๎€‚'; } .ss-zoomout:before, .ss-zoomout.right:after { content: '๎€ƒ'; } .ss-view:before, .ss-view.right:after { content: '๐Ÿ‘€'; } .ss-viewdisabled:before, .ss-viewdisabled.right:after { content: '๎€“'; } .ss-binoculars:before, .ss-binoculars.right:after { content: '๎€'; } .ss-attach:before, .ss-attach.right:after { content: '๐Ÿ“Ž'; } .ss-link:before, .ss-link.right:after { content: '๐Ÿ”—'; } .ss-move:before, .ss-move.right:after { content: '๎ฐ'; } .ss-write:before, .ss-write.right:after { content: 'โœŽ'; } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: '๎ฑ'; } .ss-compose:before, .ss-compose.right:after { content: '๐Ÿ“'; } .ss-lock:before, .ss-lock.right:after { content: '๐Ÿ”’'; } .ss-unlock:before, .ss-unlock.right:after { content: '๐Ÿ”“'; } .ss-key:before, .ss-key.right:after { content: '๐Ÿ”‘'; } .ss-backspace:before, .ss-backspace.right:after { content: 'โŒซ'; } .ss-ban:before, .ss-ban.right:after { content: '๐Ÿšซ'; } .ss-trash:before, .ss-trash.right:after { content: '๎ƒ'; } .ss-target:before, .ss-target.right:after { content: 'โ—Ž'; } .ss-skull:before, .ss-skull.right:after { content: '๐Ÿ’€'; } .ss-tag:before, .ss-tag.right:after { content: '๎„€'; } .ss-bookmark:before, .ss-bookmark.right:after { content: '๐Ÿ”–'; } .ss-flag:before, .ss-flag.right:after { content: 'โš‘'; } .ss-like:before, .ss-like.right:after { content: '๐Ÿ‘'; } .ss-dislike:before, .ss-dislike.right:after { content: '๐Ÿ‘Ž'; } .ss-heart:before, .ss-heart.right:after { content: 'โ™ฅ'; } .ss-unheart:before, .ss-unheart.right:after { content: '๎†ช'; } .ss-star:before, .ss-star.right:after { content: 'โ‹†'; } .ss-unstar:before, .ss-unstar.right:after { content: '๎†ซ'; } .ss-sample:before, .ss-sample.right:after { content: '๎ˆ€'; } .ss-crop:before, .ss-crop.right:after { content: '๎ˆ'; } .ss-cut:before, .ss-cut.right:after { content: 'โœ‚'; } .ss-clipboard:before, .ss-clipboard.right:after { content: '๐Ÿ“‹'; } .ss-ruler:before, .ss-ruler.right:after { content: '๎ˆˆ'; } .ss-gridlines:before, .ss-gridlines.right:after { content: '๎ˆ†'; } .ss-pencilbrushpen:before, .ss-pencilbrushpen.right:after { content: '๎ˆฃ'; } .ss-paintroller:before, .ss-paintroller.right:after { content: '๎ˆฅ'; } .ss-paint:before, .ss-paint.right:after { content: '๎ˆฉ'; } .ss-paintdisabled:before, .ss-paintdisabled.right:after { content: '๎ˆช'; } .ss-paintedit:before, .ss-paintedit.right:after { content: '๎ˆซ'; } .ss-pixels:before, .ss-pixels.right:after { content: '๎Šก'; } .ss-phone:before, .ss-phone.right:after { content: '๐Ÿ“ž'; } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: '๎Œ€'; } .ss-addressbook:before, .ss-addressbook.right:after { content: '๐Ÿ“‘'; } .ss-voicemail:before, .ss-voicemail.right:after { content: 'โŒ•'; } .ss-mailbox:before, .ss-mailbox.right:after { content: '๐Ÿ“ซ'; } .ss-send:before, .ss-send.right:after { content: '๎'; } .ss-paperairplane:before, .ss-paperairplane.right:after { content: '๎“'; } .ss-mail:before, .ss-mail.right:after { content: 'โœ‰'; } .ss-inbox:before, .ss-inbox.right:after { content: '๐Ÿ“ฅ'; } .ss-inboxes:before, .ss-inboxes.right:after { content: '๎”'; } .ss-outbox:before, .ss-outbox.right:after { content: '๐Ÿ“ค'; } .ss-chat:before, .ss-chat.right:after { content: '๐Ÿ’ฌ'; } .ss-textchat:before, .ss-textchat.right:after { content: '๎Ž–'; } .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: '๎Ž™'; } .ss-ellipsis:before, .ss-ellipsis.right:after { content: 'โ€ฆ'; } .ss-smile:before, .ss-smile.right:after { content: 'โ˜ป'; } .ss-frown:before, .ss-frown.right:after { content: 'โ˜น'; } .ss-surprise:before, .ss-surprise.right:after { content: '๐Ÿ˜ฎ'; } .ss-user:before, .ss-user.right:after { content: '๐Ÿ‘ค'; } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '๐Ÿ‘ง'; } .ss-users:before, .ss-users.right:after { content: '๐Ÿ‘ฅ'; } .ss-robot:before, .ss-robot.right:after { content: '๎‘€'; } .ss-ghost:before, .ss-ghost.right:after { content: '๐Ÿ‘ป'; } .ss-contacts:before, .ss-contacts.right:after { content: '๐Ÿ“‡'; } .ss-pointup:before, .ss-pointup.right:after { content: '๐Ÿ‘†'; } .ss-pointright:before, .ss-pointright.right:after { content: '๐Ÿ‘‰'; } .ss-pointdown:before, .ss-pointdown.right:after { content: '๐Ÿ‘‡'; } .ss-pointleft:before, .ss-pointleft.right:after { content: '๐Ÿ‘ˆ'; } .ss-cart:before, .ss-cart.right:after { content: '๎”€'; } .ss-shoppingbag:before, .ss-shoppingbag.right:after { content: '๎” '; } .ss-store:before, .ss-store.right:after { content: '๐Ÿช'; } .ss-creditcard:before, .ss-creditcard.right:after { content: '๐Ÿ’ณ'; } .ss-banknote:before, .ss-banknote.right:after { content: '๐Ÿ’ต'; } .ss-calculator:before, .ss-calculator.right:after { content: '๎•‘'; } .ss-calculate:before, .ss-calculate.right:after { content: '๎•’'; } .ss-bank:before, .ss-bank.right:after { content: '๐Ÿฆ'; } .ss-presentation:before, .ss-presentation.right:after { content: '๎•ป'; } .ss-barchart:before, .ss-barchart.right:after { content: '๐Ÿ“Š'; } .ss-piechart:before, .ss-piechart.right:after { content: '๎•ฐ'; } .ss-activity:before, .ss-activity.right:after { content: '๎•บ'; } .ss-box:before, .ss-box.right:after { content: '๐Ÿ“ฆ'; } .ss-home:before, .ss-home.right:after { content: 'โŒ‚'; } .ss-fence:before, .ss-fence.right:after { content: '๎˜'; } .ss-buildings:before, .ss-buildings.right:after { content: '๐Ÿข'; } .ss-lodging:before, .ss-lodging.right:after { content: '๐Ÿจ'; } .ss-globe:before, .ss-globe.right:after { content: '๐ŸŒ'; } .ss-navigate:before, .ss-navigate.right:after { content: '๎™ฐ'; } .ss-compass:before, .ss-compass.right:after { content: '๎™ฑ'; } .ss-signpost:before, .ss-signpost.right:after { content: '๎™ฒ'; } .ss-map:before, .ss-map.right:after { content: '๎™ณ'; } .ss-location:before, .ss-location.right:after { content: '๎›'; } .ss-pin:before, .ss-pin.right:after { content: '๐Ÿ“'; } .ss-pushpin:before, .ss-pushpin.right:after { content: '๐Ÿ“Œ'; } .ss-code:before, .ss-code.right:after { content: '๎ž€'; } .ss-puzzle:before, .ss-puzzle.right:after { content: '๎œ'; } .ss-floppydisk:before, .ss-floppydisk.right:after { content: '๐Ÿ’พ'; } .ss-window:before, .ss-window.right:after { content: '๎œ”'; } .ss-music:before, .ss-music.right:after { content: 'โ™ซ'; } .ss-mic:before, .ss-mic.right:after { content: '๐ŸŽค'; } .ss-headphones:before, .ss-headphones.right:after { content: '๐ŸŽง'; } .ss-mutevolume:before, .ss-mutevolume.right:after { content: '๎ ˆ'; } .ss-volume:before, .ss-volume.right:after { content: '๐Ÿ”ˆ'; } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '๐Ÿ”‰'; } .ss-highvolume:before, .ss-highvolume.right:after { content: '๐Ÿ”Š'; } .ss-radio:before, .ss-radio.right:after { content: '๐Ÿ“ป'; } .ss-airplay:before, .ss-airplay.right:after { content: '๎ €'; } .ss-disc:before, .ss-disc.right:after { content: '๐Ÿ’ฟ'; } .ss-camera:before, .ss-camera.right:after { content: '๐Ÿ“ท'; } .ss-picture:before, .ss-picture.right:after { content: '๐ŸŒ„'; } .ss-pictures:before, .ss-pictures.right:after { content: '๎ก‘'; } .ss-video:before, .ss-video.right:after { content: '๐Ÿ“น'; } .ss-film:before, .ss-film.right:after { content: '๎ขฐ'; } .ss-clapboard:before, .ss-clapboard.right:after { content: '๐ŸŽฌ'; } .ss-tv:before, .ss-tv.right:after { content: '๐Ÿ“บ'; } .ss-flatscreen:before, .ss-flatscreen.right:after { content: '๎ฃ€'; } .ss-play:before, .ss-play.right:after { content: 'โ–ถ'; } .ss-pause:before, .ss-pause.right:after { content: '๎ข '; } .ss-stop:before, .ss-stop.right:after { content: 'โ– '; } .ss-record:before, .ss-record.right:after { content: 'โ—'; } .ss-rewind:before, .ss-rewind.right:after { content: 'โช'; } .ss-fastforward:before, .ss-fastforward.right:after { content: 'โฉ'; } .ss-skipforward:before, .ss-skipforward.right:after { content: 'โญ'; } .ss-skipback:before, .ss-skipback.right:after { content: 'โฎ'; } .ss-eject:before, .ss-eject.right:after { content: 'โ'; } .ss-filecabinet:before, .ss-filecabinet.right:after { content: '๎ค€'; } .ss-books:before, .ss-books.right:after { content: '๐Ÿ“š'; } .ss-notebook:before, .ss-notebook.right:after { content: '๐Ÿ““'; } .ss-newspaper:before, .ss-newspaper.right:after { content: '๐Ÿ“ฐ'; } .ss-grid:before, .ss-grid.right:after { content: '๎ฆ '; } .ss-rows:before, .ss-rows.right:after { content: '๎ฆก'; } .ss-columns:before, .ss-columns.right:after { content: '๎ฆข'; } .ss-thumbnails:before, .ss-thumbnails.right:after { content: '๎ฆฃ'; } .ss-menu:before, .ss-menu.right:after { content: '๎ธ†'; } .ss-filter:before, .ss-filter.right:after { content: '๎ฆฐ'; } .ss-desktop:before, .ss-desktop.right:after { content: '๐Ÿ’ป'; } .ss-laptop:before, .ss-laptop.right:after { content: '๎จ€'; } .ss-tablet:before, .ss-tablet.right:after { content: '๎จ'; } .ss-cell:before, .ss-cell.right:after { content: '๐Ÿ“ฑ'; } .ss-battery:before, .ss-battery.right:after { content: '๐Ÿ”‹'; } .ss-highbattery:before, .ss-highbattery.right:after { content: '๎จ'; } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: '๎จ‘'; } .ss-lowbattery:before, .ss-lowbattery.right:after { content: '๎จ’'; } .ss-emptybattery:before, .ss-emptybattery.right:after { content: '๎จ“'; } .ss-batterydisabled:before, .ss-batterydisabled.right:after { content: '๎จ•'; } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '๐Ÿ’ก'; } .ss-flashlight:before, .ss-flashlight.right:after { content: '๐Ÿ”ฆ'; } .ss-flashlighton:before, .ss-flashlighton.right:after { content: '๎ช‰'; } .ss-picnictable:before, .ss-picnictable.right:after { content: '๎ชฑ'; } .ss-birdhouse:before, .ss-birdhouse.right:after { content: '๎ชด'; } .ss-lamp:before, .ss-lamp.right:after { content: '๎ชŠ'; } .ss-onedie:before, .ss-onedie.right:after { content: 'โš€'; } .ss-twodie:before, .ss-twodie.right:after { content: 'โš'; } .ss-threedie:before, .ss-threedie.right:after { content: 'โš‚'; } .ss-fourdie:before, .ss-fourdie.right:after { content: 'โšƒ'; } .ss-fivedie:before, .ss-fivedie.right:after { content: 'โš„'; } .ss-sixdie:before, .ss-sixdie.right:after { content: 'โš…'; } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: '๎ฌ€'; } .ss-download:before, .ss-download.right:after { content: '๎ฌ'; } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: '๎ญ€'; } .ss-upload:before, .ss-upload.right:after { content: '๎ญ'; } .ss-transfer:before, .ss-transfer.right:after { content: 'โ‡†'; } .ss-replay:before, .ss-replay.right:after { content: 'โ†บ'; } .ss-refresh:before, .ss-refresh.right:after { content: 'โ†ป'; } .ss-sync:before, .ss-sync.right:after { content: '๎ฎ‚'; } .ss-loading:before, .ss-loading.right:after { content: '๎ฎƒ'; } .ss-wifi:before, .ss-wifi.right:after { content: '๎ฎ„'; } .ss-file:before, .ss-file.right:after { content: '๐Ÿ“„'; } .ss-files:before, .ss-files.right:after { content: '๎ฐ€'; } .ss-searchfile:before, .ss-searchfile.right:after { content: '๎ฐ…'; } .ss-folder:before, .ss-folder.right:after { content: '๐Ÿ“'; } .ss-downloadfolder:before, .ss-downloadfolder.right:after { content: '๎ฑถ'; } .ss-uploadfolder:before, .ss-uploadfolder.right:after { content: '๎ฑท'; } .ss-quote:before, .ss-quote.right:after { content: 'โ€œ'; } .ss-anchor:before, .ss-anchor.right:after { content: '๎ด'; } .ss-print:before, .ss-print.right:after { content: 'โŽ™'; } .ss-fax:before, .ss-fax.right:after { content: '๐Ÿ“ '; } .ss-shredder:before, .ss-shredder.right:after { content: '๎ต€'; } .ss-typewriter:before, .ss-typewriter.right:after { content: '๎ต'; } .ss-list:before, .ss-list.right:after { content: '๎ต'; } .ss-action:before, .ss-action.right:after { content: '๎ธ€'; } .ss-redirect:before, .ss-redirect.right:after { content: 'โ†ช'; } .ss-additem:before, .ss-additem.right:after { content: '๎ธ‰'; } .ss-checkitem:before, .ss-checkitem.right:after { content: '๎ธ‹'; } .ss-expand:before, .ss-expand.right:after { content: 'โคข'; } .ss-contract:before, .ss-contract.right:after { content: '๎ธ'; } .ss-scaleup:before, .ss-scaleup.right:after { content: '๎ธ„'; } .ss-scaledown:before, .ss-scaledown.right:after { content: '๎ธ…'; } .ss-lifepreserver:before, .ss-lifepreserver.right:after { content: '๎ธ‘'; } .ss-help:before, .ss-help.right:after { content: 'โ“'; } .ss-info:before, .ss-info.right:after { content: 'โ„น'; } .ss-alert:before, .ss-alert.right:after { content: 'โš '; } .ss-caution:before, .ss-caution.right:after { content: 'โ›”'; } .ss-plus:before, .ss-plus.right:after { content: '+'; } .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } .ss-check:before, .ss-check.right:after { content: 'โœ“'; } .ss-delete:before, .primary-nav .menu-title__close:before, .ss-delete.right:after, .primary-nav .right.menu-title__close:after { content: 'โก'; } .ss-fish:before, .ss-fish.right:after { content: '๐ŸŸ'; } .ss-bird:before, .ss-bird.right:after { content: '๐Ÿฆ'; } .ss-bone:before, .ss-bone.right:after { content: '๎ฝ '; } .ss-tooth:before, .ss-tooth.right:after { content: '๎ฝก'; } .ss-poo:before, .ss-poo.right:after { content: '๐Ÿ’ฉ'; } .ss-tree:before, .ss-tree.right:after { content: '๐ŸŒฒ'; } .ss-settings:before, .ss-settings.right:after { content: 'โš™'; } .ss-dashboard:before, .ss-dashboard.right:after { content: '๏€€'; } .ss-dial:before, .ss-dial.right:after { content: '๏€„'; } .ss-notifications:before, .ss-notifications.right:after { content: '๐Ÿ””'; } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '๐Ÿ”•'; } .ss-toggles:before, .ss-toggles.right:after { content: '๏€'; } .ss-flash:before, .ss-flash.right:after { content: 'โŒ'; } .ss-flashoff:before, .ss-flashoff.right:after { content: '๏€‘'; } .ss-magnet:before, .ss-magnet.right:after { content: '๏€’'; } .ss-toolbox:before, .ss-toolbox.right:after { content: '๏€ฐ'; } .ss-wrench:before, .ss-wrench.right:after { content: '๐Ÿ”ง'; } .ss-clock:before, .ss-clock.right:after { content: 'โฒ'; } .ss-stopwatch:before, .ss-stopwatch.right:after { content: 'โฑ'; } .ss-alarmclock:before, .ss-alarmclock.right:after { content: 'โฐ'; } .ss-counterclockwise:before, .ss-counterclockwise.right:after { content: 'โฅ€'; } .ss-calendar:before, .ss-calendar.right:after { content: '๐Ÿ“…'; } .ss-keyboard:before, .ss-keyboard.right:after { content: '๏ƒ’'; } .ss-keyboardup:before, .ss-keyboardup.right:after { content: '๏ƒ'; } .ss-keyboarddown:before, .ss-keyboarddown.right:after { content: '๏ƒ‘'; } .ss-chickenleg:before, .ss-chickenleg.right:after { content: '๐Ÿ—'; } .ss-burger:before, .ss-burger.right:after { content: '๐Ÿ”'; } .ss-mug:before, .ss-mug.right:after { content: 'โ˜•'; } .ss-coffee:before, .ss-coffee.right:after { content: '๏„ '; } .ss-tea:before, .ss-tea.right:after { content: '๐Ÿต'; } .ss-wineglass:before, .ss-wineglass.right:after { content: '๐Ÿท'; } .ss-paperbag:before, .ss-paperbag.right:after { content: '๏…ก'; } .ss-utensils:before, .ss-utensils.right:after { content: '๐Ÿด'; } .ss-droplet:before, .ss-droplet.right:after { content: '๐Ÿ’ง'; } .ss-sun:before, .ss-sun.right:after { content: 'โ˜€'; } .ss-cloud:before, .ss-cloud.right:after { content: 'โ˜'; } .ss-partlycloudy:before, .ss-partlycloudy.right:after { content: 'โ›…'; } .ss-umbrella:before, .ss-umbrella.right:after { content: 'โ˜‚'; } .ss-crescentmoon:before, .ss-crescentmoon.right:after { content: '๐ŸŒ™'; } .ss-plug:before, .ss-plug.right:after { content: '๐Ÿ”Œ'; } .ss-outlet:before, .ss-outlet.right:after { content: '๏Š‚'; } .ss-car:before, .ss-car.right:after { content: '๐Ÿš˜'; } .ss-taxi:before, .ss-taxi.right:after { content: '๐Ÿš–'; } .ss-train:before, .ss-train.right:after { content: '๐Ÿš†'; } .ss-bus:before, .ss-bus.right:after { content: '๐Ÿš'; } .ss-truck:before, .ss-truck.right:after { content: '๐Ÿšš'; } .ss-plane:before, .ss-plane.right:after { content: 'โœˆ'; } .ss-bike:before, .ss-bike.right:after { content: '๐Ÿšฒ'; } .ss-rocket:before, .ss-rocket.right:after { content: '๐Ÿš€'; } .ss-briefcase:before, .ss-briefcase.right:after { content: '๐Ÿ’ผ'; } .ss-theatre:before, .ss-theatre.right:after { content: '๐ŸŽญ'; } .ss-flask:before, .ss-flask.right:after { content: '๏“€'; } .ss-up:before, .ss-up.right:after { content: 'โฌ†'; } .ss-upright:before, .ss-upright.right:after { content: 'โฌˆ'; } .ss-right:before, .ss-right.right:after { content: 'โžก'; } .ss-downright:before, .ss-downright.right:after { content: 'โฌŠ'; } .ss-down:before, .ss-down.right:after { content: 'โฌ‡'; } .ss-downleft:before, .ss-downleft.right:after { content: 'โฌ‹'; } .ss-left:before, .ss-left.right:after { content: 'โฌ…'; } .ss-upleft:before, .ss-upleft.right:after { content: 'โฌ‰'; } .ss-navigateup:before, .ss-navigateup.right:after { content: '๏”€'; } .ss-navigateright:before, .ss-navigateright.right:after { content: 'โ–ป'; } .ss-navigatedown:before, .ss-navigatedown.right:after { content: '๏”'; } .ss-navigateleft:before, .primary-nav .menu-title__back:before, .ss-navigateleft.right:after, .primary-nav .right.menu-title__back:after { content: 'โ—…'; } .ss-share:before, .ss-share.right:after { content: '๏˜'; } /* * Symbolset * www.symbolset.com * Copyright ยฉ 2014 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSSocialRegular"; src: url("../fonts/sss-social-regular.eot"); src: url("../fonts/sss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/sss-social-regular.woff") format("woff"), url("../fonts/sss-social-regular.ttf") format("truetype"), url("../fonts/sss-social-regular.svg#SSSocialRegular") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="sss-"] { -ms-zoom: 1; } .sss-icon, .sss-icon.sss-social-regular, [class^="sss-"]:before, [class*=" sss-"]:before, [class^="sss-"].sss-social-regular:before, [class*=" sss-"].sss-social-regular:before, [class^="sss-"].right:after, [class*=" sss-"].right:after, [class^="sss-"].sss-social-regular.right:after, [class*=" sss-"].sss-social-regular.right:after { font-family: "SSSocialRegular"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="sss-"].right:before, [class*=" sss-"].right:before { display: none; content: ''; } .sss-facebook:before, .sss-facebook.right:after { content: '๏˜'; } .sss-twitter:before, .sss-twitter.right:after { content: '๏˜‘'; } .sss-googleplus:before, .sss-googleplus.right:after { content: '๏˜“'; } .sss-appdotnet:before, .sss-appdotnet.right:after { content: '๏˜”'; } .sss-ello:before, .sss-ello.right:after { content: '๏˜˜'; } .sss-aboutme:before, .sss-aboutme.right:after { content: '๏˜™'; } .sss-vk:before, .sss-vk.right:after { content: '๏˜š'; } .sss-weibo:before, .sss-weibo.right:after { content: '๏˜›'; } .sss-linkedin:before, .sss-linkedin.right:after { content: '๏˜’'; } .sss-zerply:before, .sss-zerply.right:after { content: '๏˜•'; } .sss-xing:before, .sss-xing.right:after { content: '๏˜œ'; } .sss-reddit:before, .sss-reddit.right:after { content: '๏˜–'; } .sss-steam:before, .sss-steam.right:after { content: '๏˜—'; } .sss-tumblr:before, .sss-tumblr.right:after { content: '๏˜ '; } .sss-wordpress:before, .sss-wordpress.right:after { content: '๏˜ก'; } .sss-blogger:before, .sss-blogger.right:after { content: '๏˜ข'; } .sss-quora:before, .sss-quora.right:after { content: '๏˜ค'; } .sss-youtube:before, .sss-youtube.right:after { content: '๏˜ฐ'; } .sss-vimeo:before, .sss-vimeo.right:after { content: '๏˜ฑ'; } .sss-vine:before, .sss-vine.right:after { content: '๏˜ณ'; } .sss-letterboxd:before, .sss-letterboxd.right:after { content: '๏˜ฒ'; } .sss-flickr:before, .sss-flickr.right:after { content: '๏™€'; } .sss-instagram:before, .sss-instagram.right:after { content: '๏™'; } .sss-vscogrid:before, .sss-vscogrid.right:after { content: '๏™ƒ'; } .sss-fivehundredpx:before, .sss-fivehundredpx.right:after { content: '๏™‚'; } .sss-feedly:before, .sss-feedly.right:after { content: '๏™–'; } .sss-pinterest:before, .sss-pinterest.right:after { content: '๏™'; } .sss-dropbox:before, .sss-dropbox.right:after { content: '๏™“'; } .sss-pinboard:before, .sss-pinboard.right:after { content: '๏™”'; } .sss-delicious:before, .sss-delicious.right:after { content: '๏™•'; } .sss-dribbble:before, .sss-dribbble.right:after { content: '๏™ '; } .sss-behance:before, .sss-behance.right:after { content: '๏™ก'; } .sss-github:before, .sss-github.right:after { content: '๏™ฐ'; } .sss-bitbucket:before, .sss-bitbucket.right:after { content: '๏™ด'; } .sss-stackoverflow:before, .sss-stackoverflow.right:after { content: '๏™ฒ'; } .sss-stackexchange:before, .sss-stackexchange.right:after { content: '๏™ณ'; } .sss-codepen:before, .sss-codepen.right:after { content: '๏™ต'; } .sss-jsfiddle:before, .sss-jsfiddle.right:after { content: '๏™ถ'; } .sss-paypal:before, .sss-paypal.right:after { content: '๏š€'; } .sss-shopify:before, .sss-shopify.right:after { content: '๏šƒ'; } .sss-kickstarter:before, .sss-kickstarter.right:after { content: '๏š'; } .sss-etsy:before, .sss-etsy.right:after { content: '๏š‚'; } .sss-foursquare:before, .sss-foursquare.right:after { content: '๏š'; } .sss-swarm:before, .sss-swarm.right:after { content: '๏š’'; } .sss-yelp:before, .sss-yelp.right:after { content: '๏š‘'; } .sss-skype:before, .sss-skype.right:after { content: '๏š '; } .sss-whatsapp:before, .sss-whatsapp.right:after { content: '๏šข'; } .sss-rdio:before, .sss-rdio.right:after { content: '๏šฐ'; } .sss-spotify:before, .sss-spotify.right:after { content: '๏šฑ'; } .sss-lastfm:before, .sss-lastfm.right:after { content: '๏šฒ'; } .sss-soundcloud:before, .sss-soundcloud.right:after { content: '๏šณ'; } .sss-appstore:before, .sss-appstore.right:after { content: '๏›บ'; } .sss-googleplay:before, .sss-googleplay.right:after { content: '๏›ป'; } .sss-appleinc:before, .sss-appleinc.right:after { content: '๏ฃฟ'; } .sss-microsoft:before, .sss-microsoft.right:after { content: '๏›ฑ'; } .sss-windows:before, .sss-windows.right:after { content: '๏›ฒ'; } .sss-android:before, .sss-android.right:after { content: '๏›ณ'; } .sss-blackberry:before, .sss-blackberry.right:after { content: '๏›ด'; } .sss-link:before, .sss-link.right:after { content: '๐Ÿ”—'; } .sss-phone:before, .sss-phone.right:after { content: '๐Ÿ“ž'; } .sss-mail:before, .sss-mail.right:after { content: 'โœ‰'; } .sss-like:before, .sss-like.right:after { content: '๐Ÿ‘'; } .sss-rss:before, .sss-rss.right:after { content: '๎Œ'; } .sss-share:before, .sss-share.right:after { content: '๏˜'; } /* Legacy */ body { background-color: #f4f1ed; } .outer { max-width: 1200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 20px 25px; } @media screen and (min-width: 920px) { .outer { padding: 25px 35px; } } .page-body { background-color: #fff; overflow: hidden; } h1 + .layout { margin-top: 50px; } .layout { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .layout .layout__q, .layout .layout__h, .layout .layout__primary, .layout .layout__secondary { width: 100%; margin-bottom: 24px; } .layout .home-layout__news { order: 1; } .layout .home-layout__ad { order: 2; } .layout .home-layout__tweet { order: 3; } .layout.layout--footer .layout__q, .layout.layout--footer .layout__h { width: 48%; } @media screen and (min-width: 600px) { .layout { -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .layout .home-layout__ad, .layout .home-layout__tweet { width: 48%; } } @media screen and (min-width: 760px) { .layout.layout--footer .layout__q, .layout.layout--footer .layout__h { width: 24%; margin-bottom: 0; } .layout .layout__primary { width: 74.4%; width: calc(75% - 10px); } .layout .layout__secondary { width: calc(25% - 10px); } } @media screen and (min-width: 760px) and (max-width: 920px) { .layout .layout__primary .desktop-tripple .block { width: calc( 50% - 20px ); } } @media screen and (min-width: 920px) { .layout .home-layout__news { order: 2; } .layout .home-layout__ad { order: 1; } .layout .layout__q { width: 24%; } .layout .layout__h { width: 40%; } } .tablet-cols { margin-bottom: 20px; } .tablet-cols__col { margin-bottom: 40px; } @media screen and (min-width: 760px) { .tablet-cols { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; } .tablet-cols .tablet-cols__col { margin-bottom: 0; } .tablet-cols .block-link, .tablet-cols .tablet-cols__col { width: 48%; width: calc(50% - 12px); max-width: 100%; margin-left: 6px; margin-right: 6px; } .tablet-cols.tablet-cols--wide-gutter { margin-left: -20px; margin-right: -20px; } .tablet-cols.tablet-cols--wide-gutter .tablet-cols__col { width: 46%; width: calc(50% - 40px); margin-left: 20px; margin-right: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tablet-cols.tablet-cols--wide-gutter .tablet-cols__col iframe, .tablet-cols.tablet-cols--wide-gutter .tablet-cols__col iframe[style] { height: 100% !important; } } @media screen and (min-width: 480px) { .desktop-tripple { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .desktop-tripple .block { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 600px) { .desktop-tripple .block-widget { width: calc(50% - 20px); } } @media screen and (min-width: 920px) { .desktop-tripple .block-widget { width: calc(33.33% - 20px); } .desktop-tripple .block { width: calc(33.33% - 20px); } } @media screen and (min-width: 480px) { .desktop-four { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .desktop-four .block { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media screen and (min-width: 600px) { .desktop-four .block-widget { width: calc(50% - 20px); } } @media screen and (min-width: 920px) { .desktop-four .block-widget { width: calc(33% - 20px); } .desktop-four .block { width: calc(33% - 20px); } } @media screen and (min-width: 1100px) { .desktop-four .block-widget { width: calc(25% - 20px); } .desktop-four .block { width: calc(25% - 20px); } } .site-switch { padding: 10px; background-color: #112e4d; color: #829dba; } .site-switch .site-switch__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; } .site-switch a { color: #829dba; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; text-align: center; } .site-switch a:hover, .site-switch a.state-current { color: #fff; } @media screen and (max-width: 600px) { .site-switch { font-size: 13px; } } @media screen and (min-width: 966px) { .site-switch { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } /* @include respond-min($breakpoint--mobile) { .site-switch__inner { @include displayflex; @include justify-content(space-between); @include flex-wrap(nowrap); a { width: 32%; margin-bottom: 0; } } }*/ .page-header { background-color: #163659; padding: 12px 25px; padding: 18px 25px; min-height: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; } .menu-toggle, .site-toggle, .search-toggle { display: block; border: 2px solid #829dba; border-color: rgba(130, 157, 186, 0.5); width: 34px; height: 34px; font-size: 14px; border-radius: 50%; color: #829dba; text-decoration: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .menu-toggle:before, .site-toggle:before, .search-toggle:before { position: relative; top: 1px; } .menu-toggle:hover, .site-toggle:hover, .search-toggle:hover { color: #fff; border-color: #fff; } .search-toggle { color: #f9b700; } .search-toggle:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '๐Ÿ”Ž'; } html.state--search .search-toggle:before { content: 'โก'; } .page-header__inner { -ms-align-items: center; -webkit-align-items: center; align-items: center; } .page-header__inner, .toggles { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .page-header__inner a + a, .toggles a + a { margin-left: 10px; } .logo-wrap { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 79px; display: block; } .logo-wrap img { max-width: 100%; height: auto; display: block; margin: 0 auto; } @media screen and (min-width: 966px) { .toggles { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header { padding-top: 25px; padding-bottom: 25px; position: relative; } .logo-wrap { background-image: url(../img/tatts-ireland-logo.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 194px; height: 57px; position: relative; left: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); display: block; margin-left: auto; margin-right: auto; } .logo-wrap img { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .search-toggle { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .primary-nav { max-width: 1200px; margin-left: auto; margin-right: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10; } .primary-nav ul { list-style-type: none; } .primary-nav ul, .primary-nav li { margin: 0; padding: 0; } .primary-nav a.has-sub:before, .primary-nav a.has-sub:after, .primary-nav .menu-title__back, .primary-nav .menu-title__close { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .primary-nav a { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; } .sales-nav .sales-menu__item { padding-top: 0; padding-bottom: 12px; border-bottom: 2px solid #1b426d; /* @include transition(border-color .4s); &:hover { border-bottom-color: #fff; } */ display: block; margin-bottom: 10px; position: relative; } .sales-nav .sales-menu__item a { display: block; text-decoration: none; } .sales-nav .sales-menu__item a:not(.view-all-link):after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: 'โ–ป'; color: #6a87a5; position: absolute; top: 16px; right: 0; font-size: 14px; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .sales-nav .sales-menu__item a:not(.view-all-link):hover:after { color: #fff; } .sales-nav .sales-menu__item span { display: block; margin-bottom: 2px; } .sales-nav .sales-menu__item .sale-title { color: #fff; font-family: 'Merriweather', serif; font-weight: 700; font-size: 16px; letter-spacing: 0; } .sales-nav .sales-menu__item .sale-type, .sales-nav .sales-menu__item .sale-date { font-size: 14px; letter-spacing: 0; } .sales-nav .sales-menu__item .sale-type { color: #6a87a5; } .sales-nav .sales-menu__item .sale-date { color: #f9b700; } .upper-nav { position: relative; } @media screen and (min-width: 966px) { .home-link { border-right: 1px solid #d8d6d4; } } @media screen and (min-width: 966px) { .home-icon { display: block; margin-bottom: -2px; } } .home-icon:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: 'โŒ‚'; } @media screen and (min-width: 966px) { .primary-menu .sales-nav { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media screen and (max-width: 966px) { .upper-nav { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } html.state--nav { overflow: hidden; } html.state--nav body { overflow: hidden; } html.state--nav .primary-nav { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); overflow: auto; } .primary-nav { background-color: #295381; position: fixed; top: 0; bottom: 0; width: 100%; overflow: hidden; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 100%; -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5); } .primary-nav a.has-sub:after { content: 'โ–ป'; color: #f9b700; font-size: 14px; float: right; position: relative; top: 2px; } .primary-nav__inner { position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 0.4s; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; } .sales-nav { position: absolute; left: 100%; width: 100%; top: 0; bottom: 0; } .primary-nav__inner > .sales-nav { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .primary-nav[data-state="sales"] .primary-nav__inner { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .menu-title { background-color: #1f4670; color: #6a87a5; padding: 12px 20px; min-height: 74px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .menu-title a { color: #6a87a5; text-decoration: none; font-size: 18px; position: relative; top: 2px; } .menu-title__title { font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; font-weight: 700; font-size: 18px; } .primary-nav .primary-menu { padding: 20px 25px; } .primary-nav .primary-menu > li { font-size: 18px; } .primary-nav .primary-menu > li > a { color: #fff; text-transform: uppercase; text-decoration: none; display: block; padding: 15px 0; border-bottom: 2px solid #1f4670; } .primary-nav .primary-menu.primary-menu--mobile-only li a { border-bottom: none; padding: 8px 0; color: #829dba; } .primary-nav .primary-menu.primary-menu--mobile-only li a.state-current { color: #fff; pointer-events: none; } .sales-nav .sales-menu { padding: 20px 25px; } .sales-nav .sales-menu__item--all { border-bottom: none; } .sales-nav .sales-menu__item--all .view-all-link { letter-spacing: 0; color: #fff; } } /* - - - - DESKTOP NAV - - - - - */ @media screen and (min-width: 966px) { .upper-nav { background-color: #112e4d; color: #829dba; } .upper-nav a { color: #829dba; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; } .upper-nav a:hover { color: #fff; } .home-txt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .upper-nav { padding-top: 10px; padding-bottom: 10px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .upper-nav a { text-decoration: none; font-size: 13px; } a.home-link { color: #fff; } .account-links a { margin-left: 25px; } .site-links a { margin-right: 25px; } .site-links a.state-current { color: #fff; } .multisite-selector { position: absolute; left: 50%; top: 12px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .multisite-selector:before, .multisite-selector:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; position: relative; display: inline-block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .multisite-selector:before { content: '๎›'; margin-right: 6px; top: 2px; color: #829dba; } .multisite-selector:after { content: '๏”'; margin-left: 8px; font-size: 10px; color: #476484; top: 1px; } .multisite-selector:hover:before, .multisite-selector:hover:after { color: #fff; } .primary-nav { background-color: #fff; position: relative; padding: 0; /* &:after { content: ' '; background-color: $colour-shade; height: 2px; width: 100%; position: absolute; bottom: 0; left: 0; } */ } .primary-nav .menu-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .primary-nav a.has-sub:after { content: '๏”'; font-size: 11px; position: relative; top: 1px; margin-left: 8px; color: #a7a49f; } .primary-nav a.has-sub:hover:after { color: #f9b700; } .primary-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 2px solid #eeebe7; } .primary-menu > li { -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; font-size: 13px; display: block; } .primary-menu > li.home-link-item { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .primary-menu > li > a { color: #38342e; display: block; padding: 20px 10px; text-decoration: none; text-transform: uppercase; margin-bottom: -2px; z-index: 1; position: relative; text-align: center; } .primary-menu > li > a.home-link { margin-bottom: -4px; } .primary-menu > li > a.state-current { color: #295381; } .primary-menu > li > a.state-current:after { content: ' '; background-color: #112e4d; position: absolute; left: 10px; right: 10px; top: 100%; height: 2px; margin-top: -2px; } .primary-menu > li > a:hover { border-bottom-color: #295381; } .primary-menu > li:hover > a { background-color: #112e4d; border-bottom-color: #112e4d; color: #fff; } .primary-menu > li:hover > a.has-sub:after { color: #f9b700; } .primary-menu > li a.hover { background-color: #112e4d; border-bottom-color: #112e4d; color: #fff; } .primary-menu > li a.hover.has-sub:after { color: #f9b700; } .primary-menu.primary-menu--mobile-only { display: none; } .sales-nav { background-color: #112e4d; padding: 25px 10px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sales-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .sales-menu li { width: 30%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .show-sales-nav .has-sub { background-color: #112e4d; border-bottom-color: #112e4d; color: #fff; } .show-sales-nav .has-sub.has-sub:after { color: #f9b700; } .show-sales-nav .sales-nav { height: auto; overflow: hidden; left: 0; } .sales-menu .sales-menu__item--all { background-color: transparent; border-color: transparent; width: 100%; text-align: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .view-all-link { color: #fff; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: none; } .view-all-link:hover { color: #fff; } .view-all-link:after { color: #f9b700; font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: 'โ–ป'; font-size: 10px; position: relative; margin-top: 1px; margin-left: 8px; } } @media screen and (min-width: 1150px) { .primary-nav { padding: 0; } .sales-nav { padding: 25px 20px 15px; } .primary-menu > li > a { padding: 20px 20px; } .primary-menu > li > a.state-current:after { left: 20px; right: 20px; } } html.state--site-select .multisite-selector:after { position: relative; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transform-origin: 4px 6px; } li.rel { position: relative; } li:hover ul.sub-menu { left: 0; } ul.sub-menu { position: absolute; left: -9999px; top: 100%; } ul.sub-menu a { display: block; padding: 20px; text-transform: uppercase; background-color: #fff; text-decoration: none; } ul.sub-menu a:hover { text-decoration: none; background-color: #163659; color: #fff; } .slider, .slider__slide, .slide-content { min-height: 240px; } .slider { max-width: 1200px; margin-left: auto; margin-right: auto; background: #38342e; } .slider img { max-width: 100%; height: auto; } .flickity-viewport .slide-content { opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.4s 0.6s; -moz-transition: all 0.4s 0.6s; -ms-transition: all 0.4s 0.6s; -o-transition: all 0.4s 0.6s; transition: all 0.4s 0.6s; } .flickity-viewport .is-selected .slide-content { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slider__slide { position: relative; background-size: cover; background-position: center center; width: 100%; min-height: 100%; } .slide-content { padding: 40px 12px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .slide-content span { display: block; } .slide-content .btn, .slide-content .header-search button, .header-search .slide-content button, .slide-content .sale-hero .sale-hero__cat-btn, .sale-hero .slide-content .sale-hero__cat-btn { margin-top: 6px; margin-bottom: 6px; } .slide-content .hero-title { margin-bottom: 12px; } .slide-content .hero-title-meta { margin-bottom: 20px; } .slide-content .hero-title-meta { font-family: 'Lato', sans-serif; font-weight: 400; color: #f9b700; text-transform: uppercase; } .slide-content .hero-title { font-family: 'Merriweather', serif; font-weight: 700; color: #fff; font-size: 26px; } .slide-content p { color: #dbd7d2; font-size: 18px; } @media screen and (max-width: 760px) { .slide-content { padding: 40px 25px; } } @media screen and (min-width: 760px) { .slider, .slider__slide, .slide-content { min-height: 400px; } .slide-content .hero-title { font-size: 40px; } .slide-content p { font-size: 21px; } } .btn, .header-search button, .sale-hero .sale-hero__cat-btn { background-color: #f9b700; padding: 15px 40px; border-radius: 40px; color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; display: inline-block; font-size: 14px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .btn:hover, .header-search button:hover, .sale-hero .sale-hero__cat-btn:hover { background-color: #fccf51; color: #163659; } .btn + .btn, .header-search button + .btn, .sale-hero .sale-hero__cat-btn + .btn, .header-search .btn + button, .header-search button + button, .sale-hero .header-search .sale-hero__cat-btn + button, .header-search .sale-hero .sale-hero__cat-btn + button, .sale-hero .btn + .sale-hero__cat-btn, .header-search .sale-hero button + .sale-hero__cat-btn, .sale-hero .header-search button + .sale-hero__cat-btn, .sale-hero .sale-hero__cat-btn + .sale-hero__cat-btn { margin-left: 2px; margin-right: 2px; } .btn.btn--alt, .header-search button.btn--alt, .sale-hero .btn--alt.sale-hero__cat-btn { background-color: #829dba; } .btn.btn--alt:hover, .header-search button.btn--alt:hover, .sale-hero .btn--alt.sale-hero__cat-btn:hover { background-color: #b9ccdf; } .btn.btn--alt-2, .header-search button.btn--alt-2, .sale-hero .btn--alt-2.sale-hero__cat-btn { background-color: #295381; box-shadow: 0 0 0 transparent; } .btn.btn--alt-2:hover, .header-search button.btn--alt-2:hover, .sale-hero .btn--alt-2.sale-hero__cat-btn:hover { background-color: #163659; color: #fff; } .btn.btn--dim, .header-search button.btn--dim, .sale-hero .btn--dim.sale-hero__cat-btn { background-color: #eeebe7; box-shadow: 0 0 0 transparent; color: #312d28; } .btn.btn--dim:hover, .header-search button.btn--dim:hover, .sale-hero .btn--dim.sale-hero__cat-btn:hover { background-color: #a7a49f; color: #fff; } .btn.btn--slim, .header-search button.btn--slim, .sale-hero .btn--slim.sale-hero__cat-btn { padding: 12px 24px; } .btn.btn--ex-slim, .header-search button.btn--ex-slim, .sale-hero .sale-hero__cat-btn { padding: 10px 16px; } .btn.btn--micro, .header-search button.btn--micro, .sale-hero .btn--micro.sale-hero__cat-btn { font-size: 14px; padding: 6px 12px; } .btn.btn--mini, .header-search button.btn--mini, .sale-hero .btn--mini.sale-hero__cat-btn { font-size: 12px; padding: 4px 12px; } .btn.sales-day-live-btn, .header-search button.sales-day-live-btn, .sale-hero .sales-day-live-btn.sale-hero__cat-btn { padding-left: 64px; position: relative; } .btn.sales-day-live-btn:before, .header-search button.sales-day-live-btn:before, .sale-hero .sales-day-live-btn.sale-hero__cat-btn:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: 'โ–ถ'; width: 30px; height: 30px; border: 2px solid #fff; color: #fff; border-radius: 50%; display: block; text-align: center; margin-right: 8px; margin-left: -10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 5px; padding-left: 2px; position: absolute; left: 34px; top: 9px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn.sales-day-live-btn:hover:before, .header-search button.sales-day-live-btn:hover:before, .sale-hero .sales-day-live-btn.sale-hero__cat-btn:hover:before { border-color: #163659; color: #163659; } @media screen and (max-width: 600px) { .btn, .header-search button, .sale-hero .sale-hero__cat-btn { padding: 10px 15px; font-size: 12px; } .btn + .btn, .header-search button + .btn, .sale-hero .sale-hero__cat-btn + .btn, .header-search .btn + button, .header-search button + button, .sale-hero .header-search .sale-hero__cat-btn + button, .header-search .sale-hero .sale-hero__cat-btn + button, .sale-hero .btn + .sale-hero__cat-btn, .header-search .sale-hero button + .sale-hero__cat-btn, .sale-hero .header-search button + .sale-hero__cat-btn, .sale-hero .sale-hero__cat-btn + .sale-hero__cat-btn { margin-left: 4px; margin-right: 4px; } .btn.sales-day-live-btn, .header-search button.sales-day-live-btn, .sale-hero .sales-day-live-btn.sale-hero__cat-btn { padding-left: 36px; } .btn.sales-day-live-btn:before, .header-search button.sales-day-live-btn:before, .sale-hero .sales-day-live-btn.sale-hero__cat-btn:before { width: 20px; height: 20px; left: 22px; top: 7px; padding-top: 1px; padding-left: 1px; } } input[type="text"], input[type="search"], textarea, select { padding: 9px 12px; font-family: 'Lato', sans-serif; font-weight: 400; border-radius: 6px; border: 1px solid #fff; font-size: 16px; color: #666666; border: 1px solid #829dba; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-appearance: none; } input[type="text"]:focus, input[type="search"]:focus, textarea:focus, select:focus { outline: none; border-color: #163659; } select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; max-width: 200px; background-image: url(../img/select-toggle.svg); background-repeat: no-repeat; background-position: right 20px center; padding-right: 26px; } select::-ms-expand { display: none; } input[type="checkbox"] { border: 1px solid #829dba; } label input[type="checkbox"] { margin-right: 6px; } button { border: none; -webkit-appearance: none; } button:focus { outline: none; } html.state--search .header-search { top: 0; } .header-search { background-color: #163659; font-family: 'Lato', sans-serif; font-weight: 400; position: absolute; width: auto; left: 80px; right: 80px; top: 100%; padding: 20px 25px; -webkit-transition: top 0.2s; -moz-transition: top 0.2s; -ms-transition: top 0.2s; -o-transition: top 0.2s; transition: top 0.2s; } .header-search .form-meta { color: #829dba; font-size: 14px; } .header-search .form-meta .header-search-form__col { padding: 12px; } .header-search input[type="text"], .header-search input[type="search"] { border-color: transparent; padding: 12px; } .header-search input[type="text"]:focus, .header-search input[type="search"]:focus { border-color: #829dba; } .header-search a { color: #f9b700; text-decoration: none; display: block; text-align: center; } .header-search a:hover { text-decoration: underline; } .header-search button { display: block; } .header-search-form { max-width: 600px; margin-left: auto; margin-right: auto; } .header-search-form__row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .header-search-form__row .header-search-form__col { padding-left: 6px; padding-right: 6px; } .header-search-form__row .col-primary { flex: 6; } .header-search-form__row .col-secondary { flex: 2; } @media screen and (max-width: 966px) { .header-search { left: 0; right: 70px; padding: 17px 0 12px 25px; } .header-search .header-search-form { max-width: 100%; } .header-search [type="submit"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .header-search .form-meta, .header-search .col-secondary { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .header-search .header-search-form__col { padding-left: 0; padding-right: 0; } .header-search input[type="text"], .header-search input[type="search"] { padding: 9px 12px; } } .form-panel { background-color: #e3ecf5; padding: 25px; color: #666666; font-size: 14px; } .form-panel a { text-decoration: underline; } .form-panel a:hover { text-decoration: none; } .field { margin-bottom: 12px; } .field__label { margin-bottom: 6px; } label { color: #163659; font-size: 14px; } .field--submit { margin-top: 24px; margin-bottom: 24px; } @media screen and (min-width: 760px) { .form-panel { padding: 40px 60px; } form.left-labels .field { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } form.left-labels .field__label { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; padding-right: 20px; } form.left-labels .field__el { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } input.sml-field { max-width: 200px; } } .field-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; } .field-group span { white-space: nowrap; margin-left: 8px; margin-right: 8px; color: #163659; font-size: 14px; } .field--error { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .field--error input[type="text"], .field--error input[type="search"], .field--error textarea, .field--error select { border-color: #b1181b; } .field--error label { color: #b1181b; } input[type="text"].is-error, input[type="search"].is-error, textarea.is-error, select.is-error { border-color: #b1181b; } .field__err-msg, .ctct-form-errorMessage { color: #b1181b; width: 100%; display: block; } p.thanks-message { font-size: 14px; margin-bottom: 0; } .capture { display: inline-block; } .capture img { display: block; margin-bottom: 6px; } .capture input { width: auto; } #success_message { background-color: #dcece8; padding: 10px; display: block; border-radius: 6px; } .ad { padding: 12px; border: 2px solid #eeebe7; } .ad img { max-width: 100%; height: auto; display: block; margin: 0 auto; } .centered { text-align: center; margin-left: auto; margin-right: auto; } .align-r { text-align: right; } .align-c { text-align: center; } .narrow { max-width: 620px; margin-left: auto; margin-right: auto; } .med { max-width: 700px; margin-left: auto; margin-right: auto; } .google-map { margin-bottom: 40px; } img.block { display: block; margin: 0 auto 20px; max-width: 100%; } .page-slider img.block img { margin-bottom: 0; } .page-slider { margin-bottom: 20px; } .post-icon-large { background: url(../img/post-icon--large.png) no-repeat center center; width: 24px; height: 28px; display: inline-block; } hr { height: 1px; background: #eee; border: none !important; margin-bottom: 50px; margin-top: 20px; display: block; } body #ajax_listOfOptions { border: 1px solid #eeebe7; width: 430px; max-width: 100%; max-height: 500px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); } body #ajax_listOfOptions div { font-size: 16px; border-bottom: 1px solid #eeebe7; color: #666666; padding: 12px; } body #ajax_listOfOptions div:hover { background-color: #e3ecf5; color: #fff; } .iframe-outer { max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; z-index: 3; background-color: #fff; overflow: auto; -webkit-overflow-scrolling: touch; } .iframe-outer iframe { min-width: 100%; width: 100px; *width: 100%; } .embedded-pdf { width: 100%; height: 100%; min-height: 600px; } .lot-body .lot-free-text { border-bottom: 2px solid #eeebe7; margin-bottom: 30px; padding-bottom: 20px; margin-top: -10px; } .lot-body .lot-free-text p { font-size: 14px; } .sale-band .sale-band__date .sale-time { position: relative; display: inline-block; } .sale-band .sale-band__date .sale-time:after { content: ' '; background: #ccd8e6; width: 2px; height: 16px; display: inline-block; margin-left: 10px; margin-right: 4px; } .frame-wrap { overflow: auto; -webkit-overflow-scrolling: touch; } .tweet-item { font-size: 13px; color: #666; border-bottom: 1px solid #f4f1ed; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; } .tweet-item__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 10px; } .tweet-item__inner .time { display: block; margin-top: 5px; font-size: 12px; } .tweet-item__avatar { -webkit-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 10px; width: 32px; height: 32px; border-radius: 4px; overflow: hidden; } .tweet-item__avatar img { max-width: 100%; height: auto; display: block; } .tweet-item__body img { max-width: 100%; height: auto; display: block; margin-top: 10px; margin-bottom: 10px; } .tweet-holder .tweet_rt { width: 100%; margin-bottom: 10px; color: #889ba6; } .tweet-holder .tweet_rt a { color: #889ba6; } .rt-badge { display: inline-block; width: 15px; height: 18px; margin-right: 2px; margin-bottom: -4px; background-repeat: no-repeat; background-position: center bottom; background-size: contain; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2272%22%20viewBox%3D%220%200%2060%2072%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%2319cf86%22%20d%3D%22M49%209H11c-4.418%200-8%203.582-8%208v38c0%204.418%203.582%208%208%208h38c4.418%200%208-3.582%208-8V17c0-4.418-3.582-8-8-8zM21%2044h10c1.657%200%203%201.343%203%203s-1.343%203-3%203H17c-1.657%200-3-1.343-3-3V36H9c-.77%200-1.47-.44-1.803-1.134-.333-.692-.24-1.516.24-2.115l8-10c.76-.947%202.365-.947%203.124%200l8%2010c.48.6.576%201.425.243%202.117C26.47%2035.56%2025.77%2036%2025%2036h-5v7c0%20.553.448%201%201%201zm31.562-4.75l-8%2010c-.38.474-.954.75-1.562.75s-1.182-.276-1.562-.75l-8-10c-.48-.6-.574-1.424-.24-2.116C33.53%2036.44%2034.23%2036%2035%2036h5v-7c0-.553-.447-1-1-1H29c-1.657%200-3-1.343-3-3s1.343-3%203-3h14c1.657%200%203%201.343%203%203v11h5c.77%200%201.47.44%201.803%201.134.333.692.24%201.515-.24%202.115z%22%2F%3E%3C%2Fsvg%3E); } .tweet-item__user-name, .tweet-item__screen-name { display: block; text-decoration: none; } .tweet-item__user-name { color: #000 !important; font-weight: bold; } .tweet-item__screen-name { color: #666 !important; } a[href^=tel], ul.contacts__item li a[href^=tel] { text-decoration: none; color: inherit; } html.no-touchevents a[href^=tel] { pointer-events: none; } .banner { background: #163659; padding-left: 40px; padding-right: 40px; padding-top: 12px; padding-bottom: 12px; overflow: hidden; } .banner a { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .banner a img { display: block; max-width: 100%; height: auto; margin: 0 auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.35); } @media screen and (min-width: 600px) { .banner a { width: 50%; } } @media screen and (min-width: 760px) { .banner a { width: 33.33%; } } @media screen and (min-width: 920px) { .banner a { width: 25%; } } .page-body { background: #fff; position: relative; padding-top: 50px; padding-bottom: 80px; } .primary-filter, .primary-filter li, .secondary-filter, .secondary-filter li { margin: 0; padding: 0; } .primary-filter, .secondary-filter, .page-body .primary-filter, .page-body .secondary-filter { list-style-type: none; text-align: center; overflow: hidden; margin-bottom: 50px; } .primary-filter li, .secondary-filter li, .page-body .primary-filter li, .page-body .secondary-filter li { display: inline-block; } .primary-filter a, .secondary-filter a, .page-body .primary-filter a, .page-body .secondary-filter a { font-size: 14px; display: block; margin: 2px 0; text-decoration: none; } .primary-filter a.state-current, .secondary-filter a.state-current, .page-body .primary-filter a.state-current, .page-body .secondary-filter a.state-current { font-weight: 700; } .primary-filter + .secondary-filter { margin-top: -20px; } .primary-filter a, .page-body .primary-filter a { color: #163659; background: #e3ecf5; padding: 6px 12px; } .primary-filter a.state-current, .page-body .primary-filter a.state-current { background-color: #163659; color: #fff; } .primary-filter a:hover, .page-body .primary-filter a:hover { color: #fff; background-color: #90a7c0; } .primary-filter-replacement { width: 100%; max-width: 100%; margin-bottom: 20px; } .primary-filter.primary-filter--downloads a { border: 2px solid #eeebe6; background-color: #fff; padding-top: 7px; padding-bottom: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .primary-filter.primary-filter--downloads a:before { margin-right: 4px; font-size: 12px; } .primary-filter.primary-filter--downloads a:hover { background-color: transparent; color: #163659; border-color: #163659; } @media screen and (max-width: 920px) { .filter-band { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .filter-band .filter-band__set { margin-right: 10px; } .filter-band .filter-band__set--primary { width: 100%; margin-right: 0; } .filter-band .filter-band__set--end { margin-right: 0; position: absolute; bottom: 22px; right: 0; } .filter-band .filter-band__set--end select { background-position: right 10px center; padding-right: 30px; } } @media screen and (max-width: 600px) { .filter-band { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .filter-band .filter-band__set { margin-right: 10px; } .filter-band .filter-band__set--primary { width: 100%; margin-right: 0; } .filter-band .filter-band__set--end { margin-right: 0; position: absolute; bottom: 22px; right: 0; } .filter-band .filter-band__set--end select { background-position: right 10px center; padding-right: 30px; } .primary-filter:not(.primary-filter--downloads) { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } @media screen and (min-width: 600px) { .primary-filter-replacement { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .secondary-filter, .page-body .secondary-filter { margin-bottom: 40px; } .secondary-filter a, .page-body .secondary-filter a { padding: 3px 6px; text-decoration: underline; } .secondary-filter a:hover, .page-body .secondary-filter a:hover { text-decoration: none; } .navigator { padding: 20px 12px; background-color: #8fa7c1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; -webkit-align-items: center; align-items: center; margin-bottom: 20px; } .navigator + table { margin-top: -18px; } .navigator .navigator__title { font-size: 18px; font-family: 'Merriweather', serif; font-weight: 700; color: #163659; padding-left: 20px; padding-right: 20px; } .navigator .navigator__prev-link, .navigator .navigator__next-link { font-size: 14px; color: #fff; text-decoration: none; text-transform: uppercase; } .navigator .navigator__prev-link:before, .navigator .navigator__next-link:after { display: inline-block; font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-size: 12px; position: relative; top: 1px; } .navigator .navigator__prev-link:before { content: 'โ—…'; padding-right: 8px; } .navigator .navigator__next-link:after { content: 'โ–ป'; padding-left: 8px; } .navigator.navigator--lot-nav { background-color: #a7a49f; } .navigator.navigator--lot-nav .navigator__title { color: #fff; } @media screen and (max-width: 760px) { .navigator { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navigator .navigator__title { width: 100%; order: 1; text-align: center; margin-bottom: 12px; padding-left: 0; padding-right: 0; } .navigator .navigator__prev-link { order: 2; } .navigator .navigator__next-link { order: 3; } } .headline-boxes, .headline-boxes li, .winner-summary-list, .winner-summary-list li { margin: 0; padding: 0; } .headline-boxes, .winner-summary-list { list-style-type: none; margin-bottom: 20px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .headline-boxes li, .winner-summary-list li { background: #fef5dc; padding: 24px; text-align: center; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; margin-bottom: 3vw; width: 100%; } .headline-boxes li:last-of-type, .winner-summary-list li:last-of-type { margin-bottom: 0; } .headline-boxes li span, .winner-summary-list li span { font-family: 'Merriweather', serif; font-weight: 300; color: #163659; margin-left: 5px; margin-right: 5px; } .headline-boxes li a, .winner-summary-list li a { text-decoration: underline; } @media screen and (min-width: 760px) { .headline-boxes li, .winner-summary-list li { width: 48%; } .headline-boxes li:nth-last-child(2), .headline-boxes li:nth-last-child(1), .winner-summary-list li:nth-last-child(2), .winner-summary-list li:nth-last-child(1) { margin-bottom: 0; } } @media screen and (min-width: 760px) { .headline-boxes li, .winner-summary-list li { width: 23.5%; margin-bottom: 0; } } .headline-boxes__h, .headline-boxes__b { display: block; } .headline-boxes__h { font-size: 24px; font-family: 'Merriweather', serif; font-weight: 300; margin-bottom: 6px; } .headline-boxes__b { color: #666666; font-size: 16px; } .grade-title, .table-title, .winners-h4 { margin-bottom: 20px; font-family: 'Lato', sans-serif; font-weight: 400; color: #fff; padding: 12px; } .grade-title, .winners-h4 { background-color: #a7a49f; text-transform: uppercase; } .table-title { background-color: #807d77; } .winners-list { list-style-type: none; margin: 0; padding: 0; } .winners-list li { margin: 0; padding: 0; } .winners-list li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 2px solid #eeebe7; font-family: 'Lato', sans-serif; font-weight: 400; } .winners-list li:last-of-type { border-bottom: none; } .navigator + h3 { display: none; } .winners-list__title, .winners-list__body, .winners-list__meta { display: block; } .winners-list__body, .winners-list__meta { font-size: 14px; } .winners-list__title { font-weight: bold; display: block; margin-bottom: 12px; } .winners-list__body { font-size: 14px; margin-bottom: 12px; line-height: 1.5; } .winners-list__meta { color: #6a87a5; } .winner-detail { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 2px solid #eeebe7; font-family: 'Lato', sans-serif; font-weight: 400; } .winner-detail:last-of-type { border-bottom: none; } .winner-detail h5 { font-weight: bold; display: block; margin-bottom: 12px; font-family: 'Lato', sans-serif; font-weight: 400; font-weight: bold; } .winner-detail p { font-size: 14px; margin-bottom: 12px; line-height: 1.5; color: #000; } .winner-detail .sale-detail { color: #6a87a5; } .winner-detail + .winners-h4 { border-bottom: 0; margin-top: -20px; } .link-list, .link-list li { margin: 0; padding: 0; } .link-list { list-style-type: none; } .link-list li { margin-bottom: 12px; } .link-list a { color: #295381; text-decoration: underline; } .widget { border-bottom: 2px solid #eeebe7; padding-bottom: 50px; margin-bottom: 50px; } .block-link, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] { background-color: #e3ecf5; display: block; padding: 20px; padding-right: 200px; padding-left: 68px; max-width: 520px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 12px; position: relative; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; text-decoration: none; text-align: left; } .block-link:before, .page-body.cms-page p > a:not(.btn)[href$=".pdf"]:before { content: ' '; background-image: url(../img/document-icon.png); width: 28px; height: 34px; display: block; float: left; position: absolute; top: 20px; left: 20px; } .block-link span.btn, .block-link .sale-hero span.sale-hero__cat-btn, .sale-hero .block-link span.sale-hero__cat-btn, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] span.btn, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] .sale-hero span.sale-hero__cat-btn, .sale-hero .page-body.cms-page p > a:not(.btn)[href$=".pdf"] span.sale-hero__cat-btn { box-shadow: 0 0 0 transparent; padding: 10px 24px; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .block-link span.btn:before, .block-link .sale-hero span.sale-hero__cat-btn:before, .sale-hero .block-link span.sale-hero__cat-btn:before, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] span.btn:before, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] .sale-hero span.sale-hero__cat-btn:before, .sale-hero .page-body.cms-page p > a:not(.btn)[href$=".pdf"] span.sale-hero__cat-btn:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '๎ฌ'; margin-right: 8px; font-size: 12px; } .block-link:hover, .page-body.cms-page p > a:not(.btn)[href$=".pdf"]:hover { background-color: #f4f1ed; } .block-link:hover span.btn, .block-link:hover .sale-hero span.sale-hero__cat-btn, .sale-hero .block-link:hover span.sale-hero__cat-btn, .page-body.cms-page p > a:not(.btn)[href$=".pdf"]:hover span.btn, .page-body.cms-page p > a:not(.btn)[href$=".pdf"]:hover .sale-hero span.sale-hero__cat-btn, .sale-hero .page-body.cms-page p > a:not(.btn)[href$=".pdf"]:hover span.sale-hero__cat-btn { opacity: 1; } @media screen and (max-width: 600px) { .block-link, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] { padding-right: 20px; } .block-link span.btn, .block-link .sale-hero span.sale-hero__cat-btn, .sale-hero .block-link span.sale-hero__cat-btn, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] span.btn, .page-body.cms-page p > a:not(.btn)[href$=".pdf"] .sale-hero span.sale-hero__cat-btn, .sale-hero .page-body.cms-page p > a:not(.btn)[href$=".pdf"] span.sale-hero__cat-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .page-body a[href$=".pdf"]:before { margin-top: -5px; } .block-link__title, .block-link__size { display: block; } .block-link__title { color: #163659; font-size: 16px; } .block-link__size { color: #a7a49f; font-size: 14px; } a.cat-link { padding: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #e3ecf5; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; text-decoration: none !important; margin-bottom: 20px; } a.cat-link .cat-link__img { width: 106px; margin-right: 20px; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } a.cat-link .cat-link__img img { display: block; max-width: 100%; height: auto; } a.cat-link .cat-link__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-align-items: center; -webkit-align-items: center; align-items: center; } a.cat-link .cat-link__info .btn, a.cat-link .cat-link__info .header-search button, .header-search a.cat-link .cat-link__info button, a.cat-link .cat-link__info .sale-hero .sale-hero__cat-btn, .sale-hero a.cat-link .cat-link__info .sale-hero__cat-btn { box-shadow: 0 0 0 transparent; padding: 10px 24px; width: 120px; } a.cat-link .cat-link__info .btn:before, a.cat-link .cat-link__info .header-search button:before, .header-search a.cat-link .cat-link__info button:before, a.cat-link .cat-link__info .sale-hero .sale-hero__cat-btn:before, .sale-hero a.cat-link .cat-link__info .sale-hero__cat-btn:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '๎ฌ'; margin-right: 8px; font-size: 12px; } a.cat-link .cat-link__title { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; color: #295381; font-size: 18px; } a.cat-link .cat-link__size { color: #a7a49f; font-size: 14px; display: block; } .page-ol, .page-ol li { margin: 0; padding: 0; } .page-ol { list-style-type: none; counter-reset: ol-counter; } .page-ol li { font-size: 16px; color: #666666; line-height: 1.5; margin-bottom: 30px; position: relative; padding-left: 28px; } .page-ol li:before { content: counter(ol-counter) "."; counter-increment: ol-counter; position: absolute; left: 0; top: 0; color: #38342e; } span.page-ol__title { color: #38342e; display: block; } h2 + .personnel { margin-top: 30px; } .personnel { max-width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .personnel .personnel__item { border: 2px solid #eeebe7; padding: 12px; max-width: 270px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 168px; } .personnel .personnel__item img { display: block; margin-bottom: 12px; max-width: 100%; height: auto; } .personnel .personnel__name, .personnel .personnel__position { margin-bottom: 4px; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; } .personnel .personnel__position { color: #8e8677; text-transform: uppercase; font-size: 14px; } .personnel div { width: 100%; } .personnel .back-to-top { display: inline-block; margin-top: 10px; } .personnel .back-to-top:hover { text-decoration: underline; } .personnel .back-to-top:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '๏”€'; font-size: 12px; margin-right: 8px; display: inline-block; } @media screen and (min-width: 600px) { .personnel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; } .personnel .personnel__item { margin-left: 12px; margin-right: 12px; } } .personnel__name, .personnel__position { display: block; } .back-to-top { text-align: center; } .mail-link { text-decoration: underline; } .mail-link:hover { text-decoration: none; } .mail-link:after { display: inline-block; font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: 'โœ‰'; color: #163659; margin-left: 8px; position: relative; top: 1px; } .contact-title { margin-bottom: 24px; margin-top: 48px; padding-bottom: 20px; border-bottom: 1px solid #d2d1cb; } .tablet-cols .contacts .contacts__item { width: 47% !important; } .tablet-cols .tablet-cols .contacts .contacts__item { width: 100% !important; } .overseas-contact .overseas-contact__item, .overseas-contact .contacts__item, .contacts .overseas-contact__item, .contacts .contacts__item { margin: 0; padding: 0; list-style-type: none; margin-bottom: 20px; } .overseas-contact .overseas-contact__item li, .overseas-contact .contacts__item li, .contacts .overseas-contact__item li, .contacts .contacts__item li { padding: 0; margin: 0; margin-bottom: 6px !important; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; color: #666666; line-height: 1.4; margin-bottom: 4px; } .overseas-contact .overseas-contact__item .overseas-contact__contry, .overseas-contact .overseas-contact__item .overseas-contact__name, .overseas-contact .overseas-contact__item .contacts__country, .overseas-contact .contacts__item .overseas-contact__contry, .overseas-contact .contacts__item .overseas-contact__name, .overseas-contact .contacts__item .contacts__country, .contacts .overseas-contact__item .overseas-contact__contry, .contacts .overseas-contact__item .overseas-contact__name, .contacts .overseas-contact__item .contacts__country, .contacts .contacts__item .overseas-contact__contry, .contacts .contacts__item .overseas-contact__name, .contacts .contacts__item .contacts__country { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; } .overseas-contact .overseas-contact__item .contacts__name, .overseas-contact .contacts__item .contacts__name, .contacts .overseas-contact__item .contacts__name, .contacts .contacts__item .contacts__name { font-family: 'Merriweather', serif; font-weight: 700; font-size: 14px; } .overseas-contact .overseas-contact__item .overseas-contact__contry, .overseas-contact .overseas-contact__item .contacts__country, .overseas-contact .contacts__item .overseas-contact__contry, .overseas-contact .contacts__item .contacts__country, .contacts .overseas-contact__item .overseas-contact__contry, .contacts .overseas-contact__item .contacts__country, .contacts .contacts__item .overseas-contact__contry, .contacts .contacts__item .contacts__country { padding-left: 34px; color: #8e8677; text-transform: uppercase; background-repeat: no-repeat; background-position: left center; } .overseas-contact .overseas-contact__item .overseas-contact__contry--australia, .overseas-contact .overseas-contact__item .overseas-contact__contry--Australia, .overseas-contact .contacts__item .overseas-contact__contry--australia, .overseas-contact .contacts__item .overseas-contact__contry--Australia, .contacts .overseas-contact__item .overseas-contact__contry--australia, .contacts .overseas-contact__item .overseas-contact__contry--Australia, .contacts .contacts__item .overseas-contact__contry--australia, .contacts .contacts__item .overseas-contact__contry--Australia { background-image: url(../img/flag/australia.jpg); } .overseas-contact .overseas-contact__item .overseas-contact__contry--china, .overseas-contact .overseas-contact__item .overseas-contact__contry--China, .overseas-contact .contacts__item .overseas-contact__contry--china, .overseas-contact .contacts__item .overseas-contact__contry--China, .contacts .overseas-contact__item .overseas-contact__contry--china, .contacts .overseas-contact__item .overseas-contact__contry--China, .contacts .contacts__item .overseas-contact__contry--china, .contacts .contacts__item .overseas-contact__contry--China { background-image: url(../img/flag/china.jpg); } .overseas-contact .overseas-contact__item .overseas-contact__contry--france, .overseas-contact .overseas-contact__item .overseas-contact__contry--France, .overseas-contact .contacts__item .overseas-contact__contry--france, .overseas-contact .contacts__item .overseas-contact__contry--France, .contacts .overseas-contact__item .overseas-contact__contry--france, .contacts .overseas-contact__item .overseas-contact__contry--France, .contacts .contacts__item .overseas-contact__contry--france, .contacts .contacts__item .overseas-contact__contry--France { background-image: url(../img/flag/france.jpg); } .overseas-contact .overseas-contact__item .overseas-contact__contry--germany, .overseas-contact .overseas-contact__item .overseas-contact__contry--Germany, .overseas-contact .contacts__item .overseas-contact__contry--germany, .overseas-contact .contacts__item .overseas-contact__contry--Germany, .contacts .overseas-contact__item .overseas-contact__contry--germany, .contacts .overseas-contact__item .overseas-contact__contry--Germany, .contacts .contacts__item .overseas-contact__contry--germany, .contacts .contacts__item .overseas-contact__contry--Germany { background-image: url(../img/flag/germany.jpg); } .overseas-contact .overseas-contact__item .overseas-contact__contry--gb, .overseas-contact .overseas-contact__item .overseas-contact__contry--United, .overseas-contact .contacts__item .overseas-contact__contry--gb, .overseas-contact .contacts__item .overseas-contact__contry--United, .contacts .overseas-contact__item .overseas-contact__contry--gb, .contacts .overseas-contact__item .overseas-contact__contry--United, .contacts .contacts__item .overseas-contact__contry--gb, .contacts .contacts__item .overseas-contact__contry--United { background-image: url(../img/flag/gb.jpg); } .overseas-contact .overseas-contact__item .overseas-contact__contry--italy, .overseas-contact .overseas-contact__item .overseas-contact__contry--Italy, .overseas-contact .contacts__item .overseas-contact__contry--italy, .overseas-contact .contacts__item .overseas-contact__contry--Italy, .contacts .overseas-contact__item .overseas-contact__contry--italy, .contacts .overseas-contact__item .overseas-contact__contry--Italy, .contacts .contacts__item .overseas-contact__contry--italy, .contacts .contacts__item .overseas-contact__contry--Italy { background-image: url(../img/flag/italy.jpg); } .overseas-contact .overseas-contact__item .overseas-contact__contry--brazil, .overseas-contact .overseas-contact__item .overseas-contact__contry--Brazil, .overseas-contact .contacts__item .overseas-contact__contry--brazil, .overseas-contact .contacts__item .overseas-contact__contry--Brazil, .contacts .overseas-contact__item .overseas-contact__contry--brazil, .contacts .overseas-contact__item .overseas-contact__contry--Brazil, .contacts .contacts__item .overseas-contact__contry--brazil, .contacts .contacts__item .overseas-contact__contry--Brazil { background-image: url(../img/flag/Brazil.png); } .overseas-contact .overseas-contact__item .overseas-contact__contry--japan, .overseas-contact .overseas-contact__item .overseas-contact__contry--Japan, .overseas-contact .contacts__item .overseas-contact__contry--japan, .overseas-contact .contacts__item .overseas-contact__contry--Japan, .contacts .overseas-contact__item .overseas-contact__contry--japan, .contacts .overseas-contact__item .overseas-contact__contry--Japan, .contacts .contacts__item .overseas-contact__contry--japan, .contacts .contacts__item .overseas-contact__contry--Japan { background-image: url(../img/flag/Japan.png); } .overseas-contact .overseas-contact__item .overseas-contact__contry--malaysia, .overseas-contact .overseas-contact__item .overseas-contact__contry--Malaysia, .overseas-contact .contacts__item .overseas-contact__contry--malaysia, .overseas-contact .contacts__item .overseas-contact__contry--Malaysia, .contacts .overseas-contact__item .overseas-contact__contry--malaysia, .contacts .overseas-contact__item .overseas-contact__contry--Malaysia, .contacts .contacts__item .overseas-contact__contry--malaysia, .contacts .contacts__item .overseas-contact__contry--Malaysia { background-image: url(../img/flag/Malaysia.png); } .overseas-contact .overseas-contact__item .overseas-contact__contry--new, .overseas-contact .overseas-contact__item .overseas-contact__contry--New, .overseas-contact .contacts__item .overseas-contact__contry--new, .overseas-contact .contacts__item .overseas-contact__contry--New, .contacts .overseas-contact__item .overseas-contact__contry--new, .contacts .overseas-contact__item .overseas-contact__contry--New, .contacts .contacts__item .overseas-contact__contry--new, .contacts .contacts__item .overseas-contact__contry--New { background-image: url(../img/flag/New-Zealand.png); } .overseas-contact .overseas-contact__item .overseas-contact__contry--south, .overseas-contact .overseas-contact__item .overseas-contact__contry--South, .overseas-contact .contacts__item .overseas-contact__contry--south, .overseas-contact .contacts__item .overseas-contact__contry--South, .contacts .overseas-contact__item .overseas-contact__contry--south, .contacts .overseas-contact__item .overseas-contact__contry--South, .contacts .contacts__item .overseas-contact__contry--south, .contacts .contacts__item .overseas-contact__contry--South { background-image: url(../img/flag/South-Africa.png); } .overseas-contact .overseas-contact__item .overseas-contact__contry--spain, .overseas-contact .overseas-contact__item .overseas-contact__contry--Spain, .overseas-contact .contacts__item .overseas-contact__contry--spain, .overseas-contact .contacts__item .overseas-contact__contry--Spain, .contacts .overseas-contact__item .overseas-contact__contry--spain, .contacts .overseas-contact__item .overseas-contact__contry--Spain, .contacts .contacts__item .overseas-contact__contry--spain, .contacts .contacts__item .overseas-contact__contry--Spain { background-image: url(../img/flag/Spain.png); } .overseas-contact .overseas-contact__item .overseas-contact__contry--sweden, .overseas-contact .overseas-contact__item .overseas-contact__contry--Sweden, .overseas-contact .contacts__item .overseas-contact__contry--sweden, .overseas-contact .contacts__item .overseas-contact__contry--Sweden, .contacts .overseas-contact__item .overseas-contact__contry--sweden, .contacts .overseas-contact__item .overseas-contact__contry--Sweden, .contacts .contacts__item .overseas-contact__contry--sweden, .contacts .contacts__item .overseas-contact__contry--Sweden { background-image: url(../img/flag/Sweden.png); } .overseas-contact .overseas-contact__item .overseas-contact__contry--usa, .overseas-contact .overseas-contact__item .overseas-contact__contry--USA, .overseas-contact .contacts__item .overseas-contact__contry--usa, .overseas-contact .contacts__item .overseas-contact__contry--USA, .contacts .overseas-contact__item .overseas-contact__contry--usa, .contacts .overseas-contact__item .overseas-contact__contry--USA, .contacts .contacts__item .overseas-contact__contry--usa, .contacts .contacts__item .overseas-contact__contry--USA { background-image: url(../img/flag/United-States.png); } .overseas-contact .overseas-contact__item .overseas-contact__name, .overseas-contact .overseas-contact__item .contacts__name, .overseas-contact .contacts__item .overseas-contact__name, .overseas-contact .contacts__item .contacts__name, .contacts .overseas-contact__item .overseas-contact__name, .contacts .overseas-contact__item .contacts__name, .contacts .contacts__item .overseas-contact__name, .contacts .contacts__item .contacts__name { font-size: 16px; color: #38342e; letter-spacing: 0; } .overseas-contact .overseas-contact__item .overseas-contact__address, .overseas-contact .overseas-contact__item .contacts__address, .overseas-contact .contacts__item .overseas-contact__address, .overseas-contact .contacts__item .contacts__address, .contacts .overseas-contact__item .overseas-contact__address, .contacts .overseas-contact__item .contacts__address, .contacts .contacts__item .overseas-contact__address, .contacts .contacts__item .contacts__address { margin-bottom: 12px; } .overseas-contact .overseas-contact__item .overseas-contact__email a, .overseas-contact .overseas-contact__item .contacts__email a, .overseas-contact .contacts__item .overseas-contact__email a, .overseas-contact .contacts__item .contacts__email a, .contacts .overseas-contact__item .overseas-contact__email a, .contacts .overseas-contact__item .contacts__email a, .contacts .contacts__item .overseas-contact__email a, .contacts .contacts__item .contacts__email a { color: #295381; } .overseas-contact .overseas-contact__item .overseas-contact__email:after, .overseas-contact .contacts__item .overseas-contact__email:after, .contacts .overseas-contact__item .overseas-contact__email:after, .contacts .contacts__item .overseas-contact__email:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: 'โœ‰'; color: #163659; margin-left: 8px; position: relative; top: 1px; } .overseas-contact .overseas-contact__item a, .overseas-contact .contacts__item a, .contacts .overseas-contact__item a, .contacts .contacts__item a { text-decoration: underline; } .overseas-contact .overseas-contact__item a:hover, .overseas-contact .contacts__item a:hover, .contacts .overseas-contact__item a:hover, .contacts .contacts__item a:hover { text-decoration: none; } @media screen and (min-width: 600px) { .overseas-contact, .contacts { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .overseas-contact .overseas-contact__item, .contacts .overseas-contact__item { width: 48%; margin-left: 1%; margin-right: 1%; } } @media screen and (min-width: 920px) { .overseas-contact, .contacts { margin-left: 24px; margin-right: 24px; } .overseas-contact .overseas-contact__item, .contacts .overseas-contact__item { width: 31%; } } .block-widget, .overseas-contact .overseas-contact__item { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px solid #eeebe7; } .download-list { list-style-type: none; margin: 0; padding: 0; } .download-list li { margin: 0; padding: 0; font-size: 14px; margin-bottom: 12px; } .download-list li a, .download-list li span { display: block; } .download-list li .size { color: #666666; } .sale-band + .outer { padding-top: 20px; } .sale-band { background-color: #8fa7c1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .sale-band .sale-band__title { margin-bottom: 10px; } .sale-band .sale-band__date { color: #fff; font-family: 'Merriweather', serif; font-weight: 700; font-size: 18px; display: block; margin-bottom: 10px; } @media screen and (min-width: 760px) { .sale-band { padding-top: 40px; padding-bottom: 25px; } .sale-band .sale-band__date { font-size: 22px; } } .sale-band .sale-band__pagination { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .sale-band .sale-band__pagination a { text-transform: uppercase; color: #ccd8e6; } .sale-band .sale-band__prev, .sale-band .sale-band__next { text-decoration: none; } .sale-band .sale-band__prev:before, .sale-band .sale-band__prev:after, .sale-band .sale-band__next:before, .sale-band .sale-band__next:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-size: 12px; position: relative; } .sale-band .sale-band__prev:before { content: 'โ—…'; margin-right: 8px; } .sale-band .sale-band__next:after { content: 'โ–ป'; margin-left: 8px; } @media screen and (min-width: 920px) { .sale-band .sale-band__prev, .sale-band .sale-band__next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .sale-band .sale-band__prev { left: 30px; } .sale-band .sale-band__next { right: 30px; } } .filter-band { margin-bottom: 20px; } .filter-band .primary-filter { margin-bottom: 20px; } .filter-band a.btn, .filter-band .sale-hero a.sale-hero__cat-btn, .sale-hero .filter-band a.sale-hero__cat-btn { box-shadow: 0 0 0 transparent; padding: 12px 24px; } .filter-band__buttons { text-align: center; } .filter-band__buttons .btn, .filter-band__buttons .header-search button, .header-search .filter-band__buttons button, .filter-band__buttons .sale-hero .sale-hero__cat-btn, .sale-hero .filter-band__buttons .sale-hero__cat-btn { font-size: 12px; padding: 10px 16px; } .filter-band__buttons .btn.sales-day-live-btn, .filter-band__buttons .header-search button.sales-day-live-btn, .header-search .filter-band__buttons button.sales-day-live-btn, .filter-band__buttons .sale-hero .sales-day-live-btn.sale-hero__cat-btn, .sale-hero .filter-band__buttons .sales-day-live-btn.sale-hero__cat-btn { padding-left: 40px; } .filter-band__buttons .btn.sales-day-live-btn:before, .filter-band__buttons .header-search button.sales-day-live-btn:before, .header-search .filter-band__buttons button.sales-day-live-btn:before, .filter-band__buttons .sale-hero .sales-day-live-btn.sale-hero__cat-btn:before, .sale-hero .filter-band__buttons .sales-day-live-btn.sale-hero__cat-btn:before { width: 20px; height: 20px; left: 23px; top: 7px; line-height: 10px; } @media screen and (min-width: 920px) { .filter-band { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: "flex-start"; -webkit-justify-content: "flex-start"; justify-content: "flex-start"; -ms-align-items: "flex-start"; -webkit-align-items: "flex-start"; align-items: "flex-start"; position: relative; } .filter-band .primary-filter { text-align: left; margin-bottom: 0; } .filter-band .primary-filter a { padding-top: 9px; padding-bottom: 9px; } .filter-band .primary-filter.primary-filter--downloads a { padding-top: 7px; padding-bottom: 7px; } .filter-band .filter-band__set { margin-right: 20px; } .filter-band .filter-band__set--end { margin-right: 0; position: absolute; top: 0; right: 0; } .filter-band .filter-band__set--end select { background-position: right 10px center; padding-right: 30px; } .filter-band__buttons { margin-right: -10px; } .filter-band__buttons .btn, .filter-band__buttons .header-search button, .header-search .filter-band__buttons button, .filter-band__buttons .sale-hero .sale-hero__cat-btn, .sale-hero .filter-band__buttons .sale-hero__cat-btn { margin-top: 0; margin-bottom: 0; } } .sale-book-form-wrap { background: #e3ecf5; padding: 12px; margin-bottom: 20px; } @media screen and (min-width: 920px) { .sale-book-form-wrap.state--advanced { padding-top: 20px; padding-bottom: 20px; } } .sale-book-form-wrap a { font-size: 14px; text-decoration: none; display: inline-block; padding: 6px 6px; } .sale-book-form-wrap a:hover { text-decoration: underline; } .sale-book-form-wrap .sale-book-filter-adv { display: none; } .sale-book-form-wrap.state--advanced .sale-book-filter-adv { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sale-book-form-wrap.state--advanced .sale-book-filter-sml { display: none; } /* - - - QUICK SEARCH - - - */ .sale-book-filter-sml { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sale-book-filter-sml legend { font-family: 'Lato', sans-serif; font-weight: 400; color: #163659; font-size: 14px; margin-bottom: 12px; width: 100%; text-align: center; } .sale-book-filter-sml .field__label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sale-book-filter-sml .field { width: 100%; } .sale-book-filter-sml a.advanced { width: 100%; text-align: center; } .sale-book-filter-sml .field--select { min-width: 130px; } .sale-book-filter-sml .field--select select { padding-top: 7px; padding-top: 7px; font-size: 14px; background-position: right 10px center; } @media screen and (min-width: 600px) { .sale-book-filter-sml .field { width: 48%; } } @media screen and (min-width: 760px) { .sale-book-filter-sml { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-align-items: center; -webkit-align-items: center; align-items: center; } .sale-book-filter-sml legend, .sale-book-filter-sml a.advanced { width: auto; } .sale-book-filter-sml legend { text-align: left; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .sale-book-filter-sml legend, .sale-book-filter-sml .field { margin-right: 10px; margin-bottom: 0; } .sale-book-filter-sml .field { margin-right: 6px; width: auto; } .sale-book-filter-sml .field:last-of-type { margin-right: 0; } .sale-book-filter-sml .field--buttons { width: 138px; text-align: left; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .sale-book-filter-sml a.advanced { text-align: right; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .sale-book-filter-sml input { font-size: 14px; padding: 8px 10px; } .sale-book-filter-sml .btn, .sale-book-filter-sml .header-search button, .header-search .sale-book-filter-sml button, .sale-book-filter-sml .sale-hero .sale-hero__cat-btn, .sale-hero .sale-book-filter-sml .sale-hero__cat-btn { font-size: 12px; padding: 9px 16px; } } .sale-book-filter-adv { position: relative; padding-top: 20px; } .sale-book-filter-adv .close-link { position: absolute; right: 0; top: 0; padding: 0; } .sale-book-filter-adv .set { width: 100%; } @media screen and (min-width: 600px) { .sale-book-filter-adv { -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .sale-book-filter-adv .set { width: 48%; } .sale-book-filter-adv .controls { position: absolute; bottom: 0; right: 0; } } @media screen and (min-width: 760px) { .sale-book-filter-adv { padding-top: 30px; } } @media screen and (min-width: 920px) { .sale-book-filter-adv { padding-top: 30px; } .sale-book-filter-adv .close-link { right: 0px; top: 0px; } } @media screen and (min-width: 1100px) { .sale-book-filter-adv { padding-right: 170px; padding-top: 0; } .sale-book-filter-adv .controls { bottom: 10px; right: 20px; } .sale-book-filter-adv .controls a { display: block; text-align: center; } .sale-book-filter-adv .controls a.btn, .sale-book-filter-adv .controls .sale-hero a.sale-hero__cat-btn, .sale-hero .sale-book-filter-adv .controls a.sale-hero__cat-btn { margin-top: 10px; } } /* MOBILE SEARCH TOGGLE */ @media screen and (max-width: 600px) { .sale-book-form-wrap a.sale-search-toggle { display: none; } } @media screen and (min-width: 760px) { .sale-book-form-wrap a.sale-book-search-toggle { display: none; } } @media screen and (max-width: 760px) { .sale-book-filter-sml legend { display: none; } .sale-book-filter-sml { display: none; } .sale-book-form-wrap a.sale-book-search-toggle:after { content: '+'; display: inline-block; text-decoration: none; margin-left: 4px; } .sale-book-form-wrap.state--show-search a.sale-book-search-toggle:after { content: ' -'; } .sale-book-form-wrap.state--show-search .sale-book-filter-sml { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .sale-book-form-wrap.state--show-search.state--advanced .sale-book-filter-sml { display: none; } a.sale-book-search-toggle + .sale-book-filter-sml { margin-top: 10px; } } .sale-book-filter { margin: 0; padding: 0; list-style-type: none; text-align: center; margin-bottom: 20px; } .sale-book-filter li { margin: 0; padding: 0; display: inline-block; margin-bottom: 4px; font-size: 14px; } .sale-book-filter li a, .sale-book-filter li span { padding: 4px; } .sale-book-filter li a { display: block; text-decoration: none; } .sale-book-filter li a:hover { text-decoration: underline; } .sale-book-filter li a.state-current { color: #38342e; font-weight: 700; } .sale-book-filter li a.state-current:hover { pointer-events: none; text-decoration: none; } .sale-book-filter li .on-site, .sale-book-filter li .withdrawn { color: #163659; } .sale-book-filter li .on-site:before, .sale-book-filter li .withdrawn:before { content: ' '; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; } .sale-book-filter li .on-site:before { background-color: #a0d35e; } .sale-book-filter li .withdrawn:before { background-color: #e48686; } @media screen and (min-width: 600px) { .sale-book-filter li a { padding-right: 12px; border-right: 1px solid #eeebe7; margin-right: 8px; } } @media screen and (min-width: 760px) { .sale-book-filter { text-align: left; } } .page-body + .sale-hero { margin-top: -80px; position: relative; z-index: 1; } .sale-hero { padding: 0; } .sale-hero .sale-hero__content { background: #fff; padding: 25px; } .sale-hero .sale-hero__catalogue-inner { background-color: #295381; border: 10px solid #1f4670; padding: 20px; text-align: center; } .sale-hero .sale-hero__cat-title { font-family: 'Merriweather', serif; font-weight: 700; color: #fff; font-size: 17px; margin-bottom: 12px; } .sale-hero .sale-hero__cat-btn { background-color: transparent; color: #f9b700; border: 2px solid #f9b700; } .sale-hero .sale-hero__cat-btn:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '๎ฌ'; margin-right: 8px; position: relative; top: 2px; } @media screen and (min-width: 760px) { .sale-hero { background-image: url(../img/sale-hero-img.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 120px; padding-right: 80px; width: 100%; } .sale-hero .sale-hero__catalogue-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; -webkit-align-items: center; align-items: center; } .sale-hero .sale-hero__cat-title { margin-bottom: 0; } } @media screen and (min-width: 920px) { .sale-hero { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; padding-right: 0; } .sale-hero .sale-hero__catalogue { width: 550px; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .sale-hero .sale-hero__catalogue-inner { width: 490px; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } } .sidebar-menu { margin: 0; padding: 0; list-style-type: none; } .sidebar-menu li { margin: 0; padding: 0; } .sidebar-menu li a { display: block; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; text-decoration: none; padding: 12px; background-color: #e3ecf5; margin-bottom: 2px; text-decoration: none; } .sidebar-menu li a.state--current { background-color: #163659; color: #fff; } .sidebar-menu li a:hover { background-color: #163659; color: #fff; } @media screen and (min-width: 600px) and (max-width: 760px) { .sidebar-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar-menu li { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sidebar-menu li:nth-of-type(odd) { border-right: 2px solid #fff; } } .block { margin-bottom: 20px; } .block img { width: 100%; max-width: 100%; height: auto; display: block; } .gallery-intro a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-decoration: none; height: 100%; } .gallery-intro .gallery-intro__title { background: #a7a49f; padding: 12px; -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; color: #fff; text-decoration: none; } .gallery-intro .gallery-intro__count { position: absolute; right: 0; bottom: 10px; background: #f9b700; color: #fff; padding: 4px 8px; } .img-link { position: relative; display: block; } .img-link:before { content: ' '; display: block; position: absolute; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(23, 34, 57, 0.8); } .img-link:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '+'; color: #f9b700; text-decoration: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .img-link:before, .img-link:after { opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .img-link:hover:before, .img-link:hover:after { opacity: 1; } a:hover .img-link:before, a:hover .img-link:after, .img-link:hover:before, .img-link:hover:after { opacity: 1; } .pagination-wrap { width: 100%; margin-top: 30px; } .pagination-number { margin: 0; padding: 0; list-style-type: none; text-align: center; } .pagination-number li { margin: 0; padding: 0; display: inline-block; } .pagination-number li a { display: block; padding: 8px 12px; color: #163659; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; text-decoration: none; font-size: 14px; background-color: #e3ecf5; min-width: 12px; height: 18px; text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; text-decoration: none; } .pagination-number li a.state-current, .state-current .pagination-number li a, .pagination-number li a:hover { background-color: #163659; color: #fff !important; } .pagination-number li a.pagination-number__first:before, .pagination-number li a.pagination-number__last:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-size: 12px; } .pagination-number li a.pagination-number__first:before { content: 'โ—…'; } .pagination-number li a.pagination-number__last:before { content: 'โ–ป'; } .pagination-number li.state-current a { background-color: #163659; color: #fff !important; pointer-events: none; } .pagination-next-prev { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .pagination-next-prev li { margin: 0; padding: 0; font-size: 14px; } .pagination-next-prev a { color: #295381; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .pagination-next-prev a:hover { color: #163659; } .pagination-next-prev a:hover:before, .pagination-next-prev a:hover:after { color: #163659; border-color: #163659; } .pagination-next-prev .prev-link:before, .pagination-next-prev .next-link:after { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: 30px; height: 30px; border: 2px solid #295381; border-radius: 50%; display: inline-block; text-align: center; line-height: 30px; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .pagination-next-prev .prev-link:before { content: 'โ—…'; margin-right: 8px; padding-right: 2px; } .pagination-next-prev .next-link:after { content: 'โ–ป'; margin-left: 8px; padding-left: 2px; } .body-header h1, .lot-header h1 { font-size: 24px; font-family: 'Merriweather', serif; font-weight: 300; color: #38342e; } @media screen and (min-width: 600px) { .body-header h1, .lot-header h1 { font-size: 30px; } } .body-header .social-icons li, .lot-header .social-icons li { margin-left: 3px; margin-right: 3px; } .body-header .social-icons li a, .lot-header .social-icons li a { border-color: #8e8677; width: 30px; height: 30px; text-decoration: none; } .body-header .social-icons li a:before, .lot-header .social-icons li a:before { font-size: 14px; top: 1px; } .body-header .social-icons li a:hover, .lot-header .social-icons li a:hover { color: #312d28; border-color: #312d28; } .body-header__date { font-size: 14px; margin-bottom: 12px; text-transform: uppercase; color: #8e8677; display: block; } @media screen and (min-width: 600px) { .body-header__date { font-size: 16px; margin-bottom: 20px; } } .body-header-meta, .lot-header__meta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-align-items: center; -webkit-align-items: center; align-items: center; margin-bottom: 20px; } .body-header-meta__sub-title { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; color: #f9b700; } .gallery-count:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '๐ŸŒ„'; margin-right: 8px; position: relative; top: 3px; font-size: 18px; } .sale-result-card { background-color: #8fa7c1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .sale-result-card img { max-width: 100%; height: auto; } .sale-result-card.sale-result-card--future { padding-top: 40px; } .sale-result-card__body { display: block; text-align: center; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; text-decoration: none; } .sale-result-card__body a { text-decoration: none; } .sale-result-card__base { background-color: #7a97b6; padding: 8px; } .sale-result-card__status, .sale-result-card__date, .sale-result-card__title, .sale-result-card__info { display: block; } .sale-result-card__status { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #163659; padding: 8px 24px; display: inline-block; background: #fff; border-radius: 18px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .sale-result-card__status:hover { color: lighen(#163659, 10%); } .sale-result-card__status.sale-result-card__status--open { background-color: #f9b700; color: #fff; } .sale-result-card__status.sale-result-card__status--open:hover { background-color: lighen(#f9b700, 10%); } .sale-result-card__status.sale-result-card__status--results { background-color: #163659; color: #fff; } .sale-result-card__status.sale-result-card__status--results:hover { background-color: lighen(#163659, 10%); } .sale-result-card__date, .sale-result-card__info { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; } .sale-result-card__date { color: #fff; } .sale-result-card__title { font-family: 'Merriweather', serif; font-weight: 700; color: #163659; font-size: 22px; max-width: 260px; margin-left: auto; margin-right: auto; } .sale-result-card__info { color: #cbd8e7; } .sale-result-card__date, .sale-result-card__title { margin-bottom: 12px; } .inline-links { margin: 0; padding: 0; list-style-type: none; text-align: center; } .inline-links li { margin: 0; padding: 0; font-size: 14px; display: inline-block; border-right: 1px solid #9eb4cc; } .inline-links li:last-of-type { border-right: none; } .inline-links a { color: #fff; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; display: block; padding: 6px 12px; text-decoration: none; } .sale-result-card__base .inline-links { margin-bottom: 0; } .sale-result-card__base .inline-links li { font-size: 12px; } .sale-result-card__base .inline-links li a { padding: 3px 6px; } .gallery-widget .img-link { display: inline-block; margin-left: 5px; margin-right: 5px; } .gallery-widget .img-link img { display: block; } .gallery-widget__title, .gallery-widget__meta { background-color: #eeebe7; padding: 20px 20px; text-align: center; } .gallery-widget__title { font-family: 'Merriweather', serif; font-weight: 700; color: #38342e; font-size: 18px; } .gallery-widget__imgs { margin: 10px 0; } .gallery-widget__meta a { text-decoration: none; } /* - - - - LOT HEADER - - - - - */ .lot-header { border-bottom: 2px solid #eeebe7; } .lot-header, .lot-body, .lot-video { margin-bottom: 40px; } .lot-video { margin-bottom: 20px; } .lot-info { margin: 0; padding: 0; list-style-type: none; } .lot-info li { margin: 0; padding: 0; margin-bottom: 12px; color: #38342e; } .lot-info li:last-of-type { margin-bottom: 0; } .lot-info .lot-info__key, .lot-info .lot-info__value { display: inline-block; } .lot-info .lot-info__key { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0.05em; width: 120px; } .lot-info.lot-info--large li { font-size: 20px; } .lot-body .lot-info { margin-bottom: 20px; } .lot-body p { font-size: 14px; margin-bottom: 12px; color: #8e8677; } .lot-header__meta { margin-top: 20px; } .lot-header__meta div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lot-header__meta div .post-icon-large { margin-left: 8px; } .lot-images { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -5px; margin-right: -5px; } .lot-images a { width: calc(25% - 10px); margin-left: 5px; margin-right: 5px; } .lot-images a img { display: block; max-width: 100%; height: auto; } .winners-block { max-width: 400px; margin-bottom: 40px; margin-left: auto; margin-right: auto; } .winners-block img { display: block; max-width: 100%; height: auto; } a.winners-block__current-year { background: #163659; border: 10px solid #112e4d; padding: 15px; text-align: center; font-family: 'Merriweather', serif; font-weight: 700; color: #fff; text-decoration: none; display: block; font-size: 17px; line-height: 24px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } a.winners-block__current-year:hover { background-color: #112e4d; } a.winners-block__current-year .hl { color: #f9b700; display: block; } .winners-block__other-years { background-color: #e3ecf5; padding: 30px; text-align: center; } .winners-block__other-years .link-list { margin-bottom: 0; } .winners-block__other-years .link-list li:last-of-type { margin-bottom: 0; } @media screen and (min-width: 600px) { .winners-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; } .winners-block { margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 760px) { .winners-block { margin-left: 20px; margin-right: 20px; } } .sales-entries { background-color: #fff; } .sales-entries .primary-title { color: #163659; margin-top: 40px; margin-bottom: 40px; } .roll-of-honour h1, .roll-of-honour h2, .roll-of-honour h3, .roll-of-honour h4, .roll-of-honour h5, .roll-of-honour h6 { font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; margin-bottom: 10px; color: #555351; } .roll-of-honour__winner { margin-bottom: 40px; } .roll-of-honour__winner img { display: block; margin-bottom: 0; max-width: 100%; height: auto; } .roll-of-honour__item { border-bottom: 2px solid #eeebe6; margin-bottom: 30px; } .winner-body { background-color: #eeeceb; padding: 32px; } .winner-body p { margin-bottom: 0; } .pdfobject-container { min-height: 600px; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tweet-holder { max-height: 330px; overflow: auto; } .tweet-holder p { font-size: 13px; border-bottom: 1px solid #f4f1ed; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; } .tweet-holder a { color: #295381; } .tweet-holder .time { font-style: italic; display: inline-block; float: right; margin-left: 8px; color: #999; } .sales-title-header { position: relative; } .sales-title-header select { margin-bottom: 20px; margin-top: -10px; } @media screen and (min-width: 600px) { .sales-title-header select { position: absolute; right: 0; top: 15px; } } .page-footer { border-top: 2px solid #eeebe7; max-width: 1200px; margin-left: auto; margin-right: auto; background: #fff; } .page-footer__inner { padding: 40px 30px; } .footer-menu { margin: 0; padding: 0; list-style-type: none; } .footer-menu li { margin: 0; padding: 0; color: #666666; margin-bottom: 6px; line-height: 1.5; font-size: 14px; } .footer-menu li a { color: #666666; } .footer-menu li.footer-menu__item { margin-bottom: 12px; color: #38342e; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; } .footer-base { background-color: #312d28; color: #8e8677; padding: 12px 30px; position: relative; font-size: 14px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-base .social-icons { order: 1; width: 100%; margin-bottom: 25px; } .footer-base .copy { order: 2; text-align: center; width: 100%; margin-bottom: 12px; } .footer-base .designedbytangerine { order: 3; margin: 0 auto; } .social-icons { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; } .social-icons li { margin: 0 6px; padding: 0; } .social-icons a { display: block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #3e3c38; color: #8e8677; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background-repeat: no-repeat; background-position: center center; background-size: 18px auto; font-family: "SSSocialRegular"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons a:before { font-size: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; height: 100%; position: relative; top: 2px; } .social-icons a:hover { border-color: #fff; color: #fff; } .facebook-icon:before { content: '๏˜'; } .instagram-icon:before { content: '๏™'; } .twitter-icon:before { content: '๏˜‘'; } .mail-icon:before { content: 'โœ‰'; } .designedbytangerine { display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 22px auto; background-image: url(../img/pucker.svg); } @media screen and (min-width: 920px) { .footer-base { -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-align-items: center; -webkit-align-items: center; align-items: center; height: 40px; } .footer-base .social-icons { order: 2; width: auto; margin-bottom: 0; position: absolute; left: 50%; top: 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .footer-base .copy { order: 1; text-align: center; width: auto; margin-bottom: 0; position: absolute; left: 30px; top: 24px; } .footer-base .designedbytangerine { order: 3; margin: 0; position: absolute; right: 30px; top: 15px; } } .footer-fox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; height: 100%; } /*! Flickity v1.2.1 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: 2px solid transparent; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -ms-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .flickity-prev-next-button:hover .arrow { fill: #fff; } .flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; } .flickity-prev-next-button.previous { left: 25px; } .flickity-prev-next-button.next { right: 25px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { filter: alpha(opacity=30); /* IE8 */ opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 28%; top: 23%; width: 50%; height: 50%; } .flickity-prev-next-button.previous svg { left: 20%; } .flickity-prev-next-button .arrow { fill: #829dba; -webkit-transition: fill 0.4s; -moz-transition: fill 0.4s; -ms-transition: fill 0.4s; -o-transition: fill 0.4s; transition: fill 0.4s; } @media screen and (max-width: 600px) { .slider .flickity-prev-next-button { display: none; } } .slider .flickity-prev-next-button { border-color: rgba(255, 255, 255, 0.4); opacity: 0.5; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .slider .flickity-prev-next-button:hover { opacity: 1; } .slider .flickity-prev-next-button .arrow { fill: #fff; } /* .banner { .flickity-prev-next-button svg { width: 50%; height: 50%; } }*/ /* color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #333; font-size: 26px; } /* ---- page dots ---- */ .slider { /* .flickity-page-dots .dot:not(.is-selected) { &:after { opacity: 0; @include transform(opacity .2s); } }*/ } .slider .flickity-page-dots { width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .slider .flickity-rtl .flickity-page-dots { direction: rtl; } .slider .flickity-page-dots .dot { display: inline-block; height: 10px; background-color: #eeebe7; border-right: 2px solid #fff; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; cursor: pointer; position: relative; } .slider .flickity-page-dots .dot:last-of-type { border-right: none; } .slider .flickity-page-dots .dot:after, .slider .flickity-page-dots .dot span.dot__inner { content: ' '; position: absolute; left: 0; top: 0; height: 10px; width: 0; background-color: #f9b700; } .slider .flickity-page-dots .dot.is-selected, .slider .flickity-page-dots .dot:hover { background-color: #e3dfd8; } .slider .flickity-page-dots .dot.is-selected:after { -webkit-animation: grow 6s; -moz-animation: grow 6s; -o-animation: grow 6s; animation: grow 6s; animation-fill-mode: forwards; } .slider .dot.previously-selected:after { width: 100%; } @-webkit-keyframes grow { 0% { width: 0; } 100% { width: 100%; } } @-moz-keyframes grow { 0% { width: 0; } 100% { width: 100%; } } @-o-keyframes grow { 0% { width: 0; } 100% { width: 100%; } } @keyframes grow { 0% { width: 0; } 100% { width: 100%; } } .page-slider .flickity-prev-next-button { border-color: #c8c6c3; } .page-slider .flickity-prev-next-button .arrow { fill: #c8c6c3; } .page-slider .flickity-prev-next-button.next { right: 12px; } .page-slider .flickity-prev-next-button.previous { left: 12px; } .page-slider .flickity-page-dots { width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .page-slider .flickity-rtl .flickity-page-dots { direction: rtl; } .page-slider .flickity-page-dots .dot { display: inline-block; height: 10px; width: 10px; border-radius: 50%; background-color: #eeebe7; margin-left: 4px; margin-right: 4px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -ms-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; cursor: pointer; position: relative; } .page-slider .flickity-page-dots .dot:last-of-type { border-right: none; } .page-slider .flickity-page-dots .dot.is-selected, .page-slider .flickity-page-dots .dot:hover { background-color: #c4b9ab; } .page-slider .dot.previously-selected:after { width: 100%; } @media screen and (min-width: 966px) { .page-slider .flickity-prev-next-button.next { right: -68px; } .page-slider .flickity-prev-next-button.previous { left: -68px; } } .banner .flickity-prev-next-button.previous { left: 5px; } .banner .flickity-prev-next-button { right: 5px; } .gallery-widget__imgs .flickity-prev-next-button { top: -40px; } .gallery-widget__imgs .flickity-prev-next-button .arrow { fill: #8e8677; } .gallery-widget__imgs .flickity-prev-next-button.next { right: 10px; } .gallery-widget__imgs .flickity-prev-next-button.previous { left: 10px; } table { margin-bottom: 40px; } table caption, table th, table td { padding: 8px 12px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; text-align: left; line-height: 1.75; } table caption:last-of-type, table th:last-of-type, table td:last-of-type { border-right: none; } table caption .align-r, table th .align-r, table td .align-r { float: right; } table caption .lwr, table th .lwr, table td .lwr { text-transform: none; } table th, table td { vertical-align: top; } table .numeric { text-align: right; } table tr:last-of-type td { border-bottom: none; } table caption { background-color: #807d77; color: #fff; } table caption a { color: #fff; } table thead th { background: #a7a49f; color: #fff; text-transform: uppercase; } table thead th a { color: #fff; text-transform: none; } table thead th a:hover { color: #fff; } table thead th a.state-current { text-decoration: none; color: #38342e; font-weight: 700; } table tbody td { background-color: #faf9f8; } table tbody tr:nth-of-type(even) td { background-color: #f5f3f1; } table tbody tr td.state--active { background-color: #dcf2c0; } table tbody tr.state--withdrawn { opacity: 0.5; } table tbody tr.state--withdrawn td:first-of-type { background-color: #ecbcbc; } table a { text-decoration: underline; } table a:hover { text-decoration: none; } .table-block { display: block; } .table-icon { margin: 0 2px; } .table-icon:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: none; color: #666666; } td .table-icon:first-of-type { margin-left: 8px; } .table-icon--video:before { content: '๐Ÿ“น'; } .table-icon--image:before { content: '๐ŸŒ„'; } .table-icon--radiation, .table-icon--post { display: inline-block; width: 18px; height: 16px; } .table-icon--radiation { background: url(../img/radiation-icon.png) no-repeat center center; } .table-icon--post { background: url(../img/post-icon.png) no-repeat center center; } a.alert-link { color: #cc5455; } /* TABLE WRAP X SCROLL */ .table-wrap { position: relative; margin-left: -5px; margin-right: -5px; clear: both; margin-bottom: 40px; } .table-wrap caption, .table-wrap th:first-of-type, .table-wrap td:first-of-type { padding-left: 17px; } .table-wrap caption, .table-wrap th:last-of-type, .table-wrap td:last-of-type { padding-right: 17px; } .table-wrap table { margin-bottom: 0; } .table-wrap:before, .table-wrap:after { content: ' '; display: block; width: 5px; position: absolute; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); width: 5px; z-index: 1; } .table-wrap:before { left: 0px; background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(255, 255, 255, 0))); /* safari4+,chrome */ background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ie10+ */ background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff',GradientType=1 ); } .table-wrap:after { right: 0px; background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); /* safari4+,chrome */ background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* ie10+ */ background: linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808080',GradientType=1 ); /* ie6-9 */ } .table-wrap__inner { max-width: 100%; overflow-x: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .table-wrap__inner table { position: relative; } .table-wrap__inner table:before, .table-wrap__inner table:after { content: ' '; display: block; width: 5px; position: absolute; top: 0; bottom: 0; background: #fff; z-index: 2; } .table-wrap__inner table:before { left: 0px; } .table-wrap__inner table:after { right: 0px; } @media screen and (max-width: 760px) { .table-cards thead { display: none; } .table-cards td { display: block; text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .table-cards td:before { content: attr(data-header); display: block; background: #f2f2f2; width: 140px; padding: 8px 12px; margin-top: -8px; margin-left: -8px; margin-bottom: -8px; margin-right: 12px; color: #666666; } .table-cards tr { margin-bottom: 10px; display: block; } } .table-toggle__trigger:before { font-family: "SSJunior"; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; content: '+'; display: inline-block; position: relative; top: 2px; margin-left: 4px; font-size: 12px; } .table-toggle__content { background-color: lightyellow; color: #666666; margin-left: -12px; margin-right: -12px; margin-bottom: -12px; margin-top: 12px; } .table-toggle__content.thide { height: 0; overflow: hidden; } .table-toggle__content-inner { padding: 16px 20px 20px; } .table-toggle.state--open .table-toggle__trigger:before { content: '-'; } .table-toggle__title { color: #38342e; display: block; } /*! lightgallery - v1.2.21 - 2016-06-28 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */ @font-face { font-family: 'lg'; src: url("/fonts/lg.eot?n1z373"); src: url("/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("/fonts/lg.woff?n1z373") format("woff"), url("/fonts/lg.ttf?n1z373") format("truetype"), url("/fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 0; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #295381; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ .news-snippet { margin-bottom: 12px; } .news-snippet > a { border: 2px solid #eeebe7; padding: 12px; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -ms-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; text-decoration: none; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .news-snippet > a:hover { border-color: #6a87a5; } .news-snippet figure { margin: 0; margin-bottom: 12px; } .news-snippet figure img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; } .news-snippet__date { margin-bottom: 6px; color: #8e8677; } .news-snippet__title { margin-bottom: 0; } .news-snippet__sub-title { color: #f9b700; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; display: block; } .news-snippet p { font-size: 14px; } .news-snippet p:last-of-type { margin-bottom: 0; } .news-snippet__title + .news-snippet__sub-title { margin-top: 8px; } .news-snippet__sub-title + p { margin-top: 8px; } @media screen and (min-width: 480px) { .news-snippet--landscape > a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .news-snippet--landscape figure { margin-bottom: 0; margin-right: 12px; width: 150px; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .news-snippet--landscape figure img { margin: 0; } } @media screen and (min-width: 600px) { .desktop-tripple .news-snippet { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 100%; } .snippet-group { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .snippet-group .news-snippet { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media screen and (min-width: 920px) { .snippet-group .news-snippet { width: calc(25% - 20px); margin-left: 10px; margin-right: 10px; } } .news-hero-article { margin-bottom: 20px; } .news-hero-article .news-hero-article__fig { margin: 0; padding: 0; } .news-hero-article .news-hero-article__fig img { max-width: 100%; height: auto; display: block; margin-bottom: 20px; } .news-hero-article .news-hero-article__date { color: #8e8677; font-size: 16px; margin-bottom: 8px; } .news-hero-article .news-hero-article__title { font-size: 24px; font-size: 20px; line-height: 1.5; margin-bottom: 0; } .news-hero-article .news-hero-article__title a { text-decoration: none; } .news-hero-article .news-hero-article__sub-title { color: #f9b700; margin-top: 8px; display: block; } .news-hero-article p { margin-bottom: 0; border-top: 2px solid #eeebe7; padding-top: 12px; margin-top: 20px; } .news-hero-article a.read-more { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; text-decoration: none; font-size: 14px; margin-top: 12px; display: inline-block; } @media screen and (min-width: 760px) { .news-hero-article .news-hero-article__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -10px; margin-right: -10px; } .news-hero-article .news-hero-article__inner .news-hero-article__fig, .news-hero-article .news-hero-article__inner .news-hero-article__cnt { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } } @media screen and (min-width: 920px) { .news-hero-article .news-hero-article__title { font-size: 24px; } } .news-article { max-width: 820px; } .news-article img { max-width: 100%; height: auto; display: block; margin-bottom: 40px; } .news-read-more { color: #295381; font-weight: 700; } html.sale-day-live .sale-band { padding: 20px; } html.sale-day-live .page-footer { max-width: 100%; } html.sale-day-live .page-header { padding: 18px 25px; } html.sale-day-live .logo-wrap { background-image: none; width: 70px; display: block; height: auto; margin-left: auto; margin-right: auto; } html.sale-day-live .logo-wrap img { max-width: 100%; display: block; border: 0; clip: auto; height: auto; margin: 0 auto; position: static; width: auto; } html.sale-day-live .page-header__inner { position: relative; } a.home-link--sdl { position: absolute; left: 0; top: -2px; text-decoration: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border: none; } a.home-link--sdl .home-icon { border: 2px solid #68819d; border-radius: 50%; padding: 4px; width: 34px; height: 34px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #68819d; margin-right: 6px; } a.home-link--sdl .home-txt { color: #68819d; border: 0; clip: rect(0 0 0 0); height: auto; margin: auto; overflow: hidden; padding: 0; position: static; width: auto; } a.home-link--sdl .home-icon, a.home-link--sdl .home-txt { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } a.home-link--sdl:hover .home-icon, a.home-link--sdl:hover .home-txt { color: #fff; border-color: #fff; } @media screen and (max-width: 966px) { html.sale-day-live .logo-wrap { top: 10px; } a.home-link--sdl { top: -8px; } } @media screen and (max-width: 480px) { a.home-link--sdl .home-txt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .sale-band-title-date .sale-band__title, .sale-band-title-date .sale-band__date { display: inline-block; font-size: 18px; margin-left: 4px; margin-right: 4px; margin-bottom: 0; } @media screen and (min-width: 600px) { .scroll-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; width: 100%; height: 600px; } } .sale-day-live-split { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .sale-day-live-split .page-body { padding: 20px; padding-bottom: 0; -webkit-box-flex: 2.5; -webkit-flex: 2.5; -ms-flex: 2.5; flex: 2.5; } .sale-day-live-split .sale-day-live-feed { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .sale-day-live-feed { padding: 20px; padding-bottom: 0; } .video-wrap { margin-bottom: 20px; } .live-feed { background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .live-feed__title, .live-feed__body { padding: 20px; } .live-feed__title { font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; letter-spacing: 0; border-bottom: 1px solid #eeebe7; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); position: relative; z-index: 10; padding: 12px 20px; } .live-feed__body { overflow: auto; padding-bottom: 20px; } .live-feed__body p { font-size: 14px; margin-bottom: 15px; } html.iframe { background-color: #fff; } .iframe-wrap { background-color: #fff; width: 1px; min-width: 100%; *width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; } .jwplayer, .jwplayer[style] { margin-left: auto !important; margin-right: auto !important; max-width: 100%; } .sdl-tabs { margin: 0; padding: 0; list-style-type: none; background-color: #8fa7c1; padding-left: 10px; padding-right: 10px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; } .sdl-tabs li { margin: 0; padding: 0; font-size: 14px; } .sdl-tabs a { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; display: block; padding: 10px 20px; color: #ccd8e6; } .sdl-tabs a:hover { background-color: #ccd8e6; color: #295381; } .sdl-tabs a.state-selected { background-color: #fff; color: #163659; } .sale-book-filter .action { float: right; } .sale-day-live-split .filter-band { padding-bottom: 10px; margin-bottom: 0; position: relative; z-index: 10; } .sale-day-live-split .primary-filter a { padding: 6px 12px; } @media screen and (max-width: 1000px) { html.sale-day-live .page-wrap { padding: 0; } .sale-day-live-split { display: block; } } @media screen and (min-width: 1000px) { .sdl-tabs { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .contact-panel { background-color: #e3ecf5; margin-bottom: 30px; } .contact-panel .contact-panel__panel { padding: 30px; } .contact-panel img { display: block; margin: 0; max-width: 100%; height: auto; } .contacts .contacts__item { margin-bottom: 30px; } @media screen and (min-width: 600px) { .contact-panel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden; margin-bottom: 50px; } .contact-panel .contact-panel__panel { padding: 50px; } .contact-panel .cols__col:last-of-type p:last-of-type { margin-bottom: 0; } } @media screen and (min-width: 760px) { .contact-panel { -ms-align-items: center; -webkit-align-items: center; align-items: center; } .contacts { -ms-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-left: -1.5%; margin-right: -1.5%; } .contacts .contacts__item { margin-bottom: 50px; width: 30%; margin-left: 1.5%; margin-right: 1.5%; } } @media screen and (min-width: 920px) { .contact-panel__panel { width: 40%; } .contact-panel__panel .cols { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .contacts .contacts__item { width: 22%; } .cols__col--address { min-width: 240px; } }