/* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any styles * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * */ /* * BEFORE MODIFYING THIS DOCUMENT READ THIS DOCUMENTATION: * * http://cssguidelin.es/ * * What differs from the guideline: * * - Use aa_ prefix for all classes * - Indentations are 2px * - Columns are 120px wide * - Don't use [] in html inside class="" for grouping * - In html class="" don't use 2 space between classes, but put the related ones next to each other * - Low level commenting is not necessary but u can use, just try to explain the things u think is important * */ /* * RULES * * 1) NORMALIZE.CSS * * 2) HTML5 BOILERPLATE * */ /*----------------*\ #NORMALIZE.CSS \*----------------*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after 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, 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/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 when focused and also mouse hovered in all browsers. */ 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 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 { -moz-box-sizing: content-box; 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"], /* 1 */ 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; color: #999; border-color: #999; } /** * 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 * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * 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; } /*---------------------*\ #HTML5 BOILERPLATE \*---------------------*/ /*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /*----------*\ #GLOBAL \*----------*/ * { box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); /* prevent highlight on tap */ -webkit-text-size-adjust: 100%; /* text may be inflated of this exact proportion on mobile browsers */ font-size: 62.5%; /* setting default font size to 10px */ } html, body { margin: 0; padding: 0; } body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 1.45; } input[type="search"] { -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button, select { border: none; outline: none; background: transparent; text-transform: none; } button, input[type='text'], input[type='submit'], textarea{ -webkit-appearance: none; /* prevent to change the look in webkit browsers to the default */ } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } a { color: #aaa; text-decoration: none; } a:active, a:focus, a:hover { outline: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.1; margin-top: 1rem; margin-bottom: 1rem; } h1 {font-size: 3.6rem;} h2 {font-size: 3.2rem;} h3 {font-size: 2.4rem;} h4 {font-size: 1.8rem;} h5 {font-size: 1.4rem;} h6 {font-size: 1.2rem;} p { margin: 0 0 1rem; } .not_a_real_class__remove_me { display:block; } /* * Basic icon set for AppAdvice content. * Generated through fontastic.com * aai- prefix is important on all icon classes. * */ @font-face { font-family: "appadviceicons"; src:url("http://appadvice.com/fonts-appadvice/appadviceicons.eot"); src:url("http://appadvice.com/fonts-appadvice/appadviceicons.eot?#iefix") format("embedded-opentype"), url("http://appadvice.com/fonts-appadvice/appadviceicons.woff") format("woff"), url("http://appadvice.com/fonts-appadvice/appadviceicons.ttf") format("truetype"), url("http://appadvice.com/fonts-appadvice/appadviceicons.svg#appadviceicons") format("svg"); font-weight: normal; font-style: normal; } [data-aai]:before { font-family: "appadviceicons" !important; content: attr(data-aai); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="aai-"]:before, [class*=" aai-"]:before { font-family: "appadviceicons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media speech { [data-aai]:before, [class^="aai-"]:before, [class*=" aai-"]:before { speak: none; } } .aai-appadvice:before { content: "\e000"; } .aai-watchaware:before { content: "\e001"; } .aai-app-play:before { content: "\e002"; } .aai-tv-o:before { content: "\e005"; } .aai-tv:before { content: "\e006"; } .aai-bin-o:before { content: "\e007"; } .aai-bin:before { content: "\e008"; } .aai-heart-o:before { content: "\e009"; } .aai-heart:before { content: "\e00a"; } .aai-plus-circ-o:before { content: "\e00b"; } .aai-plus-circ:before { content: "\e00c"; } .aai-minus-circ-o:before { content: "\e00d"; } .aai-minus-circ:before { content: "\e00e"; } .aai-play-o:before { content: "\e00f"; } .aai-play:before { content: "\e010"; } .aai-pause-o:before { content: "\e011"; } .aai-pause:before { content: "\e012"; } .aai-stop-o:before { content: "\e013"; } .aai-stop:before { content: "\e014"; } .aai-record-o:before { content: "\e015"; } .aai-record:before { content: "\e016"; } .aai-backward-o:before { content: "\e017"; } .aai-backward:before { content: "\e018"; } .aai-forward-o:before { content: "\e019"; } .aai-forward:before { content: "\e01a"; } .aai-previous-o:before { content: "\e01b"; } .aai-previous:before { content: "\e01c"; } .aai-next-o:before { content: "\e01d"; } .aai-next:before { content: "\e01e"; } .aai-arrow-down-o:before { content: "\e01f"; } .aai-arrow-down:before { content: "\e020"; } .aai-arrow-up-o:before { content: "\e021"; } .aai-arrow-up:before { content: "\e022"; } .aai-arrow-left-o:before { content: "\e023"; } .aai-arrow-left:before { content: "\e024"; } .aai-arrow-right-o:before { content: "\e025"; } .aai-arrow-right:before { content: "\e026"; } .aai-search:before { content: "\e027"; } .aai-share:before { content: "\e028"; } .aai-android:before { content: "\e029"; } .aai-apple:before { content: "\e02a"; } .aai-facebook:before { content: "\e02b"; } .aai-github:before { content: "\e02c"; } .aai-globe:before { content: "\e02d"; } .aai-google-plus:before { content: "\e02e"; } .aai-pinterest:before { content: "\e02f"; } .aai-rss:before { content: "\e030"; } .aai-stackoverflow:before { content: "\e031"; } .aai-twitter:before { content: "\e032"; } .aai-youtube:before { content: "\e033"; } .aai-star-o:before { content: "\e035"; } .aai-star:before { content: "\e036"; } .aai-star-half-o:before { content: "\e037"; } .aai-link-o:before { content: "\e038"; } .aai-link:before { content: "\e039"; } .aai-ipad-o:before { content: "\e03a"; } .aai-ipad:before { content: "\e03b"; } .aai-iphone-o:before { content: "\e03c"; } .aai-iphone:before { content: "\e03d"; } .aai-joystick-o:before { content: "\e03e"; } .aai-joystick:before { content: "\e03f"; } .aai-dollar-bag-o:before { content: "\e040"; } .aai-dollar-bag:before { content: "\e041"; } .aai-shopping-bag-o:before { content: "\e042"; } .aai-shopping-bag:before { content: "\e043"; } .aai-thumbs-up-o:before { content: "\e003"; } .aai-thumbs-up:before { content: "\e004"; } .aai-thumbs-down-o:before { content: "\e044"; } .aai-thumbs-down:before { content: "\e045"; } .aai-arrow-dl-o:before { content: "\e046"; } .aai-arrow-dl:before { content: "\e047"; } .aai-arrow-dr-o:before { content: "\e048"; } .aai-arrow-dr:before { content: "\e049"; } .aai-book-o:before { content: "\e04a"; } .aai-book:before { content: "\e04b"; } .aai-movie-play-o:before { content: "\e04c"; } .aai-movie-play:before { content: "\e04d"; } .aai-check-circle-o:before { content: "\e04e"; } .aai-check-circle:before { content: "\e04f"; } .aai-pacman-o:before { content: "\e050"; } .aai-pacman:before { content: "\e051"; } .aai-tag-o:before { content: "\e052"; } .aai-tag:before { content: "\e053"; } .aai-note-paper-o:before { content: "\e054"; } .aai-note-paper:before { content: "\e055"; } .aai-direction-sign-o:before { content: "\e056"; } .aai-direction-sign:before { content: "\e057"; } .aai-thumbnails-o:before { content: "\e058"; } .aai-thumbnails:before { content: "\e059"; } .aai-information-o:before { content: "\e05a"; } .aai-information:before { content: "\e05b"; } .aai-moon-cloud-o:before { content: "\e05c"; } .aai-moon-cloud:before { content: "\e05d"; } .aai-list-o:before { content: "\e05e"; } .aai-list:before { content: "\e05f"; } .aai-nowgaming:before { content: "\e060"; } /* * BEFORE MODIFYING THIS DOCUMENT READ THIS DOCUMENTATION CAREFULLY: * * http://cssguidelin.es/ * * What differs from the guideline: * * - Indentations are 2px * - Columns are 120px wide * - don't use [] in html inside class="" for grouping * - in html class="" don't use 2 space between classes, but put the related ones next to each other * - low level commenting is not necessary but u can use, just try to explain the things u think is important * */ /* * DEVICES * * 1) IPHONE6 * * 2) IPAD AIR 2 * * 3) TV * */ /*-----------*\ #IPHONE6 \*-----------*/ .p6 { position: relative; padding: 25% 7%; } .p6--shadow:before { content: ''; position: absolute; top: 8%; right: -10%; width: 100%; height: 100%; background-color: #000; box-shadow: 0 0 20px 10px #000; border-radius: 10%/5%; opacity: .15; } .p6--ls { padding: 3.5% 12.2%; } .p6__body { position: absolute; top: 0; right: 1%; bottom: 0; left: 1%; background: linear-gradient(to top, #b9bbbb 0%, #f4f6f6 100%); border-radius: 14%/7%; box-shadow: inset 0 0 4px rgba(0,0,0,.5) } .p6--ls > .p6__body { top: 1%; right: 0; bottom: 1%; left: 0; border-radius: 7%/14%; } .p6--grey > .p6__body { background: linear-gradient(to top, #707175 0%, #a3a4a9 100%); } .p6--gold > .p6__body { background: linear-gradient(to top, #c4af9a 0%, #fceeda 100%); } .p6__body:before { content: ''; position: absolute; top: .7%; right: 1.4%; bottom: .7%; left: 1.4%; background-color: #e7e8e8; border-radius: 13%/7%; } .p6--ls > .p6__body:before { top: 1.4%; right: .7%; bottom: 1.4%; left: .7%; border-radius: 7%/13%; } .p6--grey > .p6__body:before { background-color: #373737; } .p6--gold > .p6__body:before { background-color: #e7e8e8; } .p6__body:after { content: ''; position: absolute; top: 1%; right: 2.3%; bottom: 1%; left: 2.3%; background-color: #f5f5f5; border-radius: 13%/6.5%; } .p6--ls > .p6__body:after { top: 2.3%; right: 1%; bottom: 2.3%; left: 1%; border-radius: 6.5%/13%; } .p6--grey > .p6__body:after { background-color: #090808; } .p6--gold > .p6__body:after { background-color: #f5f5f5; } .p6__body__speaker, .p6__body__camera, .p6__body__sensor { position: absolute; z-index: 1; background-color: #333; transform: translate(-50%,-50%); } .p6__body__speaker { top: 6.25%; left: 50%; width: 16.5%; height: .8%; border-radius: 5px; } .p6--ls .p6__body__speaker { top: 50%; left: 6.25%; width: .8%; height: 16.5%; } .p6__body__camera { top: 6.3%; left: 33.9%; width: 3.5%; height: 1.7%; border-radius: 50%; } .p6--ls .p6__body__camera { top: 66.1%; left: 6.3%; width: 1.7%; height: 3.5%; } .p6__body__sensor { top: 3.2%; left: 50%; width: 2.2%; height: 1.1%; border-radius: 50%; } .p6--ls .p6__body__sensor { top: 50%; left: 3.2%; width: 1.1%; height: 2.2%; } .p6__body__mute, .p6__body__up, .p6__body__down, .p6__body__right { position: absolute; background-color: #b5b8ba; box-shadow: inset 0 5px 5px -3px rgba(0,0,0,.5), inset 0 -5px 5px -3px rgba(0,0,0,.5); transform: translate(0,-50%); } .p6--ls .p6__body__mute, .p6--ls .p6__body__up, .p6--ls .p6__body__down, .p6--ls .p6__body__right { box-shadow: inset 5px 0 5px -3px rgba(0,0,0,.5), inset -5px 0 5px -3px rgba(0,0,0,.5); transform: translate(-50%,0); } .p6--grey > .p6__body > .p6__body__mute, .p6--grey > .p6__body > .p6__body__up, .p6--grey > .p6__body > .p6__body__down, .p6--grey > .p6__body > .p6__body__right { background-color: #6a6b71; } .p6--gold > .p6__body > .p6__body__mute, .p6--gold > .p6__body > .p6__body__up, .p6--gold > .p6__body > .p6__body__down, .p6--gold > .p6__body > .p6__body__right { background-color: #c8b5a2; } .p6--ls .p6__body__right { background-color: #f4f6f6; } .p6--grey.p6--ls .p6__body__right { background-color: #a3a4a9; } .p6--gold.p6--ls .p6__body__right { background-color: #fceeda; } .p6__body__mute { top: 14.7%; left: -.7%; width: .7%; height: 4%; border-radius: 1px 0 0 1px; } .p6--ls .p6__body__mute { top: auto; left: 14.7%; bottom: -.7%; width: 4%; height: .7%; border-radius: 0 0 1px 1px; } .p6__body__up, .p6__body__down { left: -1%; width: 1%; height: 7.5%; border-radius: 2px 0 0 2px; } .p6--ls .p6__body__up, .p6--ls .p6__body__down { bottom: -1%; width: 7.5%; height: 1%; border-radius: 0 0 2px 2px; } .p6__body__up { top: 25%; } .p6--ls .p6__body__up { top: auto; left: 25%; } .p6__body__down { top: 34%; } .p6--ls .p6__body__down { top: auto; left: 34%; } .p6__body__right { top: 25%; right: -1%; width: 1%; height: 7.5%; border-radius: 0 2px 2px 0; } .p6--ls .p6__body__right { top: -1%; right: auto; left: 25%; width: 7.5%; height: 1%; border-radius: 2px 2px 0 0; } .p6__body__btn { position: absolute; z-index: 1; bottom: 6.5%; left: 50%; width: 16%; height: 7.6%; background: linear-gradient(10deg, #222 0%, #f5f5f5 50%, #222 100%); border-radius: 50%; transform: translate(-50%,50%); } .p6--ls .p6__body__btn { top: 50%; right: 6.5%; bottom: auto; left: auto; width: 7.6%; height: 16%; transform: translate(50%,-50%); } .p6--grey > .p6__body > .p6__body__btn { background: linear-gradient(10deg, #050708 0%, #46484e 50%, #050708 100%); } .p6--gold > .p6__body > .p6__body__btn { background: linear-gradient(10deg, #432a1d 0%, #fbe8d5 50%, #432a1d 100%); } .p6__body__btn:before { content: ''; position: absolute; top: 5%; right: 5%; bottom: 5%; left: 5%; background-color: #ebecec; border-radius: 50%; } .p6--grey > .p6__body > .p6__body__btn:before { background-color: #000; } .p6--gold > .p6__body > .p6__body__btn:before { background-color: #ebecec; } .p6__screen { position: relative; z-index: 1; } .p6__screen:before { content: ''; position: absolute; z-index: -1; top: -.5%; right: -1%; bottom: -.5%; left: -1%; background-color: #333; border-radius: 2px; } .p6--ls > .p6__screen:before { top: -1%; right: -.5%; bottom: -1%; left: -.5%; } .p6__screen__ { position: relative; padding-bottom: 178%; background-color: #888; } .p6--ls .p6__screen__ { padding-bottom: 56%; } .p6__screen__frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } /*-------------*\ #IPAD AIR2 \*-------------*/ .pa2 { position: relative; padding: 12.4% 6.3%; } .pa2--ls { padding: 4.6% 9%; } .pa2__body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, #36353a 0%, #e6e8e7 30%, #e6e8e7 70%, #58595d 100%); border-radius: 6%/4%; overflow: hidden; } .pa2--ls > .pa2__body { border-radius: 4%/6%; } .pa2--grey > .pa2__body { background: linear-gradient(to top, #2d2c31 0%, #6d6d75 30%, #6d6d75 70%, #2f2e33 100%); } .pa2--rose > .pa2__body { background: linear-gradient(to top, #574539 0%, #fce7d4 30%, #fce7d4 70%, #756254 100%); } .pa2__body:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, rgba(232,232,232,0) 0%, rgba(232,232,232,1) 30%, rgba(232,232,232,1) 70%, rgba(232,232,232,0) 100%); } .pa2--grey > .pa2__body:before { background: linear-gradient(to right, rgba(177,177,177,0) 0%, rgba(177,177,177,1) 30%, rgba(177,177,177,1) 70%, rgba(177,177,177,0) 100%); } .pa2--rose > .pa2__body:before { background: linear-gradient(to right, rgba(250,231,214,0) 0%, rgba(250,231,214,1) 30%, rgba(250,231,214,1) 70%, rgba(250,231,214,0) 100%); } .pa2__body:after { content: ''; position: absolute; top: -15%; right: 51%; bottom: -15%; width: 10%; background: linear-gradient(to right, rgba(231,231,231,0) 0%, rgba(231,231,231,1) 100%); transform: rotate(35deg); } .pa2--ls .pa2__body:after { top: auto; right: -15%; bottom: 51%; left: -15%; width: auto; height: 10%; background: linear-gradient(to bottom, rgba(231,231,231,0) 0%, rgba(231,231,231,1) 100%); transform: rotate(-35deg); } .pa2--grey > .pa2__body:after { background: linear-gradient(to right, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 100%); } .pa2--grey.pa2--ls > .pa2__body:after { background: linear-gradient(to bottom, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 100%); } .pa2--rose > .pa2__body:after { background: linear-gradient(to right, rgba(253,243,231,0) 0%, rgba(253,243,231,1) 100%); } .pa2--rose.pa2--ls > .pa2__body:after { background: linear-gradient(to bottom, rgba(253,243,231,0) 0%, rgba(253,243,231,1) 100%); } .pa2__body__ { } .pa2__body__:before { content: ''; position: absolute; z-index: 1; top: .4%; right: .5%; bottom: .4%; left: .5%; border-radius: 5.5%/4%; background-color: #d4d5d7; } .pa2--ls .pa2__body__:before { top: .5%; right: .4%; bottom: .5%; left: .4%; border-radius: 4%/5.5%; } .pa2--grey .pa2__body__:before { background-color: #a3a2a7; } .pa2--rose .pa2__body__:before { background-color: #e9d4c1; } .pa2__body__:after { content: ''; position: absolute; z-index: 1; top: .6%; right: .7%; bottom: .6%; left: .7%; border-radius: 5.3%/3.8%; background-color: #f4f5f7; } .pa2--ls .pa2__body__:after { top: .7%; right: .6%; bottom: .7%; left: .6%; border-radius: 3.8%/5.3%; } .pa2--grey .pa2__body__:after { background-color: #000; } .pa2--rose .pa2__body__:after { background-color: #f4f5f7; } .pa2__body__camera, .pa2__body__sensor { position: absolute; z-index: 1; transform: translate(-50%,-50%); } .pa2__body__camera { top: 4.7%; left: 50%; width: 1.6%; height: 1.1%; border-radius: 50%; background-color: #333; } .pa2--ls .pa2__body__camera { top: 50%; left: 4.7%; width: 1.1%; height: 1.6%; } .pa2__body__sensor { top: 4.7%; left: 47.5%; width: .7%; height: .5%; border-radius: 50%; background-color: rgba(0,0,0,.05); } .pa2--ls .pa2__body__sensor { top: 52.5%; left: 4.7%; width: .5%; height: .7%; } .pa2__body__btn { position: absolute; z-index: 1; bottom: 4.2%; left: 50%; width: 6.3%; height: 4.5%; background: linear-gradient(10deg, #47484d 0%, #ecedef 40%, #47484d 100%); border-radius: 50%; transform: translate(-50%,50%); } .pa2--ls .pa2__body__btn { top: 50%; right: 4.2%; bottom: auto; left: auto; width: 4.5%; height: 6.3%; transform: translate(50%,-50%); } .pa2--grey > .pa2__body > .pa2__body__btn { background: linear-gradient(10deg, #111 0%, #adadb5 40%, #111 100%); } .pa2--rose > .pa2__body > .pa2__body__btn { background: linear-gradient(10deg, #2a1a0d 0%, #fceadc 40%, #2a1a0d 100%); } .pa2__body__btn:before { content: ''; position: absolute; top: 8%; right: 8%; bottom: 8%; left: 8%; background-color: #f4f5f7; border-radius: 50%; } .pa2--grey > .pa2__body > .pa2__body__btn:before { background-color: #000; } .pa2--rose > .pa2__body > .pa2__body__btn:before { background-color: #f4f5f7; } .pa2__screen { position: relative; z-index: 1; } .pa2__screen:before { content: ''; position: absolute; z-index: -1; top: -.3%; right: -.4%; bottom: -.3%; left: -.4%; background-color: #333; border-radius: 2px; } .pa2--ls > .pa2__screen:before { top: -.4%; right: -.3%; bottom: -.4%; left: -.3%; } .pa2__screen__ { position: relative; padding-bottom: 133.3%; background-color: #888; } .pa2--ls .pa2__screen__ { padding-bottom: 75%; } .pa2__screen__frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } /*------*\ #TV \*------*/ .tv { } .tv__top { padding: 1%; border-radius: 1.12%/2%; background: linear-gradient(35deg, #222 0%, #555 100%); } .tv--line > .tv__top { border: solid 1px #888; background: none; } .tv__top__screen { position: relative; padding-bottom: 56.25%; background-color: #444; } .tv--line > .tv__top > .tv__top__screen { background-color: transparent; } .tv__top__screen__frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .tv__top__screen__frame__carousel { height: 100%; font-size: 0; white-space: nowrap; overflow: hidden; } .tv__top__screen__frame__carousel > .slick-list, .tv__top__screen__frame__carousel > .slick-list > .slick-track { height: 100%; overflow: visible; } .bounce-left > .slick-list { animation-delay: 1s; animation: bounceLeft 1s ease-out; } .tv__top__screen__frame__carousel__elem { display: inline-block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .tv__top__screen__frame__carousel__arr { position: absolute; top: 50%; left: 10px; width: 40px; height: 100px; margin-top: -50px; } .tv__top__screen__frame__carousel__arr:last-child { left: auto; right: 10px; } .tv__top__screen__frame__carousel__arr:before, .tv__top__screen__frame__carousel__arr:after { content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 50%; background-color: #fff; box-shadow: 1px 0 rgba(0,0,0,.3); -webkit-transform: translate3d(0,-94%,0) rotate(20deg); transform: translate3d(0,-94%,0) rotate(20deg); } .tv__top__screen__frame__carousel__arr:after { -webkit-transform: translate3d(0,0,0) rotate(-20deg); transform: translate3d(0,0,0) rotate(-20deg); } .tv__top__screen__frame__carousel__arr:last-child:before, .tv__top__screen__frame__carousel__arr:last-child:after { box-shadow: -1px 0 rgba(0,0,0,.3); -webkit-transform: translate3d(0,-94%,0) rotate(-20deg); transform: translate3d(0,-94%,0) rotate(-20deg); } .tv__top__screen__frame__carousel__arr:last-child:after { -webkit-transform: translate3d(0,0,0) rotate(20deg); transform: translate3d(0,0,0) rotate(20deg); } .tv__center { width: 6%; margin: 0 auto; padding-bottom: 6%; background: linear-gradient(to bottom, #999 0%, #ddd 100%); box-shadow: inset 0 7px 5px -5px rgba(0,0,0,.5); } .tv--line > .tv__center { width: 1px; background: #888; box-shadow: none; } .tv__bottom { width: 30%; margin: 0 auto; padding-bottom: 1%; background-color: #999; border-radius: 1px; box-shadow: 0 2px 1px -1px; } .tv--line > .tv__bottom { height: 1px; padding-bottom: 0; background-color: #888; border-radius: 0; box-shadow: none; } /* * BEFORE MODIFYING THIS DOCUMENT READ THIS DOCUMENTATION CAREFULLY: * * http://cssguidelin.es/ * * What differs from the guideline: * * - Indentations are 2px * - Columns are 120px wide * - don't use [] in html inside class="" for grouping * - in html class="" don't use 2 space between classes, but put the related ones next to each other * - low level commenting is not necessary but u can use, just try to explain the things u think is important * */ /* * RULES * * 1) MENU...............................Manu bar rules used on sites like AppAdvice or AppApvice/TV * */ /*--------*\ #MENU \*--------*/ .am { position: fixed; z-index: 10; top: 0; right: 0; left: 0; height: 60px; box-shadow: 0 1px rgba(130,130,130,.3); background-color: #fff; transition: .3s ease-out; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dark .am { background-color: #222; } .am.hide { -webkit-transform: translate3d(0,-61px,0); transform: translate3d(0,-61px,0); } .am-helper { position: fixed; z-index: 9; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .open + .am-helper { pointer-events: auto; } .am__elem { display: block; padding: 0 10px; font-size: 0; /* prevent spaces between inline-blocks */ font-weight: 300; line-height: 60px; color: inherit; white-space: nowrap; } .am__elem--sub { position: relative; } .am__elem--click { cursor: pointer; } .am__elem.disable { pointer-events: none; } .am__elem__down { position: relative; display: inline-block; vertical-align: top; width: 16px; height: 60px; margin-right: 1px; } .am__elem__icon + .am__elem__down { margin-right: 4px; margin-left: -18px; } .am__elem__down:before, .am__elem__down:after { content: ''; position: absolute; top: 50%; left: 50%; width: 11px; margin-left: -5px; border-top: solid 1px; transition: .2s ease-out; } .am__elem__icon + .am__elem__down:before, .am__elem__icon + .am__elem__down:after { top: 80%; } .am__elem__down:before { -webkit-transform: translate3d(-4px,0,0) rotate(45deg); transform: translate3d(-4px,0,0) rotate(45deg); } .am__elem__down:after { -webkit-transform: translate3d(4px,0,0) rotate(-45deg); transform: translate3d(4px,0,0) rotate(-45deg); } .open > .am__elem__down:before { -webkit-transform: translate3d(0,0,0) rotate(45deg); transform: translate3d(0,0,0) rotate(45deg); } .open > .am__elem__down:after { -webkit-transform: translate3d(0,0,0) rotate(-45deg); transform: translate3d(0,0,0) rotate(-45deg); } .am__elem__icon { display: inline-block; vertical-align: top; min-width: 2rem; font-size: 2rem; } .am__elem__icon:before { position: relative; top: 2px; } .am__elem__text { display: inline-block; vertical-align: top; font-size: 1.4rem; font-weight: 400; color: inherit; } .am__elem__switch { height: 30px; margin-top: 15px; box-shadow: 0 0 0 1px rgba(130, 130, 130, .2); border-radius: 10px; } .am__elem__switch__ { display: inline-block; vertical-align: top; padding: 5px; color: inherit; font-size: 1.8rem; line-height: 20px; opacity: .5; transition: opacity .3s; } .am__elem__switch__:hover, .am__elem__switch__:focus { opacity: .75; } .am__elem__switch__.active { border-radius: 10px; background-color: rgba(130,130,130,.1); box-shadow: 0 0 0 1px rgba(130,130,130,.2); opacity: 1; pointer-events: none; } .am__elem__sub { position: absolute; top: 60px; left: -1px; border: solid 1px rgba(130,130,130,.3); background-color: #fff; opacity: 0; pointer-events: none; cursor: auto; transition: .3s ease-out; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } .am__elem__sub.dark { background-color: #222; color: #fff; } .am__elem__sub--behind { z-index: -1; } .am__elem__sub--right { right: 0; left: auto; } .am__elem__sub--full { right: 0; left: 0; } .am__elem__sub--grid { width: 220px; padding: 10px; font-size: 0; line-height: 1; white-space: normal; text-align: right; } .open > .am__elem__sub { opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .am__elem__sub__elem { position: relative; display: block; font-size: 1.4rem; line-height: 40px; color: inherit; box-shadow: 0 1px rgba(130,130,130,.3); } .am__elem__sub--grid .am__elem__sub__elem { display: inline-block; vertical-align: top; width: 50%; height: 84px; padding: 10px 20px; box-shadow: -1px 1px rgba(130,130,130,.3); text-align: center; font-size: 1.2rem; line-height: 1.2; } .am__elem__sub__elem--big { font-size: 2rem; line-height: 50px; } .am__elem__sub__elem:before { position: relative; top: 2px; margin-right: 10px; } .am__elem__sub--grid .am__elem__sub__elem:before { display: block; margin: 5px; font-size: 2.6rem; } .am__main { } .am__main > .am__elem { } .am__main > .am__elem > .am__elem__sub { right: -1px; padding: 0 20px; } .am__main > .am__elem.open > .am__elem__sub { overflow: auto; } .am__main > .am__elem > .am__elem__sub > .am__elem { text-align: center; box-shadow: 0 1px rgba(130,130,130,.3); transition: background-color .3s; } .am__main > .am__elem > .am__elem__sub > .am__elem.active, .am__main > .am__elem > .am__elem__sub > .am__elem:hover, .am__main > .am__elem > .am__elem__sub > .am__elem:focus { background-color: rgba(130,130,130,.1); } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__down { display: none; } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub { position: relative; top: 0; right: 0; left: 0; padding: 0 20px; opacity: 1; background-color: transparent; border: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backdrop-filter: none; } .am__main > .am__elem.open > .am__elem__sub > .am__elem > .am__elem__sub { pointer-events: auto; } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub--grid { margin: 0 auto; padding: 10px; } @media all and (min-width: 1024px) { .am__elem__sub__elem:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background-color: rgba(130,130,130,1); transition: .3s; -webkit-transform: scaleX(0); transform: scaleX(0); } .am__elem__sub__elem:hover:after, .am__elem__sub__elem:focus:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .am__elem__sub--grid > .am__elem__sub__elem:after { display: none; } .am__main { } .am__main > .am__elem { box-shadow: none; padding: 0; } .am__main > .am__elem > .am__elem__text { display: none; } .am__main > .am__elem > .am__elem__sub { position: relative; top: 0; right: 0; left: 0; padding: 0; background-color: transparent; border: none; opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backdrop-filter: none; } .am__main > .am__elem.open > .am__elem__sub { overflow: visible; } .am__main > .am__elem > .am__elem__sub > .am__elem { display: inline-block; text-align: left; box-shadow: none; } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__down { display: inline-block; } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub { position: absolute; top: 60px; left: -1px; padding: 0 0 0 20px; border: solid 1px rgba(130,130,130,.3); background-color: #fff; overflow: hidden; opacity: 0; pointer-events: none; cursor: auto; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } .dark .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub { background-color: #222; } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub--right { right: 0; left: auto; } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub--full { right: 0; left: 0; } .am__main > .am__elem > .am__elem__sub > .am__elem.open > .am__elem__sub { opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub--grid { width: 220px; padding: 10px; } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub > .am__elem__sub__elem { padding-right: 20px; } } .am-second { position: fixed; z-index: 2; /* above .at, under .at_head */ top: 0; right: 0; left: 0; box-shadow: 0 1px rgba(130,130,130,.3); background-color: #222; color: #fff; font-size: 1.8rem; font-weight: 300; line-height: 4.4rem; text-align: center; transition: .3s ease-out; -webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); } .am-second.hide { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } @supports (-webkit-backdrop-filter: blur(1px)) { .am, .am__elem__sub, .am-second { background-color: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(20px); } .dark .am, .dark .am__elem__sub { background-color: rgba(34,34,34,.8); } .am__elem__sub.dark, .am-second { background-color: rgba(0,0,0,.8); } @media all and (min-width: 1024px) { .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub { background-color: rgba(255,255,255,.9); -webkit-backdrop-filter: blur(20px); } .dark .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub { background-color: rgba(34,34,34,.8); } .am__main > .am__elem > .am__elem__sub > .am__elem > .am__elem__sub.dark { background-color: rgba(0,0,0,.8); } } } .hide-nav .am, .hide-nav .am-helper, .hide-nav .am-second { display: none; } /* * BEFORE MODIFYING THIS DOCUMENT READ THIS DOCUMENTATION CAREFULLY: * * http://cssguidelin.es/ * * What differs from the guideline: * * - Indentations are 2px * - Columns are 120px wide * - don't use [] in html inside class="" for grouping * - in html class="" don't use 2 space between classes, but put the related ones next to each other * - low level commenting is not necessary but u can use, just try to explain the things u think is important * */ /* * RULES FOR APP COLLECTION PAGES * * 1) BACKGROUND * * 2) PATTERN * * 3) HEADER * * 4) INDEX * * 5) LINK * * 6) SUPERCOMPACT * * 7) COMPACT * * 8) LIST * * 9) GRID * * 10) DEVICES * * 11) MISCELLANEOUS * * 12) ANIMATIONS * */ /*--------------*\ #BACKGROUND \*--------------*/ .aa_collection--bg-1 {background: linear-gradient(30deg, rgba( 0,204,238,.2) 0%, rgba( 0,221,119,.2) 100%);} .aa_collection--bg-2 {background: linear-gradient(30deg, rgba( 0, 54,238,.2) 0%, rgba( 0,168,221,.2) 100%);} .aa_collection--bg-3 {background: linear-gradient(30deg, rgba(180, 0,238,.2) 0%, rgba( 1, 0,221,.2) 100%);} .aa_collection--bg-4 {background: linear-gradient(30deg, rgba(238, 0,150,.2) 0%, rgba(154, 0,221,.2) 100%);} .aa_collection--bg-5 {background: linear-gradient(30deg, rgba(238, 19, 0,.2) 0%, rgba(221, 0,123,.2) 100%);} .aa_collection--bg-6 {background: linear-gradient(30deg, rgba(238,143, 0,.2) 0%, rgba(221, 0, 16,.2) 100%);} .aa_collection--bg-7 {background: linear-gradient(30deg, rgba(159,238, 0,.2) 0%, rgba(221,123, 0,.2) 100%);} .aa_collection--bg-8 {background: linear-gradient(30deg, rgba( 0,238, 33,.2) 0%, rgba(140,221, 0,.2) 100%);} .aa_collection--bg-9 {background: linear-gradient(30deg, rgba( 0,238,123,.2) 0%, rgba( 0,221, 11,.2) 100%);} .aa_collection--bg-0 {background: linear-gradient(30deg, rgba( 85, 0,238,.2) 0%, rgba( 23,221, 0,.2) 100%);} /*-----------*\ #PATTERN \*-----------*/ .aa_collection--ptn { position: relative; } .aa_collection--ptn:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .aa_collection--ptn-0:before { background-image: url("data:image/png;base64,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"); background-size: 120px 138px; } .aa_collection--ptn-1:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAAG0BAMAAACyJi/7AAAAG1BMVEUAAACCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoJ08CjNAAAACXRSTlMAFAggMg4bLCcIoOGgAAAhbUlEQVR42uydSZMSQRCFq2sC9FgObsdG3I6jMujVILXniI6hV0RlPKqBy9EFl58tSoRfYEZlW1TjFuRFWarrfa+z6a7F1JVuJR6H1dennCOOV69fv77tHFH81PzzT693nRndlWN9O3pVOsL/JObenrNiNnux8tr/DHfRGXA7sohbzhHtkVuJ+259OC+LOHCOaI3dSrRLZ8U9CTZcNwJH93vWmbuTAeceYx1nTvUWD3/VZcC5ByJDtzG4toiEDDgXsuD80ZvQOBxx+HricuB2M+Dormk4etvCbeG2cFu4LdwW7nfC7ebBBVtN8U+fuT8M98qEa1fB7K7/0oS7fGDK8fP3JtyDYRbckZNgwT2WWxbcjkhpwc3lmSXmmBxYcF5kLwOuEDfbs+DmctuCOyYSDDgvcssegElpwBUizzLgdio3e/u/wh2vXDUdxeHuH8lgEocrprPhtIzDnX4s03FcS3sqtx/G4fy0X03D2nCt6cyF1qCMwV286k+4zjgG5wdld1RcicIdTvwT1wkxKYuW98uL+1G4Tmjt+kflmnD+0aj43kkErr384FH4CY7m37+1H4HrXV1+62dFWMO3gMOa76ZifRrcD1ORBxzQyANupXlvouGwZlWessYtMwM4sgYVKXBYg8caDlH8DTia8zfgEMXfCKzhb8BhOH9LhIMIecDhLPKAoznygMMQLU/1SE/A0SM9JcHRI/KA4x1SDDiaa3l3tGDk6XcwAjjewYhEOKxxiAGOK4ErADjdfFAChzVKnnKWowHHVY7RCXBYo+R1+ZFQ8oCjOfKAwxolT1lDZgDHt7E+AQ5r6HDggLuIs8gDztMcvcBhjZKnrCEzgIPNYf2vwnHr0vK60d+3hbwlHM21vDtYQyBPO8sNfwmHNcr6X4PT1nC6ut+djd50faC5lreEwxotD2t0ZizhsEZbXw+3lBGT19XOkk1LOJpreXewhkCeL7GGIDNOYQ2B9fVwWEMgr1j2EpPnA80J5N1x/lrpYvL8/KCMWfO94SmsIbC+Hg5rCC776+NDnNXX1eXnVvPBuc8BawjGGPLqCa91Zpwiawisb9fAMQggCH8kB9aE1cWZvDM+bvXlIBifz1lcJIhif9DBGh3T/i2TzV+ZlvbwsYp8zvDRiMemeDcTqZwROxKc2fvQ2c1HzorzIn8QriVjE85u7c7QeQR++MT4+PRcrKwujmQ4sSa7pMb7h4fByrqT764YjQ/Hd50dndCbGM3bH7lmCX5NH5WH47g1D0ReOCtOqRvF6tCagXvkKYKIIsSb+/ANwRxa63s0sw5Hr0obboFQGvep0inrjXFV5DDR5j5EDsO9n8dIPcppBWfDLS2KWV6UUeux3A7k6eY+LGValpC4ytl6OGRqaxZwynqjT8L8Ku/5wFOuchYbItbUw5Fg+uFrCaet5z07kBJp7kMkcbkWkKesqYfjLCk9SzhtPXrS6WgOHE7hrPHLxfX4a3BkBtYAFxGXEMgj6YCju4gXyKP3BDjUYiVwZAZZkxjI4wVwPL2bicKETAocOAyGgCNReJEQyKM5cPpkefW8ijycTYDjkAgBDrcRkhAYpjgUMV9UwzO+mAJHZmgORcwXY2E8cRSDEUkHHL3qyxl5WJMERzOsAY7M4KcqJZDnZ3LgYQMOKpwlkAdjEhxUWAMcVGRNQvCUL/KJ5sCRjzhLII/sTIDjMX0fa4AjMx6ViTeBlL2rfnqha13OvdNDhtbJcO7+jAEWcLy6LsNdt37MReSmhkPs/LbZvs+KvQGXvmzM0DgTDvnAcXx7fHZSxn8vXO2W6h1b7c5BmQHnZjK24C6RVSlBc5G9nD09E5cD13tu9uY/j3LgWszFReBqDh+S4VKs7Lqs6H4JebuxNgp3Z00q1P3HcKe2cFu4LdwWbgu3hdvC/Src6G+GK95nwe3s1cza2HCXw0bh+hIy4Pysqlm0fmvBFTLcJFwrc7+4yJ49Nr5Zs118tEG4YlNw+Xvh8+EuirzLgLss8t4aPc5lWBpwZ0Umm4NrX738qthfG643OfPcWLluDYrXdwdlFO4wHL3vjTcFV1xh9SwRjrWZw7GxnrvsQ8PRbyc0DcdaDvKS4LAGeQTvM30OHNZgQXNwOIuMVDis4TgElpEZwGENx2kMDiQwE+Fogzy97AwmcLQBs1E4umT9JwkOa5BHkIx8FzhWPdgQ3SAcziJvkAaHNcgjwOUsA8fGHZa0m4TDWS7vBDisUfJU0pEZwGENK4MNwWlnoa2H09YgTy/CkhnA8WWVuPlwOKvl1cNhjZbHMp+xJwdrdOLmw+Gsllc/nY41Sp7iVJnhg7KGk90QHDqUvLrCOU8i1vC2TjreLq6qBX0u02bgcFbLO3vVZJvLe6xR8uxdJJ3Qmske1qjEzYfbxVkt78plkWCvgFWnrX/W2S2NXSTTkyIHnZGx4t7NhcNZHcXM/ufEfTG3xl6cyvOpcd5lEW+tPU6ZcK3qibO7H1obtm04d1KkNPqOwbEhYJQF15ZgoQMXYbfP7Hlzo38hYm+GL2ScBec/TEtb/W1z2sBWd1KqUOPNnvH59EaZec1Z+8a6c5FXwdxqLy+Ni+bU7H1nZFzRdlp2Qjf3VmBsEWrv70hVPhpFnb0sUul5BcfArWtsTm5duSRyuzc29kzm3+cWIuJ3ml5AnnbWHVVXXUfJY2hQLI8SeUbw/Spwl9XW5MPFpj2WUEUZk7dstbuEjFjjugwwtDULwKAH7gxLmoFDnp7PGSGPYLYgOORpa1yXbxJY43k01dY0A6flAVyUyCN4qtoFRFmzhOPpUlvTCoAoa5qB0/JI1aLkFYGgXV5pa5ZwvNJTXYFXyprG4Fwx0M4ChzycBY55BbWju4tYZQ1wZAazDg3CIQ9ngUOems/ZZV5BTXUBx4wT1gBHZmBNc3BcRDgLHPKUs8BxXXEo4MgMrAGOzOBQDcNxTJwFDnkoAY43sQY43sQa4MgMrGkQDnkMUoFT8nABOORhDXBophvg6JRumoZjugFngUMeKoFDHiqBwxP+AI7MYPzeMBzycBY45J3DWeDIZl968gs4ThnWAEdm+BJrGoNDXmvM/KqCc507sj+Ir88V+49vHwan4MgMrAGOzJjMb3ZGG1w2nlewaTjXl8osMyZilVDz0w9TRwDHlMx4k7sZ5hJS9ovba+LAMe7/A2viqK9KC+6kDC24tsjYgvMHzoI7vpndDMizN9m0hc+BI/rDnGqafnb7j26POu1MuGKcA+faoz8Kdydt71f3r9r7lQsXtnBbuC3cFm4Lt4Vbbf4fw/mnk38ZLphwfZFxRm+91/t/L9wOy3tpvbF+F7Lgdl1OYfie+Q9yT8oiRmsXhj/Ouu2a8ck1VhgeOLKSvEwpDI83wxy2Ns7m1k4HDnRBfvpe+Mf8v2DrRafaz4O7mQm3wTN3OC57zRWGBw7rJaxdGP6e+j1KLkRkFIZv1RWGH/snTOECR8FIkepJcmF4auaLvJskASUWhmcaFTisYVlDw/lBS0RekBnAMfUcLwxfDNxjGWJ9YhRXgDALwy8ggIONwvCrcBy1N3tVus5Ew3FUXRieo/oTJSpSovnC8MBhjU8vDI81/C0lmi8MD1x+YXh6pKe0aL4wPHD5heG50jAiIRovDA9cdmF4rMH6pNCF4SeZheGByy4Mz+8z1idEemH4dm1heOBqC8OPjcLwWKOst8LOYt9EYfhWyC8MjzXpdRLjheGv5ReGb4XMwvDRze51NwQoNlYYvhUyC8NDYYg2Yu3C8L62MPw3uNrC8KVZGB5rtPV14b+ydy5NSgNRFL6JRXQZg69lIoqzHCKgW7WVWQax1CUER13qiI+lD9S/rSkXp6xbfZp0mxq16IWWSsv9Ti4Wbbq/3A4Rw6+5GH6wfPI2oWdWP1y9ycTwlz8PamJeT77wq3eOi+EHG/Mp9xfDL4yZkD+OtuZeRYK/Ymal0E3JH+UUxPCe58QxsDQm8Btz3wFn/l04w+Gil24xfMWmczH8pc1sRbIbjnlfReZoxc5QjM23lLpIr4SJ4W/nZPXYTw/KaETWxvEXoePpMmFi+GgUr3O2yon8xfAN9pyJ4ZfSq8RaXjQVucjh3GJ4RK+TFSncYvjhxBqNzH/9bIlGokpQnuoaN5xbDB+NiMq/CBPDz6kYvoFDeToaN5xbDK87A4ukYicx/NL2zXdOxfANHMrT0bjhED2xRltXOYVVDJ/vIoafY7qOpoFDKWptvCOcxDbfN2LWyQJOX1wuhsfr5zYxfCWAa1B1NByOi+GXqlaVLOBQHqYDTqWHt5sTMTzg8Hp0zc5wWBkjGhWl/iXgUB6mAw7lIRrAMTF8VOFKq2h2hkP0iIYYA4Ba7CqGT5QYHnD4K5ET4JRQfSqt4LgYHitjJKvhYrsYHuldz7G0BhwaFxyAQ3n4p6olnPuJJCMdA+CwuEWyWgx/YHDCDXB4V0QDOJSHDFvAoTOsK3Ak+iVHsoADFZLVYviHm+ZsYi0KDlRIFnDoDDC2g0NnIBr9FKDbYl6P1LYXlKdO6eib2qUoOHyVnSJZwKEf0TUEjojhK/K/Xv3LRjZHouFQ3sNFKla4R+rW6FwtQiq79rk3uo6uaQEHJz8Vw29nspkRODkwS/kNTt8aPeH3xJnTOjJvxRvO/cw0F1xk8g7hZHvYMdw9BicjEeGfuY92OBmbjxRukLvgAsTw459wdylcxuDONnApgUveCIWLJAQu/p4KGddm8iH32iQINwPfHsXhCj84LoYHu+TiDydPXKdrsk7h5sLpwuBkkMr/Cxfle7g93B5uD7eH28O1gktPFS76mw4H/mm4K1WQGH6dO8TwFC6edgqXmDshYvhz5sQlhmdwNxw3tRNfODjUvNzp4efE3beN5cLHILhHxvy9cPH2Tghc/MLMUn8xfDw2RxUXw5cWOIjh7aN/6VIdANd/eKvsp75i+Hh9/X22zq1ww0YMX1vh4mkBMbxlc1l/2RoO0/GfpR5i+L7SdLnE8AUXw2NwMTyHw3SU11oMv6gRARfDA46I4TG4GJ7DYTrKaC+GxxUdjtxieA3Xr/H3YHiK4QGH6cBsL4ZH4jIsXWJ4DTeoyW1fTzE84DAd5QEOH2W8FnB4S5S3kxi+4GJ41TVEDM/gcC8H5QEOzYLyAAdclMfF8BPAETG8DXdQtoRbp+qvayGGRzQobxcxfMHF8CIBYnjAoelQHhfDl4BDNKo8hxi+EB2NVvsNuBiewyEKVZ5bDI/3Urty3WL4govhRfzE8IDDdF2eWwyf/xaNKi/jYviCi+FF/MTwgMN0Vd5uYnjUocvLqBh+uPlGxfDoGiKG53CYLrq8jIvho/y3aFR5aZMBeRS7eZVM6EkpKoYvXHBpM91e3oqJ4af5mbSJ0FpePJF+Sh/FfrSiRwDiNRPDX+JwkRCvvEj/ihmVZPZq86BPFinPL5tLlmhwIJfs2x2W5ByADPrmhMJtZUNX9htyWBmCOOJWv8Pe3OEP7225HH3Mi0tmsgnZL37OezM84OgLqpC98DMxKZ3Pw3nCr1xErhz0BXpAW3hMrxw/BHEwk3dC6c3FETtCOH67SIU8iWJWTLw/c9EoOlTrn9+FkyVx8iflC8mFjmMqhpekitcV2exei30n//Blc0sd5emvSHEqCyaGfyzRSMipKhdcxsXwUU7F8EJOpCUT2RpzSMTw8hOOiuELq3m9qQpwTPbS70oM37t17CGGx6JuLlhg6GgA5yuGz7kYPuNi+ChYDI/OUNEQuEAxfPInxPCxSwyPSlQ0O8PhGx7YIIZX5YWL4YcQw+v92ihnju9pKppfcP++GB4Ld3QNheNi+KFDDH+zrRj+pkMMXxMxPKJHNC3gkJ6/GH4ZLIbXlcxRkI4GcOFi+N6fE8NXLcXw+E00gYYLF8Nf3UUMLx2I4Rc1usYDDmL4yiqGf2pedyWG7xExPDJBNLvDobycieEvGmOOiRhe4lyoGP6qQwwviAZwiD5HNK3hpDe6cPS4dpi4AsTwC7NiYvhjKoaPp09m50vxhpME+7UJnLcYHut+DzE81v0ULkwQF3ZPPFB+FwLXQ/TkynmL4ceI3kcMvzF3CVyo9f6aQWe0EcOj+iUXw/PdDE9MGgTXO6QHUIwxhwwuSSmcrITByZmKwsWlELhgM+ll8+40xfApg+te6Z92Cpe54P6m/ZZ7uD3cHm4Pt4f7E3DF/wzX9ZWrJORwYBQEN9h87fjKdQ/HxfAcLkgMfyalcAdHOYOLt59FPMTwODF7n8MtQ8Twsr0vDjE8gzuLpa2vGJ7BJXInRAzfQ3Ue58TJXviQdT/o5U1FvbmGiuETM8u7hQu4cr1bXPK8WAoVw4+e1m4xvIaD/fzBSv6gGD5TN2OaH1qL4XF/gInh6/hY+qkFrpn5GL6SYDE84PA/3CjPUwyf2MTwA4jhAfdbNHiVAA5d00IMr+H6UEZzMXzOxfC1gkM0KA9wiAY3pBTckIvhY4jhFRyiQXpdiuE1HIoKF8MDDkSKszMxPOA6FcNn6h3x4g7F8IDrUgyf6WhQTKdieMCFi+FrERU94BANyuNi+CUXw09dYnjABYvhE5sYPkM0qrwQMXzkFMMDzimGTz3F8Jk+B4Dy6IbwcDH8L7hwMbx1Q3Smo8Hlcovhh5MgMXxUBYvhEY2OPsNFtKTHxPCJMW9DxPBR1akYPkM0lvSIGH4yNsact053i+Gjyi2GF38xfCrU7F5RMfwZY9jG3njKxfCL5Y2TZMLF8Gsqhi+5GP4NfdJL/AJieBvc/dMSw8sVM6u5GP5d7i+Gv9HAPfhr3elhYvizfzecSwy/hhiefObIpXWJ4Z9zMfxJmBh+GiCGH8CtZxnrfMHE8OcOmRh+4rJqLBxi+E8hYvj6GZ5AaRlMDF9Lr5IhEcO7BxfDp0Fi+GgLuQKJyLpXPqpsO/lRFh1cDJ8RMXy9gxj+ofARJIZ3Dy6Gz5r28hbDu0eYGJ4PxGAxu2fgUMkqMbxXskiPiOH9H2aFmHU0GRqXiOFBR5JldKVOFnASW8Tw7sGLyzzE8EjDPQLE8HzoLtPRZBYxfK7F8F5ds6sYHnRA9el7/AJw6AyUwsXwfLie/aDF8KXXQxu5GD7D7xExPBa3fsliycvF8HihZ2dgbQw4dAaSBRwurmeyeFcuhkeGPp2BD5SCQ2e4xPB+bBDDi4IDFRhbDVAhGsChM+qIieF7U49kkd7BhxzJAg79iO706gxEAzh0xlAM2BScFGPzhifL6TbmHhXDj1eleI9o9f15LQoOdEY2QYI4PiKD6YDDOOP5PHDoxakfbnZKcNAWBoxz5q4DzlQM7oI5Ef8Rb8xdvg/lMASuZ5YMrmdkIgyuB7W6z3g6qxicDMV/uPd+LcS5ES5o1K7tUR6DFOvhlPUfbut90JifLly2h/vR3rk0uxCEYbhn1KQshzhYTkwJSwnCFl1iGZfCMhzC0iUcS9dTfrakouopvpq3TXfGrdIbCpN8zztfnOl0zzM7uB3cDm4Ht4P7nXCP/1+4/Mp0rOGyTuGKbuDYXFpGiOFjhxXDdwi3XMFdjxDDRw8rhu8MLmPZV4jhu4Bj2bgLOJZ9bwXE8P8tHGL4eDgthv/YGVxvDXdDi+Ev9Muu4Oq1GH7c/WdOi+G7gEMM3w1cMVov2I8uN8ENEcN3AIcYvgO49SnprU9c/ThCDB85wmL4dDg2KzziSfFCDD9KhtNi+C3CsU4FphbD1+NUOC2G3y4c9RIjcPyRFcOnw5EsnbFdONapOE1aDJ8Kp8Xw24OjE9iL1EIMnzDCYvh0OD5QdAZwJGuWfVPhtBg+HY5CbWdoMTzRRw8thk+HY23VdkZYDP8oEU6J4dPh7LIznbGBy4QY/pJ/mbpW0CyGT18IscvOdEa5hlNi+D4z96iRj5UYfuTqKgmuL3bIrLBWcGpB/xIz96hxwi/Egv5wkbayesR/GKkNAbn7VDoJl/T+S39Ns09T4AKHZ1fdTafV7SmL4nnTeUeCFtOXRH/LqfHE0TcdnLnPgTNHdTHjnr9VOdX1rurPNdwLFz/OT29fFrvT9pYfU+Ay/3gi9i2Ocmyczo7+gN3osT/nmr319Tj551xYDM+EwP6YP+3HqT/n+vOmZLfxc24oxfAIDGyyqdeWWgy/ncuvWorhmzZUDkfJ15ZaDL8dONfXYnir/wY4/cxpMXzSCIvhaUGTbDpcWAyfDpcLMTxzBDObS4cLi+HT4SiWC37gyNLebZQOp8XwcaO1GJ6TC+lW4OgMkt0mnBbDc3JJNhVOi+G3C0dnWDE8yCS7VTie1vL8sCLZbcHRGTQgcETKL1uEI9IT3l8j2e3BaTE8pyzn07llOFcs/GosZh0tYe2XTWJ4rtO/7FcdwHGz8gvXEVw+ecgcBLgfRWEzt304BN3+ehdwiOH/2Jr4PQQB0XApYvhzfur+1TPnlv6VhMvW8P/mZ27VGSExfO06gWNJvuwOzo3dH9z79YTv0jqBK//krr382dvq/91vWZT/8WbSHdwObge3g9vB/YNwid84AyPh/oubA3/3mXsp3643LV3CqG9VEi5LYiuWcwl3yvlSwT0RnjA1EMNLuAewR62s3lRwWVc3wTM3VnA8hl4N7YfTN8G/13A30uCuKbjh58OkBX8Nd3TqpvtVM9z9U/4w0gyBGN7CoWiLUq3wPPKXT5vh8snSlXwDbOCG4/wYy76tx905Ynhn4bJRnCSHZedjVa3E8BnfMANnxPCRySKGB86K4SM6g5WdNmJ44IBeZxDFhhj+Bzgjho+g41VbieEHUgwfHloMX5RSDB8eaWL4gRDDRyRLZwBHO0V0RpIYfiDE8BHJkiNwQgwfHNFieOA4nPKikqUzgBNi+NCgmjgx/KBJDP84KllggQMmsjOGsWL4gRTDh4cWwxelFMOHR5oYfsBvoxyQWgxflFoMrwdNFymGH0gxfHhoMXxRKjG8HJQRL4YfNCQLsxxntBi+KKUYXgzxz+iMkBh+YA5v85/aef9GiuGLkmSjOiNGDE8smeqP4bg+DKiwWNC3o54/eNMbKzH8V332nofE8FIEnS/699Unu176uXzmmfevksTw1518+ek4RQxfhATf/oVUqHl//e8Vw7tLX2LgKN6/+GvF8M4NM9U4Jz/7yUzDvdJi+EdaDH8oqi/2g2L4C6HvOevHUswurnKzy5/99KQSw9cflRh+lH9y/VJciz8MieFdAE6J4cfyB8IKu3cwFmL4+dqH0lNi+L0VgjC7Z5Wrx1IML4cWw3Ml0zTLub35tSmarOTC00azhnN0hr3CyKqQGF4NLYaX859NJLcDYvhSi+H3bGfwnhs4LYbXIyyGpzyT7BpOi+FLLYbfozNsNBs4LYYXQ4rhYaM8M8u5zeE2mg0c5dkX3OOzbaP5DudyLYbXcMweG3Eoj2SBozzzGDIegmaiAY7OIBrgyM7MjcNwlGcOtxN3kgVOieFLIYYHjijpGuCInmjawVEeh1sckgXOlseZyHjwoH0t4OgMXgs4oicaDddCDG/SyxeVXQ6kPHICjpdkAggcnUHXAGfF8O3hci2GJz1iAI7y4ACO8mg64Ji453foGuB4T7qmBRyzx2wyWx0utfq8D3C8K9EAx2FkCByJZkv/kWiAozM2RbaCo7x86W9wOIPyYASO8mC0cGsqGIGjM554Pz1LNMDRGWvGODiXPfPeH3K4oZv1uZQFjvKyCdEAR2fs8/wmA+dqHk5l4DapEU0EnHuiH8mWMwkB7odJCNEAR3nPefIWcA0PhAOOSchZoomA+0x2avoY3i8OnN4LLx4IZ+BcD0VaLNzNBLhlp3A5b95BW7qefsy9u+TfK7ijbCcAjr9t/MwhnoiDIzy5m+LUWML1XjsF567MBVzGTv0GuEESXO61YIC30/vFLZzeC49fYCbfLQnODd6VSXDHNdxAwW2e6toFHP/+z8G5bOw6hdv7k3B5uYPbwe3gdnA7uB3cVuGyfxmuDMCdniXB7VcpcPlEw50vJVwhlrAQw0fDHfWvUuDO+fcKLvM3JNwJsWCvxfAaTu8X5+Wvu/BeeAvH1Himp8bXQw9L7xLuyc0IuOgvNRiI4ePh8kv+1kzA3T127LKAKz77G5WAO+39YwGXLRu2aiCGH/fLWLh8/+zB8f2qEW445vtj4Dh8Mji4M6ka4e6Wzz7W80a4bFS/5ltORrwYPjOrdsWkihPDb943GzXB1ePNezTAFZMmOy6HU14LOKKhvHZieP6c8oAjGqK3YngYGElieOB42eEoQgzPDnwaFzhq4nWAIxq7cMnhYLaCI3E+W23E8CDRAcBxDHUCB5LBND1LeS3geEvKayWGJxr+LXBEw8ogcETDv5UL+pQXhiMaUx5wJEtnAAcu5QHH6/EBMGJ4saQdJ4YHjmgor40YnmgoDziiIfqgGJ6hxfAazkbDmmBYDE80pjzgiIbog2J4G4VJLwxnu4aF7rAY3m5b5mRs4IjGRn/bRGP6VInhw3BEY8sLi+HhtOVt4IjGdsagIRpKkmL4MBzR2PLCYnjqsOVt4IjGRn+SaBoaV4rhw1+nEw2D8sqmTXybqjOiYVDeCo5obPSn/A0lhucMN5X3KKAvL4uJ2DyaX9Zi+LtVNlJb5S8QjY3+JA8ZaugMfRtL/7TeWVssb/bFLGNxyp9UYvhH/uVCzL9GT6YnSzn39Df1bTGHZYzZncXPuWL34nDkd2In/yt9tLzRO3vuYO9qM7zKflqp6vSy7hMeySbE8Ko6mY17oM9c1hQ98juRDYuPqi21GN7OEWBb1H5vpO6Tu/TmbnN5xej8dKY/sh/7M3H/yoMbw3H7tuQWe1eJ+8D7pXsqJre9y643y/crcd/qYyfHUNyvmk+qYu6I3jrzV3BPR+I+ci2Gnzt3vHlym63N7hXl2WiC3wFn61dpjiYXd6StqqoPPrherBh+HfseV9X28DUc5ZlomBWIlQnKs9Gs4YjeXhvn8WL4y24DR3rm8BUc5ZlkfwmO8mw0Od84ma7hXwbF8JeFGN6mB3BW2fKYj4bhALHRfIez0QMcLYZnsmou0WjVrCI9G00YjvJM12zg7PTMliPF8DY9Jkl7zB7N4cBRHsm2gKMziAY4G/1+qbbKu15LMTzpkSxwlEeyLeA4gGiAozPoGttmWgyfKzE86XE4cKRHNG3g6Ay6BjgKspW0FcMTFHD8IYcDR3pU0gLOlEfKwBE9XWNaSYnhs0YxPDX3D2ccDhzlkcIvw/Gmw0/HiQY4arb/d1oxfNlODE+k57y/QbLAkQnR/Coc5fW89zOiAY7OMPcBtBLDc7iFyxdL7/2Ew4EjPaL5ZThcU97ffOosHJnTNQy6WYvh68cc3mK/OOnR2+3hcp6ZDdwP0cuvDfLJg+mxsRIJ9q9enLXZddyb/ThF+rqoouEK7/2Ps9di/uPn6vnFMjTvV3D58r0T+8WnBwcHar944ecuGi6bHqxGJbZqXLqu5QnLn9zp3wA+Xua9gaG9AwAAAABJRU5ErkJggg=="); background-size: 220px 218px; } .aa_collection--ptn-2:before { background-image: url("data:image/png;base64,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"); background-size: 113px 113px; } .aa_collection--ptn-3:before { background-image: url("data:image/png;base64,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"); background-size: 200px 231px; } .aa_collection--ptn-4:before { background-image: url("data:image/png;base64,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"); background-size: 205px 213px; } /*-----------*\ #HEADER \*-----------*/ .aa_collection-menu { font-size: 1.8rem; font-weight: 300; line-height: 4rem; text-align: center; } .aa_collection-header { padding: 80px 0 80px; background-color: #444; background: radial-gradient(ellipse at top, #777 0%, #444 100%); color: #fff; text-align: center; } .aa_collection-header--1 { background-color: #4F2D45; background: radial-gradient(ellipse at top, #F4C39A 0%, #a66c6b 50%, #4F2D45 100%); } .aa_collection-header--2 { background-color: #4F2D45; background: radial-gradient(ellipse at top, #f49ece 0%, #a76ca6 50%, #48375c 100%); } .aa_ch__icon { position: relative; width: 84px; height: 48px; margin: 0 auto; border: solid 1px; border-radius: 3px; } .aa_ch__icon:before, .aa_ch__icon:after { content: ''; position: absolute; background-color: #fff; } .aa_ch__icon:before { bottom: -7px; left: 50%; width: 1px; height: 7px; } .aa_ch__icon:after { bottom: -8px; left: 50%; width: 23px; height: 1px; margin-left: -11px; } .aa_ch__link { display: inline-block; margin-bottom: 5px; padding: 0 15px 5px; box-shadow: 0 1px; color: inherit; opacity: .5; font-weight: 500; transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_ch__link:hover, .aa_ch__link:focus { opacity: 1; } .aa_ch__text { position: relative; z-index: 1; margin-top: 20px; padding: 0 20px; font-size: 3.6rem; font-weight: 100; line-height: 1.2; } .aa_ch__link + .aa_ch__text { margin-top: 0; } .aa_ch__text--small { max-width: 700px; margin: 0 auto; font-size: 2rem; line-height: 1.4; } .aa_ch__btn { font-size: 0; } .aa_ch__btn__ { display: inline-block; vertical-align: top; margin: 5px; padding: 10px 10px; border: solid 2px; border-radius: 4px; font-size: 1.4rem; font-weight: 500; color: inherit; transition: .3s; } .aa_ch__btn__:hover, .aa_ch__btn__:focus { box-shadow: inset 0 0 0 3px; } .aa_ch__img { max-width: 700px; margin: 0 auto; } .aa_ch__img--circle { width: 40%; max-width: 300px; margin: 20px auto 30px; background-color: #fafafa; border-radius: 50%; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_ch__img__ { margin-top: -5%; padding-bottom: 56.25%; } .aa_ch__img--circle > .aa_ch__img__ { margin-top: 0; padding-bottom: 100%; } .aa_cs__title { font-size: 4rem; font-weight: 300; line-height: 1.2; } .aa_cs__description { font-weight: 100; } /*---------*\ #INDEX \*---------*/ .ac_list { padding: 0 10px; } .ac_list__title { margin: 40px 0 20px; font-size: 2.6rem; text-align: center; } .ac_list__elem { position: relative; display: block; color: inherit; border-radius: 3px; } .ac_list__elem:last-child { margin-bottom: 200px; } .ac_list__elem__arr { position: absolute; top: 50%; left: 20px; width: 55px; height: 1px; background: #888; } .ac_list__elem__card > .ac_list__elem__arr { right: 10%; left: auto; transition: .3s; } .ac_list__elem__card.in-center > .ac_list__elem__arr { opacity: 0; } .ac_list__elem__arr:before { content: ''; position: absolute; top: 0; right: 0; width: 29px; height: 29px; box-shadow: 1px 1px #888; -webkit-transform: translate3d(-6px,-14px,0) rotate(-45deg); transform: translate3d(-6px,-14px,0) rotate(-45deg); } .ac_list__elem__card { position: relative; height: 100px; margin-bottom: 15px; background-color: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.2), 0 7px 5px -5px rgba(0,0,0,.3), 0 5px 10px -3px rgba(0,0,0,.1);; border-radius: 3px; overflow: hidden; font-size: 0; /* prevent spaces between inline-blocks */ transition: transform .5s ease-out; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ac_list__elem__card:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .ac_list__elem__card__title { position: relative; display: inline-block; vertical-align: middle; width: 50%; padding-left: 15px; font-size: 1.8rem; font-weight: 300; line-height: 1.1; } .ac_list__elem__card__title:after { content: attr(data-count)''; position: absolute; bottom: -15px; left: 15px; font-size: 1.2rem; font-weight: 700; opacity: .3; } .ac_list__elem__card__img { position: absolute; top: 50%; width: 25%; transition: 1s ease-out; -webkit-transform: translate3d(0,-220%,0); transform: translate3d(0,-220%,0); } .ac_list__elem__card__img:nth-last-child(1) { left: 70%; -webkit-transform: translate3d(0,110%,0); transform: translate3d(0,110%,0); } .ac_list__elem__card__img:nth-last-child(2) { left: 60%; } .ac_list__elem__card__img:nth-last-child(3) { left: 50%; } .in-center > .ac_list__elem__card__img, .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img { transition: 1s cubic-bezier(0,.8,.2,1); } .still-in-center > .ac_list__elem__card__img { transition: 5s ease-in-out; } .in-center > .ac_list__elem__card__img:nth-last-child(1), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img:nth-last-child(1) { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .in-center > .ac_list__elem__card__img:nth-last-child(2), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img:nth-last-child(2) { -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .in-center > .ac_list__elem__card__img:nth-last-child(3), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img:nth-last-child(3) { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .still-in-center > .ac_list__elem__card__img:nth-last-child(1) { -webkit-transform: translate3d(-10%,0,0); transform: translate3d(-10%,0,0); } .still-in-center > .ac_list__elem__card__img:nth-last-child(2) { -webkit-transform: translate3d(0,-40%,0); transform: translate3d(0,-40%,0); } .still-in-center > .ac_list__elem__card__img:nth-last-child(3) { -webkit-transform: translate3d(10%,-100%,0); transform: translate3d(10%,-100%,0); } .in-center > .ac_list__elem__card__img--1:nth-last-child(1), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--1:nth-last-child(1) { -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .in-center > .ac_list__elem__card__img--1:nth-last-child(2), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--1:nth-last-child(2) { z-index: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .in-center > .ac_list__elem__card__img--1:nth-last-child(3), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--1:nth-last-child(3) { -webkit-transform: translate3d(0,-75%,0); transform: translate3d(0,-75%,0); } .still-in-center > .ac_list__elem__card__img--1:nth-last-child(1) { -webkit-transform: translate3d(-10%,-50%,0); transform: translate3d(-10%,-50%,0); } .still-in-center > .ac_list__elem__card__img--1:nth-last-child(2) { -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0); } .still-in-center > .ac_list__elem__card__img--1:nth-last-child(3) { -webkit-transform: translate3d(10%,-75%,0); transform: translate3d(10%,-75%,0); } .in-center > .ac_list__elem__card__img--2:nth-last-child(1), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--2:nth-last-child(1) { -webkit-transform: translate3d(0,-25%,0); transform: translate3d(0,-25%,0); } .in-center > .ac_list__elem__card__img--2:nth-last-child(2), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--2:nth-last-child(2) { -webkit-transform: translate3d(0,-75%,0); transform: translate3d(0,-75%,0); } .in-center > .ac_list__elem__card__img--2:nth-last-child(3), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--2:nth-last-child(3) { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .still-in-center > .ac_list__elem__card__img--2:nth-last-child(1) { -webkit-transform: translate3d(-10%,-25%,0); transform: translate3d(-10%,-25%,0); } .still-in-center > .ac_list__elem__card__img--2:nth-last-child(2) { -webkit-transform: translate3d(0,-65%,0); transform: translate3d(0,-65%,0); } .still-in-center > .ac_list__elem__card__img--2:nth-last-child(3) { -webkit-transform: translate3d(10%,0,0); transform: translate3d(10%,0,0); } .in-center > .ac_list__elem__card__img--3:nth-last-child(1), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--3:nth-last-child(1) { -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .in-center > .ac_list__elem__card__img--3:nth-last-child(2), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--3:nth-last-child(2) { z-index: 1; -webkit-transform: translate3d(0,20%,0); transform: translate3d(0,20%,0); } .in-center > .ac_list__elem__card__img--3:nth-last-child(3), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--3:nth-last-child(3) { -webkit-transform: translate3d(0,-110%,0); transform: translate3d(0,-110%,0); } .still-in-center > .ac_list__elem__card__img--3:nth-last-child(1) { -webkit-transform: translate3d(-10%,-50%,0); transform: translate3d(-10%,-50%,0); } .still-in-center > .ac_list__elem__card__img--3:nth-last-child(2) { -webkit-transform: translate3d(0,10%,0); transform: translate3d(0,10%,0); } .still-in-center > .ac_list__elem__card__img--3:nth-last-child(3) { -webkit-transform: translate3d(10%,-110%,0); transform: translate3d(10%,-110%,0); } .in-center > .ac_list__elem__card__img--4:nth-last-child(1), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--4:nth-last-child(1) { -webkit-transform: translate3d(0,-75%,0); transform: translate3d(0,-75%,0); } .in-center > .ac_list__elem__card__img--4:nth-last-child(2), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--4:nth-last-child(2) { z-index: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .in-center > .ac_list__elem__card__img--4:nth-last-child(3), .no-touchevents .ac_list__elem__card:hover > .ac_list__elem__card__img--4:nth-last-child(3) { z-index: 1; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .still-in-center > .ac_list__elem__card__img--4:nth-last-child(1) { -webkit-transform: translate3d(-10%,-75%,0); transform: translate3d(-10%,-75%,0); } .still-in-center > .ac_list__elem__card__img--4:nth-last-child(2) { -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0); } .still-in-center > .ac_list__elem__card__img--4:nth-last-child(3) { -webkit-transform: translate3d(10%,-50%,0); transform: translate3d(10%,-50%,0); } @media all and (min-width: 480px) { .ac_list__elem__card__title { font-size: 2.2rem; } .ac_list__elem__card__title:after { font-size: 1.4rem; } } @media all and (min-width: 768px) { .ac_list { padding: 0 20px; } .ac_list__title { font-size: 3rem; text-align: left; } .ac_list__elem__card { height: 145px; } .no-touchevents .ac_list__elem:hover > .ac_list__elem__card, .no-touchevents .ac_list__elem:focus > .ac_list__elem__card { transition: .3s ease; -webkit-transform: translate3d(90px,0,0); transform: translate3d(90px,0,0); } .ac_list__elem__card__title { padding-left: 35px; font-size: 3.2rem; } .ac_list__elem__card__title:after { bottom: -20px; left: 35px; font-size: 1.8rem; } } .aa_collection { position: relative; display: block; height: 92px; padding: 10px; font-size: 0; /* prevent spaces between inline blocks */ box-shadow: 1px 1px rgba(130,130,130,.2); color: inherit; text-align: center; } .aa_collection:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .aa_collection:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(95,110,255,1); opacity: 0; transition: .3s ease-out; } .no-touchevents .aa_collection:hover:after, .no-touchevents .aa_collection:focus:after { opacity: 1; } .aa_collection > span { position: relative; z-index: 1; display: inline-block; vertical-align: middle; font-size: 1.6rem; transition: .3s ease-out; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .no-touchevents .aa_collection:hover > span, .no-touchevents .aa_collection:focus > span { color: #fff } /*--------*\ #LINK \*--------*/ .aa_collection-link { display: block; margin: 10px 0; padding: 40px 10px; text-align: center; text-transform: uppercase; font-size: 2.8rem; font-weight: 100; transition: .3s; } @media all and (min-width: 768px) { .aa_collection-link { float: left; width: 50%; } } .aa_collection-link--small { float: none; width: auto; margin: 30px 20px 50px; padding: 20px 10px; border-radius: 10px; box-shadow: 0 0 0 1px rgba(130,130,130,.5); font-size: 2rem; } .aa_collection-link--small:hover, .aa_collection-link--small:focus { color: #07f } /*----------------*\ #SUPERCOMPACT \*----------------*/ .aa_collection-app { position: relative; display: block; padding: 20px; border-bottom: solid 1px rgba(130,130,130,.2); } .aa_collection-app:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, rgba(250,250,250,1) 0%, rgba(250,250,250,0) 25%, rgba(250,250,250,0) 75%, rgba(250,250,250,1) 100%); } .aa_ca__icon { position: relative; float: left; width: 72px; height: 72px; border-radius: 20%; overflow: hidden; background-color: #888; transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_ca__icon--tv { width: 128px; border-radius: 5px; } .no-touchevents .aa_collection-app:hover > .aa_ca__icon, .no-touchevents .aa_collection-app:focus > .aa_ca__icon { -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } .aa_ca__icon__bg { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_ca__text { display: none; position: relative; height: 7.2rem; padding: 0 20px; font-size: 0; /* prevent spaces between inline-blocks */ overflow: hidden; } .aa_ca__text--short { display: block; transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .no-touchevents .aa_collection-app:hover > .aa_ca__text--short, .no-touchevents .aa_collection-app:focus > .aa_ca__text--short { -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } .aa_ca__text:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .aa_ca__text__ { display: inline-block; vertical-align: middle; } .aa_ca__text__title { font-size: 2.5rem; font-weight: 700; line-height: 1.1; max-height: 5.5rem; overflow: hidden; text-overflow: ellipsis; /* next three rules needed for line-clamp */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aa_ca__text__developer { font-size: 1.4rem; font-weight: 300; opacity: .5; } .aa_ca__text__description { font-size: 1.6rem; font-weight: 300; line-height: 1.5; max-height: 7.2rem; overflow: hidden; text-overflow: ellipsis; /* next three rules needed for line-clamp */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media all and (min-width: 768px) { .aa_ca__text { display: block; } .aa_ca__text--short { float: left; max-width: 50%; } } @media all and (min-width: 1024px) { .aa_ca__text--short { max-width: 33%; } .aa_ca__text__description { -webkit-line-clamp: 2; } } .aa_ca__bg { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_ca__bg:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-backdrop-filter: blur(40px); } .aa_ca__bg:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fafafa; transition: .3s; } .dark .aa_ca__bg:after { background-color: #333; } @supports (-webkit-backdrop-filter: blur(1px)) { .aa_collection-app:hover > .aa_ca__bg:after, .aa_collection-app:focus > .aa_ca__bg:after { opacity: .8; } } /*-----------*\ #COMPACT \*-----------*/ .aa_collection-phone { position: relative; margin: 20px 10px; border-radius: 3px; box-shadow: 0 2px 5px rgba(0,0,0,.1), 0 2px 15px rgba(0,0,0,.1); overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* overflow hidden to work */ } a.aa_collection-phone { display: block; color: inherit; transition: 0s !important; } .no-touchevents .aa_collection-phone .p6 { transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .no-touchevents .aa_collection-phone:hover .p6, .no-touchevents .aa_collection-phone:focus .p6 { -webkit-transform: translate3d(0,-19.5%,0); transform: translate3d(0,-19.5%,0); } .no-touchevents .aa_collection-phone .pa2 { transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .no-touchevents .aa_collection-phone:hover .pa2, .no-touchevents .aa_collection-phone:focus .pa2 { -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0); } .aa_cp__btn { position: absolute; z-index: 1; right: 0; bottom: 6.8rem; left: 0; padding: 4px 10px 8px; font-size: 1.2rem; line-height: 1; text-align: center; background-color: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(10px); } .dark .aa_cp__btn { background-color: rgba(51,51,51,.8); } .aa_cp__btn:before { display: block; font-size: 2rem; line-height: 1; color: #07f; } .aa_cp__top { position: relative; padding-bottom: 110%; background-color: rgba(0,0,0,.15); } .aa_cp__top--grey { background-color: rgba(0,0,0,.4); } .aa_cp__top--rose { background-color: rgba(227,212,199,.5); } .aa_cp__top__frame { position: absolute; top: 10px; right: 40px; left: 100px; } @media all and (min-width: 480px) { .aa_cp__top { padding-bottom: 140%; } .aa_cp__top__frame { top: 20px; right: 20px; bottom: 0; left: 20px; } } .aa_cp__data { position: absolute; z-index: 2; /* get above iphone screenshot */ right: 0; bottom: 0; left: 0; background-color: #fff; box-shadow: 0 -1px rgba(130,130,130,.1); transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dark .aa_cp__data { background-color: #444; } .no-touchevents .aa_collection-phone:hover > .aa_cp__data, .no-touchevents .aa_collection-phone:focus > .aa_cp__data { -webkit-transform: translate3d(0,9.4rem,0); transform: translate3d(0,9.4rem,0); } .aa_cp__data__icon { float: left; width: 70px; height: 70px; margin: -15px 0 0 15px; border-radius: 20%; background-color: #999; box-shadow: 0 0 0 1px #fff; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dark .aa_cp__data__icon { box-shadow: 0 0 0 1px #444; } .aa_cp__data__icon__bg { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_cp__data__title { max-height: 4.3rem; margin: 10px 0 0; padding: 0 15px 0 10px; overflow: hidden; font-size: 1.8rem; font-weight: 700; line-height: 1.2; } .aa_cp__data__developer { padding: 0 15px 0 10px; font-size: 1.4rem; font-weight: 300; opacity: .5; } .aa_cp__data__text { clear: both; padding: 15px 23px 20px; } .aa_cp__data__text__ { position: relative; font-size: 1.6rem; font-weight: 300; line-height: 1.5; height: 7.2rem; overflow: hidden; } .aa_cp__data__text__:after { content: ''; position: absolute; right: 0; bottom: 0; width: 50%; height: 2.4rem; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); } .dark .aa_cp__data__text__:after { background: linear-gradient(to right, rgba(68,68,68,0) 0%, rgba(68,68,68,1) 80%); } /*--------*\ #LIST \*--------*/ .aa_collection-list { overflow: hidden; } .aa_collection-list:nth-child(odd) { background-color: rgba(130,130,130,.1); } .aa_cl__top { position: relative; z-index: 2; /* get above device and screen */ margin: 20px; } .aa_cl__top__icon { float: left; width: 70px; height: 70px; border-radius: 20%; background-color: #888; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_cl__top__icon--tv { width: 124px; border-radius: 5px; } .aa_collection-list--right .aa_cl__top__icon { float: right; } .aa_cl__top__icon__bg { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_cl__top__text { padding: 0 0 0 20px; overflow: hidden; } .aa_collection-list--right .aa_cl__top__text { padding: 0 20px 0 0; } .aa_collection-list--right .aa_cl__top__text { text-align: right; } .aa_cl__top__text__title { font-size: 2.4rem; font-weight: 700; line-height: 1.2; } .aa_cl__top__text__sub { font-size: 1.6rem; font-weight: 300; opacity: .5; } .aa_cl__device { position: absolute; z-index: 1; right: 65%; width: 250px; } .aa_collection-list--right .aa_cl__device { right: auto; left: 65%; } .aa_collection-list--ls .aa_cl__device { position: relative; right: 0; left: 0; width: 100%; height: 250px; max-width: 504px; margin: 0 auto; } .aa_collection-list--ls .aa_cl__device--tv { height: 323px; } .aa_cl__device__ { position: absolute; top: 0; right: 0; left: 0; transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_cl__device__:hover { -webkit-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); } .aa_collection-list--right .aa_cl__device__:hover { -webkit-transform: translate3d(-40%,0,0); transform: translate3d(-40%,0,0); } .aa_collection-list--ls .aa_cl__device__:hover { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_collection-list--ls .aa_cl__device > .aa_cl__device__ { position: absolute; width: 504px; top: 0; right: 20px; left: auto; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device > .aa_cl__device__ { right: auto; left: 20px; } @media all and (min-width: 544px) { .aa_collection-list--ls .aa_cl__device > .aa_cl__device__ { right: 0; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device > .aa_cl__device__ { left: 0; } } .aa_cl__details { overflow: hidden; padding: 20px; margin: 0 0 0 35%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* needed for the hover state to be accepted */ } .aa_cl__details:hover { /* just needed to declare a hover state to be able to release the hover state on aa_cl__device__ on phones */ } .aa_collection-list--right .aa_cl__details { margin: 0 35% 0 0; } .aa_collection-list--ls .aa_cl__details { margin: 0; } .aa_cl__details__ { max-width: 600px; margin: 0 auto; } .aa_cl__details__text { min-height: 22rem; max-height: 48.4rem; font-size: 1.6rem; overflow: hidden; } .aa_collection-list--ls .aa_cl__details__text { min-height: 0; } .aa_cl__details__btn { display: block; margin-top: 20px; padding: 5px 0; font-size: 1.4rem; text-align: center; color: #07f; border-radius: 3px; border: solid 1px rgba(130,130,130,.5); } .aa_cl__details__btn:hover, .aa_cl__details__btn:focus { background-color: #07f; color: #fafafa; } .aa_cl__details__btn:before { float: right; margin: 2px 10px 0 -24px; } @media all and (min-width: 480px) { .aa_cl__device__:hover, .aa_collection-list--right .aa_cl__device__:hover { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @media all and (min-width: 768px) { .aa_cl__top { margin: 40px 55px 40px 35%; } .aa_collection-list--right .aa_cl__top { margin: 40px 35% 40px 55px; } .aa_collection-list--ls .aa_cl__top { float: left; width: 50%; margin: 40px 0 40px 55px; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__top { float: right; margin: 40px 55px 40px 0; } .aa_cl__top__icon { margin: 0 0 0 -35px; } .aa_cl__top__icon--tv { margin: 0 0 0 -62px; } .aa_collection-list--right .aa_cl__top__icon { margin: 0 -35px 0 0; } .aa_collection-list--right .aa_cl__top__icon { margin: 0 -62px 0 0; } .aa_collection-list--ls .aa_cl__top__icon { position: absolute; bottom: -85px; left: 20px; margin: 0; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__top__icon { left: auto; right: 20px; } .aa_cl__device { top: 35px; } .aa_collection-list--ls .aa_cl__device { float: left; clear: both; top: 0; margin: 10px 20px -50px -50px; } .aa_collection-list--ls .aa_cl__device--tv { margin: 10px 20px -20px -50px; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device { float: right; margin: 10px -50px -50px 20px; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device--tv { margin: 10px -50px -20px 20px; } .aa_cl__details { padding: 20px 55px; } .aa_collection-list--ls .aa_cl__details { padding: 40px 55px 20px 20px; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__details { padding: 40px 20px 20px 55px; } .aa_collection-list--ls .aa_cl__details > .aa_cl__details__ { max-width: none; } .aa_cl__details__btn { max-width: 200px; margin: 20px 0 0 auto; } .aa_collection-list--right .aa_cl__details__btn { margin: 20px auto 0 0; } .aa_collection-list--ls .aa_cl__details__btn { overflow: hidden; } } @media all and (min-width: 1024px) { .aa_collection-list--ls .aa_cl__top { float: none; width: auto; margin: 40px 55px; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__top { float: none; width: auto; margin: 40px 55px; } .aa_cl__top__text { max-width: 700px; margin: 0 auto 0 0; } .aa_collection-list--right .aa_cl__top__text { margin: 0 0 0 auto; } .aa_collection-list--ls .aa_cl__top__text { width: 70%; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__top__text { margin: 0 0 0 auto; } .aa_collection-list--ls .aa_cl__device { margin: 10px 20px -50px 0; } .aa_collection-list--ls .aa_cl__device--tv { margin: 10px 20px -20px 0; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device { margin: 10px 0 -50px 20px; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device--tv { margin: 10px 0 -20px 20px; } .aa_collection-list--ls .aa_cl__details > .aa_cl__details__ { max-width: 600px; } .aa_cl__details__text { max-height: 24.2rem; } } @media all and (min-width: 1360px) { .aa_collection-list--ls .aa_cl__top { margin: 40px 55px 40px 10%; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__top { margin: 40px 10% 40px 55px; } .aa_collection-list--ls .aa_cl__device { margin: 10px 20px -50px 5%; } .aa_collection-list--ls .aa_cl__device--tv { margin: 10px 20px -20px 5%; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device { margin: 10px 5% -50px 20px; } .aa_collection-list--ls.aa_collection-list--right .aa_cl__device--tv { margin: 10px 5% -20px 20px; } .aa_collection-list--ls .aa_cl__details > .aa_cl__details__ { max-width: 540px; } } /*--------*\ #GRID \*--------*/ .aa_collection-grid { display: block; margin-left: 20px; padding: 10px 20px 10px 0; box-shadow: 0 1px rgba(130,130,130,.2); } .aa_cg__icon { position: relative; z-index: 1; float: left; width: 70px; height: 70px; margin-right: 10px; border-radius: 20%; overflow: hidden; background-color: #888; transition: .3s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_cg__icon--tv { width: 124px; border-radius: 5px; } .aa_cg__icon__bg { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_cg__text { transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_cg__text__title { margin-top: 5px; font-size: 2rem; font-weight: 700; line-height: 1.1; max-height: 4.4rem; overflow: hidden; text-overflow: ellipsis; /* next three rules needed for line-clamp */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aa_cg__text__developer { font-size: 1.4rem; font-weight: 300; opacity: .5; } @media all and (min-width: 480px) { .aa_collection-grid { float: left; width: 50%; margin: 0; padding: 20px; text-align: center; box-shadow: none; } .aa_cg__icon { float: none; width: 130px; height: 130px; margin: 0 auto; box-shadow: 0 1px 2px rgba(0,0,0,.5); } .aa_cg__icon--tv { width: 231px; } .aa_collection-grid:hover > .aa_cg__icon, .aa_collection-grid:focus > .aa_cg__icon { box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .aa_cg__text:before { content: 'more info'; position: absolute; top: -20px; right: 0; left: 0; font-size: 1.4rem; color: #07f; } .aa_collection-grid:hover > .aa_cg__text, .aa_collection-grid:focus > .aa_cg__text { -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .aa_cg__text__title { white-space: nowrap; } } @media all and (min-width: 768px) { .aa_collection-grid { width: 33.33337%; } } @media all and (min-width: 1024px) { .aa_collection-grid { width: 25%; } } @media all and (min-width: 1360px) { .aa_collection-grid { width: 20%; } } /*----------------*\ #MISCELLANEOUS \*----------------*/ .aa_grid { font-size: 0; /* prevent spaces between inline blocks */ } .aa_grid__elem { display: inline-block; vertical-align: top; width: 100%; font-size: 1.6rem; } @media all and (min-width: 480px) { .aa_grid__elem { width: 50%; } } @media all and (min-width: 769px) { .aa_grid__elem { width: 33.33337%; } } @media all and (min-width: 1360px) { .aa_grid__elem { width: 25%; } } .aa_search__input { width: 100%; font-size: 2.4rem; padding: 20px 10px; outline: none; border: none; border-bottom: solid 3px; border-radius: 0; background-color: transparent; -webkit-appearance: none !important; } /*--------------*\ #ANIMATIONS \*--------------*/ /* * BEFORE MODIFYING THIS DOCUMENT READ THIS DOCUMENTATION CAREFULLY: * * http://cssguidelin.es/ * * What differs from the guideline: * * - Indentations are 2px * - Columns are 120px wide * - don't use [] in html inside class="" for grouping * - in html class="" don't use 2 space between classes, but put the related ones next to each other * - low level commenting is not necessary but u can use, just try to explain the things u think is important * */ /* * GLOBAL RULES * Rules that can effect all pages on the site. * * 0) GLOBAL...................................Basic rules for html elements * * 1) SPINNER..................................Spinner for page load * * 2) MENU.....................................The main menu at the top of the page * * 3) SEARCH...................................Site search at the top of the page * * 4) WRAPPERS.................................Wraps the content of the pages, except the menu * * 5) ARTICLES LAYOUT..........................For pages, where the list of articles are shown * * 6) POST LAYOUT..............................For posts * * 7) FINDER...................................For app finder * * 8) APP REVIEW, LIST, GUIDE & CHART LAYOUT...List of app reviews and guides * * 9) PAGE NAV.................................Bottom navigation * * 10) FOOTER...................................Footer of every page * * 11) SHARE....................................Share btn and share window * * 12) GALLERIES................................Galleries and light box * * 13) APP PLAY.................................App play gallery * * 14) MISCELLANEOUS............................Dividers and stuff * */ /*-----------*\ #GLOBAL \*-----------*/ html { height: 100%; } body { height: 100%; font-weight: 300; line-height: 1.5; background-color: #fafafa; color: #444; } .dark { background-color: #333; color: #ccc; } p { margin: 0 0 1em; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Slab'; font-weight: 400; line-height: 1.25; margin-top: .5em; margin-bottom: .5em; } h1, .h1 { font-size: 4.6rem; } h2, .h2 { font-size: 3.0rem; } h3, .h3 { font-size: 2.2rem; } h4, .h4 { font-size: 1.8rem; } h5, .h5 { font-size: 1.4rem; } h6, .h6 { font-size: 1.2rem; } @media only screen and (max-width: 768px) { h1, .h1 { font-size: 3.0rem; } h2, .h2 { font-size: 2.2rem; } } a { color: #0066a9; text-decoration: none; } img { vertical-align: middle; border: 0; } ul, ol { margin: 0 0 2em 2em; padding: 0; } ul { list-style-type: circle; } li { margin: 0 0 .5em; } blockquote { font-style: italic; border-left: solid 5px rgba(125,125,125,.2); padding: .5em 0 .5em 1em; margin: 0 0 1em 1em; } /*-----------*\ #SPINNER \*-----------*/ .spinner { position: fixed; z-index: 9; top: 0; right: 0; bottom: 0; left: 0; background-color: #fafafa; } .dark .spinner { background-color: #333; } .spinner__wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .spinner__wrap__spin { position: absolute; width: 70px; height: 70px; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; -webkit-animation: loader 2.5s infinite alternate ease-in-out; animation: loader 2.5s infinite alternate ease-in-out; } .spinner__wrap__spin:before { content: ""; display: block; width: 70px; height: 70px; border-radius: 50%; box-shadow: inset 0 0 0 2px #09f; -webkit-animation: stretch .7s infinite alternate ease-in; animation: stretch .7s infinite alternate ease-in; } @-webkit-keyframes loader { 100% { -webkit-transform: rotate(360deg); } } @keyframes loader { 100% { transform: rotate(360deg); } } @-webkit-keyframes stretch { 100% { -webkit-transform: scaleX(1.1) scaleY(.9); } } @keyframes stretch { 100% { transform: scaleX(1.1) scaleY(.9); } } .loading { position: relative; } .loading:before { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: #fafafa; } .dark .loading:before { background-color: #333; } .loading:after { content: ""; position: absolute; z-index: 1; top: 15px; left: 50%; width: 10px; height: 10px; margin-left: -5px; background-color: #333; border-radius: 50%; -webkit-animation: move 1s infinite alternate ease-in-out; animation: move 1s infinite alternate ease-in-out; } .dark .loading:after { background-color: #fafafa; } @-webkit-keyframes move { 0% { -webkit-transform: translate3d(-50px,0,0); } 100% { -webkit-transform: translate3d(50px,0,0); } } @keyframes move { 0% { transform: translate3d(-50px,0,0); } 100% { transform: translate3d(50px,0,0); } } /*---------------*\ #SEARCH \*---------------*/ .search { position: fixed; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; padding: 10rem 0 3rem 0; overflow-y: auto; overflow-x: hidden; background-color: rgba(0,0,0,.9); color: #fff; } .dark .search { background-color: rgba(255,255,255,.9); color: #222; } .search__form { box-shadow: 0 1px; } .search__btn { float: right; border: none; outline: none; background-color: transparent; width: 40px; height: 40px; color: inherit; font-size: 3rem; } .search__input { border: none; outline: none; font-size: 3rem; line-height: 1.5; background-color: transparent; color: inherit; font-family: inherit; font-weight: inherit; box-shadow: 0 1px; width: 100%; border-radius: 0; -webkit-appearance: none; } .search__options { display: inline-block; vertical-align: top; margin: 0 10px 10px 0; } .search__options > input { display: none; } .search__options > label { display: block; background-color: rgba(125,125,125,.2); padding: 3px 5px; border-radius: 2px; cursor: pointer; box-shadow: 0 0 0 1px rgba(125,125,125,.75); font-size: 1.2rem; -webkit-transition: .2s ease; transition: .2s ease; } .search__options > label:hover { box-shadow: 0 0 0 1px #09f } .search__options > label > span { margin-left: 5px; padding-left: 5px; box-shadow: -1px 0; opacity: .5; } .search__options > input:checked + label { background-color: #09f; box-shadow: 0 0 0 1px #09f } .search__result { display: inline-block; vertical-align: top; width: 100%; padding: 20px; box-sizing: border-box; font-size: 2rem; color: inherit; box-shadow: 0 -11px 0 -10px rgba(125,125,125,.5); -webkit-transition: .2s ease; transition: .2s ease; } .search__result:hover { box-shadow: 0 -11px 0 -10px #09f; } .search__nav { border: none; outline: none; color: inherit; padding: 3px 10px; font-size: 1.75rem; background-color: rgba(125,125,125,.5); border-radius: 2px; } .search__nav--next { float: right; } .search__nav--prev { } @media only screen and (min-width: 768px) { .search__input { font-size: 4rem; } .search__btn { width: 60px; height: 60px; font-size: 4rem; } } @media only screen and (min-width: 480px) { .search__result { width: 50%; } } @media only screen and (min-width: 769px) { .search__input { font-size: 4rem; } .search__btn { width: 60px; height: 60px; font-size: 4rem; } .search__result { width: 33.33337%; } } @media only screen and (min-width: 1366px) { .search__result { width: 25%; } } @media only screen and (min-width: 1980px) { .search__result { width: 20%; } } .interests { margin: 2rem; list-style-type: none; overflow: hidden; } .interests__elem { display: inline-block; vertical-align: top; width: 100%; margin: 0; box-shadow: 1px 1px rgba(125,125,125,.2); text-align:center; font-weight:bold; } @media only screen and (min-width: 480px) { .interests__elem { width: 50%; } } @media only screen and (min-width: 769px) { .interests__elem { width: 33.33337%; } } @media only screen and (min-width: 1366px) { .interests__elem { width: 25%; } } .interests__elem__a { position: relative; display: block; padding: 1em; font-size: 1.4rem; color: inherit; } .interests__elem__a:before { content: ""; position: absolute; top: 1px; right: 0; bottom: 0; left: 1px; opacity: 0; background-color: rgb(125,125,125); } .interests__elem__a:focus:before { opacity: .2; } @media only screen and (min-width: 1025px) { .interests__elem__a:hover:before { opacity: .2; } } .interests__elem__a__count { float: right; padding-left: .5rem; opacity: .5; } .interests__elem__a__name { color: #09f; } /*---------------*\ #WRAPPERS \*---------------*/ /* * The positions and z-indexes are important because of how the footer is displayed at the end of the pages. * The footer is fixed, and the content is hiding it until u reach the end of the page. * That's why the .main-wrapper:after is important * * Footer is in the FOOTER section */ .container-resp { position: relative; margin: 0 auto; max-width: 1024px; } @media only screen and (min-width: 1224px) { .container-resp { margin: 0 100px; max-width: none; } } @media only screen and (min-width: 1640px) { .container-resp { margin: 0 auto; max-width: 1440px; } } .main-wrapper { padding-top: 60px; min-height: 100%; min-height: -webkit-calc(100% - 101px); min-height: calc(100% - 101px); } .hide-nav > .main-wrapper { padding-top: 0; } .content { } .aa_head { position: relative; z-index: 3; margin-top: -60px; padding-top: 60px; background-color: #fafafa; } .dark .aa_head { background-color: #333; } .hide-nav .aa_head { margin-top: 0; padding-top: 0; } .aa { position: relative; z-index: 1; } .aa_wrap { background-color: rgba(0,0,0,.05); } .aa_db-wrapper { font-size: 0; /* prevent spaces between inline-blocks */ } /*------------------*\ #ARTICLES LAYOUT \*------------------*/ /* * The articles are displayed in a grid, where the aspect ratio of the images are constant. This aspect ratio has to be * the same for all of the articles! * The only exception is for the articles, where the .article--wide class was added. For this, the aspect ratio has to * be the half of the other articles' aspect ratio. * The .article--wide is better if only added to the first article. * * The titles of the articles has the blurred version of the background image. Be careful if you modify the setting of * these elements! * * The details part of the article also has to be the same height for all articles, because the articles are floated, * there are no js to set the article's height, or vertical position. */ .mentioned { display: block; color: #fff; margin-bottom: 5px; } .mentioned:last-child { margin-bottom: 0; } .mentioned__img { position: relative; height: 150px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .mentioned__img__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); } .mentioned:focus .mentioned__img__overlay { opacity: .7; } @media only screen and (min-width: 1025px) { .mentioned:hover .mentioned__img__overlay { opacity: .7; } } .mentioned__img__title { position: absolute; top: 50%; right: 0; left: 0; margin: 0 20px; text-align: center; font-weight: 700; max-height: 5em; overflow: hidden; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .featured-container { position: relative; white-space: nowrap; } .featured-container__arr { position: absolute; bottom: 2rem; width: 3rem; height: 3rem; border: none; outline: none; border-radius: 50%; background-color: rgba(125,125,125,.7); color: #fff; box-shadow: 0 0 0 1px; opacity: 0; } .featured-container__arr--prev { left: 2rem; } .featured-container__arr--next { right: 2rem; } @media only screen and (min-width: 1025px) { .featured-container:hover .featured-container__arr { opacity: 1; } } .featured { display: inline-block; width: 100%; white-space: normal; } @media only screen and (min-width: 480px) { .featured { width: 50%; } } @media only screen and (min-width: 769px) { .featured { width: 33.33337%; /* ends in 7 to prevent gaps in some webkit */ } } @media only screen and (min-width: 1366px) { .featured { width: 25%; } } .featured__pad { } .featured__a { position: relative; display: block; color: #fff; overflow: hidden; } .featured__img { position: relative; padding-bottom: 20rem; background-color: rgba(125,125,125,1); } .featured__img__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .9; background-repeat: no-repeat; background-position: center center; background-size: cover; } .featured__a:focus .featured__img__bg { opacity: 1; } @media only screen and (min-width: 1025px) { .featured__img__bg { bottom: -10px; -webkit-transition: .4s ease-out; transition: .4s ease-out; } .featured__a:hover .featured__img__bg { opacity: 1; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } } .featured__title { position: absolute; top: 0; right: 0; left: 0; min-height: 50%; padding: 10px; margin: 0; font-weight: 700; text-shadow: 1px 1px rgba(0,0,0,.5); background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C */ } @media only screen and (min-width: 768px) { .featured__title { padding: 20px; } .featured__img { padding-bottom: 24rem; } } .article-container { margin: 0 -5px; } .article-layout { position: relative; min-height: 6rem; } .article-layout__btns { position: absolute; top: 30%; right: 5px; } .article-layout__btn { border: none; outline: none; background-color: transparent; font-size: 16px; padding: 0 5px; color: inherit; opacity: .2; } .article-layout__btn.active { color: #09f; opacity: 1; } .article-container--blogroll { } .article { position: relative; display: inline-block; vertical-align: top; width: 100%; margin-bottom: 3rem; } @media only screen and (min-width: 480px) { .article { width: 50%; margin-bottom: 1rem; } } @media only screen and (min-width: 768px) { .article-container--blogroll > .article { display: block; width: 100%; } } @media only screen and (min-width: 769px) { .article { width: 33.33337%; /* ends in 7 to prevent gaps in some webkit */ } } @media only screen and (min-width: 1366px) { .article { width: 25%; } } .article__pad { padding: 0 5px 15px; } .article__label { position: absolute; top: -12px; left: 15px; margin: 35% 15px 0 0; padding: 4px 10px; background-color: #09f; color: #fff; border-radius: 2px 2px 2px 0; font-size: 10px; font-weight: 400; text-transform: uppercase; white-space: nowrap; } .article__label:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 0; border-color: #09f transparent transparent transparent; -webkit-transition: inherit; transition: inherit; } .article__label:focus { background-color: #07f; } .article__label:focus:after { border-color: #07f transparent transparent transparent; } @media only screen and (min-width: 480px) { .article__label { left: 5px; margin: 50% 15px 0 0; } } @media only screen and (min-width: 769px) { .article__label { margin: 60% 15px 0 0; } } @media only screen and (min-width: 1025px) { .article__label { -webkit-transition: .2s ease-out; transition: .2s ease-out; } .article__label:hover { background-color: #07f; } .article__label:hover:after { border-color: #07f transparent transparent transparent; } } .article__a { position: relative; display: block; color: inherit; } .article__a:visited { color: #858585; } .article__img { position: relative; /* it's needed for the children */ width: 100%; padding-bottom: 35%; background-color: rgba(125,125,125,1); overflow: hidden; } @media only screen and (min-width: 480px) { .article__img { padding-bottom: 50%; } } @media only screen and (min-width: 768px) { .article-container--blogroll .article__img { padding-bottom: 21rem; width: 50%; float: left; } .article-container--blogroll .article__label { margin: 0 -5px 0 0; right: 50%; left: auto; top: 10px; border-radius: 2px 0 2px 2px; } .article-container--blogroll .article__label:after { right: -5px; left: auto; top: 0; } } @media only screen and (min-width: 769px) { .article__img { padding-bottom: 60%; } } @media only screen and (min-width: 1366px) { } .article__img__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .9; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media only screen and (min-width: 1025px) { .article__img__bg { bottom: -10px; -webkit-transition: .4s ease-out; transition: .4s ease-out; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } .article__img__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .05; } .article__read-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } .article__read-more > .icon { position: absolute; font-size: 3rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 50%; color: #fff; box-shadow: 0 0 0 1px #fff; left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .article__a:focus .article__read-more { display: block; } .article__a:focus .article__img__bg { opacity: 1; } @media only screen and (min-width: 1025px) { .article__a:hover .article__read-more { display: block; } .article__a:hover .article__img__bg { opacity: 1; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } } .article__img__line { position: absolute; bottom: 0; right: 0; left: 0; } .article__img__line__color { float: left; width: 20%; height: 3px; } .video-indicator { position: absolute; width: 66px; height: 66px; top: 50%; left: 50%; margin-top: -33px; margin-left: -33px; color: #fff; font-size: 28px; /* it shouldn't change thus the px */ text-align: center; line-height: 66px; } .video-indicator > i { margin-left: 3px; } .article__title { position: relative; overflow: hidden; padding: 0 20px; } @media only screen and (min-width: 480px) { .article__title { padding: 0 10px; } } .article__title__labels { position: relative; top: 8px; font-size: 1.2rem; } .article__title__label:after { content: ""; width: 4px; height: 4px; border-radius: 50%; box-shadow: inset 0 0 0 3px; display: inline-block; vertical-align: middle; margin: -1px 2px 0 4px; opacity: .5; } .article__title__label:last-child:after, .article__title__label:empty:after { display: none; } .article__title__text { position: relative; font-weight: 700; } .article__title__text--diff { font-weight: 300; } .article__details { position: relative; padding: 0 20px 5px; overflow: hidden; /* needed for blogroll view */ } @media only screen and (min-width: 480px) { .article__details { padding: 0 10px 5px; } } .article__description { position: relative; /* needed for the pseudo element */ text-align: justify; font-size: 1.5rem; max-height: 12em; /* 8 lines on 1.5 line height */ overflow: hidden; opacity: .8; } .article__data { position: relative; /* it's important if the this is inside the title */ font-size: 1.3rem; margin-top: 10px; } a.article__author { color: inherit; padding-right: 5px; -webkit-transition: .2s ease; transition: .2s ease; -webkit-transform: translate3d(0,0,0); /* Pass the element to the GPU to have 60fps */ transform: translate3d(0,0,0); } a.article__author:hover, a.article__author:focus { opacity: 1; } .article__info { display: inline-block; } .article__info--left { float: left; padding-right: 5px; } .article__info--right { float: right; padding-left: 10px; } /*---------------*\ #POST LAYOUT \*---------------*/ .post-header { box-shadow: inset 0 -3px rgba(125,125,125,.2); } .post-header__stick { position: relative; background-color: rgba(125,125,125,.2); } .post-header__stick__elem { position: absolute; z-index: 1; top: 0; right: 0; left: 0; background-color: #fafafa; box-shadow: inset 0 -3px rgba(125,125,125,.2); } @supports (position: sticky) or (position: -webkit-sticky) { .post-header__stick__elem { position: -webkit-sticky; position: sticky; top: 60px; } .hide-nav .post-header__stick__elem { top: 0; } } .dark .post-header__stick__elem { background-color: #333; } .post-header__stick__elem:after { content: ""; position: absolute; } .post-header__img { height: 60rem; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 1px; -webkit-transition: .4s ease; transition: .4s ease; } .post-header__data { display: inline-block; font-size: 1.5rem; padding: 5px 20px; } .post-header__icon { width: 8.9rem; float: left; margin: 20px 20px -5px; } .post-header__icon--tv { width: 14.825rem; } .post-header__icon__img { width: 100%; padding-bottom: 100%; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgb(240,240,240); box-shadow: inset 0 0 1px rgba(125,125,125,.5); } .post-header__icon--tv > .post-header__icon__img { padding-bottom: 60%; border-radius: 5px; } .post-header__btn { float: right; display: block; margin: 48px 10px 0 0; padding: 0 15px; background-color: #09f; color: #fff; font-size: 1.8rem; line-height: 44px; text-align: center; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .15); border-radius: 5px; } .post-header__title { font-weight: 700; margin: 0; } .post-header__icon + .post-header__title { } .post-header__title--app { margin-top: 11px; line-height: 1.1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media only screen and (max-width: 768px) { .post-header__title--app { margin-top: 16px; } } .post-header__sub { font-size: 1.6rem; } .post-header__color { float: left; width: 11.11111%; height: 3px; } .post-header__label { position: relative; display: inline-block; padding: 4px 10px; margin: 0 0 5px 20px; background-color: #09f; border-radius: 2px 2px 2px 0; color: #fff; font-size: 10px; font-weight: 400; text-transform: uppercase; white-space: nowrap; } .post-header__label:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 0; border-color: #09f transparent transparent transparent; -webkit-transition: inherit; transition: inherit; } .post-header__label:focus { background-color: #07f; } .post-header__label:focus:after { border-color: #07f transparent transparent transparent; } @media only screen and (min-width: 1025px) { .post-header__label { -webkit-transition: .2s ease-out; transition: .2s ease-out; } .post-header__label:hover { background-color: #07f; } .post-header__label:hover:after { border-color: #07f transparent transparent transparent; } } .post-img { position: relative; padding-bottom: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; } .post-header + .post-img { margin-top: -15px; } @media only screen and (min-width: 480px) { .post-img { padding-bottom: 75%; } } @media only screen and (min-width: 768px) { .post-img { padding-bottom: 55%; } } .post-img__bg { position: absolute; top: -50px; right: -50px; bottom: -50px; left: -50px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .post-img__bg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .05; } .post { position: relative; overflow: hidden; box-shadow: -1px 0 rgba(125,125,125,.2), 1px 0 rgba(125,125,125,.2); } .post--bottom { box-shadow: -1px -1px rgba(125,125,125,.2), 1px 0 rgba(125,125,125,.2); } .post__comments { background-color: rgba(125,125,125,.2); padding: 20px; font-size: 2rem; font-weight: 100; } .post__img { position: relative; padding-bottom: 45%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .post__img:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.05); } .post__title { position: relative; } .post__title__icon { width: 8.9rem; margin-top: -2px; padding: 10px 20px 0 20px; float: left; } .post__title__icon__img { width: 100%; padding-bottom: 100%; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgb(240,240,240); box-shadow: inset 0 0 1px rgba(125,125,125,.5); } .post__title__text { font-weight: 700; margin: -1rem 20px 0 20px; padding: 0 40px 0 0; } .post__title:first-child > .post__title__text { margin: 10px 20px 0 20px; } .post__title__text__bg { background-color: #fafafa; box-shadow: -20px 0 #fafafa, 20px 0 #fafafa; } .post__content { position: relative; max-width: 900px; margin: 0 auto; padding: 20px; font-size: 1.7rem; box-sizing: content-box; } .post__content__pad { padding: 0 150px; } .post__content h1 { font-size: 3em; } .post__content h2 { font-size: 1.9em; } .post__content h3 { font-size: 1.4em; } .post__content h4 { font-size: 1em; } .post__content h5 { font-size: .8em; } .post__content h6 { font-size: .7em; } .post__content img { display: block; width: auto; height: auto; max-width: 100%; max-height: 700px; margin: 0 auto 20px auto; } .post__content__video { margin: 5px auto; box-sizing: content-box; } .post__content__video.aa_pull--left, .post__content img.aa_pull--left { margin-right: 5%; padding-right: 6%; border-right: dashed 1px rgba(125,125,125,.2); } .post__content__video.aa_pull--right, .post__content img.aa_pull--right { margin-left: 5%; padding-left: 6%; border-left: dashed 1px rgba(125,125,125,.2); } .post__content__video--portrait { width: 25%; } .post__content__video--landscape { width: 50%; } .post__content__video > video { width: 100%; height: auto; } .post__content__pad .post__content__video--portrait { width: 40%; } .post__content__pad .post__content__video--landscape { width: 80%; } .post__content__pad .post__content__video.aa_pull--left, .post__content__pad img.aa_pull--left { margin-left: -150px; } .post__content__pad .post__content__video.aa_pull--right, .post__content__pad img.aa_pull--right { margin-right: -150px; } .post__content__media__title, .post__content__media__desc { display: block; opacity: .5; font-style: italic; } .post__content__media__desc { font-size: .8em; } .post__content__app { box-shadow: 0 -1px rgba(125,125,125,.2); padding: 1em 0; } .post__content__app__icon { width: 25%; padding-bottom: 25%; margin: 1em 2em 1em 0; border-radius: 20%; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(0,0,0,.2); box-shadow: inset 0 0 1px rgba(125,125,125,.5); } .post__content__app__price { display: inline-block; margin: 0 0 .7em; text-align: center; font-size: 1.2em; color: #09f; box-shadow: 0 0 0 1px #09f; border-radius: 3px; padding: 0 1em; -webkit-transition: .2s ease; transition: .2s ease; } a.post__content__app__price:hover, a.post__content__app__price:focus { background-color: #09f; color: #fff; } .post__content__app__title { margin-bottom: 0; } .post__content__app__author { display: inline-block; color: inherit; margin-bottom: 1em; opacity: .5; -webkit-transition: .2s ease; transition: .2s ease; } a.post__content__app__author:hover, a.post__content__app__author:focus { opacity: 1; } @media only screen and (max-width: 768px) { .post__content__pad { padding: 0; } .post__content__video--portrait, .post__content__pad .post__content__video--portrait { width: 35%; } .post__content__pad .post__content__video--landscape { width: 50%; } .post__content__video.aa_pull--left, .post__content img.aa_pull--left { margin-right: 3%; padding-right: 3%; } .post__content__video.aa_pull--right, .post__content img.aa_pull--right { margin-left: 3%; padding-left: 3%; } .post__content__pad .post__content__video.aa_pull--left, .post__content__pad img.aa_pull--left { margin-left: 0; } .post__content__pad .post__content__video.aa_pull--right, .post__content__pad img.aa_pull--right { margin-right: 0; } } @media only screen and (max-width: 480px) { .post__content img, .post__content__video { float: none !important; margin: 0 auto 20px auto !important; padding: 0 !important; border: none !important; } .post__content__video--landscape, .post__content__pad .post__content__video--landscape { width: 100%; } .post__content__video--portrait, .post__content__pad .post__content__video--portrait { width: 50%; } .post__content__app__icon { margin: 1em 1em 1em 0; } .post__content__app__price { display: block; clear: left; } } /*----------*\ #FINDER \*----------*/ .aa_card { display: block; color: inherit; border-radius: 3px; background-color: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.2), 0 7px 5px -5px rgba(0,0,0,.3), 0 5px 10px -3px rgba(0,0,0,.1);; } .dark .aa_card { background-color: #222; } .aa_bg { background-color: #888; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_bg__ { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_finder { padding: 10px; } .aa_finder__row { margin-top: 20px; font-size: 0; /* prevent spaces between inline-blocks */ } .aa_finder__row--1 { } .aa_finder__row--2 { } .aa_finder__row--3 { } .aa_finder__row__elem { display: inline-block; } .aa_finder__row--1 > .aa_finder__row__elem { width: 100%; } .aa_finder__row--2 > .aa_finder__row__elem { width: 50%; } .aa_finder__row--2 > .aa_finder__row__elem:first-child { padding-right: 10px; } .aa_finder__row--2 > .aa_finder__row__elem:last-child { padding-left: 10px; } .aa_finder__row--3 > .aa_finder__row__elem { width: 100%; margin-top: 20px; } .aa_finder__row--3 > .aa_finder__row__elem:first-child { margin-top: 0; } @media all and (min-width: 768px) { .aa_finder { padding: 20px; } .aa_finder__row--3 > .aa_finder__row__elem { width: 33.33337%; margin-top: 0; padding: 0 7px; } .aa_finder__row--3 > .aa_finder__row__elem:first-child { padding: 0 14px 0 0; } .aa_finder__row--3 > .aa_finder__row__elem:last-child { padding: 0 0 0 14px; } } .aa_finder__collection { position: relative; height: 150px; padding-top: 40px; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_finder__collection:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .aa_finder__collection__icon { position: absolute; top: 0; right: 0; width: 100px; height: 100px; border-radius: 20%; transition: .3s; } .aa_finder__collection__icon:nth-child(1) { -webkit-transform: translate3d(30%,-20%,0) perspective(150px) rotateX(40deg) rotateY(-30deg); transform: translate3d(30%,-20%,0) perspective(150px) rotateX(40deg) rotateY(-30deg); box-shadow: 2px 2px #666; } .aa_finder__collection__icon:nth-child(2) { -webkit-transform: translate3d(-40%,-20%,0) perspective(150px) rotateX(50deg) rotateY(-20deg); transform: translate3d(-40%,-20%,0) perspective(150px) rotateX(50deg) rotateY(-20deg); box-shadow: 1px 2px #666; } .aa_finder__collection__icon:nth-child(3) { -webkit-transform: translate3d(-110%,-20%,0) perspective(150px) rotateX(60deg) rotateY(-10deg); transform: translate3d(-110%,-20%,0) perspective(150px) rotateX(60deg) rotateY(-10deg); box-shadow: 1px 3px 0 -1px #666; } .aa_finder__collection__title { position: relative; display: inline-block; vertical-align: middle; padding: 0 140px 0 20px; } .aa_finder__collection__title:before { content: attr(data-count)''; position: absolute; bottom: -20px; left: 20px; font-size: 1.4rem; font-weight: 700; opacity: .3; } .aa_finder__collection__title__ { max-height: 5.8rem; font-size: 2.4rem; font-weight: 300; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; /* next three rules needed for line-clamp */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aa_finder__collection__arr { position: absolute; top: 95px; right: 70px; width: 55px; height: 1px; margin-left: 28px; background: #888; } .aa_finder__collection__arr:before { content: ''; position: absolute; top: 0; right: 0; width: 29px; height: 29px; box-shadow: 1px 1px #888; -webkit-transform: translate3d(-6px,-14px,0) rotate(-45deg); transform: translate3d(-6px,-14px,0) rotate(-45deg); } .aa_finder__guide { text-align: center; overflow: hidden; } .aa_finder__guide__top { position: relative; height: 80px; } .aa_finder__guide__top__ { position: absolute; top: 30px; left: 50%; white-space: nowrap; transform: translate(-50%,0); } .aa_finder__guide__top__icon { display: inline-block; width: 50px; height: 50px; margin: 0 15px 0; border-radius: 20%; transition: .3s; } .aa_finder__guide__top__icon:nth-child(2) {-webkit-transition-delay: .05s; transition-delay: .05s} .aa_finder__guide__top__icon:nth-child(3) {-webkit-transition-delay: .05s; transition-delay: .1s} .aa_finder__guide__top__icon:nth-child(4) {-webkit-transition-delay: .05s; transition-delay: .15s} .aa_finder__guide__top__icon:nth-child(5) {-webkit-transition-delay: .05s; transition-delay: .2s} .no-touchevents .aa_finder__guide:hover .aa_finder__guide__top__icon, .no-touchevents .aa_finder__guide:focus .aa_finder__guide__top__icon { -webkit-transform: scale(1.2); transform: scale(1.2); } .aa_finder__guide__bottom { height: 6rem; } .aa_finder__guide__bottom:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .aa_finder__guide__bottom__text { position: relative; display: inline-block; vertical-align: middle; max-height: 4.8rem; padding: 0 5px; font-size: 2rem; font-weight: 300; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; } .aa_finder__guide__bottom__text:after { content: ''; position: absolute; top: 2.4rem; right: 5px; width: 50%; height: 2.4rem; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .dark .aa_finder__guide__bottom__text:after { background: linear-gradient(to right, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%); } .aa_finder__list { padding: 10px; } .aa_finder__list__icon { display: inline-block; vertical-align: middle; width: 40%; } .aa_finder__list__icon__ { position: relative; padding-bottom: 56.25%; } .aa_finder__list__icon__frame { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .aa_finder__list__text { display: inline-block; vertical-align: middle; width: 60%; padding-left: 10px; } .aa_finder__list__text__ { position: relative; max-height: 4.8rem; font-size: 2rem; line-height: 1.2; text-align: center; overflow: hidden; } .aa_finder__list__text__:after { content: ''; position: absolute; top: 2.4rem; right: 0; width: 50%; height: 2.4rem; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .dark .aa_finder__list__text__:after { background: linear-gradient(to right, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%); } @media all and (min-width: 480px) { .aa_finder__list__text__ { max-height: 5.3rem; font-size: 2.2rem; } .aa_finder__list__text__:after { top: 2.65rem; height: 2.65rem; } } @media all and (min-width: 768px) { .aa_finder__collection { height: 170px; } .aa_finder__collection__icon { width: 150px; height: 150px; } .aa_finder__collection__icon:nth-child(1) { -webkit-transform: translate3d(30%,-20%,0) perspective(225px) rotateX(40deg) rotateY(-30deg); transform: translate3d(30%,-20%,0) perspective(225px) rotateX(40deg) rotateY(-30deg); box-shadow: 3px 3px #666; } .aa_finder__collection__icon:nth-child(2) { -webkit-transform: translate3d(-40%,-20%,0) perspective(225px) rotateX(50deg) rotateY(-20deg); transform: translate3d(-40%,-20%,0) perspective(225px) rotateX(50deg) rotateY(-20deg); box-shadow: 1px 3px #666;; } .aa_finder__collection__icon:nth-child(3) { -webkit-transform: translate3d(-110%,-20%,0) perspective(225px) rotateX(60deg) rotateY(-10deg); transform: translate3d(-110%,-20%,0) perspective(225px) rotateX(60deg) rotateY(-10deg); box-shadow: 1px 4px 0 -1px #666; } .aa_finder__collection__title { padding: 0 330px 0 20px; } .aa_finder__collection__title:before { font-size: 1.6rem; } .aa_finder__collection__title__ { max-height: 7.2rem; font-size: 3rem; } .aa_finder__collection__arr { right: 165px; } .aa_finder__guide { padding: 20px 0; } .aa_finder__guide__bottom { height: 7rem; } .aa_finder__guide__bottom__text { max-height: 5.8rem; font-size: 2.4rem; } .aa_finder__guide__bottom__text:after { top: 2.9rem; height: 2.9rem; } .aa_finder__list { padding: 1px 1px 0; overflow: hidden; } .aa_finder__list__icon { width: 100%; transition: .3s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .no-touchevents .aa_finder__list:hover > .aa_finder__list__icon, .no-touchevents .aa_finder__list:focus > .aa_finder__list__icon { -webkit-transform: scale(.95); transform: scale(.95); } .aa_finder__list__text { width: 100%; height: 7rem; padding: 0 10px; text-align: center; } .aa_finder__list__text:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .aa_finder__list__text__ { display: inline-block; vertical-align: middle; } } @media all and (min-width: 1024px) { .aa_finder__collection { height: 220px; } .aa_finder__collection__icon { width: 200px; height: 200px; } .aa_finder__collection__icon:nth-child(1) { -webkit-transform: translate3d(30%,-20%,0) perspective(300px) rotateX(40deg) rotateY(-30deg); transform: translate3d(30%,-20%,0) perspective(300px) rotateX(40deg) rotateY(-30deg); box-shadow: 4px 4px #666; } .aa_finder__collection__icon:nth-child(2) { -webkit-transform: translate3d(-40%,-20%,0) perspective(300px) rotateX(50deg) rotateY(-20deg); transform: translate3d(-40%,-20%,0) perspective(300px) rotateX(50deg) rotateY(-20deg); box-shadow: 2px 4px #666; } .aa_finder__collection__icon:nth-child(3) { -webkit-transform: translate3d(-110%,-20%,0) perspective(300px) rotateX(60deg) rotateY(-10deg); transform: translate3d(-110%,-20%,0) perspective(300px) rotateX(60deg) rotateY(-10deg); box-shadow: 1px 5px 0 -1px #666; } .no-touchevents .aa_finder__collection:hover > .aa_finder__collection__icon:nth-child(1), .no-touchevents .aa_finder__collection:focus > .aa_finder__collection__icon:nth-child(1) { transition: .5s; -webkit-transform: translate3d(30%,0%,0) perspective(300px) rotateX(30deg) rotateY(-30deg); transform: translate3d(30%,0%,0) perspective(300px) rotateX(30deg) rotateY(-30deg); } .no-touchevents .aa_finder__collection:hover > .aa_finder__collection__icon:nth-child(2), .no-touchevents .aa_finder__collection:focus > .aa_finder__collection__icon:nth-child(2) { transition: .4s; -webkit-transform: translate3d(-40%,-10%,0) perspective(300px) rotateX(40deg) rotateY(-20deg); transform: translate3d(-40%,-10%,0) perspective(300px) rotateX(40deg) rotateY(-20deg); } .no-touchevents .aa_finder__collection:hover > .aa_finder__collection__icon:nth-child(3), .no-touchevents .aa_finder__collection:focus > .aa_finder__collection__icon:nth-child(3) { transition: .3s; -webkit-transform: translate3d(-110%,-20%,0) perspective(300px) rotateX(50deg) rotateY(-10deg); transform: translate3d(-110%,-20%,0) perspective(300px) rotateX(50deg) rotateY(-10deg); } .aa_finder__collection__title { padding: 0 440px 0 20px; } } /*-----------------------------------------*\ #APP REVIEW, LIST, GUIDE & CHART LAYOUT \*-----------------------------------------*/ .app-list-menu { background-color: rgba(125,125,125,.2); } .app-list-menu__elem { display: inline-block; font-size: 1.4rem; font-weight: inherit; margin-right: -3px; margin-bottom: 1px; padding: .5em .8em; background-color: transparent; border: none; outline: none; color: inherit; box-shadow: 0 -1px #fff; -webkit-transition: .2s ease; transition: .2s ease; } .dark .app-list-menu__elem { box-shadow: 0 -1px #333; } .app-list-menu__elem:hover, .app-list-menu__elem:focus { color: #09f; } .app-list-menu__elem.active { color: #fff; background-color: #09f; } .app-list { overflow: hidden; /* Prevent shadow overlaps at the bottom */ box-shadow: inset 0 5px rgba(125,125,125,.2); } .app-list:first-child, .aa_hidden + .app-list { box-shadow: none; } .app-list__wrap { position: relative; width: 100%; display: inline-block; vertical-align: top; color: inherit; margin-right: -3px; box-shadow: 1px 1px 0 rgba(125,125,125,.2); } .app-list__wrap:visited { color: #858585; } .app-list__wrap:last-child { box-shadow: 0 1px 0 rgba(125,125,125,.2); } .app-list__wrap__bg { display: block; padding-bottom: 50%; margin: 2rem 2rem 4rem 2rem; border-radius: 1rem; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(0,0,0,.2); box-shadow: inset 0 0 1px rgba(125,125,125,.5); } .app-list__wrap:hover > .app-list__wrap__bg, .app-list__wrap:focus > .app-list__wrap__bg { box-shadow: 0 0 0 3px rgba(125,125,125,.5); } .app-list__wrap__title { position: absolute; right: 1.5em; bottom: 0; left: 1.5em; font-size: 1.5rem; font-weight: 500; text-align: left; padding: .6em 0; } @media only screen and (min-width: 400px) { .app-list__wrap { width: 50%; } } @media only screen and (min-width: 768px) { .app-list__wrap { width: 33.33337%; /* ends in 7 to prevent gaps in some webkit */ } } @media only screen and (min-width: 1024px) { .app-list__wrap { width: 25%; } } @media only screen and (min-width: 1640px) { .app-list__wrap { width: 20%; } } .app-chart__header { width: 50%; float: left; } .app-chart__btn { border: none; outline: none; background-color: transparent; float: left; } .app-chart__btn.active { color: #09f; } .app-chart__btn--main { width: 100%; color: inherit; font-size: 2rem; padding: .5em 0; box-shadow: 1px 0 0 rgba(125,125,125,.2); } .app-chart__btn--sub { width: 50%; color: inherit; font-size: 1.6rem; padding: .3em 0; box-shadow: 1px 1px 0 rgba(125,125,125,.2); } .app-chart__main, .app-chart__sub { width: 100%; float: left; } .app-chart__sub { counter-reset: section; /* Set the section counter to 0 */ } .app-chart__elem:before { counter-increment: section; content: counter(section)"."; font-size: 1.6rem; width: 2.5em; display: block; text-align: center; position: absolute; top: 50%; margin-top: -.8rem; } @media only screen and (max-width: 479px) { .inactive > .app-chart__btn--sub { color: inherit; pointer-events: none; } } @media only screen and (min-width: 480px) { .app-chart__btn--main { pointer-events: none; } .app-chart__btn--main.active { color: inherit; } .app-chart__main { width: 50%; } } @media only screen and (min-width: 1024px) { .app-chart__btn--sub { pointer-events: none; } .app-chart__btn--sub.active { color: inherit; } .app-chart__sub { width: 50%; } } .agf-title { box-shadow: inset 0 5px rgba(125,125,125,.2); padding: 20px; margin: 0; } .agf-title:first-child { box-shadow: none; } .agf { overflow: hidden; } .agf-icons { display: inline-block; vertical-align: top; width: 4rem; height: 4rem; margin-right: 1rem; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: inset 0 0 1px rgba(125,125,125,.5); } .agf-icons:last-child { margin-right: 0; } .agf-app { position: relative; padding: 20px 0; } .agf-app h1 { font-size: 3em; } .agf-app h2 { font-size: 1.9em; } .agf-app h3 { font-size: 1.4em; } .agf-app h4 { font-size: 1em; } .agf-app h5 { font-size: .8em; } .agf-app h6 { font-size: .7em; } .agf-app__icon { display: block; float: left; width: 10rem; height: 10rem; margin: 0 2rem 1rem; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: inset 0 0 1px rgba(125,125,125,.5); } .agf-app__btn { display: block; margin: 20px; padding: 5px 0; font-size: 1.5rem; font-weight: 400; text-align: center; color: #ccc; border-radius: 3px; box-shadow: inset 0 0 0 1px; clear: left; } .agf-app__btn--free { color: #09f; } .agf-app__btn__price { display: block; font-size: .8em; opacity: .5; margin-top: -5px; } .agf-app__btn:hover, .agf-app__btn:focus { box-shadow: none; color: #f0f0f0; background-color: #ccc; } .agf-app__btn--free:hover, .agf-app__btn--free:focus { box-shadow: none; color: #f0f0f0; background-color: #09f; } .agf-app__header { font-size: 1.3rem; margin: 0 20px; overflow: hidden; } .agf-app__header__title { margin: 10px 0 0; max-height: 5em; overflow: hidden; } .agf-app__data { width: 10rem; margin: 0 2rem 2rem; text-align: center; float: left; clear: left; } .agf-app__dev { font-size: 1.4rem; margin-right: 5px; opacity: .5; } .agf-app__info { margin-top: 20px; font-size: 1.7rem; overflow: hidden; clear: left; } .agf-app__gallery { text-align: center; margin-top: 20px; background-color: rgba(0,0,0,.1); } input.agf-app__gallery__btn { display: none; } label.agf-app__gallery__btn { display: inline-block; min-width: 55px; box-shadow: inset 0 0 0 1px #09f; padding: 2px 10px; margin-top: 20px; cursor: pointer; text-align: center; } input.agf-app__gallery__btn:checked + label.agf-app__gallery__btn { color: #fff; background-color: #09f; } label.agf-app__gallery__btn:nth-of-type(1) { border-radius: 3px 0 0 3px; } label.agf-app__gallery__btn:nth-of-type(2) { border-radius: 0 3px 3px 0; } label.agf-app__gallery__btn:only-of-type { border-radius: 3px; } .iphone-btn:checked ~ .agf-app__gallery__imgs > .ipad { display: none; } .ipad-btn:checked ~ .agf-app__gallery__imgs > .iphone { display: none; } .agf-app__gallery__imgs { padding: 20px 10px; margin-top: 10px; overflow: hidden; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .agf-app__gallery__imgs > img { display: inline-block; vertical-align: middle; max-height: 300px; max-width: 300px; margin: 0 10px 0 0; box-shadow: 0 0 25px rgba(0,0,0,.2); } .agf-app__gallery__imgs > img:last-child { margin: 0; } .agf-app__gallery__imgs::-webkit-scrollbar-track { display: none; } .agf-app__gallery__imgs::-webkit-scrollbar { height: 8px; background-color: transparent; } .agf-app__gallery__imgs::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(125,125,125,.5); } .agf-app__info__text { margin: 0 20px; } .agf-app__pros { width: 50%; padding: 10px 3%; float: left; font-size: 0.8em; text-align: center; } .agf-app__pros:first-child { box-shadow: 1px 0 rgba(125,125,125,.2); } .agf-app__pros > i { display: block; font-size: 2em; margin-bottom: 10px } @media only screen and (min-width: 480px) { .agf-app__btn { position: absolute; top: 30px; right: 0; width: 9em; margin: 0 2em; } .agf-app__btn--free { top: 27px; } .agf-app__header__title:before { content: ""; width: 150px; height: 40px; float: right; } } @media only screen and (min-width: 769px) { .agf-app__icon { width: 15rem; height: 15rem; margin: 0 2rem 2rem; } .agf-app__data { width: 15rem; } .agf-app__header { font-size: 1.7rem; } .agf-app__header__title { margin: 15px 0 0; } .agf-app__header__title:before { display: none; } .agf-app__info { clear: none; } .agf-app__info__text { display: inline-block; vertical-align: top; width: 60%; margin: 0; } .agf-app__gallery { display: inline-block; vertical-align: top; width: 40%; background-color: transparent; text-align: left; padding-top: 2px; margin-top: 0; } label.agf-app__gallery__btn { margin-top: 0; } label.agf-app__gallery__btn:nth-of-type(1) { margin-left: 21px; } label.agf-app__gallery__btn:only-of-type { margin-left: 21px; } .agf-app__gallery__imgs { margin-left: 20px; background-color: rgba(0,0,0,.1); border-radius: 3px 0 0 3px; } .agf-app__gallery__imgs > img { max-width: 400px; max-height: 400px; cursor: pointer; } .agf-app__btn { position: absolute; top: auto; right: auto; bottom: 40px; left: 0; } } .app { position: relative; display: inline-block; vertical-align: bottom; width: 100%; color: inherit; padding: 2rem 0 2rem; box-shadow: 1px 1px 0 rgba(125,125,125,.2); } .app:last-child { box-shadow: none; } .app-chart__elem:last-child { box-shadow: 1px 1px 0 rgba(125,125,125,.2); } .app:visited { color: #858585; } .app--stars { padding: 2rem 0 1rem; } .app__wrap { padding: 0 2rem; } .app-chart__elem > .app__wrap { padding: 0 2rem 0 4rem; } .app__wrap__left { width: 30%; display: inline-block; vertical-align: middle; } .app__wrap__right { width: 70%; display: inline-block; vertical-align: middle; } @media only screen and (min-width: 480px) { .app { width: 50%; } .app__wrap__left { width: 40%; } .app__wrap__right { width: 60%; } } @media only screen and (min-width: 768px) { .app { width: 33.33337%; /* ends in 7 to prevent gaps in some webkit */ } } @media only screen and (min-width: 1024px) { .app { width: 25%; } } @media only screen and (min-width: 1640px) { .app { width: 20%; } } .app-chart__sub > .app { width: 100%; } .app__img, .app__data { } .app--guide .app__img { padding-right: 2rem; } .app__img__bg { height: 0; width: 100%; padding-bottom: 100%; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgb(240,240,240); box-shadow: inset 0 0 1px rgba(125,125,125,.5); } .app:focus .app__img__bg { box-shadow: 0 0 0 3px rgba(125,125,125,.5); } @media only screen and (min-width: 1025px) { .app:hover .app__img__bg { box-shadow: 0 0 0 3px rgba(125,125,125,.5); } } .app--guide .app__img__bg { position: relative; background-color: transparent; box-shadow: none !important; } .app--guide__img { position: relative; z-index: 3; height: 0; width: 100%; padding-bottom: 100%; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgb(240,240,240); box-shadow: inset 0 0 1px rgba(125,125,125,.5), 0 0 0 1px rgba(255,255,255,1); -webkit-transition: .2s ease; transition: .2s ease; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dark .app--guide__img { box-shadow: inset 0 0 1px rgba(125,125,125,.5), 0 0 0 1px rgba(51,51,51,1); } .app--guide__img:nth-child(2) { position: absolute; z-index: 2; width: 80%; padding-bottom: 80%; top: 10%; -webkit-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); } .app--guide__img:nth-child(3) { position: absolute; z-index: 1; width: 60%; padding-bottom: 60%; top: 20%; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .app:hover .app--guide__img:nth-child(1), .app:focus .app--guide__img:nth-child(1) { -webkit-transform: translate3d(-10%,0,0); transform: translate3d(-10%,0,0); } .app:hover .app--guide__img:nth-child(3), .app:focus .app--guide__img:nth-child(3) { -webkit-transform: translate3d(120%,0,0); transform: translate3d(120%,0,0); } .app__data { padding-left: 2rem; } .app__data__title { margin: 0; overflow: hidden; } h3.app__data__title { max-height: 2.5em; /* 2 lines with 1.25 line height */ } h4.app__data__title { max-height: 3.75em; /* 3 lines with 1.25 line height */ } .app-chart__elem h4.app__data__title { max-height: 2.5em; /* 2 lines with 1.25 line height */ } .app__data__author { font-size: 1.2rem; opacity: .6; } .app__data__author--diff { font-weight: 500; font-style: italic; } .app__data__info { font-size: 1.2rem; } .app__stars { color: #ff9900; text-align: center; } .app__stars > .icon { font-size: 1.6rem; margin-right: -3px; } .app__info { text-align: right; font-size: 1.5rem; } .app__info__dev { opacity: .2; margin-right: 5px; padding-right: 10px; box-shadow: 1px 0; } .app__info__price { } /*-----------*\ #PAGE NAV \*-----------*/ .page-nav { position: relative; margin-bottom: 1rem; } .page-nav__btn { display: block; color: inherit; font-size: 1.6rem; line-height: 2.5rem; border-radius: 2px; text-align: center; background-color: rgba(125,125,125,.4); opacity: .5; -webkit-transition: .2s ease; transition: .2s ease; } .page-nav__btn:focus { opacity: 1; } @media only screen and (min-width: 1025px) { .page-nav__btn:hover { opacity: 1; } } .page-nav__btn.loading { opacity: 1; } /*----------*\ #FOOTER \*----------*/ /* * It's related to the MAIN WRAPPER section, don't forget to read that first */ .to-top { position: fixed; right: 0; bottom: 25px; width: 50px; height: 40px; padding: 10px 15px; border: none; outline: none; background-color: transparent; color: #222; } .to-top > .icon { display: block; line-height: 19px; border-radius: 50%; background-color: #fafafa; box-shadow: 0 0 5px rgba(0,0,0,.5); } .footer { font-size: 14px; /* it shouldn't change thus the px */ padding: 10px 10px 50px; margin-top: 1rem; text-align: center; } .footer__link { display: inline-block; padding: 10px 10px; color: inherit; opacity: .5; /* We will animate the opacity on hover */ -webkit-transition: .2s ease; transition: .2s ease; -webkit-transform: translate3d(0,0,0); /* Pass the element to the GPU to have 60fps */ transform: translate3d(0,0,0); } .footer__link:hover, .footer__link:focus { opacity: 1; } .footer__text { display: block; } /*---------*\ #SHARE \*---------*/ .share-btn { width: 50px; height: 50px; font-size: 30px; /* it shouldn't change thus the px */ border: none; outline: none; background-color: transparent; color: inherit; } .share { position: relative; padding: 0 10px; margin: 5px 0; overflow: hidden; } .share__link { font-size: 2rem; width: 2em; display: inline-block; text-align: center; line-height: 2em; color: rgba(125,125,125,1); -webkit-transition: .2s ease; transition: .2s ease; } .share__link--fb:hover, .share__link--fb:focus { color: #3b5997; } .share__link--tw:hover, .share__link--tw:focus { color: #41b7d8; } .share__link--go:hover, .share__link--go:focus { color: #d64937; } .share__link--tu:hover, .share__link--tu:focus { color: #35465c; } .share__link--pi:hover, .share__link--pi:focus { color: #cb2027; } .share__link--re:hover, .share__link--re:focus { color: #ff5700; } .share__link:hover, .share__link:focus { box-shadow: 0 0 0 1px; } /*-----------------*\ #YOUTUBE VIDEO \*-----------------*/ .yt-video { margin: 0 auto; max-width: 824px; } @media only screen and (min-width: 1024px) { .yt-video { margin: 0 100px; max-width: none; } } .yt-video__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: rgba(125,125,125,.2); } .yt-video__wrapper iframe, .yt-video__wrapper object, .yt-video__wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vp { position: relative; overflow: hidden; margin-bottom: 20px; } .vp__right { } .vp__left { overflow: hidden; } .vp__list { } .vp__list__scroll { padding: 10px 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } .vp__list__scroll::-webkit-scrollbar-track { display: none; } .vp__list__scroll::-webkit-scrollbar { height: 8px; background-color: transparent; } .vp__list__scroll::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(125,125,125,.5); } .vp__list__elem { position: relative; display: inline-block; vertical-align: top; max-width: 300px; padding: 10px; cursor: pointer; color: inherit; white-space: normal; } .vp__list__elem--btn { text-align: center; line-height: 50px; } .vp__list__elem .video-indicator:last-child { display: none; } .vp__list__elem.active .video-indicator:last-child { display: block; } .vp__list__elem.active .video-indicator:nth-last-child(2) { display: none; } .vp__list__elem.active .article__img__overlay { opacity: 1; } .vp__list__elem:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(125,125,125); opacity: 0; -webkit-transition: .2s ease; transition: .2s ease; } .vp__list__elem--btn:before { opacity: .2; } .vp__list__elem:focus:before, .vp__list__elem:hover:before { opacity: .4; } .vp__list__elem.active:before { opacity: .4; background-color: #09f; } .vp__list__elem__img { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; width: 90px; height: 50px; } .vp__list__elem__title { display: none; margin: 7px 0; } @media only screen and (min-width: 768px) { .vp { margin-bottom: 0; } .vp__list__elem__img { float: left; margin-right: 10px; } .vp__list__elem__title { display: block; max-height: 2.5em; overflow: hidden; } } @media only screen and (min-width: 1024px) { .vp__right { float: right; width: 30%; } .vp__list { position: relative; padding-bottom: 131.25%; } .vp__list__scroll { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; overflow-x: hidden; overflow-y: auto; white-space: normal; } .vp__list__scroll::-webkit-scrollbar { height: auto; width: 8px; } .vp__list__elem { display: block; max-width: none; } .vp__list__elem--btn { line-height: normal; } } /*-------------*\ #GALLERIES \*-------------*/ .gallery { position: relative; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; background-color: rgba(0,0,0,.1); padding: 20px; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-type: mandatory; -webkit-scroll-snap-destination: 50% 50%; } .gallery > img { display: inline-block; vertical-align: middle; width: auto; height: auto; max-width: 400px; max-height: 400px; margin-right: 20px; box-shadow: 0 0 25px rgba(0,0,0,.2); cursor: pointer; -webkit-scroll-snap-coordinate: 50% 50%; } .gallery::-webkit-scrollbar-track { display: none; } .gallery::-webkit-scrollbar { height: 8px; background-color: transparent; } .gallery::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 4px 4px rgba(255,255,255,.3); background-color: #09f; } .gallery-window { position: fixed; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: rgba(0,0,0,0.9); } .gallery-window__close { position: absolute; top: 70px; right: 10px; height: 40px; width: 40px; font-size: 20px; text-align: center; color: #fff; background-color: transparent; border: none; outline: none; } .gallery-window__nav { position: absolute; top: 50%; margin-top: -20px; height: 100px; width: 36px; font-size: 36px; text-align: center; color: #fff; background-color: transparent; border: none; outline: none; } .gallery-window__nav--prev { left: 10px; } .gallery-window__nav--next { right: 10px; } .gallery-window__tape { position: absolute; top: 60px; right: 0; bottom: 0; left: 0; white-space: nowrap; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .gallery-window__tape__frame { position: relative; display: inline-block; width: 100%; height: 100%; text-align: center; } .gallery-window__tape__frame__help { display: inline-block; height: 100%; vertical-align: middle; } .gallery-window__tape__frame__img { max-height: 100%; max-width: 100%; vertical-align: middle; } /*------------*\ #APP PLAY \*------------*/ .app-plays { font-size: 0; /* prevent spaces between inline-block */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; background-color: #f0f0f0; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-type: mandatory; -webkit-scroll-snap-destination: 50% 50%; } .app-play { display: inline-block; vertical-align: middle; width: 100%; padding: 40px 0; white-space: normal; -webkit-scroll-snap-coordinate: 50% 50%; } @media all and (min-width: 550px) { .app-play { width: 70%; } .app-play:first-child {margin-left: 15%} .app-play:last-child {margin-right: 15%} } @media all and (min-width: 769px) { .app-play { width: 50%; } .app-play:first-child {margin-left: 25%} .app-play:last-child {margin-right: 25%} } .app-play__frame { max-width: 360px; margin: 0 auto; padding: 0 10px; } .app-play__frame.portrait { } .app-play__title { font-size: 1.4rem; font-weight: 500; line-height: 1.1; box-sizing: border-box; } .app-play__frame.portrait > .app-play__title { width: 50%; margin: 10px 0; padding-left: 10px; float: right; } .app-play__canvas { margin: 10px 0; background-color: #ccc; } .app-play__frame.portrait > .app-play__canvas { width: 50%; float: left; } .app-play__canvas__media { position: relative; padding-bottom: 56.25%; } .app-play__frame.portrait > .app-play__canvas > .app-play__canvas__media { padding-bottom: 177.78%; } .app-play__canvas__media.load:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,.5); -webkit-backdrop-filter: blur(20px); } .app-play__canvas__media > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .app-play__canvas__media > img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .app-play__description { font-size: 1rem; box-sizing: border-box; overflow: hidden; } .app-play__frame.portrait > .app-play__description { padding-left: 10px; } /*----------------*\ #MISCELLANEOUS \*----------------*/ .no-touchevents .aa_come-in { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .no-touchevents .aa_come-in--fade { opacity: 0; } .aa_come-in--fade.in-view, .no-js .aa_come-in--fade { opacity: 1; } .no-touchevents .aa_come-in--up { -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } .aa_come-in--up.in-view, .no-js .aa_come-in--up { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .no-touchevents .aa_come-in--up-slow { -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .aa_come-in--up-slow.in-view, .no-js .aa_come-in--up-slow { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_app-title { display: block; padding: 0 0 10px; color: inherit; } .aa_at__icon { float: left; width: 70px; height: 70px; border-radius: 20%; background-color: #888; overflow: hidden; transform: translate3d(0,0,0); } .aa_at__icon--tv { width: 100px; height: 56px; border-radius: 3px; } .aa_at__icon--poster { width: 70px; height: 101px; border-radius: 3px; } .aa_at__icon > img { width: 100%; height: 100%; } .aa_at__text { overflow: hidden; height: 70px; font-size: 0; /* needed for inline-block children */ } .aa_at__icon--tv + .aa_at__text { height: 56px; } .aa_at__icon--poster + .aa_at__text { height: 101px; } .aa_at__text:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } /* helper to make text vertically centered */ .aa_at__text__ { display: inline-block; vertical-align: middle; width: 100%; } .aa_at__text__title { padding-left: 10px; font-size: 1.6rem; font-weight: 700; line-height: 1.1; overflow: hidden; max-height: 3.52rem; /* font size x line height x visible lines */ /* next three rules needed for line-clamp */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .aa_at__text__developer { padding-left: 10px; font-size: 1.2rem; opacity: .5; } @media all and (min-width: 768px) { .aa_at__icon { width: 100px; height: 100px; } .aa_at__icon--tv { width: 168px; height: 94px; border-radius: 5px; } .aa_at__icon--poster { width: 100px; height: 144px; border-radius: 3px; } .aa_at__text { height: 100px; } .aa_at__icon--tv + .aa_at__text { height: 94px; } .aa_at__icon--poster + .aa_at__text { height: 144px; } .aa_at__text__title { font-size: 2.4rem; max-height: 5.28rem; /* font size x line height x visible lines */ } .aa_at__text__developer { font-size: 1.6rem; } } .taxonomy { padding: 10rem 0; text-align: center; background-color: #222; color: #fff; margin-bottom: 20px; } .taxonomy__title { font-size: 3.6rem; font-weight: 100; padding: 0 20px; } .taxonomy__title--shadow { text-shadow: 2px 1px rgba(4, 186, 158, 1), -1px -3px rgba(0, 153, 255, 1); } .taxonomy__data { font-size: 1.4rem; opacity: .5; padding: 0 20px; } .author { display: inline-block; width: 100%; margin: 3rem 0 1rem; } @media only screen and (min-width: 480px) { .author { width: 50%; } } @media only screen and (min-width: 769px) { .author { width: 33.33337%; /* ends in 7 to prevent gaps in some webkit */ } } @media only screen and (min-width: 1366px) { .author { width: 25%; } } .author__a { display: block; width: 25rem; margin: 0 auto; color: inherit; } .author__img { position: relative; width: 20rem; height: 20rem; margin: 0 auto; } .author__img:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: rgba(125,125,125,.2); -webkit-transition: .4s ease; transition: .4s ease; } .author__img__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(125,125,125,.2); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: .4s ease; transition: .4s ease; } .author__a:focus .author__img__bg { -webkit-transform: scale(1.1); transform: scale(1.1); } .author__a:focus .author__img:before { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } @media only screen and (min-width: 1025px) { .author__a:hover .author__img__bg { -webkit-transform: scale(1.1); transform: scale(1.1); } .author__a:hover .author__img:before { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); } } .author__name { margin-bottom: 0; } .author__role{ font-size: 1.2rem; opacity: .5; } .author-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; } .author-bg--img > .author-info { color: #fff; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C */ } .author-info { padding: 40px 0 20px; } .author-bg--img > .author-img { box-shadow: inset 0 0 0 1px rgba(125,125,125,.2), 0 0 0 5px #fff; } .author-bg--img > .author-img:before { box-shadow: 0 0 0 1px #fff; } .author-img { position: relative; margin: 4rem auto 0 auto; width: 30rem; height: 30rem; border-radius: 50%; box-shadow: 0 0 0 5px rgba(125,125,125,.2); background-repeat: no-repeat; background-position: center center; background-size: cover; } .author-img:before { content: ""; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(125,125,125,.2); } .author-link { display: inline-block; background-color: rgba(0,0,0,.3); color: #fff; text-align: center; line-height: 2em; width: 2em; font-size: 1.8rem; border-radius: 50%; margin: 0 3px; } .author-link--fb { background-color: #3b5997; } .author-link--tw { background-color: #41b7d8; } .author-link--go { background-color: #d64937; } .author-link--tu { background-color: #35465c; } .author-link--in { background-color: #1a5570; } .author-link--pi { background-color: #cb2027; } .author-link--re { background-color: #ff5700; } .article-num { float: right; line-height: 1; text-align: center; } .sort-container { background-color: rgb(240,240,240); } .sort { margin: 1rem; font-size: 1.4rem; } .sort__select { background-color: transparent; border: none; outline: none; color: inherit; font-weight: 500; cursor: pointer; -webkit-appearance: none; } .filter { position: relative; font-size: 1.4rem; } .filter > .icon { position: absolute; top: 1rem; left: .5rem; } .filter__input { border: none; outline: none; padding: .5rem .5rem .5rem 2rem; margin: .5rem .5rem .5rem 0; border-radius: 3px; background-color: rgb(255,255,255); } .tag { display: inline-block; vertical-align: middle; margin: 5px 5px 0 0; } a.tag { -webkit-transition: .2s ease; transition: .2s ease; } .tag--tag { opacity: .7; margin-right: 10px; font-size: 1.2rem; font-weight: 500; } a.tag--tag { color: inherit; } a.tag--tag:hover, a.tag:focus { opacity: 1; } .tag--tag:after { content: ","; } .tag:last-child { margin-right: 0; } .tag--tag:last-child:after { content: ""; } .tag--theme { padding: 3px 5px; background-color: #50f; text-transform: uppercase; color: #fff; } .tag--topic { padding: 3px 5px; background-color: #F50; text-transform: uppercase; color: #fff; } .tag--app-hub { padding: 3px 5px; background-color: #f05; text-transform: uppercase; color: #fff; } .divider-line--horizontal { height: 1px; background-color: rgba(125,125,125,.2); } .divider-line--horizontal--small { width: 100px; margin-left: auto; margin-right: auto; } .notification { font-size: 1.6rem; padding: .5rem 0; text-align: center; background-color: rgba(255, 220, 150, 0.5); } .no-js .js-wait-for-image { opacity: 1 !important; } .browsehappy { display: none; } .no-csstransitions .browsehappy { display: block; } .no-js .browsehappy { display: none; } .stick { /* .sticky element only moves inside parent element, u may need to set the height of this via js */ position: relative; } .stick__elem { position: -webkit-sticky; /* Change to static if u want to turn out sticky */ top: 0; /* Distance from the top when sticky starts */ } a.underline { position: relative; overflow: hidden; display: inline-block; vertical-align: top; } a.underline:before { content: ""; position: absolute; left: 0; bottom: 1px; height: 1px; width: 50%; background-color: #09f; -webkit-transition: inherit; transition: inherit; -webkit-transform: translate3d(-102%,0,0); transform: translate3d(-102%,0,0); } a.underline:hover, a.underline:focus { color: #09f; } a.underline:hover:before, a.underline:focus:before { -webkit-transform: translate3d(50%,0,0); transform: translate3d(50%,0,0); } .blur { -webkit-filter: blur(20px); } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } /* wordpress helpers */ .contains-iframe { position: relative; display: block; height: 0; padding-bottom: 56.25%; } .contains-iframe > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (min-width: 768px) and (max-width: 1439px) { .featured.slick-slide { padding: 0 5px; } } .wp-caption { max-width: 100%; margin: 0 auto; width: auto !important; } .wp-caption-text { font-size: .8em; opacity: .5; margin: -15px 0 15px 5px; text-align: center; } .er_wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; text-align: center; background-color: #888; color: #fff; } .er_wrap:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .er_wrap__ { display: inline-block; vertical-align: middle; } .er_title { font-size: 30px; font-weight: 100; line-height: 1.2; padding: 0 20px; } .er_desc { max-width: 500px; margin: 20px 0; font-size: 18px; line-height: 1.4; font-weight: 300; } .mcl_loader--cloud { background-color: #888; } .cloud { position: relative; width: 160px; height: 90px; margin: 20px auto; -webkit-filter: drop-shadow(0 5px 10px rgba(0,0,0,.1)); } .cloud__1, .cloud__2, .cloud__3, .cloud__4, .cloud__5 { position: absolute; background-color: #fff; } .cloud__1, .cloud__2 { bottom: 0; width: 100px; } .cloud__1 { left: 0; height: 50px; border-radius: 25px 0 0 25px; animation: cloud-1 1.5s infinite ease-in-out alternate; } .cloud__2 { right: 0; height: 60px; border-radius: 0 30px 30px 0; animation: cloud-2 2s infinite ease-in-out alternate; } .cloud__3 { top: 16px; left: 20px; width: 40px; height: 40px; border-radius: 50%; animation: cloud-3 1s infinite ease-in-out alternate; } .cloud__4, .cloud__5 { width: 50px; height: 50px; border-radius: 50%; } .cloud__4 { top: 0; left: 50px; animation: cloud-4 1.25s infinite ease-in-out alternate; } .cloud__5 { top: 5px; right: 25px; animation: cloud-5 2.5s infinite ease-in-out alternate; } .rain { position: absolute; bottom: 0; width: 5px; height: 15px; background-color: #fff; border-radius: 3px; animation: rain 1s infinite ease-in forwards; } .rain--1 { left: 40px; } .rain--2 { left: 56px; } .rain--3 { left: 72px; } .rain--4 { left: 88px; } .rain--5 { left: 104px; } .rain--6 { left: 120px; } .rain:nth-child(6) {animation-delay: 0s;} .rain:nth-child(7) {animation-delay: .5s;} .rain:nth-child(8) {animation-delay: .25s;} .rain:nth-child(9) {animation-delay: .75s;} .rain:nth-child(10) {animation-delay: .1s;} .rain:nth-child(11) {animation-delay: .35s;} .rain:nth-child(12) {animation-delay: .6s;} .rain:nth-child(13) {animation-delay: .85s;} .rain:nth-child(14) {animation-delay: .15s;} .rain:nth-child(15) {animation-delay: .65s;} .rain:nth-child(16) {animation-delay: 0s;} .rain:nth-child(17) {animation-delay: .25s;} .rain:nth-child(18) {animation-delay: .5s;} .rain:nth-child(19) {animation-delay: .75s;} .rain:nth-child(20) {animation-delay: .35s;} .rain:nth-child(21) {animation-delay: .85s;} @keyframes cloud-1 { 0% {transform: translate3d( 0, 0,0)} 100% {transform: translate3d(-5px,0,0)} } @keyframes cloud-2 { 0% {transform: translate3d(0, 0,0)} 100% {transform: translate3d(5px,0,0)} } @keyframes cloud-3 { 0% {transform: translate3d( 0, 0, 0)} 100% {transform: translate3d(-2px,2px,0)} } @keyframes cloud-4 { 0% {transform: scale(1)} 100% {transform: scale(1.1)} } @keyframes cloud-5 { 0% {transform: translate3d(0, 0, 0)} 100% {transform: translate3d(3px,3px,0)} } @keyframes rain { 0% {transform: translate3d(0, 0, 0); opacity: 1} 100% {transform: translate3d(0,100px,0); opacity: 0} } /* * BEFORE MODIFYING THIS PART OF THE DOCUMENT READ THIS DOCUMENTATION CAREFULLY: * * http://cssguidelin.es/ * * What differs from the guideline: * * - Indentations are 2px * - Columns are 120px wide * - don't use [] in html inside class="" for grouping * - in html class="" don't use 2 space between classes, but put the related ones next to each other * - low level commenting is not necessary but u can use, just try to explain the things u think is important * */ /* * RULES * * 1) LAYOUT.................................main layout rules * * 2) NAV....................................nav bar * * 3) HEADER.................................header with media elements * * 4) LOADER.................................loading indicator * * 5) CONTENT................................main content blocks * * 6) GALLERY................................media gallery * * 7) TOC....................................table of contents * * 8) FOOTER.................................footer * * 9) MISCELLANEOUS..........................other * */ /*----------*\ #LAYOUT \*----------*/ .article-layout { height: 100%; font-size: 1.6rem; line-height: 1.4; font-weight: 400; } .article-layout h1, .article-layout h2, .article-layout h3, .article-layout h4, .article-layout h5, .article-layout h6 { font-weight: 500; margin: 10px 0; } .article-layout h1 {font-size: 2.8rem;} .article-layout h2 {font-size: 2.4rem;} .article-layout h3 {font-size: 2.2rem;} .article-layout h4 {font-size: 2.0rem;} .article-layout h5 {font-size: 1.8rem;} .article-layout h6 {font-size: 1.6rem;} .article-layout p { font-size: 1.5rem; line-height: 1.5; } @media all and (min-width: 1024px) { .article-layout h1 { font-size: 3.6rem; } .article-layout h2 { font-size: 3.2rem; } .article-layout h3 { font-size: 2.8rem; } .article-layout h4 { font-size: 2.4rem; } .article-layout p { font-size: 1.7rem; } } .article-layout button { border: none; outline: none; padding: 0; background-color: transparent; -webkit-transition: .2s ease-out; transition: .2s ease-out; } .article-layout a { text-decoration: none; color: inherit; -webkit-transition: .2s ease-out; transition: .2s ease-out; } .article-layout img, .article-layout video { width: 100%; height: auto; } .article-layout img[src=""] { height: 0; visibility: hidden; /* chrome fix not to show borders */ } /* * we add padding bottom to images to have their final size when the src is empty * we add the src after page load, to make the site faster */ .article-layout img[src^="http"] { padding-bottom: 0 !important; } .article-layout video { background-color: #000; } .article-layout mark, .article-layout .highlight { background-color: rgba(130,130,130,.2); color: inherit; } .article-layout::selection { background: rgba(0,153,255,.2); } /*-------*\ #NAV \*-------*/ .al_nav { position: fixed; z-index: 6; /* get above everything by default */ right: 0; bottom: 0; left: 0; height: 44px; background-color: rgba(250,250,250,1); box-shadow: 0 -1px rgba(130,130,130,.2); -webkit-transition: .4s; transition: .4s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .dark .al_nav { background-color: rgba(51,51,51,1); } @supports (-webkit-backdrop-filter: blur(1px)) { .al_nav { background-color: rgba(250,250,250,.9); -webkit-backdrop-filter: blur(20px) } .dark .al_nav { background-color: rgba(51,51,51,.8); } } .al_nav.show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .al_nav__btn { padding-right: 10px; font-size: 14px; line-height: 44px; float: right; color: #888; } .al_nav__ref { position: absolute; top: 0; right: 40px; bottom: 0; left: 40px; display: block; text-align: center; font-size: 20px; line-height: 44px; font-weight: 700; opacity: 0; pointer-events: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .3s ease-out; counter-increment: navsection; } .al_nav__ref.active { opacity: 1; pointer-events: auto; } .al_nav__ref--title { color: #888 !important; } .al_nav__ref--num:before { content: counter(navsection); display: inline-block; vertical-align: middle; position: relative; top: -2px; height: 18px; margin-right: 3px; padding-right: 6px; font-size: 12px; line-height: 18px; box-shadow: 1px 0; } .al_nav__ref:after { content: attr(data-title); } .al_nav__ref__app { display: inline-block; position: relative; top: 4px; width: 24px; height: 24px; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_nav__ref__app--tv { width: 43px; border-radius: 3px; } .al_nav__progress { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background-color: rgba(130,130,130,.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0); transform: scaleX(0); } @media all and (min-width: 1240px) { .al_nav { position: fixed; z-index: 4; /* get under section header images */ top: 140px; right: auto; bottom: 35px; left: 0; height: auto; width: 48px; background-color: transparent; box-shadow: 1px 0 rgba(130,130,130,.2); -webkit-transform: translate3d(-65px,0,0); transform: translate3d(-65px,0,0); } .hide-nav .al_nav { top: 80px; } .dark .al_nav { background-color: transparent; } @supports (-webkit-backdrop-filter: blur(1px)) { .al_nav, .dark .al_nav { background-color: transparent; -webkit-backdrop-filter: none } } .al_nav:after { content: ''; position: absolute; right: -3px; bottom: -5px; width: 5px; height: 5px; border-radius: 50%; background-color: rgba(130,130,130,.2); } .al_nav__btn { display: none; } .al_nav__ref { position: absolute; z-index: 1; top: 0; right: 0; bottom: auto; left: auto; width: 20px; height: 20px; margin: -10px -10px 0 0; background-color: #fafafa; font-size: 12px; line-height: 20px; font-weight: 300; box-shadow: inset 0 0 0 1px rgba(130,130,130,.5); border-radius: 50%; opacity: 1; white-space: normal; overflow: visible; pointer-events: auto; transition: 0s; } .dark .al_nav__ref { background-color: #333; } .al_nav__ref.active, .al_nav__ref.active ~ .al_nav__ref { box-shadow: inset 0 0 0 1px rgba(130,130,130,.2); } .al_nav__ref--title { display: none; } .al_nav__ref--num:before { top: 0; height: auto; margin-right: 0; padding-right: 0; line-height: 19px; box-shadow: none; } .al_nav__ref:after { position: absolute; top: -5px; left: 25px; padding: 0 5px; font-size: 16px; line-height: 30px; background-color: rgba(130,130,130,1); color: #fff; border-radius: 3px; opacity: 0; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; pointer-events: none; transition: opacity .3s; } .al_nav__ref:hover:after { opacity: 1; } @supports (-webkit-backdrop-filter: blur(1px)) { .al_nav__ref:after { background-color: rgba(130,130,130,.8); -webkit-backdrop-filter: blur(20px) } } .al_nav__ref__app { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20%; transition: .3s; -webkit-filter: saturate(0); filter: saturate(0); } .al_nav__ref.active > .al_nav__ref__app, .al_nav__ref.active ~ .al_nav__ref > .al_nav__ref__app { -webkit-filter: saturate(1); filter: saturate(1); } .al_nav__progress { position: absolute; top: 0; right: -1px; bottom: 0; left: auto; width: 1px; height: auto; -webkit-transform: scaleX(1) scaleY(0); transform: scaleX(1) scaleY(0); } } /*----------*\ #HEADER \*----------*/ /* for the app details page */ .al_app-header { position: fixed; top: 60px; right: 0; left: 0; } .hide-nav .al_app-header { top: 0; } .no-js .al_app-header { position: absolute; } .al_app-header--bg { z-index: 6; height: 55px; visibility: hidden; } .al_app-header--bg:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0,119,255); background: linear-gradient(to right, rgb(0,119,255) 0%, rgb(0,32,65) 100%); opacity: .95; } .al_app-header--bg.move { visibility: visible; } @supports (-webkit-backdrop-filter: blur(1px)) { .al_app-header--bg { -webkit-backdrop-filter: blur(20px) } .al_app-header--bg:before { opacity: .5; } } .al_app-header--main { z-index: 8; padding: 60px 0 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } a.al_app-header--main { color: inherit; transition: 0s; } .al_ah__ { position: relative; z-index: 3; padding: 0 10px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .al_ah__:before { position: absolute; z-index: 3; top: 50%; right: 10px; margin-top: -10px; font-size: 20px; line-height: 20px; color: rgba(130,130,130,1); } .al_ah__icon { float: left; width: 60px; height: 60px; margin-right: 5px; border-radius: 20%; overflow: hidden; transition: .2s ease-out; transform-origin: 0 0; -webkit-transform: translate3d(0,0,0); /* border-radius to work properly */ transform: translate3d(0,0,0); } .al_ah__icon--tv { width: 98px; border-radius: 10px; } .zoom > .al_ah__ > .al_ah__icon { -webkit-transform: scale(1.2); transform: scale(1.2); } .al_ah__icon__bg { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_ah__btn { position: relative; float: right; margin: 13px 20px 0 10px; color: #fafafa; font-size: 1.4rem; font-weight: 700; line-height: 30px; } .al_ah__btn:before, .al_ah__btn:after { content: ''; position: absolute; top: 50%; right: -10px; width: 1px; height: 11px; background-color: #fafafa; } .al_ah__btn:before { margin-top: -10px; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); } .al_ah__btn:after { -webkit-transform: rotate(25deg); transform: rotate(25deg); } .al_ah__btn > span { display: none; padding: 0 10px; font-size: 12px; font-weight: 300; line-height: 25px; box-shadow: inset 0 1px; } .al_ah__data { position: absolute; top: 0; right: 55px; left: 75px; padding-top: 10px; } .al_ah__data--tv { left: 120px; } .al_ah__data--help { z-index: 1; right: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .al_ah__data__text { } h1.al_ah__data__text__title { margin: 0; padding: 0 20px; font-size: 2.2rem; line-height: 1.1; font-weight: 300; height: 2.6rem; overflow: hidden; color: #fafafa; } .al_ah__data--help h1.al_ah__data__text__title { height: auto !important; overflow: visible !important; color: inherit; } .al_ah__data__text__developer { padding: 0 20px; font-size: 1.6rem; font-weight: 300; color: rgb(130,130,130); } .al_ah__data__text__title > span, .al_ah__data__text__developer > span { position: relative; white-space: nowrap; } .al_ah__data--help .al_ah__data__text__title > span:after, .al_ah__data__text__developer > span:after { content: ''; position: absolute; z-index: -1; /* important to not cover neighbouring text */ top: -5px; right: -15px; bottom: -10px; left: -15px; background-color: #fafafa; border-radius: 5px; } .dark .al_ah__data__text__title > span:after, .dark .al_ah__data__text__developer > span:after { background-color: #333; } .al_ah__data__text__developer > span:after { top: -10px; } @media all and (min-width: 768px) { .al_app-header--main { padding: 100px 0 0; } .al_app-header--bg { height: 90px; } .al_ah__icon { width: 100px; height: 100px; margin-right: 10px; } .al_ah__icon--tv { width: 163px; } .zoom > .al_ah__ > .al_ah__icon--tv { -webkit-transform: scale(1.1); transform: scale(1.1); } .al_ah__btn { font-size: 1.8rem; line-height: 25px; margin: 18px 10px 0 10px; } .al_ah__btn:before, .al_ah__btn:after { right: 0; } .al_ah__btn > span { display: block; } .al_ah__data { right: 132px; left: 120px; } .al_ah__data--tv { left: 185px; } h1.al_ah__data__text__title { font-size: 4rem; height: 4.8rem; } .al_ah__data__text__developer { font-size: 1.8rem; } } .al_header { position: relative; z-index: 7; /* section-img 5, app header bg 6, app header 8 */ background-color: #fafafa; } .dark .al_header { background-color: #333; } .al_header-no-media { height: 300px; } .al_header__media { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .al_header__media__img { position: relative; height: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .al_header__media__img--blur:before { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(130,130,130,.85); } @supports (-webkit-backdrop-filter: blur(1px)) { .al_header__media__img--blur:before { background-color: rgba(130,130,130,0); -webkit-backdrop-filter: blur(50px); } } .al_header__media__img__bg { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_header__media__img__video { position: absolute; top: 50%; right: 0; left: 0; padding-bottom: 56.25%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .al_header__media__img__video > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .al_header__media__img__video:after, .al_header__media__img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABBJREFUCB1jYGBgqAdiBAAABwQAgIiOZY4AAAAASUVORK5CYII='); } .al_header__frame { } .al_header__frame__canvas { position: relative; z-index: 1; /* really important for the title backgrounds */ } @media all and (min-width: 769px) { .al_header__frame { position: relative; padding-bottom: 56.25%; } .al_header__frame__canvas { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } .al_header__cite, .al_header__caption { position: absolute; padding: 3px 5px; font-size: 14px; color: #fff; background-color: rgba(130,130,130,.75); } .al_header__cite { top: 10px; right: 20px; border-radius: 3px; } .al_header__cite > a { color: inherit; text-decoration: underline; } .al_header__caption { bottom: 0; left: 20px; border-radius: 3px 3px 0 0; } .al_header__app-icon { position: relative; width: 100px; height: 100px; margin: 0 auto 40px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: rgba(130,130,130,1); border-radius: 20%; } .al_header__app-icon--tv { width: 163px; border-radius: 10px; } @media all and (min-width: 769px) { .al_header__app-icon { float: left; margin: 20px 60px 20px 20px; } } .al_header__app-icon > span { } .al_header__app-icon > span:before, .al_header__app-icon > span:after { content: ''; position: absolute; } .al_header__app-icon > span:before { top: -10px; right: -10px; bottom: -10px; left: -10px; border-radius: 33px; /* 27.5% */ box-shadow: 0 0 0 1px rgba(130,130,130,.8); } .al_header__app-icon > span:after { top: -20px; right: -20px; bottom: -20px; left: -20px; border-radius: 49px; /* 35% */ box-shadow: 0 0 0 1px rgba(130,130,130,.6); } .al_header__app-icon > span:nth-child(2):before { top: -30px; right: -30px; bottom: -30px; left: -30px; border-radius: 68px; /* 42.5% */ box-shadow: 0 0 0 1px rgba(130,130,130,.4); } .al_header__app-icon > span:nth-child(2):after { top: -40px; right: -40px; bottom: -40px; left: -40px; border-radius: 90px; /* 50% */ box-shadow: 0 0 0 1px rgba(130,130,130,.2); } a.al_header__label { display: block; float: left; margin: 0 20px 10px; padding: 0 10px; font-size: 14px; line-height: 25px; background-color: #09f; color: #fff; border-radius: 3px; transition: .3s; } a.al_header__label:hover, a.al_header__label:focus { background-color: #07f; } .al_header + .al_content a.al_header__label { position: relative; z-index: 1; /* get above header canvas */ float: right; margin: -24px 20px 0; border-radius: 3px 3px 0 0; } /*----------*\ #LOADER \*----------*/ .loader { } .loaded .loader { display: none; } /*-----------*\ #CONTENT \*-----------*/ .al_shortline { } .al_shortline__text { padding: 20px; color: #4205ff; text-align: center; } h2.al_shortline__text { font-weight: 300; } .al_device { position: relative; z-index: 7; margin: -45px 0 5px; padding: 0 5px; max-width: none; text-align: right; } .al_device > button, .al_device__price { vertical-align: top; width: 40px; height: 40px; margin: 0 2px; font-size: 10px; border-radius: 3px; background-color: rgba(250,250,250,.9); } .dark .al_device > button, .dark .al_device__price { background-color: rgba(51,51,51,.9); } a.al_device__price { float: right; display: inline-block; width: auto; padding: 0 10px; color: #09f; font-size: 16px; font-weight: 700; line-height: 40px; white-space: nowrap; } .al_device__price > span { display: none; vertical-align: middle; color: #444; font-size: 10px; font-weight: 300; } .al_device > button:before { display: block; font-size: 16px; } @media all and (min-width: 768px) { .al_device__price > span { display: inline-block; } } @media all and (min-width: 1025px) { .al_header + .al_device { text-align: left; } } .al_title { margin-top: 20px; padding: 20px; } .al_title--stick { margin: 60px 0 160px; padding: 20px 10px 27px; } @media all and (min-width: 769px) { .al_title--stick { margin: 60px 0 0; padding: 20px 20px 27px; } } @supports (position: sticky) or (position: -webkit-sticky) { .al_title--stick { position: -webkit-sticky; position: sticky; top: 60px; } .hide-nav .al_title--stick { top: 0; } .al_app-header + .al_header .al_title--stick { top: 180px; } } h1.al_title__main, h2.al_title__main { font-weight: 900; line-height: 1.1; color: #000; } h1.al_title__main { font-size: 3.6rem; text-shadow: 2px 2px #FF8B00; } h2.al_title__main { } .al_title__sub { margin-top: -5px; font-size: 2rem; font-weight: 300; line-height: 1.2; } .dark h1.al_title__main, .dark h2.al_title__main { color: #fff; } .al_title__main > span, .al_title__sub > span { position: relative; white-space: nowrap; } .al_title__main > span:after, .al_title__sub > span:after { content: ''; position: absolute; z-index: -1; /* important to not cover neighbouring text */ top: -10px; right: -20px; bottom: -15px; left: -20px; background-color: #fafafa; border-radius: 5px; } .dark .al_title__main > span:after, .dark .al_title__sub > span:after { background-color: #111; } .al_title__sub > span:after { top: -15px; } @media all and (min-width: 769px) { h1.al_title__main { font-size: 4.8rem; } .al_title__sub { font-size: 2.4rem; } } .al_content { position: relative; color: inherit; margin-top: -1px; counter-reset: section; /*-webkit-transform: translate3d(0,0,0); /* fix bug */ /* transform: translate3d(0,0,0); /* fix bug */ } .al_content p { margin: 20px 0; padding: 0 20px; box-sizing: border-box; } .al_content p > a { text-decoration: underline; } .al_content strong { } .al_content ul, .al_content ol { margin-left: 20px; padding-left: 20px; } .al_content ul > li, .al_content ol > li { margin-right: 20px; margin-bottom: 5px; } .al_content ul > li { list-style-type: none; } .al_content ul > li:before { content: ''; position: absolute; width: 1rem; height: 1rem; margin-top: .6rem; margin-left: -20px; box-shadow: inset 0 0 0 3px rgba(130,130,130,.5); border-radius: 50%; } .al_content h1, .al_content h2, .al_content h3, .al_content h4, .al_content h5, .al_content h6 { margin: 0; padding: 0 20px; } h4.al_content__sub-header { margin: 30px 0 20px; font-weight: 700; } .al_content__main { position: relative; } .al_content__main__author { position: relative; text-align: center; margin-top: 10px; padding-bottom: 10px; } .al_content__main__author:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 180px; height: 5px; margin-left: -90px; background-color: rgba(130,130,130,.2); } .al_content__main__section { margin-bottom: 40px; } .al_content__main__sub { max-width: 700px; margin-left: auto; margin-right: auto; } .al_content__main__sub > ul { /*overflow: hidden;*/ } .al_content__main__sub__summary { text-transform: uppercase; font-weight: 100 } p.al_content__main__sub__short { max-height: 22.4rem; overflow: hidden; } @media all and (min-width: 1024px) { p.al_content__main__sub__short { max-height: 25.5rem; overflow: hidden; } } .al_content__main__sub--intro { margin-top: 40px; margin-bottom: 40px; } .al_content__main__sub--intro > p { font-size: 1.7rem; line-height: 1.5; font-weight: 500; } .al_content__main__sub--intro:first-letter { font-family: "Roboto Slab", serif; font-size: 5rem; line-height: 1; margin-right: 5px; float: left; } .al_content__main__sub--card { max-width: 680px; } .al_content__main__sub--ref { } .al_content__main__sub--ref-lead { text-transform: uppercase; font-weight: 100; } .al_content__main__sub--ref-lead > p { margin-top: 40px; } .al_content__main__sub--ref + .al_content__main__sub--ref > .al_content__ref { margin-top: -20px; /* fix if there are more refs following each other */ } .al_content__main__sub--ref-lead + .al_content__main__sub--ref > .al_content__ref { margin-top: -10px; /* fix if there is lead text before */ } .al_content__main__sub--ref + .al_content__main__sub--ref-lead > p { margin-top: -20px; /* fix if there is lead text after */ } @supports (-webkit-backdrop-filter: blur(1px)) { /* prevent margin collapse if coming after floating element in safari only */ .al_content__media[class*='utset'] + .al_content__main__sub, .al_content__media[class*='nset'] + .al_content__main__sub { padding-top: 1px; } } @media all and (min-width: 980px) { .al_content__main__sub { max-width: none; margin-left: 140px; margin-right: 140px; } .al_content__main__sub--card { margin-left: 150px; margin-right: 150px; } .al_content__card .al_content__main__sub { margin-left: auto; margin-right: auto; } } @media all and (min-width: 1080px) { .al_content__main__sub { max-width: 800px; margin-left: auto; margin-right: auto; } } .al_content__section { display: block; /* in case if it's an anchor */ position: relative; z-index: 3; text-align: center; color: inherit; background-color: #fafafa; -webkit-transform: translate3d(0,0,0); /* fix ios bug related to the sticky header */ transform: translate3d(0,0,0); } .dark .al_content__section { background-color: #333; } .al_content__section--img { z-index: 5; /* get above side menu */ padding-top: 100px; overflow: hidden; } .al_content__section--img-blur { } .al_content__section--img:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%); } .al_content__section__img { position: absolute; z-index: -1; top: -200px; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .al_content__section--img-blur > .al_content__section__img { display: none; top: 0; } @supports (-webkit-backdrop-filter: blur(1px)) { .al_content__section--img-blur { z-index: 5; /* get above side menu */ padding-top: 100px; overflow: hidden; } .al_content__section--img-blur:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%); } .al_content__section--img-blur > .al_content__section__img { display: block; } .al_content__section--img-blur > .al_content__section__img:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-backdrop-filter: blur(80px) } .al_content__section--img-blur .al_content__section__cell { border-top: solid 1px rgba(255,255,255,.2); border-bottom: none; } .al_content__section--img-blur h2.al_content__section__cell__title { color: #fff; } .al_content__section--img-blur h5.al_content__section__cell__subtitle { color: #fff; } @media all and (min-width: 1024px) { .al_content__section--img-blur { padding-top: 200px; } } } .al_content__section__cell { position: relative; max-width: 800px; margin: 0 auto; padding: 20px 0 25px; border-top: solid 1px rgba(130,130,130,.2); border-bottom: solid 1px rgba(130,130,130,.2); } .al_content__section--img .al_content__section__cell { border-top: solid 1px rgba(255,255,255,.2); border-bottom: none; } .al_content__section__cell--num { counter-increment: section; } .al_content__section__cell--num:before { content: counter(section) !important; /* override clearfix */ position: absolute; top: -10px; left: 50%; width: 20px; height: 20px; margin-left: -10px; line-height: 20px; background-color: #fafafa; color: #09f; box-shadow: 0 0 0 1px; text-align: center; border-radius: 50%; font-size: 12px; } .dark .al_content__section__cell--num:before { background-color: #333; } .al_content__section__cell__app { width: 55px; height: 55px; margin: 0 auto 10px; border-radius: 20%; box-shadow: 0 0 0 1px rgba(130,130,130,.2); background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_content__section__cell__app--tv { width: 98px; border-radius: 3px } h2.al_content__section__cell__title { font-size: 2.8rem; font-weight: 900; line-height: 1.2; } .al_content__section--img h2.al_content__section__cell__title { color: #fff; } h5.al_content__section__cell__subtitle { font-weight: 300; } .al_content__section--img h5.al_content__section__cell__subtitle { color: #fff; } @media all and (min-width: 1024px) { .al_content__section { text-align: left; } .al_content__section--img { padding-top: 200px; } .al_content__section__cell--num:before { left: 20px; margin: 0; } .al_content__section__cell__app { float: left; width: 75px; height: 75px; margin: 0 0 0 20px; } .al_content__section__cell__app--tv { width: 133px; } h2.al_content__section__cell__title { font-size: 4rem; } } .al_content__stick { display: block; position: -webkit-sticky; position: sticky; z-index: 2; top: 60px; margin: -45px 0 0 0; padding: 0 10px; text-align: center; font-weight: 700; font-size: 20px; line-height: 44px; background-color: rgba(250,250,250,1); box-shadow: 0 1px rgba(130,130,130,.2); } @media all and (min-width: 1240px) { .al_content__stick { float: left; margin: -55px 0 0 0; font-size: 16px; border-radius: 0 0 3px 0; box-shadow: 0 2px 10px rgba(0,0,0,.1); } } .dark .al_content__stick { background-color: rgba(51,51,51,1); } .hide-nav .al_content__stick { top: 0; } @supports (-webkit-backdrop-filter: blur(1px)) { .al_content__stick { background-color: rgba(250,250,250,.9); -webkit-backdrop-filter: blur(20px) } .dark .al_content__stick { background-color: rgba(51,51,51,.8); } } .al_content__stick + .al_content__main__section { margin-top: 10px; clear: both; } .al_content__stick--num:before { content: counter(section); display: inline-block; vertical-align: middle; position: relative; top: -2px; height: 18px; margin-right: 3px; padding-right: 6px; font-size: 12px; line-height: 18px; box-shadow: 1px 0; } .al_content__stick__app { display: inline-block; vertical-align: top; width: 24px; height: 24px; margin-top: 10px; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_content__stick__app--tv { width: 43px; border-radius: 2px; } .al_content__quote { position: relative; margin: 20px 0; padding: 0 20px; } .al_content__quote--block { margin-left: 20px; overflow: hidden; /* prevent :before element to overlap with floating media element */ } .al_content__quote:before { content: '"' !important; /* override clearfix */ position: absolute; top: -35px; left: -10px; font-size: 10rem; font-style: italic; color: #09f; } .al_content__quote > a { display: block; font-weight: 300; font-style: italic; text-align: right; } .imageInsetLeft .al_content__quote { text-align: right; } .imageInsetLeft .al_content__quote > a { text-align: left; } .al_content__quote > h1, .al_content__quote > h2, .al_content__quote > h3, .al_content__quote > p { font-family: 'Roboto Slab', serif; padding: 0; font-style: italic; color: rgba(130,130,130,.5); } .al_content__ref { position: relative; display: block; margin: 40px 0; padding: 10px 20px; overflow: hidden; } .al_content__ref__btn { position: absolute; z-index: 1; top: 50%; right: 0; margin-top: -20px; width: 30px; height: 40px; } .al_content__ref__btn:before, .al_content__ref__btn:after { content: ''; position: absolute; left: 15px; width: 1px; height: 21px; background-color: rgba(130,130,130,.5); } .al_content__ref__btn:before { top: 0; -webkit-transform: rotate(-25deg); transform: rotate(-25deg); } .al_content__ref__btn:after { bottom: 0; -webkit-transform: rotate(25deg); transform: rotate(25deg); } .al_content__ref--article { margin: 40px 10px 40px 0; padding: 0 30px 0 0; border-radius: 0 3px 3px 0; box-shadow: 0 0 0 1px rgba(130,130,130,.5); } @media all and (min-width: 700px) { .al_content__ref--article { margin: 40px 20px; border-radius: 3px; } } .al_content__card .al_content__ref--article { margin: 40px 10px 40px 0; padding: 0 30px 0 0; border-radius: 0 3px 3px 0; } .al_content__ref--article__img { float: left; width: 120px; height: 80px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_content__ref--article__title { font-family: 'Roboto Slab', serif; overflow: hidden; max-height: 4.7rem; padding: 0 30px 0 20px; margin: 16px 0 0; font-size: 1.8rem; font-weight: 700; line-height: 1.25; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .al_content__ref--article__subtitle { font-size: 1.4rem; padding: 0 20px; margin-top: 2px; color: #888; } .al_content__ref--app { border-top: dashed 2px rgba(130,130,130,.2); border-bottom: dashed 2px rgba(130,130,130,.2); } @media all and (min-width: 780px) { .al_content__ref--app { margin: 40px -40px; padding: 10px 60px; } } .al_content__ref--app__get { float: right; height: 60px; width: 80px; font-size: 14px; color: #888; } .al_content__ref--app__get > span { display: block; font-size: 16px; font-weight: 500; color: #09f; } @media all and (min-width: 768px) { .al_content__ref--app__get { width: 120px; } .al_content__ref--app__get:after { content: 'in the App Store'; font-size: 12px; } } .al_content__ref--app__img { float: left; width: 60px; height: 60px; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: inset 0 0 1px rgba(0,0,0,.2); } .al_content__ref--app__img--tv { width: 98px; border-radius: 5px; } .al_content__ref--app__title { overflow: hidden; padding: 0 10px; margin: 8px 0 0; font-size: 1.8rem; font-weight: 700; } .al_content__ref--app__author { overflow: hidden; padding: 0 10px; font-size: 14px; font-weight: 300; color: #666; } .al_content__ref--app > p { } .al_content__ref > i { position: absolute; right: 5px; bottom: 5px; font-size: 12px; color: #09f } .al_content__media { position: relative; margin: 20px 0; clear: both; } .al_content__media--featured { } .al_content__section + .al_content__media { margin-bottom: 0; } .al_content__media h1, .al_content__media h2, .al_content__media h3, .al_content__media h4, .al_content__media h5, .al_content__media h6 { text-align: left; } .al_content__media__sub { position: relative; } .portrait > .al_content__media__sub { width: 50%; margin: 0 auto; } h3.al_content__media__title { margin-bottom: 10px; padding: 0; font-weight: 300; font-size: 2.2rem; } .al_content__media[class*='utset'] > .al_content__media__sub > .al_content__media__title { padding: 0 10px; } @media all and (min-width: 1024px) { .al_content__card h3.al_content__media__title { font-size: 2.8rem; } .al_content__media[class*='utset'] > .al_content__media__sub > .al_content__media__title { padding: 0; } } p.al_content__media__description { margin-top: 10px; padding: 0; } .al_content__media__img { font-size: 0; /* prevent space between inline-block */ box-shadow: 0 0 1px rgba(0,0,0,.5); overflow: hidden; } .al_content__media__img__wrapper { display: inline-block; width: 100%; } .al_content__media__img > .al_content__media__img__wrapper:nth-child(2) { position: relative; box-shadow: 0 0 0 1px rgba(255,255,255,1); } .al_content__media__img--2 > .al_content__media__img__wrapper, .al_content__media__img--4 > .al_content__media__img__wrapper { width: 50%; } .al_content__media__img--3 > .al_content__media__img__wrapper { width: 33.33337%; } .al_content__media__video { position: relative; } .al_content__media__video__wrapper { position: relative; } .al_content__media__video__wrapper > img, .al_content__media__video__wrapper > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .al_content__media__video__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; } .al_content__media__video__indicate { position: absolute; top: 5px; left: 5px; font-size: 1.4rem; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.3); pointer-events: none; } .al_content__media__video__indicate:before { position: absolute; top: 3px; left: 0; padding-left: 4px; opacity: 0; } .load > .al_content__media__video__indicate:before { opacity: 1; animation: aa_spin .5s infinite reverse linear; } .playing_ > .al_content__media__video__indicate:before { opacity: 1; animation: aa_spin 2s infinite normal linear; } .error > .al_content__media__video__indicate:before { opacity: 1; animation: none; } .al_content__media__video__indicate:after { margin-left: 23px; } .load > .al_content__media__video__indicate:after { content: 'loading...'; } .playing_ > .al_content__media__video__indicate:after { content: attr(data-text); } .error > .al_content__media__video__indicate:after { content: 'ERROR LOADING MEDIA'; } .al_content__media[class*='nset'] { max-width: 700px; margin: 20px auto; box-sizing: border-box; } .al_content__media[class*='utset'] { max-width: 1024px; margin: 20px auto; } .al_content__media[class*='imageFullBleed'] { position: relative; z-index: 5; /* get above side nav */ } @media all and (min-width: 980px) { .al_content__media[class*='nset'] { max-width: none; margin-left: 140px; margin-right: 140px; } } @media all and (min-width: 1080px) { .al_content__media[class*='nset'] { max-width: 800px; margin-left: auto; margin-right: auto; } } @media all and (min-width: 1224px) { .al_content__media[class*='utset'] { margin: 0 100px; max-width: none; } } @media all and (min-width: 1640px) { .al_content__media[class*='utset'] { margin: 0 auto; max-width: 1440px; } } .al_content__media[class*='nset'] > .al_content__media__sub { width: auto; margin: 5px 20px 20px; } .al_content__media[class*='nset'] > .al_content__media__sub > .al_content__media__img { border-radius: 3px; transform: translate3d(0,0,0); /* border radius to work */ } .al_content__media[class*='nsetLeft'].portrait > .al_content__media__sub { float: left; } .al_content__media[class*='nsetRight'].portrait > .al_content__media__sub { float: right; } .al_content__media[class*='nsetLeft'].portrait > .al_content__media__sub, .al_content__media[class*='nsetRight'].portrait > .al_content__media__sub { width: 40%; } .al_content__media[class*='nsetCenter'].portrait > .al_content__media__sub { width: 50%; margin: 5px auto 20px; } @media all and (min-width: 700px) { .al_content__media[class*='nsetLeft'] > .al_content__media__sub { width: 60%; margin: 5px 40px 20px 20px; float: left; } .al_content__media[class*='nsetRight'] > .al_content__media__sub { width: 60%; margin: 5px 20px 20px 40px; float: right; } .al_content__media[class*='nsetLeft'].portrait > .al_content__media__sub, .al_content__media[class*='nsetRight'].portrait > .al_content__media__sub { width: 30%; } .al_content__media[class*='nsetCenter'].portrait > .al_content__media__sub { width: 40%; } } .al_content__media[class*='utset'] > .al_content__media__sub { width: auto; margin: 5px 0 20px; } .al_content__media[class*='utsetLeft'].portrait > .al_content__media__sub { width: 40%; margin: 5px 20px 20px 0; float: left; } .al_content__media[class*='utsetRight'].portrait > .al_content__media__sub { width: 40%; margin: 5px 0 20px 20px; float: right; } .al_content__media[class*='utsetCenter'].portrait > .al_content__media__sub { width: 50%; margin: 5px auto 20px; } .al_content__media[class*='utsetLeft'].portrait > .al_content__media__sub > .al_content__media__img { border-radius: 0 3px 3px 0; transform: translate3d(0,0,0); /* border radius to work */ } .al_content__media[class*='utsetRight'].portrait > .al_content__media__sub > .al_content__media__img { border-radius: 3px 0 0 3px; transform: translate3d(0,0,0); /* border radius to work */ } .al_content__media[class*='utsetCenter'].portrait > .al_content__media__sub > .al_content__media__img { border-radius: 3px; transform: translate3d(0,0,0); /* border radius to work */ } @media all and (min-width: 700px) { .al_content__media[class*='utsetLeft'] > .al_content__media__sub { width: 45%; margin: 5px 40px 20px 0; float: left; } .al_content__media[class*='utsetRight'] > .al_content__media__sub { margin: 5px 0 20px 40px; width: 45%; float: right; } .al_content__media[class*='utsetLeft'].portrait > .al_content__media__sub, .al_content__media[class*='utsetRight'].portrait > .al_content__media__sub { width: 27%; } .al_content__media[class*='utsetCenter'].portrait > .al_content__media__sub { width: 27%; margin: 5px auto 20px; } .al_content__media[class*='utsetLeft'] > .al_content__media__sub > .al_content__media__img { border-radius: 0 3px 3px 0; transform: translate3d(0,0,0); /* border radius to work */ } .al_content__media[class*='utsetRight'] > .al_content__media__sub > .al_content__media__img { border-radius: 3px 0 0 3px; transform: translate3d(0,0,0); /* border radius to work */ } } @media all and (min-width: 1024px) { .al_content__media[class*='utset'] > .al_content__media__sub, .al_content__media[class*='utset'].portrait > .al_content__media__sub { margin: 5px 40px 20px; } .al_content__media[class*='utset'] > .al_content__media__sub > .al_content__media__img, .al_content__media[class*='utset'].portrait > .al_content__media__sub > .al_content__media__img{ border-radius: 3px; } .al_content__media[class*='utsetCenter'].portrait > .al_content__media__sub { margin: 5px auto 20px; } } .al_content__media[class*='imageFullBleed'] > .al_content__media__sub { width: auto; } .al_content__media[class*='imageFullBleed'] .al_content__media__img { position: relative; padding-bottom: 45%; overflow: hidden; } .al_content__media[class*='imageFullBleed'] .al_content__media__img > img { position: absolute; } .al_content__media.imageFullBleedTop .al_content__media__img > img { top: 0; } .al_content__media.imageFullBleedMiddle .al_content__media__img > img { top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .al_content__media.imageFullBleedBottom .al_content__media__img > img { bottom: 0; } .al_content__media__caption { position: relative; padding: 2px 10px; font-style: italic; font-weight: 300; font-size: 14px; } @media all and (min-width: 980px) { .al_content__media[class*='nsetLeft'] > .al_content__media__sub > .al_content__media__caption { position: absolute; top: 3px; left: -150px; width: 130px; margin: 0; border-radius: 3px 0 0 3px; } .al_content__media[class*='nsetRight'] > .al_content__media__sub > .al_content__media__caption { position: absolute; top: 3px; right: -150px; width: 130px; margin: 0; border-radius: 0 3px 3px 0; } } @media all and (min-width: 1240px) { .al_content__media[class*='imageFullBleed'] .al_content__media__caption { margin: 0 100px; } } a.al_content__media__ref { text-decoration: underline; } .al_content__media__caption > i { padding: 3px 10px 0 0; float: left; color: #09f; } .al_content__media__caption > p { margin: 0; padding: 0; font-size: inherit; } /* force portrait media to float in cards and galleries */ .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub, .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub { width: auto; } .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub:after, .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub:after, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub:after, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub:after { content: ''; display: table; clear: both; } .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__title, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__title, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__title { width: 50%; padding-right: 10px; float: left; overflow: hidden; box-sizing: border-box; } .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__img, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__img, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__img { width: 50%; float: right; } @media all and (min-width: 1060px) { .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__title, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__title, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__title { width: 60%; } .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__img, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__img, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__img { width: 40%; } } .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__caption, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__caption, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__caption { float: right; clear: right; width: 40%; box-sizing: border-box; } .al_content__card > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__description, .al_content__card__steps__step > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__description, .al_gallery__elem--app-play > .al_content__media--featured.portrait > .al_content__media__sub > .al_content__media__description { padding-right: 10px; clear: left; overflow: hidden; } .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub > .al_content__media__img { width: 40%; margin: 0 auto; } .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub > .al_content__media__title, .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub > .al_content__media__caption, .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub > .al_content__media__description { display: none; } .al_content__aside { margin: 20px 0; padding: 0 20px; background-color: rgba(130,130,130,.1); border: solid 2px rgba(130,130,130,.2); } .al_content__note { margin: 20px 0; border: solid 2px #FBD1A2; background-color: #F8E6D3; color: #74614b; } .dark .al_content__note { border: solid 2px #c4a37e; background-color: #796d5d; color: #e4d0b1 } .al_content__notice { margin: 20px 0; border: solid 2px #FB9966; color: #FB9966; text-transform: uppercase; } .al_content__highlight { margin: 20px 0; color: #09f } .al_content__highlight__span { } .al_content__card { margin: 20px 10px; background-color: rgba(130,130,130,.1); border-radius: 5px; box-shadow: 0 0 0 1px rgba(130,130,130,.1); overflow: hidden; transform: translate3d(0,0,0); /* overflow hidden to work properly */ } .al_content__card h1, .al_content__card h2, .al_content__card h3, .al_content__card h4, .al_content__card h5 { font-weight: 300; } .al_content__card.nomargin { border-radius: 0; } .al_content__card__title { padding: 15px 0; background-color: rgba(130,130,130,.1); } .al_content__card > .al_divider:nth-last-child(2) { display: none; /* don't show it if there is no content. The last child is a button */ } .al_content__card--app { } @media all and (min-width: 1025px) { .al_content__card { max-width: 760px; margin: 20px auto; } } .al_content__card p { font-size: 1.5rem; } @media all and (min-width: 1024px) { .al_content__card p { font-size: 1.7rem; } } .al_content__card > .al_content__media { margin: 20px; } .al_content__card > .al_content__media:first-child { margin: 0; background-color: rgba(130,130,130,.1); } @media all and (min-width: 1024px) { .al_content__card > .al_content__media.portrait:first-child { float: left; width: 33%; } .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub > .al_content__media__img { width: 100%; } .al_content__card > .al_content__media.portrait:first-child ~ .al_content__card__title, .al_content__card > .al_content__media.portrait:first-child ~ .al_content__card__steps { overflow: hidden; } } .al_content__card--app > .al_content__media:first-child { float: none !important; width: 100% !important; } .al_content__card > .al_content__media.portrait:first-child > .al_content__media__sub > .al_content__media__img { width: 40% !important; } .al_content__card--app > .al_content__media:first-child .al_content__media__title, .al_content__card--app > .al_content__media:first-child .al_content__media__caption, .al_content__card--app > .al_content__media:first-child .al_content__media__description { display: none; } .al_content__card--app > .al_content__media:first-child > .al_content__media__sub { } .al_content__card--app > .al_content__media:first-child > .al_content__media__sub > .al_content__media__img { } .al_content__card__app { position: relative; display: block; padding-top: 20px; max-width: 800px; margin: 0 auto; clear: both; background-color: rgba(130,130,130,.1); } .dark .al_content__card__app { background-color: rgba(66,66,66,1); } .al_content__media + .al_content__card__app { padding-top: 0; } @supports (-webkit-backdrop-filter: blur(1px)) { .al_content__media + .al_content__card__app { margin-top: -99px; background-color: rgba(228, 228, 228, .75); -webkit-backdrop-filter: blur(20px); transform: translate3d(0,0,0); /* prevent artifacts */ } .dark .al_content__card__app { background-color: rgba(66,66,66,.75); } } .al_content__card__app__img { position: relative; float: left; width: 100px; height: 100px; margin: 0 5px 20px 20px; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: inset 0 0 1px rgba(0,0,0,.2); } .al_content__card__app__img--tv { width: 163px; border-radius: 8px; } .al_content__media + .al_content__card__app > .al_content__card__app__img { margin-top: -20px; } .al_content__card__app__title { overflow: hidden; padding: 0 30px 0 10px; margin: 13px 0 0; font-size: 1.8rem; font-weight: 700; } .al_content__media + .al_content__card__app > .al_content__card__app__title { margin-top: 10px; } .al_content__card__app__author { overflow: hidden; padding: 0 30px 0 10px; font-size: 14px; font-weight: 300; color: rgba(130,130,130,1); } .al_content__card__btn { display: block; margin: 20px 0 0; padding: 0 10px; font-size: 16px; line-height: 50px; box-shadow: 0 -21px 0 -20px rgba(130,130,130,.2); } .al_content__card__app + .al_content__card__btn { display: none; /* don't show if it comes after the app which means there is no content in the card */ } .al_content__card__btn__img { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: -1px 5px 0; border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_content__card__btn__img--tv { width: 49px; border-radius: 3px; } .al_content__card__steps { padding: 20px 0 0; counter-reset: stepsection; } .al_content__card__steps__step { margin-left: 20px; padding: 1px 0; border-left: dotted 1px #09f; } .al_content__card__steps__step:last-child { position: relative; margin-bottom: 10px; } .al_content__card__steps__step:last-child:after { content: ''; position: absolute; bottom: 0; left: -3px; width: 5px; height: 5px; border-radius: 50%; background-color: #09f; } .al_content__card__steps__step > .al_content__media { margin: 20px; } .al_content__card__steps__step--mark { position: relative; border-left: solid 1px #09f; clear: both; counter-increment: stepsection; } .al_content__card__steps__step--mark + .al_content__card__steps__step--mark { padding-top: 25px; } .al_content__card__steps__step--mark:last-child { padding-bottom: 25px; } .al_content__card__steps__step--mark ~ .al_content__card__steps__step { border-left: solid 1px #09f; } .al_content__card__steps__step--mark__media { margin: 0 -1px 0 0; /* prevent artifacts on video */ } .al_content__card__steps__step--mark__media > .al_content__media { margin: 0; } .al_content__card__steps__step--mark__num { position: relative; z-index: 1; } .al_content__card__steps__step--mark__num > h4 { color: #09f; line-height: .9; } .al_content__card__steps__step--mark__num:before { content: counter(stepsection); position: absolute; z-index: 1; top: 50%; left: 0; margin-top: -8px; padding: 0 5px; border-radius: 9px; background-color: #ededed; color: #09f; box-shadow: 0 0 0 2px #ededed, 0 0 0 4px; font-size: 12px; line-height: 16px; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); } .dark .al_content__card__steps__step--mark__num:before { background-color: #3b3b3b; box-shadow: 0 0 0 2px #3b3b3b, 0 0 0 4px; } .al_content__card__steps__step--mark__media + .al_content__card__steps__step--mark__num { position: absolute; top: 0; left: 0; padding: 10px 0; background-color: #ededed; border-radius: 0 0 5px 0; } .al_content__card__steps__step--mark__media + .al_content__card__steps__step--mark__num > h5 { color: #fff } .al_content__card__steps__step--mark__media + .al_content__card__steps__step--mark__num > h5:after { content: ''; position: absolute; z-index: -1; top: 0; right: 5px; bottom: 0; left: 0; display: block; background-color: #09f; border-radius: 0 3px 3px 0; } .al_content__card__steps__step--break { border-left: dashed 1px #09f !important; } .al_content__card__steps__step--break > .al_content__main__sub > .al_content__note { margin-left: -21px; border-left: none; border-right: none; } .al_content__card__steps__step--break > .al_content__main__sub > p { margin-left: -21px; padding-top: 20px; padding-bottom: 20px; border-top: solid 3px rgba(130,130,130,.2); border-bottom: solid 3px rgba(130,130,130,.2); background-color: #fafafa; color: rgba(130,130,130,1) } .dark .al_content__card__steps__step--break > .al_content__main__sub > p { background-color: #333; } .al_content__rate { margin: 20px; padding: 20px; border-radius: 3px; } .al_content__card .al_content__rate { padding: 0; } .al_content__rate > h5 { margin: -20px -10px 20px; padding: 5px 0; border-bottom: solid 1px rgba(130,130,130,.2); } .al_content__card .al_content__rate > h5 { margin: 0 0 20px; } .al_content__rate__total { width: 100px; float: left; text-align: center; } .al_content__rate__total__average { font-size: 46px; } .al_content__rate__total__count { padding-top: 5px; font-size: 14px; color: #888; border-top: solid 1px rgba(130,130,130,.2); } .al_content__rate__details { padding-left: 10px; overflow: hidden; } .al_content__rate__detail { font-size: 0; margin-bottom: 10px; } .al_content__rate__detail:last-child { margin-bottom: 0; } .al_content__rate__detail__name { font-size: 1.4rem; color: #666; } .al_content__rate__detail__marks { } .al_content__rate__detail__mark { display: inline-block; box-sizing: border-box; width: 20%; height: 3px; padding-right: 3px; } .al_content__rate__detail__mark:before { content: ''; display: block; height: 100%; background-color: #09f; } .al_content__rate__detail__mark:nth-child(1):before {opacity: .2} .al_content__rate__detail__mark:nth-child(2):before {opacity: .4} .al_content__rate__detail__mark:nth-child(3):before {opacity: .6} .al_content__rate__detail__mark:nth-child(4):before {opacity: .8} .al_content__rate__detail__mark:nth-child(5):before {opacity: 1} .al_content__app__rating { overflow: hidden; padding: 0 30px 0 10px; font-size: 12px; margin-top: 7px; color: rgba(130,130,130,.5); } .al_content__data-list { margin: 20px; border-radius: 3px; overflow: hidden; border: solid 1px rgba(130,130,130,.2); } .al_content__data-list > h5 { margin: 0 10px; padding: 5px 0; border-bottom: solid 1px rgba(130,130,130,.2); } .al_content__data-list a { text-decoration: underline; } .al_content__data-list__row { font-size: 0; padding: 3px 10px; } .al_content__data-list__row:nth-of-type(2n) { background-color: rgba(130,130,130,.1); } .al_content__data-list__col { display: inline-block; vertical-align: bottom; width: 50%; font-size: 14px; } .al_content__data-list__col:first-child { vertical-align: top; font-weight: 700; } .al_content__data-list__col:first-child:after { content: ':'; float: right; margin-right: 10px; } .al_content__comparison { position: relative; margin: 40px 20px 20px; font-size: 0; /* prevent spaces between inline-blocks */ border-radius: 3px; box-shadow: 0 0 0 1px rgba(130,130,130,.2); } .al_content__comparison__side { display: inline-block; vertical-align: top; width: 100%; padding: 20px; font-size: 1.6rem; background-color: rgba(85,198,45,.1); } .al_content__comparison__side:last-child { background-color: rgba(198,87,42,.1); } @media all and (min-width: 768px) { .al_content__comparison__side, .al_content__comparison__side:last-child { width: 50%; background-color: transparent; } .al_content__comparison__side:before, .al_content__comparison__side:after { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; width: 50%; } .al_content__comparison__side:before { left: 0; background-color: rgba(85,198,45,.1); } .al_content__comparison__side:after { right: 0; background-color: rgba(198,87,42,.1); } } .al_content__comparison__side__title { font-size: 2rem; margin-bottom: 20px; } .al_content__comparison__side__title:before { margin-right: 10px; color: #55c62d; } .al_content__comparison__side:last-child > .al_content__comparison__side__title:before { color: #c6572a } .al_content__comparison__side__content { } .al_content__comparison__side__content > ul { margin: 0; } .al_content__comparison__side__content > ul > li:before { box-shadow: inset 0 0 0 3px #55c62d !important; } .al_content__comparison__side:last-child > .al_content__comparison__side__content > ul > li:before { box-shadow: inset 0 0 0 3px #c6572a !important; } .al_content__btn { display: block; margin: 20px; padding: 10px; text-align: center; overflow: hidden; border-radius: 3px; border: solid 1px rgba(0,0,0,.2); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .al_content__btn:hover, .al_content__btn:focus { background-color: #07f; color: #fafafa; box-shadow: 0 4px 3px rgba(0,0,0,.3); -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); } /*------------*\ #GALLERY \*------------*/ .al_gallery { position: relative; padding-bottom: 10px; margin: 40px 0; overflow: hidden; background-color: rgba(130,130,130,.1); } .al_gallery--app-play { background-color: transparent; } .al_gallery.imageInsetCenter { max-width: 700px; margin: 40px auto; } .al_gallery.imageOutsetCenter { max-width: 1024px; margin: 40px auto; } @media all and (min-width: 700px) { .al_gallery.imageInsetCenter { padding: 0 1px; border-radius: 3px; } } @media all and (min-width: 980px) { .al_gallery.imageInsetCenter { max-width: none; margin-left: 140px; margin-right: 140px; } } @media all and (min-width: 1024px) { .al_gallery { padding: 0 1px; border-radius: 3px; } } @media all and (min-width: 1080px) { .al_gallery.imageInsetCenter { max-width: 800px; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 1224px) { .al_gallery.imageOutsetCenter { margin: 0 100px; max-width: none; } } @media only screen and (min-width: 1640px) { .al_gallery.imageOutsetCenter { margin: 0 auto; max-width: 1440px; } } .al_gallery__scroll { position: relative; padding: 8px 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; font-size: 0; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-type: mandatory; -webkit-scroll-snap-destination: 50% 50%; } .al_gallery__scroll::-webkit-scrollbar { height: 8px; background-color: transparent; } .al_gallery__scroll::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; } .al_gallery__elem { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 360px; margin-right: 10px; box-shadow: 0 0 1px rgba(0,0,0,.5); box-sizing: border-box; -webkit-scroll-snap-coordinate: 50% 50%; } .al_gallery__elem--app-play { vertical-align: top; width: 100%; margin: 0; padding: 0 20px; white-space: normal; max-height: none; box-shadow: none; } .al_gallery__elem:last-child { margin-right: 0; } @media all and (min-width: 700px) { .al_gallery.imageInsetCenter .al_gallery__elem:first-child { margin-left: 9px; } .al_gallery.imageInsetCenter .al_gallery__elem:last-child { margin-right: 9px; } } @media all and (min-width: 1025px) { .al_gallery.imageOutsetCenter .al_gallery__elem:first-child { margin-left: 9px; } .al_gallery.imageOutsetCenter .al_gallery__elem:last-child { margin-right: 9px; } } .al_gallery__indicate { position: absolute; top: 50%; left: 10px; margin-top: -11px; font-size: 16px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,.5) } /*-------*\ #TOC \*-------*/ .al_toc { margin-bottom: 35px; padding: 0 20px; overflow: hidden; } @media all and (min-width: 768px) { .al_toc--long { width: auto; margin-bottom: 35px; float: none; } } .al_toc__title { margin-bottom: 10px; text-transform: uppercase; } .al_toc ul { margin: 0; } .al_toc ul > li { margin: 0; } .al_toc ul > li:before { display: none; /* clear .content ul > li:before */ } ul.al_toc__top { margin: 0; padding: 0; font-size: 0; list-style-type: none; box-sizing: border-box; counter-reset: tocsection; } @media all and (min-width: 768px) { .al_toc--long > ul.al_toc__top { width: 33.33337%; padding-right: 20px; float: left; } } ul.al_toc__top > li { position: relative; vertical-align: top; margin-left: 10px; padding: 0 0 9px 12px; font-size: 17px; font-weight: 300; box-sizing: border-box; border-left: solid 1px #09f; counter-increment: tocsection; } ul.al_toc__top > li.no-after { border: none; } ul.al_toc__top > li:last-child { border-left: solid 1px transparent; } ul.al_toc__top > li:after { content: ''; position: absolute; top: 50%; left: -4px; width: 6px; height: 6px; margin-top: 2px; border-left: solid 1px #09f; border-bottom: solid 1px #09f; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } ul.al_toc__top > li.no-after:after { display: none; } ul.al_toc__top > li:last-child:after { display: none; } ul.al_toc__top > li > a.al_toc__a { display: block; box-shadow: 0 1px rgba(130,130,130,.2); } ul.al_toc__top:last-of-type > li:last-child > a.al_toc__a { box-shadow: none; } @media all and (min-width: 768px) { ul.al_toc__top > li:last-child > a.al_toc__a { box-shadow: none; } } ul.al_toc__top > li > a.al_toc__a:after { /* need to clear thumbnail float */ content: ''; display: table; clear: both; } .al_toc__a__title { display: block; position: relative; top: -3px; } .al_toc__a__subtitle { display: block; margin-top: -3px; font-size: 14px; color: #999; } .al_toc__thumb { position: relative; display: block; width: 36px; height: 36px; margin: 0 10px 7px -30px; float: left; background-color: #f0f0f0; box-shadow: 0 0 1px rgba(0,0,0,.5); border-radius: 20%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .al_toc__thumb--tv { width: 64px; border-radius: 3px; } ul.al_toc__top--bullet > li > a.al_toc__a:before { content: ''; position: absolute; top: 0; left: -9px; width: 17px; height: 17px; line-height: 18px; background-color: #fafafa; box-shadow: 0 0 0 1px; color: #09f; text-align: center; border-radius: 50%; font-size: 12px; } .dark ul.al_toc__top--bullet > li > a.al_toc__a:before { background-color: #333; } ul.al_toc__top--bullet--num > li > a.al_toc__a:before { content: counter(tocsection); } ul.al_toc__top__sub { padding: 0; font-size: 14px; color: #999; list-style-type: none; } ul.al_toc__top__sub > li { display: inline-block; } ul.al_toc__top__sub > li > a.al_toc__a { color: #999; } ul.al_toc__top__sub > li:last-child > span { display: none; } .al_toc-btn { display: none; } /* closed state */ @media all and (max-width: 767px) { ul.al_toc__top:only-of-type.closed > li:nth-child(n+6) { display: none; } ul.al_toc__top.closed ~ ul.al_toc__top { display: none; } .closed ~ .al_toc-btn { display: block; width: 100%; font-size: 14px; color: #aaa } } /*----------*\ #FOOTER \*----------*/ .al_footer { position: relative; z-index: 2; padding: 20px 20px 70px; color: #666; text-align: center; } /*-----------------*\ #MISCELLANEOUS \*-----------------*/ .iframe-wrapper { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; background-color: #000; } .iframe-wrapper > iframe, .iframe-wrapper > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .al_divider { position: relative; height: 1px; background-color: rgba(130,130,130,.2); clear: both; } .al_divider--s { width: 100px; margin: 20px auto; } .al_divider--m { width: 150px; margin: 40px auto; } .al_divider--wire { background-color: #09f; } .al_divider--wire:before { content: ''; position: absolute; left: 50%; margin-left: -5px; width: 10px; height: 5px; margin-top: -2px; background-color: #09f; } .al_content-extendable { position: relative; max-height: 460px; overflow: hidden; } .al_content-extendable:after { content: 'show all'; position: absolute; z-index: 1; right: 10px; bottom: 0; left: 10px; background-color: #fff; color: #09f; text-align: center; font-size: 1.4rem; line-height: 3rem; box-shadow: 0 -1px 0 rgba(0,0,0,.2); } .al_content-extendable.open { max-height: none; } .al_content-extendable.open:after { display: none; } .line-clamp--2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* * APPADVICE FONT SET * * Generated through fontastic.com * If new icons are added to the list, overwrite the font files, and copy the new icon classes to this document. * Keep the order by the content. * * * We don't use http://cssguidelin.es/ here for naming. */ /* Note: these files are part of the site's PUBLIC dir */ @font-face { font-family: "appadvice"; src: url('http://appadvice.com/fonts-appadvice/appadvice.eot'); src: url('http://appadvice.com/fonts-appadvice/appadvice.eot?#iefix') format("embedded-opentype"), url('http://appadvice.com/fonts-appadvice/appadvice.woff') format("woff"), url('http://appadvice.com/fonts-appadvice/appadvice.ttf') format("truetype"), url('http://appadvice.com/fonts-appadvice/appadvice.svg#appadvice') format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "appadvice" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "appadvice" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-appadvice-logo:before { content: "\e000"; } .icon-movie-play-o:before { content: "\e001"; } .icon-check-circle-o:before { content: "\e002"; } .icon-alert-o:before { content: "\e003"; } .icon-information-o:before { content: "\e004"; } .icon-thumbnails-o:before { content: "\e005"; } .icon-book-o:before { content: "\e006"; } .icon-note-paper-o:before { content: "\e007"; } .icon-movie-play:before { content: "\e008"; } .icon-note-paper:before { content: "\e009"; } .icon-check-circle:before { content: "\e010"; } .icon-alert:before { content: "\e011"; } .icon-information:before { content: "\e012"; } .icon-direction-sign:before { content: "\e013"; } .icon-book:before { content: "\e014"; } .icon-thumbnails:before { content: "\e015"; } .icon-direction-sign-o:before { content: "\e016"; } .icon-magnifier-o:before { content: "\e017"; } .icon-chat-bubble-o:before { content: "\e018"; } .icon-magnifier:before { content: "\e019"; } .icon-preview:before { content: "\e020"; } .icon-chat-bubble:before { content: "\e021"; } .icon-preview-o:before { content: "\e022"; } .icon-share-icon:before { content: "\e023"; } .icon-list-o:before { content: "\e024"; } .icon-list:before { content: "\e025"; } .icon-chevron-right:before { content: "\e026"; } .icon-chevron-left:before { content: "\e027"; } .icon-chevron-up:before { content: "\e028"; } .icon-chevron-down:before { content: "\e029"; } .icon-star-half-o:before { content: "\e030"; } .icon-star-o:before { content: "\e031"; } .icon-star:before { content: "\e032"; } .icon-glasses-o:before { content: "\e033"; } .icon-glasses:before { content: "\e034"; } .icon-arrow-left:before { content: "\e035"; } .icon-arrow-right:before { content: "\e036"; } .icon-arrow-up:before { content: "\e037"; } .icon-arrow-down:before { content: "\e038"; } .icon-tag-o:before { content: "\e039"; } .icon-tag:before { content: "\e040"; } .icon-setting-gear-o:before { content: "\e041"; } .icon-setting-gear:before { content: "\e042"; } .icon-waning-crescent-moon:before { content: "\e043"; } .icon-waning-crescent-moon-o:before { content: "\e044"; } .icon-add:before { content: "\e045"; } .icon-delete:before { content: "\e046"; } .icon-chevron-up-o:before { content: "\e047"; } .icon-chevron-left-o:before { content: "\e048"; } .icon-chevron-right-o:before { content: "\e049"; } .icon-chevron-down-o:before { content: "\e050"; } .icon-pacman-ghost-o:before { content: "\e051"; } .icon-pacman-ghost:before { content: "\e052"; } /* * RULES FOR USABILLA FEEDBACK BUTTON * */ .usabilla_live_button_container { position: relative !important; left: 50%; top: 0 !important; height: 40px !important; margin-top: 0 !important; margin-left: 20px !important; -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* * BEFORE MODIFYING THIS DOCUMENT READ THIS DOCUMENTATION: * * http://cssguidelin.es/ * * What differs from the guideline: * * - Use aa_ prefix for all classes * - Indentations are 2px * - Columns are 120px wide * - Don't use [] in html inside class="" for grouping * - In html class="" don't use 2 space between classes, but put the related ones next to each other * - Low level commenting is not necessary but u can use, just try to explain the things u think is important * */ /* * RULES * * 1) GLOBAL * * 2) VISIBILITY * * 3) ALIGN * * 4) OPACITY * * 5) TEXT FORMATTING * * 6) BOX FORMATTING * * 7) COLORS * * 8) FILTERS * * 9) ANIMATIONS * * 10) MISCELLANEOUS * */ /*--------------*\ #VISIBILITY \*--------------*/ .aa_hidden { display: none !important; visibility: hidden; } .aa_invisible { visibility: hidden !important; pointer-events: none; } .aa_visible { visibility: visible !important; pointer-events: auto; } /* hide above these screen sizes */ @media all and (min-width: 480px) { .aa_hide--xs { display: none !important; } } @media all and (min-width: 768px) { .aa_hide--s { display: none !important; } } @media all and (min-width: 1024px) { .aa_hide--m { display: none !important; } } @media all and (min-width: 1280px) { .aa_hide--l { display: none !important; } } @media all and (min-width: 1440px) { .aa_hide--xl { display: none !important; } } /* show above these screen sizes + 1px */ @media all and (max-width: 479px) { .aa_show--xs { display: none !important; } } @media all and (max-width: 767px) { .aa_show--s { display: none !important; } } @media all and (max-width: 1023px) { .aa_show--m { display: none !important; } } @media all and (max-width: 1279px) { .aa_show--l { display: none !important; } } @media all and (max-width: 1439px) { .aa_show--xl { display: none !important; } } /*----------*\ #ALIGN \*----------*/ .aa_align--l { margin-left: 0; margin-right: auto; } .aa_align--r { margin-left: auto; margin-right: 0; } .aa_align--c { margin-left: auto; margin-right: auto; } .aa_pull--left { float: left; } .aa_pull--right { float: right; } /* pull above these screen sizes */ @media all and (min-width: 480px) { .aa_pull--left--xs { float: left; } .aa_pull--right--xs { float: right; } } @media all and (min-width: 768px) { .aa_pull--left--s { float: left; } .aa_pull--right--s { float: right; } } @media all and (min-width: 1024px) { .aa_pull--left--m { float: left; } .aa_pull--right--m { float: right; } } @media all and (min-width: 1280px) { .aa_pull--left--l { float: left; } .aa_pull--right--l { float: right; } } @media all and (min-width: 1440px) { .aa_pull--left--xl { float: left; } .aa_pull--right--xl { float: right; } } .aa_clearfix:before, .aa_clearfix:after { content: ""; display: table; } .aa_clearfix:after { clear: both; } .aa_clear { clear: both; } /*-----------*\ #OPACITY \*-----------*/ .aa_opacity--0 { opacity: 0; } .aa_opacity--01 { opacity: .1; } .aa_opacity--02 { opacity: .2; } .aa_opacity--03 { opacity: .3; } .aa_opacity--04 { opacity: .4; } .aa_opacity--05 { opacity: .5; } .aa_opacity--06 { opacity: .6; } .aa_opacity--07 { opacity: .7; } .aa_opacity--08 { opacity: .8; } .aa_opacity--09 { opacity: .9; } .aa_opacity--1 { opacity: 1; } /*------------------*\ #TEXT FORMATTING \*------------------*/ .aa_text--roboto-slab { font-family: "Roboto Slab"; } .aa_text--left { text-align: left; } .aa_text--right { text-align: right; } .aa_text--center { text-align: center; } .aa_text--justify { text-align: justify; } .aa_text--nowrap { white-space: nowrap; } .aa_text--lowercase { text-transform: lowercase; } .aa_text--uppercase { text-transform: uppercase; } .aa_text--capitalize { text-transform: capitalize; } .text--italic { font-style: italic; } .aa_text--thin { font-weight: 100; } .aa_text--light { font-weight: 300; } .aa_text--normal { font-weight: 400; } .aa_text--medium { font-weight: 500; } .aa_text--bold { font-weight: 700; } .aa_text--black { font-weight: 900; } .aa_text--0 { font-size: 0; } .aa_text--08 { font-size: 0.8rem; } .aa_text--12 { font-size: 1.2rem; } .aa_text--14 { font-size: 1.4rem; } .aa_text--16 { font-size: 1.6rem; } .aa_text--18 { font-size: 1.8rem; } .aa_text--20 { font-size: 2.0rem; } .aa_text--22 { font-size: 2.2rem; } .aa_text--24 { font-size: 2.4rem; } .aa_text--32 { font-size: 3.2rem; } .aa_text--36 { font-size: 3.6rem; } .aa_text--42 { font-size: 4.2rem; } .aa_text--50 { font-size: 5rem; } .aa_text--truncate, .aa_truncate { /* truncate for one line */ white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; } /*------------------*\ #BOX FORMATTING \*------------------*/ .aa_display--block { display: block; } .aa_display--inline { display: inline-block; } .aa_position--relative { position: relative; } .aa_position--absolute { position: absolute; } .aa_noverflow { overflow: hidden; } .aa_scroll--x { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .aa_scroll--y { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .aa_noscrollbar::-webkit-scrollbar { /* hide scrollbars in webkit browsers */ display: none; } .aa_margin--0, .aa_nomargin { margin: 0 !important; } .aa_margin-lr--5 { margin-left: 5px; margin-right: 5px; } .aa_margin-lr--10 { margin-left: 10px; margin-right: 10px; } .aa_margin-lr--15 { margin-left: 15px; margin-right: 15px; } .aa_margin-lr--20 { margin-left: 20px; margin-right: 20px; } .aa_margin-lr--30 { margin-left: 30px; margin-right: 30px; } .aa_margin-lr--40 { margin-left: 40px; margin-right: 40px; } .aa_margin-lr--50 { margin-left: 50px; margin-right: 50px; } .aa_margin-l--5 { margin-left: 5px; } .aa_margin-r--5 { margin-right: 5px; } .aa_margin-l--10 { margin-left: 10px; } .aa_margin-r--10 { margin-right: 10px; } .aa_margin-l--15 { margin-left: 15px; } .aa_margin-r--15 { margin-right: 15px; } .aa_margin-l--20 { margin-left: 20px; } .aa_margin-r--20 { margin-right: 20px; } .aa_margin-l--30 { margin-left: 30px; } .aa_margin-r--30 { margin-right: 30px; } .aa_margin-l--40 { margin-left: 40px; } .aa_margin-r--40 { margin-right: 40px; } .aa_margin-l--50 { margin-left: 50px; } .aa_margin-r--50 { margin-right: 50px; } .aa_margin-tb---20 { margin-top: -20px; margin-bottom: -20px; } .aa_margin-tb---15 { margin-top: -15px; margin-bottom: -15px; } .aa_margin-tb---10 { margin-top: -10px; margin-bottom: -10px; } .aa_margin-tb---5 { margin-top: -5px; margin-bottom: -5px; } .aa_margin-tb--5 { margin-top: 5px; margin-bottom: 5px; } .aa_margin-tb--10 { margin-top: 10px; margin-bottom: 10px; } .aa_margin-tb--15 { margin-top: 15px; margin-bottom: 15px; } .aa_margin-tb--20 { margin-top: 20px; margin-bottom: 20px; } .aa_margin-tb--30 { margin-top: 30px; margin-bottom: 30px; } .aa_margin-tb--40 { margin-top: 40px; margin-bottom: 40px; } .aa_margin-tb--50 { margin-top: 50px; margin-bottom: 50px; } .aa_margin-t---20 { margin-top: -20px; } .aa_margin-b---20 { margin-bottom: -20px; } .aa_margin-t---15 { margin-top: -15px; } .aa_margin-b---15 { margin-bottom: -15px; } .aa_margin-t---10 { margin-top: -10px; } .aa_margin-b---10 { margin-bottom: -10px; } .aa_margin-t---5 { margin-top: -5px; } .aa_margin-b---5 { margin-bottom: -5px; } .aa_margin-t--5 { margin-top: 5px; } .aa_margin-b--5 { margin-bottom: 5px; } .aa_margin-t--10 { margin-top: 10px; } .aa_margin-b--10 { margin-bottom: 10px; } .aa_margin-t--15 { margin-top: 15px; } .aa_margin-b--15 { margin-bottom: 15px; } .aa_margin-t--20 { margin-top: 20px; } .aa_margin-b--20 { margin-bottom: 20px; } .aa_margin-t--30 { margin-top: 30px; } .aa_margin-b--30 { margin-bottom: 30px; } .aa_margin-t--40 { margin-top: 40px; } .aa_margin-b--40 { margin-bottom: 40px; } .aa_margin-t--50 { margin-top: 50px; } .aa_margin-b--50 { margin-bottom: 50px; } .aa_padding--0 { padding: 0; } .aa_padding-lr--0 { padding-left: 0; padding-right: 0; } .aa_padding-lr--5 { padding-left: 5px; padding-right: 5px; } .aa_padding-lr--10 { padding-left: 10px; padding-right: 10px; } .aa_padding-lr--15 { padding-left: 15px; padding-right: 15px; } .aa_padding-lr--20 { padding-left: 20px; padding-right: 20px; } .aa_padding-lr--30 { padding-left: 30px; padding-right: 30px; } .aa_padding-lr--40 { padding-left: 40px; padding-right: 40px; } .aa_padding-lr--50 { padding-left: 40px; padding-right: 40px; } .aa_padding-l--0 { padding-left: 0; } .aa_padding-r--0 { padding-right: 0; } .aa_padding-l--5 { padding-left: 5px; } .aa_padding-r--5 { padding-right: 5px; } .aa_padding-l--10 { padding-left: 10px; } .aa_padding-r--10 { padding-right: 10px; } .aa_padding-l--15 { padding-left: 15px; } .aa_padding-r--15 { padding-right: 15px; } .aa_padding-l--20 { padding-left: 20px; } .aa_padding-r--20 { padding-right: 20px; } .aa_padding-l--30 { padding-left: 30px; } .aa_padding-r--30 { padding-right: 30px; } .aa_padding-l--40 { padding-left: 40px; } .aa_padding-r--40 { padding-right: 40px; } .aa_padding-l--50 { padding-left: 50px; } .aa_padding-r--50 { padding-right: 50px; } .aa_padding-tb--0 { padding-top: 0; padding-bottom: 0; } .aa_padding-tb--5 { padding-top: 5px; padding-bottom: 5px; } .aa_padding-tb--10 { padding-top: 10px; padding-bottom: 10px; } .aa_padding-tb--15 { padding-top: 15px; padding-bottom: 15px; } .aa_padding-tb--20 { padding-top: 20px; padding-bottom: 20px; } .aa_padding-tb--30 { padding-top: 30px; padding-bottom: 30px; } .aa_padding-tb--40 { padding-top: 40px; padding-bottom: 40px; } .aa_padding-tb--50 { padding-top: 50px; padding-bottom: 50px; } .aa_padding-t--0 { padding-top: 0; } .aa_padding-b--0 { padding-bottom: 0; } .aa_padding-t--5 { padding-top: 5px; } .aa_padding-b--5 { padding-bottom: 5px; } .aa_padding-t--10 { padding-top: 10px; } .aa_padding-b--10 { padding-bottom: 10px; } .aa_padding-t--15 { padding-top: 15px; } .aa_padding-b--15 { padding-bottom: 15px; } .aa_padding-t--20 { padding-top: 20px; } .aa_padding-b--20 { padding-bottom: 20px; } .aa_padding-t--30 { padding-top: 30px; } .aa_padding-b--30 { padding-bottom: 30px; } .aa_padding-t--40 { padding-top: 40px; } .aa_padding-b--40 { padding-bottom: 40px; } .aa_padding-t--50 { padding-top: 50px; } .aa_padding-b--50 { padding-bottom: 50px; } /*----------*\ #COLORS \*----------*/ .aa_text-white--1, .aa_text-white--1 a { color: rgba(255,255,255,1); } .aa_text-white--09, .aa_text-white--09 a { color: rgba(255,255,255,.9); } .aa_text-white--08, .aa_text-white--08 a { color: rgba(255,255,255,.8); } .aa_text-white--07, .aa_text-white--07 a { color: rgba(255,255,255,.7); } .aa_text-white--06, .aa_text-white--06 a { color: rgba(255,255,255,.6); } .aa_text-white--05, .aa_text-white--05 a { color: rgba(255,255,255,.5); } .aa_text-white--04, .aa_text-white--04 a { color: rgba(255,255,255,.4); } .aa_text-white--03, .aa_text-white--03 a { color: rgba(255,255,255,.3); } .aa_text-white--02, .aa_text-white--02 a { color: rgba(255,255,255,.2); } .aa_text-white--01, .aa_text-white--01 a { color: rgba(255,255,255,.1); } .aa_text-black--1, .aa_text-black--1 a { color: rgba(0,0,0,1); } .aa_text-black--09, .aa_text-black--09 a { color: rgba(0,0,0,.9); } .aa_text-black--08, .aa_text-black--08 a { color: rgba(0,0,0,.8); } .aa_text-black--07, .aa_text-black--07 a { color: rgba(0,0,0,.7); } .aa_text-black--06, .aa_text-black--06 a { color: rgba(0,0,0,.6); } .aa_text-black--05, .aa_text-black--05 a { color: rgba(0,0,0,.5); } .aa_text-black--04, .aa_text-black--04 a { color: rgba(0,0,0,.4); } .aa_text-black--03, .aa_text-black--03 a { color: rgba(0,0,0,.3); } .aa_text-black--02, .aa_text-black--02 a { color: rgba(0,0,0,.2); } .aa_text-black--01, .aa_text-black--01 a { color: rgba(0,0,0,.1); } .aa_text-blue--1, .aa_text-blue--1 a{ color: rgba(0,154,255,1); } .aa_text-red--1, .aa_text-red--1 a{ color: rgb(255,0,0); } .aa_bg-000--1 {background-color: rgba(0,0,0, 1);} .aa_bg-000--08 {background-color: rgba(0,0,0,.8);} .aa_bg-000--06 {background-color: rgba(0,0,0,.6);} .aa_bg-000--04 {background-color: rgba(0,0,0,.4);} .aa_bg-000--02 {background-color: rgba(0,0,0,.2);} .aa_bg-111--1 {background-color: rgba(17,17,17, 1);} .aa_bg-111--08 {background-color: rgba(17,17,17,.8);} .aa_bg-111--06 {background-color: rgba(17,17,17,.6);} .aa_bg-111--04 {background-color: rgba(17,17,17,.4);} .aa_bg-111--02 {background-color: rgba(17,17,17,.2);} .aa_bg-222--1 {background-color: rgba(34,34,34, 1);} .aa_bg-222--08 {background-color: rgba(34,34,34,.8);} .aa_bg-222--06 {background-color: rgba(34,34,34,.6);} .aa_bg-222--04 {background-color: rgba(34,34,34,.4);} .aa_bg-222--02 {background-color: rgba(34,34,34,.2);} .aa_bg-333--1 {background-color: rgba(51,51,51, 1);} .aa_bg-333--08 {background-color: rgba(51,51,51,.8);} .aa_bg-333--06 {background-color: rgba(51,51,51,.6);} .aa_bg-333--04 {background-color: rgba(51,51,51,.4);} .aa_bg-333--02 {background-color: rgba(51,51,51,.2);} .aa_bg-444--1 {background-color: rgba(68,68,68, 1);} .aa_bg-444--08 {background-color: rgba(68,68,68,.8);} .aa_bg-444--06 {background-color: rgba(68,68,68,.6);} .aa_bg-444--04 {background-color: rgba(68,68,68,.4);} .aa_bg-444--02 {background-color: rgba(68,68,68,.2);} .aa_bg-555--1 {background-color: rgba(85,85,85, 1);} .aa_bg-555--08 {background-color: rgba(85,85,85,.8);} .aa_bg-555--06 {background-color: rgba(85,85,85,.6);} .aa_bg-555--04 {background-color: rgba(85,85,85,.4);} .aa_bg-555--02 {background-color: rgba(85,85,85,.2);} .aa_bg-666--1 {background-color: rgba(102,102,102, 1);} .aa_bg-666--08 {background-color: rgba(102,102,102,.8);} .aa_bg-666--06 {background-color: rgba(102,102,102,.6);} .aa_bg-666--04 {background-color: rgba(102,102,102,.4);} .aa_bg-666--02 {background-color: rgba(102,102,102,.2);} .aa_bg-777--1 {background-color: rgba(119,119,119, 1);} .aa_bg-777--08 {background-color: rgba(119,119,119,.8);} .aa_bg-777--06 {background-color: rgba(119,119,119,.6);} .aa_bg-777--04 {background-color: rgba(119,119,119,.4);} .aa_bg-777--02 {background-color: rgba(119,119,119,.2);} .aa_bg-888--1 {background-color: rgba(136,136,136, 1);} .aa_bg-888--08 {background-color: rgba(136,136,136,.8);} .aa_bg-888--06 {background-color: rgba(136,136,136,.6);} .aa_bg-888--04 {background-color: rgba(136,136,136,.4);} .aa_bg-888--02 {background-color: rgba(136,136,136,.2);} .aa_bg-999--1 {background-color: rgba(153,153,153, 1);} .aa_bg-999--08 {background-color: rgba(153,153,153,.8);} .aa_bg-999--06 {background-color: rgba(153,153,153,.6);} .aa_bg-999--04 {background-color: rgba(153,153,153,.4);} .aa_bg-999--02 {background-color: rgba(153,153,153,.2);} .aa_bg-aaa--1 {background-color: rgba(170,170,170, 1);} .aa_bg-aaa--08 {background-color: rgba(170,170,170,.8);} .aa_bg-aaa--06 {background-color: rgba(170,170,170,.6);} .aa_bg-aaa--04 {background-color: rgba(170,170,170,.4);} .aa_bg-aaa--02 {background-color: rgba(170,170,170,.2);} .aa_bg-bbb--1 {background-color: rgba(187,187,187, 1);} .aa_bg-bbb--08 {background-color: rgba(187,187,187,.8);} .aa_bg-bbb--06 {background-color: rgba(187,187,187,.6);} .aa_bg-bbb--04 {background-color: rgba(187,187,187,.4);} .aa_bg-bbb--02 {background-color: rgba(187,187,187,.2);} .aa_bg-ccc--1 {background-color: rgba(204,204,204, 1);} .aa_bg-ccc--08 {background-color: rgba(204,204,204,.8);} .aa_bg-ccc--06 {background-color: rgba(204,204,204,.6);} .aa_bg-ccc--04 {background-color: rgba(204,204,204,.4);} .aa_bg-ccc--02 {background-color: rgba(204,204,204,.2);} .aa_bg-ddd--1 {background-color: rgba(221,221,221, 1);} .aa_bg-ddd--08 {background-color: rgba(221,221,221,.8);} .aa_bg-ddd--06 {background-color: rgba(221,221,221,.6);} .aa_bg-ddd--04 {background-color: rgba(221,221,221,.4);} .aa_bg-ddd--02 {background-color: rgba(221,221,221,.2);} .aa_bg-eee--1 {background-color: rgba(238,238,238, 1);} .aa_bg-eee--08 {background-color: rgba(238,238,238,.8);} .aa_bg-eee--06 {background-color: rgba(238,238,238,.6);} .aa_bg-eee--04 {background-color: rgba(238,238,238,.4);} .aa_bg-eee--02 {background-color: rgba(238,238,238,.2);} .aa_bg-fff--1 {background-color: rgba(255,255,255, 1);} .aa_bg-fff--08 {background-color: rgba(255,255,255,.8);} .aa_bg-fff--06 {background-color: rgba(255,255,255,.6);} .aa_bg-fff--04 {background-color: rgba(255,255,255,.4);} .aa_bg-fff--02 {background-color: rgba(255,255,255,.2);} .aa_grad--1 {background: linear-gradient(30deg, rgba( 0,204,238,.2) 0%, rgba( 0,221,119,.2) 100%);} .aa_grad--2 {background: linear-gradient(30deg, rgba( 0, 54,238,.2) 0%, rgba( 0,168,221,.2) 100%);} .aa_grad--3 {background: linear-gradient(30deg, rgba(180, 0,238,.2) 0%, rgba( 1, 0,221,.2) 100%);} .aa_grad--4 {background: linear-gradient(30deg, rgba(238, 0,150,.2) 0%, rgba(154, 0,221,.2) 100%);} .aa_grad--5 {background: linear-gradient(30deg, rgba(238, 19, 0,.2) 0%, rgba(221, 0,123,.2) 100%);} .aa_grad--6 {background: linear-gradient(30deg, rgba(238,143, 0,.2) 0%, rgba(221, 0, 16,.2) 100%);} .aa_grad--7 {background: linear-gradient(30deg, rgba(159,238, 0,.2) 0%, rgba(221,123, 0,.2) 100%);} .aa_grad--8 {background: linear-gradient(30deg, rgba( 0,238, 33,.2) 0%, rgba(140,221, 0,.2) 100%);} .aa_grad--9 {background: linear-gradient(30deg, rgba( 0,238,123,.2) 0%, rgba( 0,221, 11,.2) 100%);} .aa_grad--0 {background: linear-gradient(30deg, rgba( 85, 0,238,.2) 0%, rgba( 23,221, 0,.2) 100%);} .aa_color--1 {color: #00cda4} .aa_color--2 {color: #0061cc} .aa_color--3 {color: #3e00cb} .aa_color--4 {color: #cd00c7} .aa_color--5 {color: #cd0036} .aa_color--6 {color: #cb2a00} .aa_color--7 {color: #cbb700} .aa_color--8 {color: #2ecd00} .aa_color--9 {color: #16da48} .aa_color--0 {color: #00becc} .aa_bg--1 {background: #00cda4} .aa_bg--2 {background: #0061cc} .aa_bg--3 {background: #3e00cb} .aa_bg--4 {background: #cd00c7} .aa_bg--5 {background: #cd0036} .aa_bg--6 {background: #cb2a00} .aa_bg--7 {background: #cbb700} .aa_bg--8 {background: #2ecd00} .aa_bg--9 {background: #16da48} .aa_bg--0 {background: #00becc} .aa_ptn { position: relative; } .aa_ptn:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .aa_ptn--0:before { background-image: url("data:image/png;base64,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"); background-size: 120px 138px; } .aa_ptn--1:before { background-image: url("data:image/png;base64,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"); background-size: 220px 218px; } .aa_ptn--2:before { background-image: url("data:image/png;base64,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"); background-size: 113px 113px; } .aa_ptn--3:before { background-image: url("data:image/png;base64,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"); background-size: 200px 231px; } .aa_ptn--4:before { background-image: url("data:image/png;base64,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"); background-size: 205px 213px; } /*-----------*\ #FILTERS \*-----------*/ .aa_backdrop-blur--10 { -webkit-backdrop-filter: blur(10px); } .aa_backdrop-blur--20 { -webkit-backdrop-filter: blur(20px); } .aa_backdrop-blur--30 { -webkit-backdrop-filter: blur(30px); } .aa_backdrop-blur--40 { -webkit-backdrop-filter: blur(40px); } .aa_backdrop-blur--50 { -webkit-backdrop-filter: blur(50px); } .aa_backdrop-blur--60 { -webkit-backdrop-filter: blur(60px); } .aa_backdrop-blur--70 { -webkit-backdrop-filter: blur(70px); } .aa_backdrop-blur--80 { -webkit-backdrop-filter: blur(80px); } .aa_backdrop-blur--90 { -webkit-backdrop-filter: blur(80px); } .aa_backdrop-blur--100 { -webkit-backdrop-filter: blur(100px); } /*--------------*\ #ANIMATIONS \*--------------*/ @-webkit-keyframes aa_spin { from {-webkit-transform: rotate(0deg)} to {-webkit-transform: rotate(360deg)} } @keyframes aa_spin { from {transform: rotate(0deg)} to {transform: rotate(360deg)} } /*-----------------*\ #MISCELLANEOUS \*-----------------*/ .js .aa_wait-to-load { opacity: 0; transition: .5s; } .js .aa_wait-to-load.loaded { opacity: 1; } .js .aa_wait-to-load.error { display: none; } .aa_bg { background-color: #888; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .aa_bg--no-color { background-color: transparent; } .aa_bg__ { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_bg__--contain { background-size: contain; } .aa_bg__--abs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; } .aa_bg-img--cover { background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_bg-img--contain { background-repeat: no-repeat; background-position: center center; background-size: cover; } .aa_video-wrap { position: relative; display: block; height: 0; padding-bottom: 56.25%; background-color: #000; } .aa_video-wrap--16-10 { padding-bottom: 62.5%; } .aa_video-wrap > video, .aa_video-wrap > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }