html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ 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 6/7/8/9 and Firefox 3. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Addresses 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 ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ 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. * 4. Improves appearance and consistency in all browsers. */ 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. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ 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; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: inherit; padding: 20px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, button, input[type="button"], input[type="reset"], input[type="submit"], select { border: 0; border-radius: 0; outline: none; } /*************************** * * INCLUDE YOUR FONTS HERE USING @include font-face() * Fonts are stored in public/assets/fonts * ***************************/ @font-face { font-family: "open-sans"; font-style: normal; font-weight: 400; src: url("/assets/fonts/open-sans/regular/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/open-sans/regular/opensans-regular-webfont.woff") format("woff"), url("/assets/fonts/open-sans/regular/opensans-regular-webfont.ttf") format("truetype"); } @font-face { font-family: "open-sans-light"; font-style: normal; font-weight: 300; src: url("/assets/fonts/open-sans/light/opensans-light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/open-sans/light/opensans-light.woff") format("woff"), url("/assets/fonts/open-sans/light/opensans-light.ttf") format("truetype"); } @font-face { font-family: "open-sans-bold"; font-style: normal; font-weight: 600; src: url("/assets/fonts/open-sans/bold/opensans-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/open-sans/bold/opensans-bold.woff") format("woff"), url("/assets/fonts/open-sans/bold/opensans-bold.ttf") format("truetype"); } @font-face { font-family: "montserrat"; font-style: normal; font-weight: 400; src: url("/assets/fonts/montserrat/regular/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/montserrat/regular/montserrat-regular.woff") format("woff"), url("/assets/fonts/montserrat/regular/montserrat-regular.ttf") format("truetype"); } @font-face { font-family: "montserrat-bold"; font-style: normal; font-weight: 600; src: url("/assets/fonts/montserrat/bold/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/montserrat/bold/montserrat-bold.woff") format("woff"), url("/assets/fonts/montserrat/bold/montserrat-bold.ttf") format("truetype"); } /*********************************** * * PUT ANY GLOBAL MIXINS YOU CREATE HERE * ! Only create mixins that do not * require your local variables and functions * ***********************************/ /*********************************** * * PUT ANY GLOBAL FUNCTIONS YOU CREATE HERE * ! Only create function that do not * require your local variables and mixins * ***********************************/ /*********************************** * * PUT ANY GLOBAL OBJECTS YOU CREATE HERE * ! Only create objects that do not * require your local variables and mixins/functions * ***********************************/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal-wrapper .modal { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } /*********************************** * * USE THIS FILE TO CREATE GLOBAL VARIABLES * ! Only include variables that can be used by any other * project without having an effect on the structure of the website * ***********************************/ .popup-box, .popup-box .popup-loader, .modal-wrapper .modal, .home-about, .static-container { background-color: #fff; background-image: -webkit-linear-gradient(#fff, #cccccc); background-image: linear-gradient(#fff, #cccccc); } footer { background-color: #111; background-image: -webkit-linear-gradient(#111, #090909); background-image: linear-gradient(#111, #090909); } .hint-box, .referral-link { background-color: #fe5000; background-image: -webkit-linear-gradient(#fe5000, #c13d00); background-image: linear-gradient(#fe5000, #c13d00); } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .sprite.arrow_down { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) 0px 0px no-repeat; } .sprite.close { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -24px 0px no-repeat; } .sprite.close_dark { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -48px 0px no-repeat; } .sprite.dollar { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -72px 0px no-repeat; } .sprite.email { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -96px 0px no-repeat; } .sprite.error { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -120px 0px no-repeat; } .sprite.facebook { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -144px 0px no-repeat; } .sprite.menu_closed { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -168px 0px no-repeat; } .sprite.notifications { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -192px 0px no-repeat; } .sprite.right { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -216px 0px no-repeat; } .sprite.speech { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -240px 0px no-repeat; } .sprite.star { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -264px 0px no-repeat; } .sprite.star_empty { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -288px 0px no-repeat; } .sprite.success { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -312px 0px no-repeat; } .sprite.twitter { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -336px 0px no-repeat; } .sprite.user { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -360px 0px no-repeat; } .sprite.user_female { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -384px 0px no-repeat; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .sprite.arrow_down { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) 0px 0px no-repeat; } .sprite.close { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -24px 0px no-repeat; } .sprite.close_dark { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -48px 0px no-repeat; } .sprite.dollar { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -72px 0px no-repeat; } .sprite.email { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -96px 0px no-repeat; } .sprite.error { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -120px 0px no-repeat; } .sprite.facebook { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -144px 0px no-repeat; } .sprite.menu_closed { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -168px 0px no-repeat; } .sprite.notifications { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -192px 0px no-repeat; } .sprite.right { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -216px 0px no-repeat; } .sprite.speech { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -240px 0px no-repeat; } .sprite.star { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -264px 0px no-repeat; } .sprite.star_empty { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -288px 0px no-repeat; } .sprite.success { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -312px 0px no-repeat; } .sprite.twitter { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -336px 0px no-repeat; } .sprite.user { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -360px 0px no-repeat; } .sprite.user_female { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -384px 0px no-repeat; } } @media screen and (min-width: 79.9375em) and (max-width: 105em) { .sprite.arrow_down { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) 0px 0px no-repeat; } .sprite.close { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -24px 0px no-repeat; } .sprite.close_dark { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -48px 0px no-repeat; } .sprite.dollar { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -72px 0px no-repeat; } .sprite.email { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -96px 0px no-repeat; } .sprite.error { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -120px 0px no-repeat; } .sprite.facebook { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -144px 0px no-repeat; } .sprite.menu_closed { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -168px 0px no-repeat; } .sprite.notifications { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -192px 0px no-repeat; } .sprite.right { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -216px 0px no-repeat; } .sprite.speech { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -240px 0px no-repeat; } .sprite.star { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -264px 0px no-repeat; } .sprite.star_empty { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -288px 0px no-repeat; } .sprite.success { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -312px 0px no-repeat; } .sprite.twitter { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -336px 0px no-repeat; } .sprite.user { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -360px 0px no-repeat; } .sprite.user_female { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -384px 0px no-repeat; } } @media screen and (min-width: 105em) { .sprite.arrow_down { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) 0px 0px no-repeat; } .sprite.close { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -24px 0px no-repeat; } .sprite.close_dark { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -48px 0px no-repeat; } .sprite.dollar { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -72px 0px no-repeat; } .sprite.email { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -96px 0px no-repeat; } .sprite.error { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -120px 0px no-repeat; } .sprite.facebook { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -144px 0px no-repeat; } .sprite.menu_closed { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -168px 0px no-repeat; } .sprite.notifications { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -192px 0px no-repeat; } .sprite.right { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -216px 0px no-repeat; } .sprite.speech { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -240px 0px no-repeat; } .sprite.star { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -264px 0px no-repeat; } .sprite.star_empty { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -288px 0px no-repeat; } .sprite.success { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -312px 0px no-repeat; } .sprite.twitter { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -336px 0px no-repeat; } .sprite.user { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -360px 0px no-repeat; } .sprite.user_female { width: 24px; height: 24px; background: url(/assets/frontend/sprites/24x24/sprite.png) -384px 0px no-repeat; } } @media screen and (max-width: 29.25em) { .sprite.arrow_down { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) 0px 0px no-repeat; } .sprite.close { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -16px 0px no-repeat; } .sprite.close_dark { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -32px 0px no-repeat; } .sprite.dollar { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -48px 0px no-repeat; } .sprite.email { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -64px 0px no-repeat; } .sprite.error { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -80px 0px no-repeat; } .sprite.facebook { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -96px 0px no-repeat; } .sprite.menu_closed { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -112px 0px no-repeat; } .sprite.notifications { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -128px 0px no-repeat; } .sprite.right { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -144px 0px no-repeat; } .sprite.speech { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -160px 0px no-repeat; } .sprite.star { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -176px 0px no-repeat; } .sprite.star_empty { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -192px 0px no-repeat; } .sprite.success { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -208px 0px no-repeat; } .sprite.twitter { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -224px 0px no-repeat; } .sprite.user { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -240px 0px no-repeat; } .sprite.user_female { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -256px 0px no-repeat; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .sprite.arrow_down { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) 0px 0px no-repeat; } .sprite.close { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -16px 0px no-repeat; } .sprite.close_dark { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -32px 0px no-repeat; } .sprite.dollar { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -48px 0px no-repeat; } .sprite.email { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -64px 0px no-repeat; } .sprite.error { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -80px 0px no-repeat; } .sprite.facebook { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -96px 0px no-repeat; } .sprite.menu_closed { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -112px 0px no-repeat; } .sprite.notifications { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -128px 0px no-repeat; } .sprite.right { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -144px 0px no-repeat; } .sprite.speech { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -160px 0px no-repeat; } .sprite.star { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -176px 0px no-repeat; } .sprite.star_empty { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -192px 0px no-repeat; } .sprite.success { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -208px 0px no-repeat; } .sprite.twitter { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -224px 0px no-repeat; } .sprite.user { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -240px 0px no-repeat; } .sprite.user_female { width: 16px; height: 16px; background: url(/assets/frontend/sprites/16x16/sprite.png) -256px 0px no-repeat; } } @-webkit-keyframes scroller { 0%, 80% { -webkit-transform: rotateZ(0deg); opacity: .5; } 90% { opacity: 1; } 100% { -webkit-transform: rotateZ(360deg); opacity: .5; } } @-moz-keyframes scroller { 0%, 80% { -moz-transform: rotateZ(0deg); opacity: .5; } 90% { opacity: 1; } 100% { -moz-transform: rotateZ(360deg); opacity: .5; } } @keyframes scroller { 0%, 80% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); opacity: .5; } 90% { opacity: 1; } 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); opacity: .5; } } @-webkit-keyframes popup { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-moz-keyframes popup { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @keyframes popup { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-webkit-keyframes loader { 0% { -webkit-transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); } } @-moz-keyframes loader { 0% { -moz-transform: rotateZ(0deg); } 100% { -moz-transform: rotateZ(360deg); } } @keyframes loader { 0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes loader-back { 0% { -webkit-transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(-360deg); } } @-moz-keyframes loader-back { 0% { -moz-transform: rotateZ(0deg); } 100% { -moz-transform: rotateZ(-360deg); } } @keyframes loader-back { 0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } } @-webkit-keyframes bonus { 0% { border: 2px solid transparent; box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent; opacity: 1; } 50% { padding: 25%; border: 5px solid #fe5000; box-shadow: inset 0 0 5px 5px #fff, inset 0 0 3px 10px #fe5000; opacity: 0; } 100% { border: 2px solid transparent; box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent; opacity: 0; } } @-moz-keyframes bonus { 0% { border: 2px solid transparent; box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent; opacity: 1; } 50% { padding: 25%; border: 5px solid #fe5000; box-shadow: inset 0 0 5px 5px #fff, inset 0 0 3px 10px #fe5000; opacity: 0; } 100% { border: 2px solid transparent; box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent; opacity: 0; } } @keyframes bonus { 0% { border: 2px solid transparent; box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent; opacity: 1; } 50% { padding: 25%; border: 5px solid #fe5000; box-shadow: inset 0 0 5px 5px #fff, inset 0 0 3px 10px #fe5000; opacity: 0; } 100% { border: 2px solid transparent; box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent; opacity: 0; } } @-webkit-keyframes heart-beat { 0% { -webkit-transform: scale(1); } 8% { -webkit-transform: scale(1.02); z-index: 2; } 13% { -webkit-transform: scale(1); } 21% { -webkit-transform: scale(1.05); z-index: 2; } 85% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes heart-beat { 0% { -moz-transform: scale(1); } 8% { -moz-transform: scale(1.02); z-index: 2; } 13% { -moz-transform: scale(1); } 21% { -moz-transform: scale(1.05); z-index: 2; } 85% { -moz-transform: scale(1); } 100% { -moz-transform: scale(1); } } @keyframes heart-beat { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 8% { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); z-index: 2; } 13% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 21% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); z-index: 2; } 85% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes shiny-button { 0% { display: none; } 1% { display: block; left: 0; opacity: 0; } 10% { opacity: 1; } 20% { left: 100%; opacity: 0; } 100% { display: none; left: 100%; opacity: 0; } } @-moz-keyframes shiny-button { 0% { display: none; } 1% { display: block; left: 0; opacity: 0; } 10% { opacity: 1; } 20% { left: 100%; opacity: 0; } 100% { display: none; left: 100%; opacity: 0; } } @keyframes shiny-button { 0% { display: none; } 1% { display: block; left: 0; opacity: 0; } 10% { opacity: 1; } 20% { left: 100%; opacity: 0; } 100% { display: none; left: 100%; opacity: 0; } } @-webkit-keyframes more-below { 0% { display: none; opacity: 0; bottom: 5px; } 1% { display: block; opacity: 1; bottom: 5px; } 10% { bottom: 15px; } 20% { bottom: 5px; } 30% { bottom: 15px; } 40% { bottom: 5px; } 50% { bottom: 15px; } 60% { bottom: 5px; } 70% { bottom: 15px; } 80% { bottom: 5px; } 85% { opacity: 1; } 100% { display: none; opacity: 0; } } @-moz-keyframes more-below { 0% { display: none; opacity: 0; bottom: 5px; } 1% { display: block; opacity: 1; bottom: 5px; } 10% { bottom: 15px; } 20% { bottom: 5px; } 30% { bottom: 15px; } 40% { bottom: 5px; } 50% { bottom: 15px; } 60% { bottom: 5px; } 70% { bottom: 15px; } 80% { bottom: 5px; } 85% { opacity: 1; } 100% { display: none; opacity: 0; } } @keyframes more-below { 0% { display: none; opacity: 0; bottom: 5px; } 1% { display: block; opacity: 1; bottom: 5px; } 10% { bottom: 15px; } 20% { bottom: 5px; } 30% { bottom: 15px; } 40% { bottom: 5px; } 50% { bottom: 15px; } 60% { bottom: 5px; } 70% { bottom: 15px; } 80% { bottom: 5px; } 85% { opacity: 1; } 100% { display: none; opacity: 0; } } * { text-decoration: none; } .no-touchevents body, .no-touchevents .layout { min-width: 79.9375em; } body, a { color: #111; } @media screen and (max-width: 29.25em) { body, a { font: 400 12px/22px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { body, a { font: 400 13px/24px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { body, a { font: 400 15px/28px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { body, a { font: 400 16px/30px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { body, a { font: 400 18px/33px open-sans-light, "Arial", "sans serif"; } } @media screen and (max-width: 79.9375em) { body { background: #111 url("/assets/frontend/patterns/dark_edges_mobile.png") repeat; } } @media screen and (min-width: 79.9375em) { body { background: #111 url("/assets/frontend/patterns/dark_edges.png") fixed repeat; } } .layout { overflow: hidden; position: relative; } @media screen and (min-width: 79.9375em) { .layout { height: 100%; width: 100%; } } @media screen and (max-width: 79.9375em) { .layout { height: 100%; width: 100vw; } } header { background-color: #111; height: 60px; position: fixed; width: 100%; z-index: 500; } @media screen and (max-width: 29.25em) { header, .mobile-nav a { height: 45px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { header, .mobile-nav a { height: 40px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { header, .mobile-nav a { height: 55px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { header, .mobile-nav a { height: 45px; } } @media screen and (min-width: 79.9375em) and (max-width: 105em) { header, .mobile-nav a { height: 60px; } } @media screen and (min-width: 105em) { header, .mobile-nav a { height: 60px; } } .header { height: 100%; position: relative; } @media screen and (max-width: 79.9375em) { .header { max-width: 120em; margin-left: auto; margin-right: auto; } .header::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 79.9375em) { .header { max-width: 80em; margin-left: auto; margin-right: auto; } .header::after { clear: both; content: ""; display: table; } } .header nav, .header .logo { -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; height: 100%; } @media screen and (max-width: 79.9375em) { .header nav, .header .logo { float: left; display: block; margin-right: 11.18613%; width: 44.40694%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header nav:last-child, .header .logo:last-child { margin-right: 0; } } .header nav a, .header nav section a, .header .logo a, .header .logo section a { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .logo { -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media screen and (min-width: 79.9375em) { .logo { float: left; display: block; margin-right: 1.70538%; width: 15.24551%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .logo:last-child { margin-right: 0; } } @media screen and (max-width: 79.9375em) { .logo { -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } } .logo a { padding: 0 20px; height: 100%; } @media screen and (min-width: 79.9375em) { .logo a { -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } } @media screen and (max-width: 79.9375em) { .logo a { -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } } @media screen and (max-width: 29.25em) { .logo a .desktop { display: none; } .logo a .mobile { display: block; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .logo a .mobile { display: none; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .logo a .mobile { display: none; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .logo a .mobile { display: none; } } @media screen and (min-width: 79.9375em) { .logo a .mobile { display: none; } } @media screen and (max-width: 79.9375em) { .logo a img { width: 70%; } } nav { -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; } @media screen and (max-width: 79.9375em) { nav a { margin: 0 20px 0 0; } nav .mobile-nav > a { margin: 0 5px 0 15px; } nav .mobile-nav > a:not(.icon) { border-bottom: 1px solid #fe5000; } nav .mobile-nav > .icon { float: left; } } @media screen and (min-width: 79.9375em) { nav { float: left; display: block; margin-right: 1.70538%; width: 83.0491%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } nav:last-child { margin-right: 0; } nav a:not(.icon) span:before, nav a:not(.icon) span:after, nav section a:not(.icon) span:before, nav section a:not(.icon) span:after { content: ''; height: 3px; position: absolute; width: 100%; } nav a:not(.icon) span:before, nav section a:not(.icon) span:before { display: block; background-color: #fff; margin-top: -50px; opacity: 0; } nav a:not(.icon) span:after, nav section a:not(.icon) span:after { display: block; background-color: #fff; margin-top: 4px; opacity: .1; } nav a:not(.icon):hover span:before, nav section a:not(.icon):hover span:before { margin-top: -8px; opacity: .9; } nav a:not(.icon):hover span:after, nav section a:not(.icon):hover span:after { background-color: #fff; opacity: .9; } nav a:not(.icon):hover span:before, nav a:not(.icon):hover span:after, nav a:not(.icon) span:before, nav a:not(.icon) span:after, nav section a:not(.icon):hover span:before, nav section a:not(.icon):hover span:after, nav section a:not(.icon) span:before, nav section a:not(.icon) span:after { -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } nav a:not(.icon).special span:before, nav a:not(.icon).special:hover span:after, nav section a:not(.icon).special span:before, nav section a:not(.icon).special:hover span:after { background-color: #fe5000; } } nav a, nav .mobile-nav a { position: relative; } @media screen and (min-width: 79.9375em) { nav a, nav .mobile-nav a { margin: 0 30px 0 0; height: 100%; } nav a.mobile:not(.special), nav .mobile-nav a.mobile:not(.special) { display: none; } nav a:not(.special):hover span, nav .mobile-nav a:not(.special):hover span { color: #fff; } nav a .icon, nav .mobile-nav a .icon { margin: 0 30px 0 0; } } nav a span, nav .mobile-nav a span { text-transform: uppercase; } @media screen and (max-width: 29.25em) { nav a span, nav .mobile-nav a span { font: 400 11px/11px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { nav a span, nav .mobile-nav a span { font: 400 11px/11px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { nav a span, nav .mobile-nav a span { font: 400 13px/13px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { nav a span, nav .mobile-nav a span { font: 400 15px/15px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { nav a span, nav .mobile-nav a span { font: 400 16px/16px montserrat, "Arial", "sans serif"; } } nav a i, nav .mobile-nav a i { height: 0.375em; width: 0.375em; bottom: 0.3125em; } nav a b, nav .mobile-nav a b { display: block; height: 0.375em; width: 0.375em; bottom: -3px; } nav a i, nav a b, nav .mobile-nav a i, nav .mobile-nav a b { position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; display: none; background-color: #fe5000; border-radius: 99px; opacity: 0; position: absolute; } @media screen and (max-width: 29.25em) { nav a.special span, nav .mobile-nav a.special span { font: 400 11px/11px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { nav a.special span, nav .mobile-nav a.special span { font: 400 11px/11px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { nav a.special span, nav .mobile-nav a.special span { font: 400 13px/13px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { nav a.special span, nav .mobile-nav a.special span { font: 400 15px/15px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { nav a.special span, nav .mobile-nav a.special span { font: 400 16px/16px montserrat-bold, "Arial", "sans serif"; } } @media screen and (max-width: 79.9375em) { nav a:not(.special) span, nav .mobile-nav a:not(.special) span { color: #fff; } } @media screen and (min-width: 79.9375em) { nav a:not(.special) span, nav .mobile-nav a:not(.special) span { color: #d9d9d9; } } .mobile-nav { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); } @media screen and (min-width: 79.9375em) { .mobile-nav { height: 100%; } } @media screen and (max-width: 79.9375em) { .mobile-nav { display: block; height: 100vh; width: 25em; background-color: #111; position: fixed; right: -100vw; top: 0; } } @media screen and (max-width: 79.9375em) and (max-width: 29.25em) { .mobile-nav { height: 100vh; width: 100vw; } } @media screen and (max-width: 79.9375em) { .mobile-nav.opened { right: 0; } } .content { -webkit-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1); height: 100%; width: 100%; } .content.full-content { min-height: 100vh; } input.input, select.select { padding: 0 0.625em; background-color: #fff; border: 1px solid #d7d7d7; } input.input.fill, select.select.fill { width: 100%; } input.input { color: #111; border-radius: 0.3125em; } @media screen and (max-width: 29.25em) { input.input { font: 400 11px/27px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { input.input { font: 400 11px/29px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { input.input { font: 400 13px/33px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { input.input { font: 400 15px/36px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { input.input { font: 400 16px/40px open-sans, "Arial", "sans serif"; } } input.input.ie-input { height: 40px; } .select { color: #111; } @media screen and (max-width: 29.25em) { .select { font: 400 11px/28px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .select { font: 400 11px/30px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .select { font: 400 13px/35px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .select { font: 400 15px/38px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .select { font: 400 16px/42px open-sans, "Arial", "sans serif"; } } .select.ie-input { height: 42px; } @media screen and (max-width: 79.9375em) { select { height: 30px; } } @media screen and (min-width: 79.9375em) { select { height: 40px; } } .button, .button span { display: inline-block; } .button { margin: auto; position: relative; text-align: center; } @media screen and (min-width: 79.9375em) { .button span { padding: 0 20px; -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .button:not(.ie-button) span:not(.disabled):before { width: 100%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; background-color: #fff; color: #fe5000; content: attr(hover); left: 0; pointer-events: none; position: absolute; top: 100%; } .button:not(.ie-button):not(.disabled):hover span { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: rotateX(90deg) translateY(-100%); -moz-transform: rotateX(90deg) translateY(-100%); -ms-transform: rotateX(90deg) translateY(-100%); -o-transform: rotateX(90deg) translateY(-100%); transform: rotateX(90deg) translateY(-100%); background-color: #696969; } } @media screen and (max-width: 79.9375em) { .button span { padding: 0 10px; } } .button span { color: #fff; background-color: #fe5000; text-transform: uppercase; } @media screen and (max-width: 29.25em) { .button span { font: 400 11px/27px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .button span { font: 400 11px/29px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .button span { font: 400 13px/33px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .button span { font: 400 15px/36px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .button span { font: 400 16px/40px montserrat-bold, "Arial", "sans serif"; } } .button span:first-of-type { display: none; } .button span:last-of-type { display: inline-block; } .button.disabled { pointer-events: none; } .button.disabled span { background-color: #696969; } .button.disabled span:first-of-type { display: inline-block; } .button.disabled span:last-of-type { display: none; } .button.fill, .button.fill span { width: 100%; } .button.mid { position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .title { color: #111; text-align: center; } @media screen and (max-width: 29.25em) { .title { font: 400 20px/53px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .title { font: 400 21px/57px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .title { font: 400 25px/67px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .title { font: 400 27px/73px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .title { font: 400 30px/80px open-sans-light, "Arial", "sans serif"; } } .theatre { background-image: url("/assets/frontend/image_typing.png"); background-image: url("/assets/frontend/image_typing.png"); background-position: center; background-size: cover; overflow: hidden; position: relative; width: 100%; } @media screen and (min-width: 79.9375em) and (max-width: 105em) { .theatre { min-height: 800px; } } @media screen and (min-width: 105em) { .theatre { min-height: 1010px; } } @media screen and (max-width: 79.9375em) { .theatre { padding: 20px; } } .theatre.flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 100vh; } @media screen and (max-width: 29.25em) { .theatre.no-flex { min-height: 100vh; } } @media screen and (max-width: 29.25em) and (max-width: 29.25em) { .theatre.no-flex { padding-top: 45px; } } @media screen and (max-width: 29.25em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre.no-flex { padding-top: 40px; } } @media screen and (max-width: 29.25em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .theatre.no-flex { padding-top: 55px; } } @media screen and (max-width: 29.25em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .theatre.no-flex { padding-top: 45px; } } @media screen and (max-width: 29.25em) and (min-width: 79.9375em) and (max-width: 105em) { .theatre.no-flex { padding-top: 60px; } } @media screen and (max-width: 29.25em) and (min-width: 105em) { .theatre.no-flex { padding-top: 60px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre.no-flex { min-height: 100vh; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (max-width: 29.25em) { .theatre.no-flex { padding-top: 45px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre.no-flex { padding-top: 40px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .theatre.no-flex { padding-top: 55px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .theatre.no-flex { padding-top: 45px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 79.9375em) and (max-width: 105em) { .theatre.no-flex { padding-top: 60px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 105em) { .theatre.no-flex { padding-top: 60px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .theatre.no-flex { min-height: 100vh; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (max-width: 29.25em) { .theatre.no-flex { padding-top: 45px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre.no-flex { padding-top: 40px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .theatre.no-flex { padding-top: 55px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .theatre.no-flex { padding-top: 45px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 79.9375em) and (max-width: 105em) { .theatre.no-flex { padding-top: 60px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 105em) { .theatre.no-flex { padding-top: 60px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .theatre.no-flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 100vh; } } @media screen and (min-width: 79.9375em) { .theatre.no-flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 100vh; } } .theatre .theatre-curtain { height: 100%; width: 100%; background-color: transparent; background-image: -webkit-radial-gradient(transparent, #111); background-image: radial-gradient( transparent, #111); left: 0; position: absolute; top: 0; } .theatre-block h1, .theatre-block h2, .theatre-block p { text-align: center; text-shadow: 0 0 2px #111; } @media screen and (max-width: 79.9375em) { .theatre-block h2, .theatre-block p { padding: 12px 0 0 0; } } @media screen and (min-width: 79.9375em) { .theatre-block h2, .theatre-block p { padding: 30px 0 0 0; } } .theatre-block h1, .theatre-block h2 { text-transform: uppercase; } .theatre-block h1 { color: #fff; } @media screen and (max-width: 29.25em) { .theatre-block h1 { font: 400 40px/40px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre-block h1 { font: 400 43px/43px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .theatre-block h1 { font: 400 50px/50px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .theatre-block h1 { font: 400 55px/55px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .theatre-block h1 { font: 400 60px/60px montserrat-bold, "Arial", "sans serif"; } } .theatre-block h2 { color: #fff; } @media screen and (max-width: 29.25em) { .theatre-block h2 { font: 400 35px/35px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre-block h2 { font: 400 38px/38px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .theatre-block h2 { font: 400 44px/44px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .theatre-block h2 { font: 400 48px/48px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .theatre-block h2 { font: 400 53px/53px montserrat-bold, "Arial", "sans serif"; } } .theatre-block p { color: #fff; } @media screen and (max-width: 29.25em) { .theatre-block p { font: 400 15px/23px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre-block p { font: 400 16px/25px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .theatre-block p { font: 400 19px/29px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .theatre-block p { font: 400 21px/32px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .theatre-block p { font: 400 23px/35px open-sans-light, "Arial", "sans serif"; } } .row { overflow: hidden; } @media screen and (max-width: 29.25em) { .row { padding: 0.625em 0; } .row .column { float: left; display: block; margin-right: 11.18613%; width: 100%; padding: 1.0625em 0 1.0625em 0; float: none; } .row .column:last-child { margin-right: 0; } .row:not(.persist) .column { margin-right: 0 !important; } .row.tiny { padding: 0.3125em 0; } .row.tiny .column { padding: 1.25em 0 0.625em 0; } .row.slim { padding: 0.1875em 0; } .row.slim .column { padding: 0.625em 0 0.3125em 0; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .row { padding: 0.625em 0; } .row .column { float: left; display: block; margin-right: 5.29681%; width: 100%; padding: 1.0625em 0 1.0625em 0; float: none; } .row .column:last-child { margin-right: 0; } .row:not(.persist) .column { margin-right: 0 !important; } .row.tiny { padding: 0.3125em 0; } .row.tiny .column { padding: 1.25em 0 0.625em 0; } .row.slim { padding: 0.1875em 0; } .row.slim .column { padding: 0.625em 0 0.3125em 0; } } @media screen and (max-width: 29.25em) { .row { max-width: 100%; margin-left: auto; margin-right: auto; } .row::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .row { max-width: 100%; margin-left: auto; margin-right: auto; } .row::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .row { max-width: 100%; margin-left: auto; margin-right: auto; } .row::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .row:not(.full) { max-width: 70%; margin-left: auto; margin-right: auto; } .row:not(.full)::after { clear: both; content: ""; display: table; } .row .row { max-width: 100%; margin-left: auto; margin-right: auto; } .row .row::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .row { padding: 1.25em 0; } .row:not(.force):not(.no-flex) { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .row.tiny { padding: 0.625em 0; } .row.tiny .column { padding: 1.25em 0 0.625em 0; } .row.slim { padding: 0.3125em 0; } .row.slim .column { padding: 0.625em 0 0.3125em 0; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .row { padding: 1.25em 0; } .row:not(.force):not(.no-flex) { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .row.tiny { padding: 0.625em 0; } .row.tiny .column { padding: 1.25em 0 0.625em 0; } .row.slim { padding: 0.3125em 0; } .row.slim .column { padding: 0.625em 0 0.3125em 0; } } @media screen and (min-width: 79.9375em) { .row { padding: 3.125em 0; } .row:not(.no-flex) { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; max-width: 62.5em; margin-left: auto; margin-right: auto; } .row:not(.no-flex)::after { clear: both; content: ""; display: table; } .row.full { max-width: 100%; margin-left: auto; margin-right: auto; } .row.full::after { clear: both; content: ""; display: table; } .row.slim { padding: 0.5625em 0 0.5625em 0; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .row.tiny { padding: 2.1875em 0 0 0; } .row .column.half { float: left; display: block; margin-right: 2.58007%; width: 48.70996%; } .row .column.half:last-child { margin-right: 0; } .row .column.third { float: left; display: block; margin-right: 2.58007%; width: 31.61328%; } .row .column.third:last-child { margin-right: 0; } .row .column.quarter { float: left; display: block; margin-right: 2.58007%; width: 23.06494%; } .row .column.quarter:last-child { margin-right: 0; } .row .column.two-thirds { float: left; display: block; margin-right: 2.58007%; width: 65.80664%; } .row .column.two-thirds:last-child { margin-right: 0; } .row .column.three-quarters { float: left; display: block; margin-right: 2.58007%; width: 74.35498%; } .row .column.three-quarters:last-child { margin-right: 0; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .row.tiny { padding: 2.1875em 0 0 0; } .row .column.half { float: left; display: block; margin-right: 3.46994%; width: 48.26503%; } .row .column.half:last-child { margin-right: 0; } .row .column.third { float: left; display: block; margin-right: 3.46994%; width: 31.02004%; } .row .column.third:last-child { margin-right: 0; } .row .column.quarter { float: left; display: block; margin-right: 3.46994%; width: 22.39754%; } .row .column.quarter:last-child { margin-right: 0; } .row .column.two-thirds { float: left; display: block; margin-right: 3.46994%; width: 65.51002%; } .row .column.two-thirds:last-child { margin-right: 0; } .row .column.three-quarters { float: left; display: block; margin-right: 3.46994%; width: 74.13251%; } .row .column.three-quarters:last-child { margin-right: 0; } } @media screen and (min-width: 79.9375em) { .row.tiny { padding: 2.1875em 0 0 0; } .row .column.half { float: left; display: block; margin-right: 1.70538%; width: 49.14731%; } .row .column.half:last-child { margin-right: 0; } .row .column.third { float: left; display: block; margin-right: 1.70538%; width: 32.19641%; } .row .column.third:last-child { margin-right: 0; } .row .column.quarter { float: left; display: block; margin-right: 1.70538%; width: 23.72096%; } .row .column.quarter:last-child { margin-right: 0; } .row .column.two-thirds { float: left; display: block; margin-right: 1.70538%; width: 66.09821%; } .row .column.two-thirds:last-child { margin-right: 0; } .row .column.three-quarters { float: left; display: block; margin-right: 1.70538%; width: 74.57365%; } .row .column.three-quarters:last-child { margin-right: 0; } } @media screen and (max-width: 29.25em) { .row.persist:not(.no-flex) { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .row.persist .column.half { float: left; display: block; margin-right: 11.18613%; width: 44.40694%; width: 50%; } .row.persist .column.half:last-child { margin-right: 0; } .row.persist .column.third { float: left; display: block; margin-right: 11.18613%; width: 25.87592%; } .row.persist .column.third:last-child { margin-right: 0; } .row.persist .column.quarter { float: left; display: block; margin-right: 11.18613%; width: 16.61041%; } .row.persist .column.quarter:last-child { margin-right: 0; } .row.persist .column.two-thirds { float: left; display: block; margin-right: 11.18613%; width: 62.93796%; } .row.persist .column.two-thirds:last-child { margin-right: 0; } .row.persist .column.three-quarters { float: left; display: block; margin-right: 11.18613%; width: 72.20347%; } .row.persist .column.three-quarters:last-child { margin-right: 0; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .row.persist:not(.no-flex) { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .row.persist .column.half { float: left; display: block; margin-right: 5.29681%; width: 47.3516%; width: 50%; } .row.persist .column.half:last-child { margin-right: 0; } .row.persist .column.third { float: left; display: block; margin-right: 5.29681%; width: 29.80213%; } .row.persist .column.third:last-child { margin-right: 0; } .row.persist .column.quarter { float: left; display: block; margin-right: 5.29681%; width: 21.02739%; } .row.persist .column.quarter:last-child { margin-right: 0; } .row.persist .column.two-thirds { float: left; display: block; margin-right: 5.29681%; width: 64.90106%; } .row.persist .column.two-thirds:last-child { margin-right: 0; } .row.persist .column.three-quarters { float: left; display: block; margin-right: 5.29681%; width: 73.6758%; } .row.persist .column.three-quarters:last-child { margin-right: 0; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .row.force .column { float: left; display: block; margin-right: 3.46994%; width: 100%; margin-right: 0 !important; float: none; } .row.force .column:last-child { margin-right: 0; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .row.force .column { float: left; display: block; margin-right: 2.58007%; width: 100%; margin-right: 0 !important; float: none; } .row.force .column:last-child { margin-right: 0; } } .row.no-pad { padding: 0 !important; } .row .column.full { float: left; display: block; margin-right: 1.70538%; width: 100%; margin-right: 0 !important; float: none; } .row .column.full:last-child { margin-right: 0; } .row .column.flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; } .column { height: 100%; text-align: center; } .column .vector { width: 60%; } .column .special { text-transform: uppercase; } @media screen and (max-width: 29.25em) { .column .special { font: 400 11px/33px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .column .special { font: 400 11px/36px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .column .special { font: 400 13px/42px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .column .special { font: 400 15px/45px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .column .special { font: 400 16px/50px montserrat, "Arial", "sans serif"; } } .column.no-pad { padding: 0 !important; } .column.omg { margin-right: 0 !important; } .peek-a-boo { opacity: 0; } .peek-a-boo.hide-left { margin-left: -100%; } .peek-a-boo.hide-right { margin-right: -100%; } .peek-a-boo.shrink { -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } .peek-a-boo.grow { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); } .hide-left, .hide-right, .shrink, .grow { position: relative; -webkit-transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55); } footer { background-color: #111; } @media screen and (max-width: 79.9375em) { footer { padding: 15px; } } @media screen and (min-width: 79.9375em) { footer { padding: 40px; } } footer p { color: #fff; text-align: center; } @media screen and (max-width: 29.25em) { footer p { font: 400 11px/25px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { footer p { font: 400 11px/27px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { footer p { font: 400 13px/32px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { footer p { font: 400 15px/35px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { footer p { font: 400 16px/38px open-sans-light, "Arial", "sans serif"; } } footer p.copyright { color: #707070; } @media screen and (max-width: 29.25em) { footer p.copyright { font: 400 9px/20px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { footer p.copyright { font: 400 9px/21px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { footer p.copyright { font: 400 11px/25px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { footer p.copyright { font: 400 12px/27px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { footer p.copyright { font: 400 13px/30px open-sans, "Arial", "sans serif"; } } footer .social, footer .links { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } footer .social a, footer .links a { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; color: #fff; } footer .social .arrow:hover:before, footer .social .arrow:hover:after, footer .links .arrow:hover:before, footer .links .arrow:hover:after { margin-left: 0.625em; } @media screen and (max-width: 79.9375em) { footer .links-row { display: none !important; } } footer .links a:not(:last-of-type) { border-right: 1px solid #2b2b2b; } @media screen and (max-width: 79.9375em) { footer .social { max-width: 100%; margin-left: auto; margin-right: auto; } footer .social::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 79.9375em) { footer .social { max-width: 60%; margin-left: auto; margin-right: auto; } footer .social::after { clear: both; content: ""; display: table; } } footer .social img { vertical-align: middle; } @media screen and (max-width: 79.9375em) { footer .social img { width: 40px; } } @media screen and (min-width: 79.9375em) { footer .social img { width: 64px; } } footer .column { text-align: center; } @media screen and (min-width: 79.9375em) { footer .column a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } } .popup-box { position: absolute; z-index: 900; } @media screen and (min-width: 79.9375em) { .popup-box { display: none; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 4px solid #fe5000; box-shadow: 0 1px 2px 0 #7c7c7c; min-height: 50px; width: 400px; } } @media screen and (min-width: 79.9375em) and (max-width: 29.25em) { .popup-box { top: 45px; } } @media screen and (min-width: 79.9375em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .popup-box { top: 40px; } } @media screen and (min-width: 79.9375em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .popup-box { top: 55px; } } @media screen and (min-width: 79.9375em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .popup-box { top: 45px; } } @media screen and (min-width: 79.9375em) and (min-width: 79.9375em) and (max-width: 105em) { .popup-box { top: 60px; } } @media screen and (min-width: 79.9375em) and (min-width: 105em) { .popup-box { top: 60px; } } @media screen and (min-width: 79.9375em) { .popup-box:before { display: block; height: 0; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fe5000; content: ''; margin-top: -14px; position: absolute; right: 0.625em; } .popup-box.opened { -webkit-animation: popup 0.4s; -moz-animation: popup 0.4s; animation: popup 0.4s; display: block; opacity: 1; } .popup-box .popup-close { display: none; } } @media screen and (max-width: 79.9375em) { .popup-box { height: 100vh; width: 25em; -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); border-left: 4px solid #fe5000; right: -100vw; top: 0; } .popup-box.opened { right: 0; } .popup-box .popup-close { display: block; position: absolute; } } @media screen and (max-width: 79.9375em) and (max-width: 29.25em) { .popup-box .popup-close { height: 45px; } } @media screen and (max-width: 79.9375em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .popup-box .popup-close { height: 40px; } } @media screen and (max-width: 79.9375em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .popup-box .popup-close { height: 55px; } } @media screen and (max-width: 79.9375em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .popup-box .popup-close { height: 45px; } } @media screen and (max-width: 79.9375em) and (min-width: 79.9375em) and (max-width: 105em) { .popup-box .popup-close { height: 60px; } } @media screen and (max-width: 79.9375em) and (min-width: 105em) { .popup-box .popup-close { height: 60px; } } @media screen and (max-width: 79.9375em) and (max-width: 29.25em) { .popup-box .popup-close { line-height: 45px; } } @media screen and (max-width: 79.9375em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .popup-box .popup-close { line-height: 40px; } } @media screen and (max-width: 79.9375em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .popup-box .popup-close { line-height: 55px; } } @media screen and (max-width: 79.9375em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .popup-box .popup-close { line-height: 45px; } } @media screen and (max-width: 79.9375em) and (min-width: 79.9375em) and (max-width: 105em) { .popup-box .popup-close { line-height: 60px; } } @media screen and (max-width: 79.9375em) and (min-width: 105em) { .popup-box .popup-close { line-height: 60px; } } @media screen and (max-width: 79.9375em) { .popup-box .icon { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; padding: 0.625em; height: 100%; } .popup-box .close_dark { display: inline-block; vertical-align: middle; } } .popup-box h4 { color: #111; border-bottom: 1px solid #d7d7d7; text-align: center; text-transform: uppercase; } @media screen and (max-width: 29.25em) { .popup-box h4 { font: 400 11px/11px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .popup-box h4 { font: 400 11px/11px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .popup-box h4 { font: 400 13px/13px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .popup-box h4 { font: 400 15px/15px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .popup-box h4 { font: 400 16px/16px montserrat, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) { .popup-box h4 { line-height: 45px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .popup-box h4 { line-height: 40px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .popup-box h4 { line-height: 55px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .popup-box h4 { line-height: 45px; } } @media screen and (min-width: 79.9375em) and (max-width: 105em) { .popup-box h4 { line-height: 60px; } } @media screen and (min-width: 105em) { .popup-box h4 { line-height: 60px; } } .popup-box a { color: #fe5000; } .popup-box .box { display: none; } .popup-box .box-content { max-width: 100%; margin-left: auto; margin-right: auto; position: relative; } .popup-box .box-content::after { clear: both; content: ""; display: table; } @media screen and (min-width: 79.9375em) { .popup-box .box-content { max-height: 500px; min-height: 10px; } } @media screen and (max-width: 79.9375em) { .popup-box .box-content { height: 100%; } } .popup-box .box-link { width: 100%; padding: 0 0.625em; border-top: 1px solid #afafaf; overflow: hidden; } .popup-box .box-link a { float: right; text-transform: uppercase; vertical-align: middle; } @media screen and (max-width: 29.25em) { .popup-box .box-link a { font: 400 8px/20px open-sans, "Arial", "sans serif"; height: 20px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .popup-box .box-link a { font: 400 9px/21px open-sans, "Arial", "sans serif"; height: 21px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .popup-box .box-link a { font: 400 10px/25px open-sans, "Arial", "sans serif"; height: 25px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .popup-box .box-link a { font: 400 11px/27px open-sans, "Arial", "sans serif"; height: 27px; } } @media screen and (min-width: 79.9375em) { .popup-box .box-link a { font: 400 12px/30px open-sans, "Arial", "sans serif"; height: 30px; } } .popup-box .box-link a.withdraw-link { float: left; } .popup-box .popup-loader { display: none; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 999; } .loader:before, .loader:after { border: 5px solid transparent; border-radius: 50%; } .loader { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; } @media screen and (min-width: 79.9375em) { .loader { height: 60px; width: 60px; } } @media screen and (max-width: 79.9375em) { .loader { height: 40px; width: 40px; } } .loader:before, .loader:after { content: ''; display: block; position: absolute; } .loader:before { -webkit-animation: loader-back 0.5s linear infinite; -moz-animation: loader-back 0.5s linear infinite; animation: loader-back 0.5s linear infinite; border-left-color: #afafaf; border-top-color: #afafaf; bottom: 5px; left: 5px; right: 5px; top: 5px; } .loader:after { -webkit-animation: loader 0.7s linear infinite; -moz-animation: loader 0.7s linear infinite; animation: loader 0.7s linear infinite; border-left-color: #fe5000; border-top-color: #fe5000; bottom: 15px; left: 15px; right: 15px; top: 15px; } @media screen and (max-width: 29.25em) { .notification h5, .balance-bucket h5, .review-list h5 { font: 400 11px/20px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .notification h5, .balance-bucket h5, .review-list h5 { font: 400 11px/21px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .notification h5, .balance-bucket h5, .review-list h5 { font: 400 13px/25px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .notification h5, .balance-bucket h5, .review-list h5 { font: 400 15px/27px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .notification h5, .balance-bucket h5, .review-list h5 { font: 400 16px/30px montserrat, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) { .notification p, .balance-bucket p, .review-list p { font: 400 9px/17px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .notification p, .balance-bucket p, .review-list p { font: 400 10px/18px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .notification p, .balance-bucket p, .review-list p { font: 400 12px/21px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .notification p, .balance-bucket p, .review-list p { font: 400 13px/23px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .notification p, .balance-bucket p, .review-list p { font: 400 14px/25px open-sans, "Arial", "sans serif"; } } .notification { width: 100%; padding: 8px; border-bottom: 1px solid #d7d7d7; min-height: 10px; } .notification span { color: #afafaf; } @media screen and (max-width: 29.25em) { .notification span { font: 400 9px/9px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .notification span { font: 400 9px/9px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .notification span { font: 400 11px/11px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .notification span { font: 400 12px/12px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .notification span { font: 400 13px/13px open-sans-light, "Arial", "sans serif"; } } .balance-bucket { padding: 0.4375em 0; min-height: 20px; } .balance-bucket .row { padding: 0.625em 1.875em 0 1.875em; } .pagination { margin: 10px; } .pagination li { background-color: #fe5000; display: inline-block; margin: 0 0.3125em; } .pagination li.disabled { background-color: #afafaf; } .pagination li.active { background-color: #d7d7d7; } .pagination span, .pagination a { padding: 0.3125em 0.625em; color: #fff; display: block; } @media screen and (max-width: 29.25em) { .pagination span, .pagination a { font: 400 12px/13px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .pagination span, .pagination a { font: 400 13px/14px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .pagination span, .pagination a { font: 400 15px/17px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .pagination span, .pagination a { font: 400 16px/18px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .pagination span, .pagination a { font: 400 18px/20px montserrat-bold, "Arial", "sans serif"; } } .modal-wrapper { background-color: rgba(17, 17, 17, 0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } .modal-wrapper:not(.opened) { display: none; } .modal-wrapper.opened { -webkit-animation: popup 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-animation: popup 0.3s cubic-bezier(0.86, 0, 0.07, 1); animation: popup 0.3s cubic-bezier(0.86, 0, 0.07, 1); } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .modal-wrapper .modal { height: 300px; width: 400px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .modal-wrapper .modal { height: 300px; width: 400px; } } @media screen and (min-width: 79.9375em) { .modal-wrapper .modal { height: 300px; width: 400px; } } @media screen and (max-width: 29.25em) { .modal-wrapper .modal { height: 200px; width: 80%; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .modal-wrapper .modal { height: 200px; width: 60%; } } .modal-wrapper .modal .modal-header { height: 20%; width: 100%; border-bottom: 1px solid #d7d7d7; border-top: 3px solid #fe5000; } .modal-wrapper .modal .modal-body { height: 80%; width: 100%; padding: 1.25em; } .hint-box { padding: 0 0.625em; } .hint-box p, .hint-box a { color: #fff; text-align: center; } @media screen and (max-width: 29.25em) { .hint-box p, .hint-box a { font: 400 11px/30px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .hint-box p, .hint-box a { font: 400 11px/32px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .hint-box p, .hint-box a { font: 400 13px/38px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .hint-box p, .hint-box a { font: 400 15px/41px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .hint-box p, .hint-box a { font: 400 16px/45px open-sans-light, "Arial", "sans serif"; } } .hint-box a { text-decoration: underline; } .cookies { bottom: 0; left: 0; position: fixed; right: 0; } .shiny { display: block; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; } .shiny:not(:hover):after { height: 100%; width: 20%; display: none; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); -webkit-animation: shiny-button 2.5s infinite; -moz-animation: shiny-button 2.5s infinite; animation: shiny-button 2.5s infinite; background-color: rgba(255, 255, 255, 0); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)); background-image: linear-gradient(to right,rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)); content: ''; display: block; left: 3%; max-width: 30px; opacity: 0; position: absolute; top: 0; z-index: 2; } .theatre video { height: auto; width: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 50%; z-index: 0; } @media screen and (max-width: 29.25em) { .theatre video { display: none; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .theatre video { display: none; } } .theatre .scroller { background-color: rgba(17, 17, 17, 0.7); } .scroller { position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; border-top-left-radius: 99px; border-top-right-radius: 99px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; bottom: 0; position: absolute; } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .scroller { height: 30px; width: 30px; } } @media screen and (max-width: 29.25em) { .scroller { height: 30px; width: 30px; } } @media screen and (min-width: 79.9375em) { .scroller { height: 40px; width: 40px; } .scroller span, .scroller span:hover { -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); } .scroller span { -webkit-animation: scroller 3s infinite; -moz-animation: scroller 3s infinite; animation: scroller 3s infinite; cursor: pointer; opacity: .5; } .scroller span:hover { opacity: 1; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .scroller { height: 40px; width: 40px; } .scroller span, .scroller span:hover { -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); } .scroller span { -webkit-animation: scroller 3s infinite; -moz-animation: scroller 3s infinite; animation: scroller 3s infinite; cursor: pointer; opacity: .5; } .scroller span:hover { opacity: 1; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .scroller { height: 40px; width: 40px; } .scroller span, .scroller span:hover { -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); } .scroller span { -webkit-animation: scroller 3s infinite; -moz-animation: scroller 3s infinite; animation: scroller 3s infinite; cursor: pointer; opacity: .5; } .scroller span:hover { opacity: 1; } } .intro-message { position: relative; z-index: auto; } .intro-message h1, .intro-message h2, .intro-message p { text-align: center; text-shadow: 0 0 2px #111; } @media screen and (max-width: 79.9375em) { .intro-message h1, .intro-message h2, .intro-message p { padding: 6px; } } @media screen and (min-width: 79.9375em) { .intro-message h1, .intro-message h2, .intro-message p { padding: 15px; } } .intro-message .intro-link { margin-top: 3.5%; } .home-block { height: 100%; width: 100%; position: relative; } @media screen and (max-width: 79.9375em) { .home-block { padding: 15px; } } @media screen and (min-width: 79.9375em) { .home-block { padding: 40px; } } .home-about .row.intro-block { border-bottom: 1px solid #d7d7d7; } .home-about .scroller { background-color: #fe5000; } .home-verticals { background-color: rgba(0, 0, 0, 0.3); } .home-verticals p { color: white; text-align: center; } .home-verticals span { display: inline-block; padding: 15px 0; } .counter { margin-top: 0.375em; } .login-block { position: relative; text-align: center; z-index: auto; /* Change the white to any color ;) */ } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .login-block { max-width: 70%; margin-left: auto; margin-right: auto; } .login-block::after { clear: both; content: ""; display: table; } } @media screen and (max-width: 29.25em) { .login-block { padding: 0 20px; } } @media screen and (max-width: 29.25em) { .login-block h1 { margin: 30px 0 0; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .login-block h1 { margin: 30px 0 0; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .login-block h1 { margin: 30px 0 0; } } .login-block input:not(:-webkit-autofill), .login-block input:focus:not(:-webkit-autofill), .login-block select:not(:-webkit-autofill), .login-block select:focus:not(:-webkit-autofill) { -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .login-block input, .login-block select, .login-block .info { background-color: rgba(0, 0, 0, 0.5); } .login-block input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #111 inset; -webkit-text-fill-color: #fff !important; } .login-block input, .login-block select { width: 100%; padding: 0.9375em; color: #fff; -webkit-appearance: none; cursor: pointer; height: 3.125em; } @media screen and (max-width: 29.25em) { .login-block input, .login-block select { font: 400 11px/15px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .login-block input, .login-block select { font: 400 11px/16px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .login-block input, .login-block select { font: 400 13px/18px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .login-block input, .login-block select { font: 400 15px/20px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .login-block input, .login-block select { font: 400 16px/22px open-sans-light, "Arial", "sans serif"; } } .login-block input:focus, .login-block select:focus { background-color: black; } .login-block .info, .login-block .info a { color: #fff; } @media screen and (max-width: 29.25em) { .login-block .info, .login-block .info a { font: 400 9px/12px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .login-block .info, .login-block .info a { font: 400 9px/13px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .login-block .info, .login-block .info a { font: 400 11px/15px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .login-block .info, .login-block .info a { font: 400 12px/16px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .login-block .info, .login-block .info a { font: 400 13px/18px open-sans-light, "Arial", "sans serif"; } } .login-block .info { padding: 0.625em; } .login-block .info a { text-decoration: underline; } @media screen and (max-width: 29.25em) { .static:not(.app-static-content) { padding-top: 45px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .static:not(.app-static-content) { padding-top: 40px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .static:not(.app-static-content) { padding-top: 55px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .static:not(.app-static-content) { padding-top: 45px; } } @media screen and (min-width: 79.9375em) and (max-width: 105em) { .static:not(.app-static-content) { padding-top: 60px; } } @media screen and (min-width: 105em) { .static:not(.app-static-content) { padding-top: 60px; } } .static-header { padding: 0.9375em; background-color: rgba(0, 0, 0, 0.3); position: relative; text-align: center; width: 100%; } .static-header h1, .static-header p { padding: 0.3125em; } .static-header h1 { color: #fff; } @media screen and (max-width: 29.25em) { .static-header h1 { font: 400 20px/27px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .static-header h1 { font: 400 21px/29px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .static-header h1 { font: 400 25px/33px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .static-header h1 { font: 400 27px/36px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .static-header h1 { font: 400 30px/40px montserrat-bold, "Arial", "sans serif"; } } .static-header p { display: block; color: #fff; } @media screen and (max-width: 29.25em) { .static-header p { font: 400 13px/33px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .static-header p { font: 400 14px/36px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .static-header p { font: 400 17px/42px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .static-header p { font: 400 18px/45px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .static-header p { font: 400 20px/50px open-sans-light, "Arial", "sans serif"; } } .static-db-content a{ color: #fe5000; border-bottom: 1px solid #fe5000; } .static-container .static-content { padding: 1.25em 0; height: 100%; } @media screen and (max-width: 29.25em) { .static-container .static-content { max-width: 90%; margin-left: auto; margin-right: auto; } .static-container .static-content::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .static-container .static-content { max-width: 90%; margin-left: auto; margin-right: auto; } .static-container .static-content::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .static-container .static-content { max-width: 90%; margin-left: auto; margin-right: auto; } .static-container .static-content::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .static-container .static-content { max-width: 90%; margin-left: auto; margin-right: auto; } .static-container .static-content::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 79.9375em) { .static-container .static-content { max-width: 62.5em; margin-left: auto; margin-right: auto; } .static-container .static-content::after { clear: both; content: ""; display: table; } .static-container .static-content.full { max-width: 80%; margin-left: auto; margin-right: auto; } .static-container .static-content.full::after { clear: both; content: ""; display: table; } } .static-db-content h4 { display: inline-block; color: #111; border-bottom: 3px solid #fe5000; text-align: left; text-transform: uppercase; } @media screen and (max-width: 29.25em) { .static-db-content h4 { font: 400 11px/20px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .static-db-content h4 { font: 400 11px/21px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .static-db-content h4 { font: 400 13px/25px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .static-db-content h4 { font: 400 15px/27px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .static-db-content h4 { font: 400 16px/30px montserrat-bold, "Arial", "sans serif"; } } .static-db-content p { padding: 0.4375em 0; text-align: left; } .referral-link { padding: 0.5em 1.125em; color: #fff; border: 1px solid #fff; border-radius: 5px; box-shadow: inset 1px 1px 1px -1px #fff; cursor: pointer; position: relative; text-shadow: 0 -1px 0 #a23300; } @media screen and (max-width: 29.25em) { .referral-link { font: 400 13px/20px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .referral-link { font: 400 14px/21px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .referral-link { font: 400 17px/25px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .referral-link { font: 400 18px/27px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .referral-link { font: 400 20px/30px open-sans-light, "Arial", "sans serif"; } } .link-share:not(:last-of-type) { margin-right: 0.625em; } .link-share img { border-radius: 99px; box-shadow: -1px -2px 6px -1px #d7d7d7; width: 2.1875em; } .link-share img, .link-share img:hover { -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); } .link-share img:hover { -webkit-transform: rotateZ(-15deg); -moz-transform: rotateZ(-15deg); -ms-transform: rotateZ(-15deg); -o-transform: rotateZ(-15deg); transform: rotateZ(-15deg); } .referral-block:not(:last-child) { border-bottom: 1px solid #d7d7d7; } .account-links, .account-content { height: 100%; } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .account-content { padding: 0 1.875em; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .account-content { padding: 0 1.875em; } } @media screen and (min-width: 79.9375em) { .account-content { padding: 0 1.875em; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .account-links a { text-align: right; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .account-links a { text-align: right; } } @media screen and (min-width: 79.9375em) { .account-links a { text-align: right; } } .account-links a { color: #afafaf; display: block; text-transform: uppercase; } @media screen and (max-width: 29.25em) { .account-links a { font: 400 11px/20px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .account-links a { font: 400 11px/21px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .account-links a { font: 400 13px/25px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .account-links a { font: 400 15px/27px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .account-links a { font: 400 16px/30px montserrat-bold, "Arial", "sans serif"; } } .account-links a.active { color: #fe5000; } .account .account-links { padding: 0.625em; } .account .account-links a { text-align: left; } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .account-block { border-left: 3px solid #d7d7d7; min-height: 300px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .account-block { border-left: 3px solid #d7d7d7; min-height: 300px; } } @media screen and (min-width: 79.9375em) { .account-block { border-left: 3px solid #d7d7d7; min-height: 300px; } } .transaction-history { margin-top: 0.9375em; width: 100%; } .transaction-history tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.1); } .transaction-history th { padding: 0.625em 0; text-transform: uppercase; width: 25%; } @media screen and (max-width: 29.25em) { .transaction-history th { font: 400 11px/11px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .transaction-history th { font: 400 11px/11px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .transaction-history th { font: 400 13px/13px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .transaction-history th { font: 400 15px/15px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .transaction-history th { font: 400 16px/16px montserrat-bold, "Arial", "sans serif"; } } .transaction-history td { padding: 0.5em 0 0.5em 0.25em; vertical-align: middle; } .transaction-history td.str { text-align: left; } .review-list, .notification { border-bottom: 2px solid #d7d7d7; text-align: left; } .review-list h5, .review-list p, .review-list span, .notification h5, .notification p, .notification span { text-align: left; } .review-list span, .notification span { color: #afafaf; } @media screen and (max-width: 29.25em) { .review-list span, .notification span { font: 400 9px/9px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .review-list span, .notification span { font: 400 9px/9px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .review-list span, .notification span { font: 400 11px/11px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .review-list span, .notification span { font: 400 12px/12px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .review-list span, .notification span { font: 400 13px/13px open-sans-light, "Arial", "sans serif"; } } .separator { padding: 0 1.25em; } .separator:after { display: block; background-color: transparent; background-image: -webkit-linear-gradient(left, transparent, transparent, #fe5000, transparent, transparent); background-image: linear-gradient(to right,transparent, transparent, #fe5000, transparent, transparent); content: ''; height: 3px; margin-top: 0.5em; width: 100%; } .no-data { color: #afafaf; } @media screen and (max-width: 29.25em) { .no-data { font: 400 11px/33px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .no-data { font: 400 12px/36px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .no-data { font: 400 14px/42px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .no-data { font: 400 15px/45px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .no-data { font: 400 17px/50px open-sans, "Arial", "sans serif"; } } .review-container { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; } .column.kingdom { padding: 1.5625em; height: 400px; position: relative; } @media screen and (min-width: 79.9375em) and (max-width: 105em) { .column.kingdom { height: 340px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .column.kingdom { position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; box-shadow: 0 0 4px 1px #afafaf; height: 70vh; margin-bottom: 0.9375em; min-height: 350px; width: 96%; } } @media screen and (max-width: 29.25em) { .column.kingdom { position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; box-shadow: 0 0 4px 1px #afafaf; height: 70vh; margin-bottom: 0.9375em; min-height: 350px; width: 96%; } } @media screen and (min-width: 79.9375em) { .column.kingdom:not(:last-child) { margin-right: 0 !important; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .column.kingdom { border-bottom: 2px solid #d7d7d7; } .column.kingdom.quarter { float: left; display: block; margin-right: 3.46994%; width: 48.26503%; margin-right: 0 !important; } .column.kingdom.quarter:last-child { margin-right: 0; } .column.kingdom.quarter:not(:nth-child(even)) { border-right: 2px solid #d7d7d7; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .column.kingdom { border-bottom: 2px solid #d7d7d7; } .column.kingdom.quarter { float: left; display: block; margin-right: 2.58007%; width: 48.70996%; margin-right: 0 !important; } .column.kingdom.quarter:last-child { margin-right: 0; } .column.kingdom.quarter:not(:nth-child(even)) { border-right: 2px solid #d7d7d7; } } .column.kingdom.disabled { opacity: .4; } @media screen and (min-width: 79.9375em) { .column.kingdom.bonus:not(:hover) .circle { -webkit-animation: bonus 2.5s infinite; -moz-animation: bonus 2.5s infinite; animation: bonus 2.5s infinite; } } @media screen and (max-width: 79.9375em) { .column.kingdom.bonus .circle { -webkit-animation: bonus 2.5s infinite; -moz-animation: bonus 2.5s infinite; animation: bonus 2.5s infinite; } } .column.kingdom.bonus:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused; } .column.kingdom.bonus .circle { border: 2px solid #fe5000; } .column.kingdom.bonus .earnings { background-color: #fe5000; } .column.kingdom .circle { border: 2px solid #111; } .column.kingdom a, .column.kingdom .icon, .column.kingdom .earnings { bottom: 0; left: 0; position: absolute; right: 0; z-index: auto; } .column.kingdom a, .column.kingdom .icon { top: 0; } .column.kingdom .icon .circle, .column.kingdom .icon img { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; } .column.kingdom .icon .circle { height: 6.25em; width: 6.25em; border-radius: 100%; } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .column.kingdom .icon .circle { height: 9.375em; width: 9.375em; } } @media screen and (max-width: 29.25em) { .column.kingdom .icon .circle { height: 9.375em; width: 9.375em; } } .column.kingdom .icon img { width: 30%; } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .column.kingdom .icon img { width: 20%; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .column.kingdom .icon img { width: 20%; } } .column.kingdom h4 { text-transform: uppercase; } @media screen and (max-width: 29.25em) { .column.kingdom h4 { font: 400 16px/27px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .column.kingdom h4 { font: 400 17px/29px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .column.kingdom h4 { font: 400 20px/33px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .column.kingdom h4 { font: 400 22px/36px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .column.kingdom h4 { font: 400 24px/40px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .column.kingdom .description { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; opacity: 0; } } .column.kingdom .earnings { background-color: #afafaf; } .column.kingdom .earnings p { color: #fff; text-transform: uppercase; } @media screen and (max-width: 29.25em) { .column.kingdom .earnings p { font: 400 10px/20px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .column.kingdom .earnings p { font: 400 11px/21px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .column.kingdom .earnings p { font: 400 13px/25px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .column.kingdom .earnings p { font: 400 14px/27px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .column.kingdom .earnings p { font: 400 15px/30px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .kingdom:not(.disabled):hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); background-color: #fff; box-shadow: 0 0 8px 1px #afafaf; z-index: 2; } .kingdom:not(.disabled):hover .circle { height: 10.625em; width: 10.625em; opacity: 0; } .kingdom:not(.disabled):hover .icon img { margin-top: -70px; width: 20%; } .kingdom:not(.disabled):hover .description { opacity: 1; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .kingdom:not(.disabled).bonus:not(:hover) { -webkit-animation: heart-beat 2.5s infinite; -moz-animation: heart-beat 2.5s infinite; animation: heart-beat 2.5s infinite; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .kingdom:not(.disabled).bonus:not(:hover) { -webkit-animation: heart-beat 2.5s infinite; -moz-animation: heart-beat 2.5s infinite; animation: heart-beat 2.5s infinite; } } @media screen and (min-width: 79.9375em) { .kingdom:not(.disabled).bonus:not(:hover) { -webkit-animation: heart-beat 2.5s infinite; -moz-animation: heart-beat 2.5s infinite; animation: heart-beat 2.5s infinite; } } .kingdom, .kingdom:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .icon .circle, .icon img, .description { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .question, .review { overflow: hidden; } .row.review-block { display: none; max-width: 1400px; } .row.review-loading .column { height: 90px; position: relative; } .slider { box-shadow: -1px -2px 6px -1px #d7d7d7; position: relative; } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .slider { margin-top: 15px; } } @media screen and (max-width: 29.25em) { .slider { margin-top: 15px; } } .review .slider-data { min-height: 80px; } .slider-wrapper { -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); background-color: #fff; font-size: 0; white-space: nowrap; } .slider-wrapper textarea { white-space: pre-wrap; } .slider-counter { color: #afafaf; background-color: #fff; border-top: 1px solid #d7d7d7; } @media screen and (max-width: 29.25em) { .slider-counter { font: 400 10px/23px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .slider-counter { font: 400 11px/25px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .slider-counter { font: 400 13px/29px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .slider-counter { font: 400 14px/32px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .slider-counter { font: 400 15px/35px montserrat-bold, "Arial", "sans serif"; } } .question-content, .media-content { display: inline-block; height: 100%; overflow: hidden; position: relative; vertical-align: top; } .question-content h1, .media-content h1 { padding: 0.625em 0.9375em; border-bottom: 1px solid #e9e9e9; white-space: initial; width: 100%; } @media screen and (max-width: 29.25em) { .question-content h1, .media-content h1 { font: 400 13px/17px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .question-content h1, .media-content h1 { font: 400 14px/18px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .question-content h1, .media-content h1 { font: 400 17px/21px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .question-content h1, .media-content h1 { font: 400 18px/23px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .question-content h1, .media-content h1 { font: 400 20px/25px open-sans, "Arial", "sans serif"; } } .question-content h1 p, .media-content h1 p { padding: 0.9375em 0.9375em 0 0.9375em; } @media screen and (max-width: 29.25em) { .question-content h1 p, .media-content h1 p { font: 400 11px/13px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .question-content h1 p, .media-content h1 p { font: 400 11px/14px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .question-content h1 p, .media-content h1 p { font: 400 13px/17px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .question-content h1 p, .media-content h1 p { font: 400 15px/18px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .question-content h1 p, .media-content h1 p { font: 400 16px/20px open-sans-light, "Arial", "sans serif"; } } .question-content .question-data, .media-content .question-data { overflow: hidden; position: relative; } @media screen and (max-width: 79.9375em) { .question-content .question-data, .media-content .question-data { padding: 10px 0; } } @media screen and (min-width: 79.9375em) { .question-content .question-data, .media-content .question-data { padding: 20px 0; } } .media-content { height: 100%; } .media-content .media-data { height: 100%; } .slider-data { line-height: 1; } @media screen and (max-width: 29.25em) { .slider-data { font: 400 12px/12px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .slider-data { font: 400 13px/13px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .slider-data { font: 400 15px/15px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .slider-data { font: 400 16px/16px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .slider-data { font: 400 18px/18px open-sans-light, "Arial", "sans serif"; } } .slider-data.full { width: 100%; } @media screen and (min-width: 79.9375em) { .slider-data:not(.full) { width: 80%; } } @media screen and (max-width: 79.9375em) { .slider-data:not(.full) { width: 90%; } } .slider-data input:not([type="checkbox"]):not([type="radio"]), .slider-data select { border: 1px solid #d7d7d7; } @media screen and (min-width: 79.9375em) { .slider-data input:not([type="checkbox"]):not([type="radio"]), .slider-data select { min-width: 230px; } } @media screen and (max-width: 79.9375em) { .slider-data input:not([type="checkbox"]):not([type="radio"]), .slider-data select { min-width: 150px; } } .slider-data input.error, .slider-data select.error, .slider-data label.error, .slider-data textarea.error { border-color: red !important; } .slider-data:not(.no-abs) { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; } .slider-data.no-abs { overflow: hidden; position: relative; } .slider-data.media-slider { height: 100%; } .slider-data.media-slider .preview-image { height: 100%; width: 100%; } .slider-data .music-time { color: #afafaf; } @media screen and (max-width: 29.25em) { .slider-data .music-time { font: 400 11px/27px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .slider-data .music-time { font: 400 11px/29px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .slider-data .music-time { font: 400 13px/33px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .slider-data .music-time { font: 400 15px/36px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .slider-data .music-time { font: 400 16px/40px montserrat, "Arial", "sans serif"; } } .slider-data p:not(.question-subtitle), .metadata-title { text-transform: uppercase; } @media screen and (max-width: 29.25em) { .slider-data p:not(.question-subtitle), .metadata-title { font: 400 11px/27px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .slider-data p:not(.question-subtitle), .metadata-title { font: 400 11px/29px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .slider-data p:not(.question-subtitle), .metadata-title { font: 400 13px/33px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .slider-data p:not(.question-subtitle), .metadata-title { font: 400 15px/36px montserrat-bold, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .slider-data p:not(.question-subtitle), .metadata-title { font: 400 16px/40px montserrat-bold, "Arial", "sans serif"; } } .slider-data p.question-subtitle { margin-bottom: 0.625em; } @media screen and (max-width: 29.25em) { .slider-data p.question-subtitle { font: 400 10px/10px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .slider-data p.question-subtitle { font: 400 11px/11px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .slider-data p.question-subtitle { font: 400 13px/13px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .slider-data p.question-subtitle { font: 400 14px/14px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .slider-data p.question-subtitle { font: 400 15px/15px open-sans-light, "Arial", "sans serif"; } } .row.question-body.slim { padding: 1.25em; } .column.half.multiple-slider:nth-of-type(2n) { margin-right: 0 !important; } .multiple-select, .rating { white-space: normal; } .multiple-select .multi-select-wrapper, .multiple-select .rating-wrapper, .rating .multi-select-wrapper, .rating .rating-wrapper { display: inline-block; } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .multiple-select .multi-select-wrapper, .multiple-select .rating-wrapper, .rating .multi-select-wrapper, .rating .rating-wrapper { height: 35px; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (max-width: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 10px/23px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 11px/25px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 13px/29px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 14px/32px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) and (min-width: 79.9375em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 15px/35px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .multiple-select .multi-select-wrapper, .multiple-select .rating-wrapper, .rating .multi-select-wrapper, .rating .rating-wrapper { height: 35px; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) and (max-width: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 10px/23px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 11px/25px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 13px/29px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 14px/32px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) and (min-width: 79.9375em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 15px/35px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .multiple-select .multi-select-wrapper, .multiple-select .rating-wrapper, .rating .multi-select-wrapper, .rating .rating-wrapper { height: 35px; } } @media screen and (min-width: 79.9375em) and (max-width: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 10px/23px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 11px/25px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 13px/29px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 14px/32px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) and (min-width: 79.9375em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 15px/35px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .multiple-select .multi-select-wrapper, .multiple-select .rating-wrapper, .rating .multi-select-wrapper, .rating .rating-wrapper { height: 35px; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (max-width: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 10px/23px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 11px/25px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 13px/29px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 14px/32px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) and (min-width: 79.9375em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 15px/35px open-sans, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) { .multiple-select .multi-select-wrapper, .multiple-select .rating-wrapper, .rating .multi-select-wrapper, .rating .rating-wrapper { height: 25px; } } @media screen and (max-width: 29.25em) and (max-width: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 10px/23px open-sans, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 11px/25px open-sans, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 13px/29px open-sans, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 14px/32px open-sans, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) and (min-width: 79.9375em) { .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { font: 400 15px/35px open-sans, "Arial", "sans serif"; } } .multiple-select .multi-select-wrapper input, .multiple-select .rating-wrapper input, .rating .multi-select-wrapper input, .rating .rating-wrapper input { left: -10000px; position: absolute; } @media screen and (max-width: 29.25em) { .multiple-select .multi-select-wrapper input, .multiple-select .rating-wrapper input, .rating .multi-select-wrapper input, .rating .rating-wrapper input { font: 400 10px/11px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .multiple-select .multi-select-wrapper input, .multiple-select .rating-wrapper input, .rating .multi-select-wrapper input, .rating .rating-wrapper input { font: 400 11px/11px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .multiple-select .multi-select-wrapper input, .multiple-select .rating-wrapper input, .rating .multi-select-wrapper input, .rating .rating-wrapper input { font: 400 13px/13px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .multiple-select .multi-select-wrapper input, .multiple-select .rating-wrapper input, .rating .multi-select-wrapper input, .rating .rating-wrapper input { font: 400 14px/15px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .multiple-select .multi-select-wrapper input, .multiple-select .rating-wrapper input, .rating .multi-select-wrapper input, .rating .rating-wrapper input { font: 400 15px/16px open-sans, "Arial", "sans serif"; } } .multiple-select .multi-select-wrapper label, .multiple-select .rating-wrapper label, .rating .multi-select-wrapper label, .rating .rating-wrapper label { padding: 0 0.625em; display: inline-block; border: 1px solid #d7d7d7; cursor: pointer; } .multiple-select .multi-select-wrapper label.selected, .multiple-select .rating-wrapper label.selected, .rating .multi-select-wrapper label.selected, .rating .rating-wrapper label.selected { background: #fe5000; border: 1px solid #fe5000; color: #fff; } .multiple-select .multi-select-wrapper, .rating .multi-select-wrapper { margin: 0.3125em 0; } .multiple-select .rating-wrapper, .rating .rating-wrapper { margin: 0.1875em 0; } .question-submit { display: none; } .preview-image { display: none; cursor: zoom-in; } .review-image { display: none; } .review-image.zoomed { cursor: zoom-out; } textarea, .word-count { /*display: none;*/ margin: 0 auto; width: 90%; } textarea { padding: 0.9375em; border-top-left-radius: 6px; border-top-right-radius: 6px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; height: 150px; resize: none; } @media screen and (max-width: 29.25em) { textarea { font: 400 11px/13px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { textarea { font: 400 11px/14px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { textarea { font: 400 13px/17px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { textarea { font: 400 15px/18px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { textarea { font: 400 16px/20px open-sans, "Arial", "sans serif"; } } .word-count { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #707070; height: 0.625em; } .word-count .word-count-fill { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1); background-color: #fe5000; height: 100%; width: 0; } #pause, .audio-waves { display: none; } .audio-waves { font-size: 0; } @media screen and (max-width: 79.9375em) { .audio-waves { margin: auto; width: 90%; } } @media screen and (min-width: 79.9375em) { .audio-waves { width: 60%; } } .wave:nth-child(1) { height: 95px; } .wave:nth-child(2) { height: 101px; } .wave:nth-child(3) { height: 108px; } .wave:nth-child(4) { height: 91px; } .wave:nth-child(5) { height: 72px; } .wave:nth-child(6) { height: 65px; } .wave:nth-child(7) { height: 65px; } .wave:nth-child(8) { height: 98px; } .wave:nth-child(9) { height: 52px; } .wave:nth-child(10) { height: 146px; } .wave:nth-child(11) { height: 173px; } .wave:nth-child(12) { height: 175px; } .wave:nth-child(13) { height: 179px; } .wave:nth-child(14) { height: 154px; } .wave:nth-child(15) { height: 139px; } .wave:nth-child(16) { height: 169px; } .wave:nth-child(17) { height: 148px; } .wave:nth-child(18) { height: 158px; } .wave:nth-child(19) { height: 181px; } .wave:nth-child(20) { height: 52px; } .wave:nth-child(21) { height: 111px; } .wave:nth-child(22) { height: 83px; } .wave:nth-child(23) { height: 83px; } .wave:nth-child(24) { height: 109px; } .wave:nth-child(25) { height: 86px; } .wave:nth-child(26) { height: 78px; } .wave:nth-child(27) { height: 93px; } .wave:nth-child(28) { height: 80px; } .wave:nth-child(29) { height: 52px; } .wave:nth-child(30) { height: 85px; } [role='multiple-slider'] { margin: 0 0 0.9375em; } .wave, .wave div { border-top-left-radius: 3px; border-top-right-radius: 3px; } .wave { -webkit-transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; background-color: #d7d7d7; display: inline-block; margin: 0 .36%; overflow: hidden; position: relative; width: 2.6%; } .wave div { -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); background-color: #fe5000; display: block; height: 100%; position: absolute; width: 0; } .wave div.finished { -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1); background-color: #d7d7d7; } .media-controls, .thumbnails { background-color: #fff; } .thumbnails .thumbnail { -webkit-transition: opacity 0.2s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: opacity 0.2s cubic-bezier(0.86, 0, 0.07, 1); transition: opacity 0.2s cubic-bezier(0.86, 0, 0.07, 1); height: 40px; width: 40px; cursor: pointer; } .thumbnails .thumbnail:not(:first-of-type) { opacity: .5; } @media screen and (max-width: 29.25em) { .column.range-wrapper { padding-left: 2.5em !important; padding-right: 2.5em !important; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .column.range-wrapper { padding-left: 2.5em !important; padding-right: 2.5em !important; } } .range-slider { border: 1px solid #afafaf !important; margin-bottom: 0.75em; } .range-slider .ui-slider-range { background-color: #d7d7d7; } .range-slider .ui-state-default, .range-slider .ui-widget-content .ui-state-default { background-color: #fff !important; border: 2px solid #fe5000 !important; border-radius: 100%; cursor: pointer !important; } .range-slider .ui-state-hover, .range-slider .ui-state-focus, .range-slider .ui-state-active { outline: none !important; } .range-slider .ui-state-active { background-color: #fe5000 !important; border-color: #fe5000 !important; } .range-slider .ui-slider-handle:before { color: #111; bottom: -100%; content: attr(value); left: 0; position: absolute; width: 100%; } @media screen and (max-width: 29.25em) { .range-slider .ui-slider-handle:before { font: 400 9px/9px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .range-slider .ui-slider-handle:before { font: 400 10px/10px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .range-slider .ui-slider-handle:before { font: 400 12px/12px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .range-slider .ui-slider-handle:before { font: 400 13px/13px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .range-slider .ui-slider-handle:before { font: 400 14px/14px montserrat, "Arial", "sans serif"; } } .image-metadata { background-color: #fff; } .image-metadata:first-of-type { border-top: 1px solid #d7d7d7; } @media screen and (max-width: 29.25em) { .more-below { padding: 0.1875em; height: 32px; width: 32px; position: fixed; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; display: none; background-color: #707070; border-radius: 100%; bottom: 5px; text-align: center; } .more-below.opened { display: block; -webkit-animation: more-below 2s; -moz-animation: more-below 2s; animation: more-below 2s; opacity: 0; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .more-below { padding: 0.1875em; height: 32px; width: 32px; position: fixed; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; display: none; background-color: #707070; border-radius: 100%; bottom: 5px; text-align: center; } .more-below.opened { display: block; -webkit-animation: more-below 2s; -moz-animation: more-below 2s; animation: more-below 2s; opacity: 0; } } .arrow:after, .arrow:before { content: ''; display: inline-block; margin: auto 0.4375em; } .arrow:after, .arrow:before, .arrow:hover:before, .arrow:hover:after { -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .arrow.left-before:before, .arrow.left-after:after { height: 0; width: 0; border-top: 0.3125em solid transparent; border-right: 0.3125em solid #fe5000; border-bottom: 0.3125em solid transparent; } .arrow.right-before:before, .arrow.right-after:after { height: 0; width: 0; border-top: 0.3125em solid transparent; border-bottom: 0.3125em solid transparent; border-left: 0.3125em solid #fe5000; } .arrow.top-before:before, .arrow.top-after:after { height: 0; width: 0; border-left: 0.3125em solid transparent; border-right: 0.3125em solid transparent; border-bottom: 0.3125em solid #fe5000; } .arrow.bottom-before:before, .arrow.bottom-after:after { height: 0; width: 0; border-top: 0.3125em solid #fe5000; border-right: 0.3125em solid transparent; border-left: 0.3125em solid transparent; } .arrow.top-left-before:before, .arrow.top-left-after:after { height: 0; width: 0; border-top: 0.4375em solid #fe5000; border-right: 0.4375em solid transparent; } .arrow.top-right-before:before, .arrow.top-right-after:after { height: 0; width: 0; border-top: 0.4375em solid #fe5000; border-left: 0.4375em solid transparent; } .arrow.bottom-left-before:before, .arrow.bottom-left-after:after { height: 0; width: 0; border-bottom: 0.4375em solid #fe5000; border-right: 0.4375em solid transparent; } .arrow.bottom-right-before:before, .arrow.bottom-right-after:after { height: 0; width: 0; border-bottom: 0.4375em solid #fe5000; border-left: 0.4375em solid transparent; } .error-block, .message-block, .warning-block { padding: 0.625em; margin-bottom: 0.625em; position: relative; } @media screen and (max-width: 79.9375em) { .error-block, .message-block, .warning-block { max-width: 95%; margin-left: auto; margin-right: auto; } .error-block::after, .message-block::after, .warning-block::after { clear: both; content: ""; display: table; } } @media screen and (min-width: 79.9375em) { .error-block, .message-block, .warning-block { max-width: 62.5em; margin-left: auto; margin-right: auto; } .error-block::after, .message-block::after, .warning-block::after { clear: both; content: ""; display: table; } } .error-block span, .message-block span, .warning-block span { position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; display: inline-block; left: 0.625em; position: absolute; } .error-block p, .message-block p, .warning-block p { padding: 0; color: #fff; text-align: center; text-shadow: none; } @media screen and (max-width: 29.25em) { .error-block p, .message-block p, .warning-block p { font: 400 11px/13px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .error-block p, .message-block p, .warning-block p { font: 400 11px/14px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .error-block p, .message-block p, .warning-block p { font: 400 13px/17px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .error-block p, .message-block p, .warning-block p { font: 400 15px/18px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .error-block p, .message-block p, .warning-block p { font: 400 16px/20px open-sans-light, "Arial", "sans serif"; } } @media screen and (max-width: 79.9375em) { .error-block p, .message-block p, .warning-block p { padding: 0 1.625em; } } @media screen and (min-width: 79.9375em) { .error-block p, .message-block p, .warning-block p { padding: 0 2.125em; } } .sprite { display: inline-block; vertical-align: middle; } .error-block { background-color: rgba(255, 0, 0, 0.7); } .warning-block { background-color: rgba(255, 165, 0, 0.7); } .warning-block p { color: #111; } .message-block { background-color: rgba(0, 128, 0, 0.7); } .clear { clear: both; } .fade { -webkit-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1); transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1); opacity: .4; } .ovh { overflow: hidden; position: relative; } a, h1, h2, h3, h4, h5, h6, p, span { text-align: center; } a.important, h1.important, h2.important, h3.important, h4.important, h5.important, h6.important, p.important, span.important { letter-spacing: 1px; } @media screen and (max-width: 29.25em) { a.important, h1.important, h2.important, h3.important, h4.important, h5.important, h6.important, p.important, span.important { font: 400 30px/30px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { a.important, h1.important, h2.important, h3.important, h4.important, h5.important, h6.important, p.important, span.important { font: 400 32px/32px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { a.important, h1.important, h2.important, h3.important, h4.important, h5.important, h6.important, p.important, span.important { font: 400 38px/38px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { a.important, h1.important, h2.important, h3.important, h4.important, h5.important, h6.important, p.important, span.important { font: 400 41px/41px montserrat, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { a.important, h1.important, h2.important, h3.important, h4.important, h5.important, h6.important, p.important, span.important { font: 400 45px/45px montserrat, "Arial", "sans serif"; } } a.light, h1.light, h2.light, h3.light, h4.light, h5.light, h6.light, p.light, span.light { color: #fff; } a.special, h1.special, h2.special, h3.special, h4.special, h5.special, h6.special, p.special, span.special { color: #fe5000; } @media screen and (max-width: 29.25em) { a.small-subtitle, h1.small-subtitle, h2.small-subtitle, h3.small-subtitle, h4.small-subtitle, h5.small-subtitle, h6.small-subtitle, p.small-subtitle, span.small-subtitle { font: 400 10px/20px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { a.small-subtitle, h1.small-subtitle, h2.small-subtitle, h3.small-subtitle, h4.small-subtitle, h5.small-subtitle, h6.small-subtitle, p.small-subtitle, span.small-subtitle { font: 400 11px/21px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { a.small-subtitle, h1.small-subtitle, h2.small-subtitle, h3.small-subtitle, h4.small-subtitle, h5.small-subtitle, h6.small-subtitle, p.small-subtitle, span.small-subtitle { font: 400 13px/25px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { a.small-subtitle, h1.small-subtitle, h2.small-subtitle, h3.small-subtitle, h4.small-subtitle, h5.small-subtitle, h6.small-subtitle, p.small-subtitle, span.small-subtitle { font: 400 14px/27px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { a.small-subtitle, h1.small-subtitle, h2.small-subtitle, h3.small-subtitle, h4.small-subtitle, h5.small-subtitle, h6.small-subtitle, p.small-subtitle, span.small-subtitle { font: 400 15px/30px open-sans, "Arial", "sans serif"; } } @media screen and (max-width: 29.25em) { a.subtitle, h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle, p.subtitle, span.subtitle { font: 400 16px/33px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { a.subtitle, h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle, p.subtitle, span.subtitle { font: 400 17px/36px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { a.subtitle, h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle, p.subtitle, span.subtitle { font: 400 20px/42px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { a.subtitle, h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle, p.subtitle, span.subtitle { font: 400 22px/45px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { a.subtitle, h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle, p.subtitle, span.subtitle { font: 400 24px/50px open-sans, "Arial", "sans serif"; } } a.heading, h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading, p.heading, span.heading { display: inline-block; text-transform: uppercase; } @media screen and (max-width: 79.9375em) { a.heading, h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading, p.heading, span.heading { border-bottom: 3px solid #fe5000; } } @media screen and (min-width: 79.9375em) { a.heading, h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading, p.heading, span.heading { border-bottom: 4px solid #fe5000; } } a.disabled, h1.disabled, h2.disabled, h3.disabled, h4.disabled, h5.disabled, h6.disabled, p.disabled, span.disabled { color: #afafaf; } [type="checkbox"], [type="radio"] { margin: 0 0.5625em; } .demographic { color: #fff; background-color: #fe5000; } @media screen and (max-width: 29.25em) { .demographic { font: 400 9px/17px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .demographic { font: 400 10px/18px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .demographic { font: 400 12px/21px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .demographic { font: 400 13px/23px open-sans-light, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .demographic { font: 400 14px/25px open-sans-light, "Arial", "sans serif"; } } .center { position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; } .vertical-center { position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .horizontal-center { position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .ui-tooltip.ui-widget-content.tooltip { color: #d7d7d7; background-color: rgba(0, 0, 0, 0.7); border: 1px solid #707070; box-shadow: none; } @media screen and (max-width: 29.25em) { .ui-tooltip.ui-widget-content.tooltip { font: 400 9px/9px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 48em) and (max-height: 29.25em) { .ui-tooltip.ui-widget-content.tooltip { font: 400 9px/9px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 29.25em) and (max-width: 50em) and (min-height: 29.25em) { .ui-tooltip.ui-widget-content.tooltip { font: 400 11px/11px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 48em) and (max-width: 79.875em) and (max-height: 50em) { .ui-tooltip.ui-widget-content.tooltip { font: 400 12px/12px open-sans, "Arial", "sans serif"; } } @media screen and (min-width: 79.9375em) { .ui-tooltip.ui-widget-content.tooltip { font: 400 13px/13px open-sans, "Arial", "sans serif"; } } /*# sourceMappingURL=main.css.map */ .slider-applied ul { background-color: #FFF; padding: 0px 40px 30px 40px; text-align: left; line-height: 24px; } .slider-applied p { text-align: left; padding: 0 0 0 20px; } #zenbox_tab { font-family: Arial, Helvetica, sans-serif; border: solid 2px #fff; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 23%; height: 25px; min-width: 110px; z-index: 10000; white-space: nowrap; padding: 0 10px 35px 10px; } #zenbox_tab #feedback_tab_text { font-size: 1.3em; font-weight: bold; margin: 25px auto; text-align: center; color: #fff; } #zenbox_tab.ZenboxTabLeft { left: 0px; background-position: right 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #zenbox_tab.ZenboxTabRight { right: 0px; background-position: left 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #zenbox_tab:hover { background-color: #444; } #zenbox_overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 90000; } #zenbox_overlay * { color:#333; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant:normal; font-size: 12px; margin: 0; padding: 0; } #zenbox_container { height: 620px; margin: 0 auto; position: relative; text-align: left; width: 638px; z-index:2; } #zenbox_container .zenbox_header { position: relative; text-align: right; width: auto; z-index: 100; } #zenbox_close { cursor: pointer; height: 46px; position: relative; top: 10px; width: 46px; } #zenbox_body { height: 900px; margin-top: -18px; position: relative; width: 615px; } #zenbox_scrim { background-color: #000; filter:alpha(opacity=42); -moz-opacity: 0.42; opacity: 0.42; left:0; position: absolute; top:0; width: 100%; z-index:1; } .notification strong, .notification b { font-weight: bold; font-size: 17px; } .notification .top-right-before{ font: 400 14px/20px montserrat-bold, "Arial", "sans serif"; text-transform: uppercase; } @media screen and (min-width: 79.9375em) { .popup-box { width: 450px; } } .real-after-questions .row.slider-data.slim.no-flex.multiple-questions.full { position: relative !important; } .real-after-questions .question-data, #real-after-questions{ overflow: visible; } .real-after-questions p:not(.question-subtitle), .metadata-title { font: 400 16px/40px montserrat-bold, "Arial", "sans serif"; text-transform: uppercase; } .real-after-questions p:not(.question-subtitle), .metadata-title { text-transform: uppercase; } .real-after-questions .rating-wrapper { margin: 0.1875em 2px; } .real-after-questions { display: block !important; padding-bottom: 20px; } .real-after-questions h1 { border-bottom: 0 !important; } .subtitle-after-question{ font: 400 15px/15px open-sans-light, "Arial", "sans serif" !important; text-transform: initial !important; white-space: normal !important; } .real-after-questions p:not(.question-subtitle), .metadata-title { font: 400 16px/40px montserrat-bold, "Arial", "sans serif"; } .multi-radio { font: 400 18px open-sans-light, Arial, "sans serif"; width: 350px; border: 1px solid #d7d7d7; } .real-after-questions p:not(.question-subtitle), .metadata-title { text-transform: uppercase; } .real-after-questions p { text-align: left; padding: 0 0 0 20px; } .real-after-questions .arrow.top-right-before:before, .real-after-questions .arrow.top-right-after:after { height: 0; width: 0; border-top: 0.4375em solid #fe5000; border-left: 0.4375em solid transparent; } .question-content.slide h1 p { text-align: center !important; } .account-content .notification { border-bottom: 2px solid #d7d7d7; text-align: left; background-color: #FFF; padding: 10px !important; margin-bottom: 10px; } .account-content h1 { font: 400 30px/36px montserrat, "Arial", "sans serif"; display: inline-block; text-transform: uppercase; border-bottom: 4px solid #fe5000; margin-bottom: 20px; } .popup-box .notification { border-bottom: none !important; text-align: left; background-color: #FFF; padding: 10px !important; margin-bottom: 1px !important; } .notification a { color: rgb(254, 80, 0) !important; text-decoration: none; } i { font-style: italic !important; } #review-video{ display: inline-block; text-align: center; width: 1200px; min-height: 700px; padding: 25px 0px 0px; border: 2px solid black; background: #000; margin-top: 20px; } #parent-video { position:absolute; left:0px; top:60px; right:0px; bottom:0px; display: table-cell; text-align: center; /* padding-top: 40px; */ overflow:auto; z-index: 999999; background: #000; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #pad-meter { position:absolute; left:0px; top:60px; right:0px; bottom:0px; display: table-cell; text-align: center; overflow:auto; z-index: 1000000; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #meter{ float: right; display: block; width: 60px; height: 528px; font-weight: bold; color: #FFF; background-color: #FFF; margin-left: 40px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #video-details{ width: 100%; display: block; /*float: left;*/ text-align: center; color: #FFF; font-size: 10px; } .like{ position: absolute; top: 356px; margin-left: 5px; } #meter-arrow{ width: 24px; height: 24px; } .meter-no-show{ display: none; } #pad-meter:focus{ outline: none; } .meter-value{ position: absolute; top: 11px; left: 65px; width: 35px; text-align: right; /*font-size: 16px;*/ /*background-color: #484848;*/ font-weight: bold; padding-right: 5px; /*display: -webkit-box;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*background-color: #fe5000;*/ background-color: #484848; font: 400 16px/26px montserrat-bold, "Arial", "sans serif"; } #meter-expression{ margin-left: 36px; } #video-blocker{ position: absolute; display: block; z-index: 999999; width:620px; height:500px; } #video-container, #video-details{ display: none; } #video-explaining{ display: block; width: 1000px; height: 600px; color: #FFF; float: left; border: 4px solid #FE5000; display: none; padding: 50px 0; } #video-explaining .static-header{ text-align: left !important; } #video-explaining .static-header p{ text-align: left !important; } #continue{ width: 200px; } #parent-video td { vertical-align: top !important; } .face-expr{ width: 48px; } .meter-number{ color: #000; text-align: right; margin-right: 6px; font-size: 14px; line-height: 48px; font-family: Montserrat; } #video-explaining p { line-height: 32px; margin-top: 10px; } .question-content p.top-right-before { white-space: normal !important; line-height: 28px; } .subtitle-after-question{ /*font-size: 13px !important;*/ } @media screen and (max-width: 29.25em) { .login-block { padding: 0 20px; margin: 20px 0 !important; } .theatre { height: 100% !important; } } .multi-radio-slide { margin-bottom: -40px !important; } /*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) *//*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: FontAwesome; src: url(../fonts/fontawesome-webfont.eot?v=4.6.3); src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal } .gdpr{ text-align: left; } .gdpr INPUT{ width: 14px; -moz-appearance: checkbox; -webkit-appearance: checkbox; height: 14px; } .gdpr .info{ text-align: left !important; } span.bigcheck-target { font-family: FontAwesome; /* use an icon font for the checkbox */ } input[type='checkbox'].bigcheck { position: relative; left: -999em; /* hide the real checkbox */ } input[type='checkbox'].bigcheck + span.bigcheck-target:after { content: "\f096"; /* In fontawesome, is an open square (fa-square-o) */ } input[type='checkbox'].bigcheck:checked + span.bigcheck-target:after { content: "\f046"; /* fontawesome checked box (fa-check-square-o) */ } span.bigcheck { display: block; /*padding: 0.5em;;*/ } span.bigcheck { /*background-color: #2C3E50;*/ text-align: left !important; color: #fe5000; font-family: sans-serif; font-size: 1.25em; /* set this to whatever size you want */ } .gdpr .light{ font-weight: normal; font: 400 13px/18px open-sans-light, "Arial", "sans serif" !important; } .row.tiny2 { padding: 0 0 0 0; } .title-terms{ font-size: 18px; font-weight: bold; margin: 0 0 18px 0; } span.light.accept-emails { display: block; position: relative; text-align: left; top: -19px; left: 58px; } .gdpr{ width: 520px !important; } .webtext{ padding: 10px 30px !important; } .slider-data p.question-subtitle{ white-space: normal; } @media screen and (max-width: 105em) and (min-width: 79.9375em) { .theatre { min-height: 1100px !important; } } .error-block, .message-block { text-align: center; color: white; max-width: 100%; } .surveys .column.kingdom { height: 300px !important; } @media screen and (min-width: 79.9375em){ .surveys .kingdoms{ padding-top: 0 !important; } } .earn-survey{ font-size: 59px; margin-top: 130px; color: #fe5000; } /* perfect-scrollbar v0.6.7 */ .ps-container{-ms-touch-action:none;overflow:hidden !important}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color 0.2s linear,opacity 0.2s linear;-moz-transition:background-color 0.2s linear,opacity 0.2s linear;-o-transition:background-color 0.2s linear,opacity 0.2s linear;transition:background-color 0.2s linear,opacity 0.2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color 0.2s linear,opacity 0.2s linear;-moz-transition:background-color 0.2s linear,opacity 0.2s linear;-o-transition:background-color 0.2s linear,opacity 0.2s linear;transition:background-color 0.2s linear,opacity 0.2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999} /*! jQuery UI - v1.11.4 - 2016-01-21 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?3p0rtw'); src:url('fonts/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'), url('fonts/icomoon.woff?3p0rtw') format('woff'), url('fonts/icomoon.ttf?3p0rtw') format('truetype'), url('fonts/icomoon.svg?3p0rtw#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; min-width: 1em; display: inline-block; text-align: center; font-size: 16px; vertical-align: middle; position: relative; top: -1px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-2x { font-size: 32px; } .icon-3x { font-size: 48px; } .icon-bordered { padding: 5px; border: 2px solid; border-radius: 50%; } .icon-home:before {content: "\e900";} .icon-home2:before {content: "\e901";} .icon-home5:before {content: "\e904";} .icon-home7:before {content: "\e906";} .icon-home8:before {content: "\e907";} .icon-home9:before {content: "\e908";} .icon-office:before {content: "\e909";} .icon-city:before {content: "\e90a";} .icon-newspaper:before {content: "\e90b";} .icon-magazine:before {content: "\e90c";} .icon-design:before {content: "\e90d";} .icon-pencil:before {content: "\e90e";} .icon-pencil3:before {content: "\e910";} .icon-pencil4:before {content: "\e911";} .icon-pencil5:before {content: "\e912";} .icon-pencil6:before {content: "\e913";} .icon-pencil7:before {content: "\e914";} .icon-eraser:before {content: "\e915";} .icon-eraser2:before {content: "\e916";} .icon-eraser3:before {content: "\e917";} .icon-quill2:before {content: "\e919";} .icon-quill4:before {content: "\e91b";} .icon-pen:before {content: "\e91c";} .icon-pen-plus:before {content: "\e91d";} .icon-pen-minus:before {content: "\e91e";} .icon-pen2:before {content: "\e91f";} .icon-blog:before {content: "\e925";} .icon-pen6:before {content: "\e927";} .icon-brush:before {content: "\e928";} .icon-spray:before {content: "\e929";} .icon-color-sampler:before {content: "\e92c";} .icon-toggle:before {content: "\e92d";} .icon-bucket:before {content: "\e92e";} .icon-gradient:before {content: "\e930";} .icon-eyedropper:before {content: "\e931";} .icon-eyedropper2:before {content: "\e932";} .icon-eyedropper3:before {content: "\e933";} .icon-droplet:before {content: "\e934";} .icon-droplet2:before {content: "\e935";} .icon-color-clear:before {content: "\e937";} .icon-paint-format:before {content: "\e938";} .icon-stamp:before {content: "\e939";} .icon-image2:before {content: "\e93c";} .icon-image-compare:before {content: "\e93d";} .icon-images2:before {content: "\e93e";} .icon-image3:before {content: "\e93f";} .icon-images3:before {content: "\e940";} .icon-image4:before {content: "\e941";} .icon-image5:before {content: "\e942";} .icon-camera:before {content: "\e944";} .icon-shutter:before {content: "\e947";} .icon-headphones:before {content: "\e948";} .icon-headset:before {content: "\e949";} .icon-music:before {content: "\e94a";} .icon-album:before {content: "\e950";} .icon-tape:before {content: "\e952";} .icon-piano:before {content: "\e953";} .icon-speakers:before {content: "\e956";} .icon-play:before {content: "\e957";} .icon-clapboard-play:before {content: "\e959";} .icon-clapboard:before {content: "\e95a";} .icon-media:before {content: "\e95b";} .icon-presentation:before {content: "\e95c";} .icon-movie:before {content: "\e95d";} .icon-film:before {content: "\e95e";} .icon-film2:before {content: "\e95f";} .icon-film3:before {content: "\e960";} .icon-film4:before {content: "\e961";} .icon-video-camera:before {content: "\e962";} .icon-video-camera2:before {content: "\e963";} .icon-video-camera-slash:before {content: "\e964";} .icon-video-camera3:before {content: "\e965";} .icon-dice:before {content: "\e96a";} .icon-chess-king:before {content: "\e972";} .icon-chess-queen:before {content: "\e973";} .icon-chess:before {content: "\e978";} .icon-megaphone:before {content: "\e97a";} .icon-new:before {content: "\e97b";} .icon-connection:before {content: "\e97c";} .icon-station:before {content: "\e981";} .icon-satellite-dish2:before {content: "\e98a";} .icon-feed:before {content: "\e9b3";} .icon-mic2:before {content: "\e9ce";} .icon-mic-off2:before {content: "\e9e0";} .icon-book:before {content: "\e9e1";} .icon-book2:before {content: "\e9e9";} .icon-book-play:before {content: "\e9fd";} .icon-book3:before {content: "\ea01";} .icon-bookmark:before {content: "\ea02";} .icon-books:before {content: "\ea03";} .icon-archive:before {content: "\ea04";} .icon-reading:before {content: "\ea05";} .icon-library2:before {content: "\ea06";} .icon-graduation2:before {content: "\ea07";} .icon-file-text:before {content: "\ea08";} .icon-profile:before {content: "\ea09";} .icon-file-empty:before {content: "\ea0a";} .icon-file-empty2:before {content: "\ea0b";} .icon-files-empty:before {content: "\ea0c";} .icon-files-empty2:before {content: "\ea0d";} .icon-file-plus:before {content: "\ea0e";} .icon-file-plus2:before {content: "\ea0f";} .icon-file-minus:before {content: "\ea10";} .icon-file-minus2:before {content: "\ea11";} .icon-file-download:before {content: "\ea12";} .icon-file-download2:before {content: "\ea13";} .icon-file-upload:before {content: "\ea14";} .icon-file-upload2:before {content: "\ea15";} .icon-file-check:before {content: "\ea16";} .icon-file-check2:before {content: "\ea17";} .icon-file-eye:before {content: "\ea18";} .icon-file-eye2:before {content: "\ea19";} .icon-file-text2:before {content: "\ea1a";} .icon-file-text3:before {content: "\ea1b";} .icon-file-picture:before {content: "\ea1c";} .icon-file-picture2:before {content: "\ea1d";} .icon-file-music:before {content: "\ea1e";} .icon-file-music2:before {content: "\ea1f";} .icon-file-play:before {content: "\ea20";} .icon-file-play2:before {content: "\ea21";} .icon-file-video:before {content: "\ea22";} .icon-file-video2:before {content: "\ea23";} .icon-copy:before {content: "\ea24";} .icon-copy2:before {content: "\ea25";} .icon-file-zip:before {content: "\ea26";} .icon-file-zip2:before {content: "\ea27";} .icon-file-xml:before {content: "\ea28";} .icon-file-xml2:before {content: "\ea29";} .icon-file-css:before {content: "\ea2a";} .icon-file-css2:before {content: "\ea2b";} .icon-file-presentation:before {content: "\ea2c";} .icon-file-presentation2:before {content: "\ea2d";} .icon-file-stats:before {content: "\ea2e";} .icon-file-stats2:before {content: "\ea2f";} .icon-file-locked:before {content: "\ea30";} .icon-file-locked2:before {content: "\ea31";} .icon-file-spreadsheet:before {content: "\ea32";} .icon-file-spreadsheet2:before {content: "\ea33";} .icon-copy3:before {content: "\ea34";} .icon-copy4:before {content: "\ea35";} .icon-paste:before {content: "\ea36";} .icon-paste2:before {content: "\ea37";} .icon-paste3:before {content: "\ea38";} .icon-paste4:before {content: "\ea39";} .icon-stack:before {content: "\ea3a";} .icon-stack2:before {content: "\ea3b";} .icon-stack3:before {content: "\ea3c";} .icon-folder:before {content: "\ea3d";} .icon-folder-search:before {content: "\ea3e";} .icon-folder-download:before {content: "\ea3f";} .icon-folder-upload:before {content: "\ea40";} .icon-folder-plus:before {content: "\ea41";} .icon-folder-plus2:before {content: "\ea42";} .icon-folder-minus:before {content: "\ea43";} .icon-folder-minus2:before {content: "\ea44";} .icon-folder-check:before {content: "\ea45";} .icon-folder-heart:before {content: "\ea46";} .icon-folder-remove:before {content: "\ea47";} .icon-folder2:before {content: "\ea48";} .icon-folder-open:before {content: "\ea49";} .icon-folder3:before {content: "\ea4a";} .icon-folder4:before {content: "\ea4b";} .icon-folder-plus3:before {content: "\ea4c";} .icon-folder-minus3:before {content: "\ea4d";} .icon-folder-plus4:before {content: "\ea4e";} .icon-folder-minus4:before {content: "\ea4f";} .icon-folder-download2:before {content: "\ea50";} .icon-folder-upload2:before {content: "\ea51";} .icon-folder-download3:before {content: "\ea52";} .icon-folder-upload3:before {content: "\ea53";} .icon-folder5:before {content: "\ea54";} .icon-folder-open2:before {content: "\ea55";} .icon-folder6:before {content: "\ea56";} .icon-folder-open3:before {content: "\ea57";} .icon-certificate:before {content: "\ea58";} .icon-cc:before {content: "\ea59";} .icon-price-tag:before {content: "\ea5a";} .icon-price-tag2:before {content: "\ea5b";} .icon-price-tags:before {content: "\ea5c";} .icon-price-tag3:before {content: "\ea5d";} .icon-price-tags2:before {content: "\ea5e";} .icon-barcode2:before {content: "\ea5f";} .icon-qrcode:before {content: "\ea60";} .icon-ticket:before {content: "\ea61";} .icon-theater:before {content: "\ea62";} .icon-store:before {content: "\ea63";} .icon-store2:before {content: "\ea64";} .icon-cart:before {content: "\ea65";} .icon-cart2:before {content: "\ea66";} .icon-cart4:before {content: "\ea67";} .icon-cart5:before {content: "\ea68";} .icon-cart-add:before {content: "\ea69";} .icon-cart-add2:before {content: "\ea6a";} .icon-cart-remove:before {content: "\ea6b";} .icon-basket:before {content: "\ea6c";} .icon-bag:before {content: "\ea6d";} .icon-percent:before {content: "\ea6f";} .icon-coins:before {content: "\ea70";} .icon-coin-dollar:before {content: "\ea71";} .icon-coin-euro:before {content: "\ea72";} .icon-coin-pound:before {content: "\ea73";} .icon-coin-yen:before {content: "\ea74";} .icon-piggy-bank:before {content: "\ea75";} .icon-wallet:before {content: "\ea76";} .icon-cash:before {content: "\ea77";} .icon-cash2:before {content: "\ea78";} .icon-cash3:before {content: "\ea79";} .icon-cash4:before {content: "\ea7a";} .icon-credit-card:before {content: "\ea6e";} .icon-credit-card2:before {content: "\ea7b";} .icon-calculator4:before {content: "\ea7c";} .icon-calculator2:before {content: "\ea7d";} .icon-calculator3:before {content: "\ea7e";} .icon-chip:before {content: "\ea7f";} .icon-lifebuoy:before {content: "\ea80";} .icon-phone:before {content: "\ea81";} .icon-phone2:before {content: "\ea82";} .icon-phone-slash:before {content: "\ea83";} .icon-phone-wave:before {content: "\ea84";} .icon-phone-plus:before {content: "\ea85";} .icon-phone-minus:before {content: "\ea86";} .icon-phone-plus2:before {content: "\ea87";} .icon-phone-minus2:before {content: "\ea88";} .icon-phone-incoming:before {content: "\ea89";} .icon-phone-outgoing:before {content: "\ea8a";} .icon-phone-hang-up:before {content: "\ea8e";} .icon-address-book:before {content: "\ea90";} .icon-address-book2:before {content: "\ea91";} .icon-address-book3:before {content: "\ea92";} .icon-notebook:before {content: "\ea93";} .icon-envelop:before {content: "\ea94";} .icon-envelop2:before {content: "\ea95";} .icon-envelop3:before {content: "\ea96";} .icon-envelop4:before {content: "\ea97";} .icon-envelop5:before {content: "\ea98";} .icon-mailbox:before {content: "\ea99";} .icon-pushpin:before {content: "\ea9a";} .icon-location3:before {content: "\ea9d";} .icon-location4:before {content: "\ea9e";} .icon-compass4:before {content: "\ea9f";} .icon-map:before {content: "\eaa0";} .icon-map4:before {content: "\eaa1";} .icon-map5:before {content: "\eaa2";} .icon-direction:before {content: "\eaa3";} .icon-reset:before {content: "\eaa4";} .icon-history:before {content: "\eaa5";} .icon-watch:before {content: "\eaa6";} .icon-watch2:before {content: "\eaa7";} .icon-alarm:before {content: "\eaa8";} .icon-alarm-add:before {content: "\eaa9";} .icon-alarm-check:before {content: "\eaaa";} .icon-alarm-cancel:before {content: "\eaab";} .icon-bell2:before {content: "\eaac";} .icon-bell3:before {content: "\eaad";} .icon-bell-plus:before {content: "\eaae";} .icon-bell-minus:before {content: "\eaaf";} .icon-bell-check:before {content: "\eab0";} .icon-bell-cross:before {content: "\eab1";} .icon-calendar:before {content: "\eab2";} .icon-calendar2:before {content: "\eab3";} .icon-calendar3:before {content: "\eab4";} .icon-calendar52:before {content: "\eab6";} .icon-printer:before {content: "\eab7";} .icon-printer2:before {content: "\eab8";} .icon-printer4:before {content: "\eab9";} .icon-shredder:before {content: "\eaba";} .icon-mouse:before {content: "\eabb";} .icon-mouse-left:before {content: "\eabc";} .icon-mouse-right:before {content: "\eabd";} .icon-keyboard:before {content: "\eabe";} .icon-typewriter:before {content: "\eabf";} .icon-display:before {content: "\eac0";} .icon-display4:before {content: "\eac1";} .icon-laptop:before {content: "\eac2";} .icon-mobile:before {content: "\eac3";} .icon-mobile2:before {content: "\eac4";} .icon-tablet:before {content: "\eac5";} .icon-mobile3:before {content: "\eac6";} .icon-tv:before {content: "\eac7";} .icon-radio:before {content: "\eac8";} .icon-cabinet:before {content: "\eac9";} .icon-drawer:before {content: "\eaca";} .icon-drawer2:before {content: "\eacb";} .icon-drawer-out:before {content: "\eacc";} .icon-drawer-in:before {content: "\eacd";} .icon-drawer3:before {content: "\eace";} .icon-box:before {content: "\eacf";} .icon-box-add:before {content: "\ead0";} .icon-box-remove:before {content: "\ead1";} .icon-download:before {content: "\ead2";} .icon-upload:before {content: "\ead3";} .icon-floppy-disk:before {content: "\ead4";} .icon-floppy-disks:before {content: "\ead5";} .icon-usb-stick:before {content: "\ead6";} .icon-drive:before {content: "\ead7";} .icon-server:before {content: "\ead8";} .icon-database:before {content: "\ead9";} .icon-database2:before {content: "\eada";} .icon-database4:before {content: "\eadb";} .icon-database-menu:before {content: "\eadc";} .icon-database-add:before {content: "\eadd";} .icon-database-remove:before {content: "\eade";} .icon-database-insert:before {content: "\eadf";} .icon-database-export:before {content: "\eae0";} .icon-database-upload:before {content: "\eae1";} .icon-database-refresh:before {content: "\eae2";} .icon-database-diff:before {content: "\eae3";} .icon-database-edit2:before {content: "\eae5";} .icon-database-check:before {content: "\eae6";} .icon-database-arrow:before {content: "\eae7";} .icon-database-time2:before {content: "\eae9";} .icon-undo:before {content: "\eaea";} .icon-redo:before {content: "\eaeb";} .icon-rotate-ccw:before {content: "\eaec";} .icon-rotate-cw:before {content: "\eaed";} .icon-rotate-ccw2:before {content: "\eaee";} .icon-rotate-cw2:before {content: "\eaef";} .icon-rotate-ccw3:before {content: "\eaf0";} .icon-rotate-cw3:before {content: "\eaf1";} .icon-flip-vertical2:before {content: "\eaf2";} .icon-flip-horizontal2:before {content: "\eaf3";} .icon-flip-vertical3:before {content: "\eaf4";} .icon-flip-vertical4:before {content: "\eaf5";} .icon-angle:before {content: "\eaf6";} .icon-shear:before {content: "\eaf7";} .icon-align-left:before {content: "\eafc";} .icon-align-center-horizontal:before {content: "\eafd";} .icon-align-right:before {content: "\eafe";} .icon-align-top:before {content: "\eaff";} .icon-align-center-vertical:before {content: "\eb00";} .icon-align-bottom:before {content: "\eb01";} .icon-undo2:before {content: "\eb02";} .icon-redo2:before {content: "\eb03";} .icon-forward:before {content: "\eb04";} .icon-reply:before {content: "\eb05";} .icon-reply-all:before {content: "\eb06";} .icon-bubble:before {content: "\eb07";} .icon-bubbles:before {content: "\eb08";} .icon-bubbles2:before {content: "\eb09";} .icon-bubble2:before {content: "\eb0a";} .icon-bubbles3:before {content: "\eb0b";} .icon-bubbles4:before {content: "\eb0c";} .icon-bubble-notification:before {content: "\eb0d";} .icon-bubbles5:before {content: "\eb0e";} .icon-bubbles6:before {content: "\eb0f";} .icon-bubble6:before {content: "\eb10";} .icon-bubbles7:before {content: "\eb11";} .icon-bubble7:before {content: "\eb12";} .icon-bubbles8:before {content: "\eb13";} .icon-bubble8:before {content: "\eb14";} .icon-bubble-dots3:before {content: "\eb15";} .icon-bubble-lines3:before {content: "\eb16";} .icon-bubble9:before {content: "\eb17";} .icon-bubble-dots4:before {content: "\eb18";} .icon-bubble-lines4:before {content: "\eb19";} .icon-bubbles9:before {content: "\eb1a";} .icon-bubbles10:before {content: "\eb1b";} .icon-user:before {content: "\eb33";} .icon-users:before {content: "\eb34";} .icon-user-plus:before {content: "\eb35";} .icon-user-minus:before {content: "\eb36";} .icon-user-cancel:before {content: "\eb37";} .icon-user-block:before {content: "\eb38";} .icon-user-lock:before {content: "\eb39";} .icon-user-check:before {content: "\eb3a";} .icon-users2:before {content: "\eb3b";} .icon-users4:before {content: "\eb44";} .icon-user-tie:before {content: "\eb45";} .icon-collaboration:before {content: "\eb46";} .icon-vcard:before {content: "\eb47";} .icon-hat:before {content: "\ebb8";} .icon-bowtie:before {content: "\ebb9";} .icon-quotes-left:before {content: "\eb49";} .icon-quotes-right:before {content: "\eb4a";} .icon-quotes-left2:before {content: "\eb4b";} .icon-quotes-right2:before {content: "\eb4c";} .icon-hour-glass:before {content: "\eb4d";} .icon-hour-glass2:before {content: "\eb4e";} .icon-hour-glass3:before {content: "\eb4f";} .icon-spinner:before {content: "\eb50";} .icon-spinner2:before {content: "\eb51";} .icon-spinner3:before {content: "\eb52";} .icon-spinner4:before {content: "\eb53";} .icon-spinner6:before {content: "\eb54";} .icon-spinner9:before {content: "\eb55";} .icon-spinner10:before {content: "\eb56";} .icon-spinner11:before {content: "\eb57";} .icon-microscope:before {content: "\eb58";} .icon-enlarge:before {content: "\eb59";} .icon-shrink:before {content: "\eb5a";} .icon-enlarge3:before {content: "\eb5b";} .icon-shrink3:before {content: "\eb5c";} .icon-enlarge5:before {content: "\eb5d";} .icon-shrink5:before {content: "\eb5e";} .icon-enlarge6:before {content: "\eb5f";} .icon-shrink6:before {content: "\eb60";} .icon-enlarge7:before {content: "\eb61";} .icon-shrink7:before {content: "\eb62";} .icon-key:before {content: "\eb63";} .icon-lock:before {content: "\eb65";} .icon-lock2:before {content: "\eb66";} .icon-lock4:before {content: "\eb67";} .icon-unlocked:before {content: "\eb68";} .icon-lock5:before {content: "\eb69";} .icon-unlocked2:before {content: "\eb6a";} .icon-safe:before {content: "\eb6b";} .icon-wrench:before {content: "\eb6c";} .icon-wrench2:before {content: "\eb6d";} .icon-wrench3:before {content: "\eb6e";} .icon-equalizer:before {content: "\eb6f";} .icon-equalizer2:before {content: "\eb70";} .icon-equalizer3:before {content: "\eb71";} .icon-equalizer4:before {content: "\eb72";} .icon-cog:before {content: "\eb73";} .icon-cogs:before {content: "\eb74";} .icon-cog2:before {content: "\eb75";} .icon-cog3:before {content: "\eb76";} .icon-cog4:before {content: "\eb77";} .icon-cog52:before {content: "\eb78";} .icon-cog6:before {content: "\eb79";} .icon-cog7:before {content: "\eb7a";} .icon-hammer:before {content: "\eb7c";} .icon-hammer-wrench:before {content: "\eb7d";} .icon-magic-wand:before {content: "\eb7e";} .icon-magic-wand2:before {content: "\eb7f";} .icon-pulse2:before {content: "\eb80";} .icon-aid-kit:before {content: "\eb81";} .icon-bug2:before {content: "\eb83";} .icon-construction:before {content: "\eb85";} .icon-traffic-cone:before {content: "\eb86";} .icon-traffic-lights:before {content: "\eb87";} .icon-pie-chart:before {content: "\eb88";} .icon-pie-chart2:before {content: "\eb89";} .icon-pie-chart3:before {content: "\eb8a";} .icon-pie-chart4:before {content: "\eb8b";} .icon-pie-chart5:before {content: "\eb8c";} .icon-pie-chart6:before {content: "\eb8d";} .icon-pie-chart7:before {content: "\eb8e";} .icon-stats-dots:before {content: "\eb8f";} .icon-stats-bars:before {content: "\eb90";} .icon-pie-chart8:before {content: "\eb91";} .icon-stats-bars2:before {content: "\eb92";} .icon-stats-bars3:before {content: "\eb93";} .icon-stats-bars4:before {content: "\eb94";} .icon-chart:before {content: "\eb97";} .icon-stats-growth:before {content: "\eb98";} .icon-stats-decline:before {content: "\eb99";} .icon-stats-growth2:before {content: "\eb9a";} .icon-stats-decline2:before {content: "\eb9b";} .icon-stairs-up:before {content: "\eb9c";} .icon-stairs-down:before {content: "\eb9d";} .icon-stairs:before {content: "\eb9e";} .icon-ladder:before {content: "\eba0";} .icon-rating:before {content: "\eba1";} .icon-rating2:before {content: "\eba2";} .icon-rating3:before {content: "\eba3";} .icon-podium:before {content: "\eba5";} .icon-stars:before {content: "\eba6";} .icon-medal-star:before {content: "\eba7";} .icon-medal:before {content: "\eba8";} .icon-medal2:before {content: "\eba9";} .icon-medal-first:before {content: "\ebaa";} .icon-medal-second:before {content: "\ebab";} .icon-medal-third:before {content: "\ebac";} .icon-crown:before {content: "\ebad";} .icon-trophy2:before {content: "\ebaf";} .icon-trophy3:before {content: "\ebb0";} .icon-diamond:before {content: "\ebb1";} .icon-trophy4:before {content: "\ebb2";} .icon-gift:before {content: "\ebb3";} .icon-pipe:before {content: "\ebb6";} .icon-mustache:before {content: "\ebb7";} .icon-cup2:before {content: "\ebc6";} .icon-coffee:before {content: "\ebc8";} .icon-paw:before {content: "\ebd5";} .icon-footprint:before {content: "\ebd6";} .icon-rocket:before {content: "\ebda";} .icon-meter2:before {content: "\ebdc";} .icon-meter-slow:before {content: "\ebdd";} .icon-meter-fast:before {content: "\ebdf";} .icon-hammer2:before {content: "\ebe1";} .icon-balance:before {content: "\ebe2";} .icon-fire:before {content: "\ebe5";} .icon-fire2:before {content: "\ebe6";} .icon-lab:before {content: "\ebe7";} .icon-atom:before {content: "\ebe8";} .icon-atom2:before {content: "\ebe9";} .icon-bin:before {content: "\ebfa";} .icon-bin2:before {content: "\ebfb";} .icon-briefcase:before {content: "\ebff";} .icon-briefcase3:before {content: "\ec01";} .icon-airplane2:before {content: "\ec03";} .icon-airplane3:before {content: "\ec04";} .icon-airplane4:before {content: "\ec05";} .icon-paperplane:before {content: "\ec06";} .icon-car:before {content: "\ec07";} .icon-steering-wheel:before {content: "\ec08";} .icon-car2:before {content: "\ec09";} .icon-gas:before {content: "\ec0a";} .icon-bus:before {content: "\ec0b";} .icon-truck:before {content: "\ec0c";} .icon-bike:before {content: "\ec0d";} .icon-road:before {content: "\ec0e";} .icon-train:before {content: "\ec0f";} .icon-train2:before {content: "\ec10";} .icon-ship:before {content: "\ec11";} .icon-boat:before {content: "\ec12";} .icon-chopper:before {content: "\ec13";} .icon-cube:before {content: "\ec15";} .icon-cube2:before {content: "\ec16";} .icon-cube3:before {content: "\ec17";} .icon-cube4:before {content: "\ec18";} .icon-pyramid:before {content: "\ec19";} .icon-pyramid2:before {content: "\ec1a";} .icon-package:before {content: "\ec1b";} .icon-puzzle:before {content: "\ec1c";} .icon-puzzle2:before {content: "\ec1d";} .icon-puzzle3:before {content: "\ec1e";} .icon-puzzle4:before {content: "\ec1f";} .icon-glasses-3d2:before {content: "\ec21";} .icon-brain:before {content: "\ec24";} .icon-accessibility:before {content: "\ec25";} .icon-accessibility2:before {content: "\ec26";} .icon-strategy:before {content: "\ec27";} .icon-target:before {content: "\ec28";} .icon-target2:before {content: "\ec29";} .icon-shield-check:before {content: "\ec2f";} .icon-shield-notice:before {content: "\ec30";} .icon-shield2:before {content: "\ec31";} .icon-racing:before {content: "\ec40";} .icon-finish:before {content: "\ec41";} .icon-power2:before {content: "\ec46";} .icon-power3:before {content: "\ec47";} .icon-switch:before {content: "\ec48";} .icon-switch22:before {content: "\ec49";} .icon-power-cord:before {content: "\ec4a";} .icon-clipboard:before {content: "\ec4d";} .icon-clipboard2:before {content: "\ec4e";} .icon-clipboard3:before {content: "\ec4f";} .icon-clipboard4:before {content: "\ec50";} .icon-clipboard5:before {content: "\ec51";} .icon-clipboard6:before {content: "\ec52";} .icon-playlist:before {content: "\ec53";} .icon-playlist-add:before {content: "\ec54";} .icon-list-numbered:before {content: "\ec55";} .icon-list:before {content: "\ec56";} .icon-list2:before {content: "\ec57";} .icon-more:before {content: "\ec58";} .icon-more2:before {content: "\ec59";} .icon-grid:before {content: "\ec5a";} .icon-grid2:before {content: "\ec5b";} .icon-grid3:before {content: "\ec5c";} .icon-grid4:before {content: "\ec5d";} .icon-grid52:before {content: "\ec5e";} .icon-grid6:before {content: "\ec5f";} .icon-grid7:before {content: "\ec60";} .icon-tree5:before {content: "\ec61";} .icon-tree6:before {content: "\ec62";} .icon-tree7:before {content: "\ec63";} .icon-lan:before {content: "\ec64";} .icon-lan2:before {content: "\ec65";} .icon-lan3:before {content: "\ec66";} .icon-menu:before {content: "\ec67";} .icon-circle-small:before {content: "\ec68";} .icon-menu2:before {content: "\ec69";} .icon-menu3:before {content: "\ec6a";} .icon-menu4:before {content: "\ec6b";} .icon-menu5:before {content: "\ec6c";} .icon-menu62:before {content: "\ec6d";} .icon-menu7:before {content: "\ec6e";} .icon-menu8:before {content: "\ec6f";} .icon-menu9:before {content: "\ec70";} .icon-menu10:before {content: "\ec71";} .icon-cloud:before {content: "\ec72";} .icon-cloud-download:before {content: "\ec73";} .icon-cloud-upload:before {content: "\ec74";} .icon-cloud-check:before {content: "\ec75";} .icon-cloud2:before {content: "\ec76";} .icon-cloud-download2:before {content: "\ec77";} .icon-cloud-upload2:before {content: "\ec78";} .icon-cloud-check2:before {content: "\ec79";} .icon-import:before {content: "\ec7e";} .icon-download4:before {content: "\ec80";} .icon-upload4:before {content: "\ec81";} .icon-download7:before {content: "\ec86";} .icon-upload7:before {content: "\ec87";} .icon-download10:before {content: "\ec8c";} .icon-upload10:before {content: "\ec8d";} .icon-sphere:before {content: "\ec8e";} .icon-sphere3:before {content: "\ec90";} .icon-earth:before {content: "\ec93";} .icon-link:before {content: "\ec96";} .icon-unlink:before {content: "\ec97";} .icon-link2:before {content: "\ec98";} .icon-unlink2:before {content: "\ec99";} .icon-anchor:before {content: "\eca0";} .icon-flag3:before {content: "\eca3";} .icon-flag4:before {content: "\eca4";} .icon-flag7:before {content: "\eca7";} .icon-flag8:before {content: "\eca8";} .icon-attachment:before {content: "\eca9";} .icon-attachment2:before {content: "\ecaa";} .icon-eye:before {content: "\ecab";} .icon-eye-plus:before {content: "\ecac";} .icon-eye-minus:before {content: "\ecad";} .icon-eye-blocked:before {content: "\ecae";} .icon-eye2:before {content: "\ecaf";} .icon-eye-blocked2:before {content: "\ecb0";} .icon-eye4:before {content: "\ecb3";} .icon-bookmark2:before {content: "\ecb4";} .icon-bookmark3:before {content: "\ecb5";} .icon-bookmarks:before {content: "\ecb6";} .icon-bookmark4:before {content: "\ecb7";} .icon-spotlight2:before {content: "\ecb8";} .icon-starburst:before {content: "\ecb9";} .icon-snowflake:before {content: "\ecba";} .icon-weather-windy:before {content: "\ecd0";} .icon-fan:before {content: "\ecd1";} .icon-umbrella:before {content: "\ecd2";} .icon-sun3:before {content: "\ecd3";} .icon-contrast:before {content: "\ecd4";} .icon-bed2:before {content: "\ecda";} .icon-furniture:before {content: "\ecdb";} .icon-chair:before {content: "\ecdc";} .icon-star-empty3:before {content: "\ece0";} .icon-star-half:before {content: "\ece1";} .icon-star-full2:before {content: "\ece2";} .icon-heart5:before {content: "\ece9";} .icon-heart6:before {content: "\ecea";} .icon-heart-broken2:before {content: "\eceb";} .icon-thumbs-up2:before {content: "\ecf2";} .icon-thumbs-down2:before {content: "\ecf4";} .icon-thumbs-up3:before {content: "\ecf5";} .icon-thumbs-down3:before {content: "\ecf6";} .icon-height:before {content: "\ecf7";} .icon-man:before {content: "\ecf8";} .icon-woman:before {content: "\ecf9";} .icon-man-woman:before {content: "\ecfa";} .icon-yin-yang:before {content: "\ecfe";} .icon-cursor:before {content: "\ed23";} .icon-cursor2:before {content: "\ed24";} .icon-lasso2:before {content: "\ed26";} .icon-select2:before {content: "\ed28";} .icon-point-up:before {content: "\ed29";} .icon-point-right:before {content: "\ed2a";} .icon-point-down:before {content: "\ed2b";} .icon-point-left:before {content: "\ed2c";} .icon-pointer:before {content: "\ed2d";} .icon-reminder:before {content: "\ed2e";} .icon-drag-left-right:before {content: "\ed2f";} .icon-drag-left:before {content: "\ed30";} .icon-drag-right:before {content: "\ed31";} .icon-touch:before {content: "\ed32";} .icon-multitouch:before {content: "\ed33";} .icon-touch-zoom:before {content: "\ed34";} .icon-touch-pinch:before {content: "\ed35";} .icon-hand:before {content: "\ed36";} .icon-grab:before {content: "\ed37";} .icon-stack-empty:before {content: "\ed38";} .icon-stack-plus:before {content: "\ed39";} .icon-stack-minus:before {content: "\ed3a";} .icon-stack-star:before {content: "\ed3b";} .icon-stack-picture:before {content: "\ed3c";} .icon-stack-down:before {content: "\ed3d";} .icon-stack-up:before {content: "\ed3e";} .icon-stack-cancel:before {content: "\ed3f";} .icon-stack-check:before {content: "\ed40";} .icon-stack-text:before {content: "\ed41";} .icon-stack4:before {content: "\ed47";} .icon-stack-music:before {content: "\ed48";} .icon-stack-play:before {content: "\ed49";} .icon-move:before {content: "\ed4a";} .icon-dots:before {content: "\ed4b";} .icon-warning:before {content: "\ed4c";} .icon-warning22:before {content: "\ed4d";} .icon-notification2:before {content: "\ed4f";} .icon-question3:before {content: "\ed52";} .icon-question4:before {content: "\ed53";} .icon-plus3:before {content: "\ed5a";} .icon-minus3:before {content: "\ed5b";} .icon-plus-circle2:before {content: "\ed5e";} .icon-minus-circle2:before {content: "\ed5f";} .icon-cancel-circle2:before {content: "\ed63";} .icon-blocked:before {content: "\ed64";} .icon-cancel-square:before {content: "\ed65";} .icon-cancel-square2:before {content: "\ed66";} .icon-spam:before {content: "\ed68";} .icon-cross2:before {content: "\ed6a";} .icon-cross3:before {content: "\ed6b";} .icon-checkmark:before {content: "\ed6c";} .icon-checkmark3:before {content: "\ed6e";} .icon-checkmark2:before {content: "\e372";} .icon-checkmark4:before {content: "\ed6f";} .icon-spell-check:before {content: "\ed71";} .icon-spell-check2:before {content: "\ed72";} .icon-enter:before {content: "\ed73";} .icon-exit:before {content: "\ed74";} .icon-enter2:before {content: "\ed75";} .icon-exit2:before {content: "\ed76";} .icon-enter3:before {content: "\ed77";} .icon-exit3:before {content: "\ed78";} .icon-wall:before {content: "\ed79";} .icon-fence:before {content: "\ed7a";} .icon-play3:before {content: "\ed7b";} .icon-pause:before {content: "\ed7c";} .icon-stop:before {content: "\ed7d";} .icon-previous:before {content: "\ed7e";} .icon-next:before {content: "\ed7f";} .icon-backward:before {content: "\ed80";} .icon-forward2:before {content: "\ed81";} .icon-play4:before {content: "\ed82";} .icon-pause2:before {content: "\ed83";} .icon-stop2:before {content: "\ed84";} .icon-backward2:before {content: "\ed85";} .icon-forward3:before {content: "\ed86";} .icon-first:before {content: "\ed87";} .icon-last:before {content: "\ed88";} .icon-previous2:before {content: "\ed89";} .icon-next2:before {content: "\ed8a";} .icon-eject:before {content: "\ed8b";} .icon-volume-high:before {content: "\ed8c";} .icon-volume-medium:before {content: "\ed8d";} .icon-volume-low:before {content: "\ed8e";} .icon-volume-mute:before {content: "\ed8f";} .icon-speaker-left:before {content: "\ed90";} .icon-speaker-right:before {content: "\ed91";} .icon-volume-mute2:before {content: "\ed92";} .icon-volume-increase:before {content: "\ed93";} .icon-volume-decrease:before {content: "\ed94";} .icon-volume-mute5:before {content: "\eda4";} .icon-loop:before {content: "\eda5";} .icon-loop3:before {content: "\eda7";} .icon-infinite-square:before {content: "\eda8";} .icon-infinite:before {content: "\eda9";} .icon-loop4:before {content: "\edab";} .icon-shuffle:before {content: "\edac";} .icon-wave:before {content: "\edae";} .icon-wave2:before {content: "\edaf";} .icon-split:before {content: "\edb0";} .icon-merge:before {content: "\edb1";} .icon-arrow-up5:before {content: "\edc4";} .icon-arrow-right5:before {content: "\edc5";} .icon-arrow-down5:before {content: "\edc6";} .icon-arrow-left5:before {content: "\edc7";} .icon-arrow-up-left2:before {content: "\edd0";} .icon-arrow-up7:before {content: "\edd1";} .icon-arrow-up-right2:before {content: "\edd2";} .icon-arrow-right7:before {content: "\edd3";} .icon-arrow-down-right2:before {content: "\edd4";} .icon-arrow-down7:before {content: "\edd5";} .icon-arrow-down-left2:before {content: "\edd6";} .icon-arrow-left7:before {content: "\edd7";} .icon-arrow-up-left3:before {content: "\edd8";} .icon-arrow-up8:before {content: "\edd9";} .icon-arrow-up-right3:before {content: "\edda";} .icon-arrow-right8:before {content: "\eddb";} .icon-arrow-down-right3:before {content: "\eddc";} .icon-arrow-down8:before {content: "\eddd";} .icon-arrow-down-left3:before {content: "\edde";} .icon-arrow-left8:before {content: "\eddf";} .icon-circle-up2:before {content: "\ede4";} .icon-circle-right2:before {content: "\ede5";} .icon-circle-down2:before {content: "\ede6";} .icon-circle-left2:before {content: "\ede7";} .icon-arrow-resize7:before {content: "\edfe";} .icon-arrow-resize8:before {content: "\edff";} .icon-square-up-left:before {content: "\ee00";} .icon-square-up:before {content: "\ee01";} .icon-square-up-right:before {content: "\ee02";} .icon-square-right:before {content: "\ee03";} .icon-square-down-right:before {content: "\ee04";} .icon-square-down:before {content: "\ee05";} .icon-square-down-left:before {content: "\ee06";} .icon-square-left:before {content: "\ee07";} .icon-arrow-up15:before {content: "\ee30";} .icon-arrow-right15:before {content: "\ee31";} .icon-arrow-down15:before {content: "\ee32";} .icon-arrow-left15:before {content: "\ee33";} .icon-arrow-up16:before {content: "\ee34";} .icon-arrow-right16:before {content: "\ee35";} .icon-arrow-down16:before {content: "\ee36";} .icon-arrow-left16:before {content: "\ee37";} .icon-menu-open:before {content: "\ee38";} .icon-menu-open2:before {content: "\ee39";} .icon-menu-close:before {content: "\ee3a";} .icon-menu-close2:before {content: "\ee3b";} .icon-enter5:before {content: "\ee3d";} .icon-esc:before {content: "\ee3e";} .icon-enter6:before {content: "\ee3f";} .icon-backspace:before {content: "\ee40";} .icon-backspace2:before {content: "\ee41";} .icon-tab:before {content: "\ee42";} .icon-transmission:before {content: "\ee43";} .icon-sort:before {content: "\ee45";} .icon-move-up2:before {content: "\ee47";} .icon-move-down2:before {content: "\ee48";} .icon-sort-alpha-asc:before {content: "\ee49";} .icon-sort-alpha-desc:before {content: "\ee4a";} .icon-sort-numeric-asc:before {content: "\ee4b";} .icon-sort-numberic-desc:before {content: "\ee4c";} .icon-sort-amount-asc:before {content: "\ee4d";} .icon-sort-amount-desc:before {content: "\ee4e";} .icon-sort-time-asc:before {content: "\ee4f";} .icon-sort-time-desc:before {content: "\ee50";} .icon-battery-6:before {content: "\ee51";} .icon-battery-0:before {content: "\ee57";} .icon-battery-charging:before {content: "\ee58";} .icon-command:before {content: "\ee5f";} .icon-shift:before {content: "\ee60";} .icon-ctrl:before {content: "\ee61";} .icon-opt:before {content: "\ee62";} .icon-checkbox-checked:before {content: "\ee63";} .icon-checkbox-unchecked:before {content: "\ee64";} .icon-checkbox-partial:before {content: "\ee65";} .icon-square:before {content: "\ee66";} .icon-triangle:before {content: "\ee67";} .icon-triangle2:before {content: "\ee68";} .icon-diamond3:before {content: "\ee69";} .icon-diamond4:before {content: "\ee6a";} .icon-checkbox-checked2:before {content: "\ee6b";} .icon-checkbox-unchecked2:before {content: "\ee6c";} .icon-checkbox-partial2:before {content: "\ee6d";} .icon-radio-checked:before {content: "\ee6e";} .icon-radio-checked2:before {content: "\ee6f";} .icon-radio-unchecked:before {content: "\ee70";} .icon-checkmark-circle:before {content: "\ee73";} .icon-circle:before {content: "\ee74";} .icon-circle2:before {content: "\ee75";} .icon-circles:before {content: "\ee76";} .icon-circles2:before {content: "\ee77";} .icon-crop:before {content: "\ee78";} .icon-crop2:before {content: "\ee79";} .icon-make-group:before {content: "\ee7a";} .icon-ungroup:before {content: "\ee7b";} .icon-vector:before {content: "\ee7c";} .icon-vector2:before {content: "\ee7d";} .icon-rulers:before {content: "\ee7e";} .icon-pencil-ruler:before {content: "\ee80";} .icon-scissors:before {content: "\ee81";} .icon-filter3:before {content: "\ee88";} .icon-filter4:before {content: "\ee89";} .icon-font:before {content: "\ee8a";} .icon-ampersand2:before {content: "\ee8b";} .icon-ligature:before {content: "\ee8c";} .icon-font-size:before {content: "\ee8e";} .icon-typography:before {content: "\ee8f";} .icon-text-height:before {content: "\ee90";} .icon-text-width:before {content: "\ee91";} .icon-height2:before {content: "\ee92";} .icon-width:before {content: "\ee93";} .icon-strikethrough2:before {content: "\ee98";} .icon-font-size2:before {content: "\ee99";} .icon-bold2:before {content: "\ee9a";} .icon-underline2:before {content: "\ee9b";} .icon-italic2:before {content: "\ee9c";} .icon-strikethrough3:before {content: "\ee9d";} .icon-omega:before {content: "\ee9e";} .icon-sigma:before {content: "\ee9f";} .icon-nbsp:before {content: "\eea0";} .icon-page-break:before {content: "\eea1";} .icon-page-break2:before {content: "\eea2";} .icon-superscript:before {content: "\eea3";} .icon-subscript:before {content: "\eea4";} .icon-superscript2:before {content: "\eea5";} .icon-subscript2:before {content: "\eea6";} .icon-text-color:before {content: "\eea7";} .icon-highlight:before {content: "\eea8";} .icon-pagebreak:before {content: "\eea9";} .icon-clear-formatting:before {content: "\eeaa";} .icon-table:before {content: "\eeab";} .icon-table2:before {content: "\eeac";} .icon-insert-template:before {content: "\eead";} .icon-pilcrow:before {content: "\eeae";} .icon-ltr:before {content: "\eeaf";} .icon-rtl:before {content: "\eeb0";} .icon-ltr2:before {content: "\eeb1";} .icon-rtl2:before {content: "\eeb2";} .icon-section:before {content: "\eeb3";} .icon-paragraph-left2:before {content: "\eeb8";} .icon-paragraph-center2:before {content: "\eeb9";} .icon-paragraph-right2:before {content: "\eeba";} .icon-paragraph-justify2:before {content: "\eebb";} .icon-indent-increase:before {content: "\eebc";} .icon-indent-decrease:before {content: "\eebd";} .icon-paragraph-left3:before {content: "\eebe";} .icon-paragraph-center3:before {content: "\eebf";} .icon-paragraph-right3:before {content: "\eec0";} .icon-paragraph-justify3:before {content: "\eec1";} .icon-indent-increase2:before {content: "\eec2";} .icon-indent-decrease2:before {content: "\eec3";} .icon-share:before {content: "\eec4";} .icon-share2:before {content: "\eec5";} .icon-new-tab:before {content: "\eec6";} .icon-new-tab2:before {content: "\eec7";} .icon-popout:before {content: "\eec8";} .icon-embed:before {content: "\eec9";} .icon-embed2:before {content: "\eeca";} .icon-markup:before {content: "\eecb";} .icon-regexp:before {content: "\eecc";} .icon-regexp2:before {content: "\eecd";} .icon-code:before {content: "\eece";} .icon-circle-css:before {content: "\eecf";} .icon-circle-code:before {content: "\eed0";} .icon-terminal:before {content: "\eed1";} .icon-unicode:before {content: "\eed2";} .icon-seven-segment-0:before {content: "\eed3";} .icon-seven-segment-1:before {content: "\eed4";} .icon-seven-segment-2:before {content: "\eed5";} .icon-seven-segment-3:before {content: "\eed6";} .icon-seven-segment-4:before {content: "\eed7";} .icon-seven-segment-5:before {content: "\eed8";} .icon-seven-segment-6:before {content: "\eed9";} .icon-seven-segment-7:before {content: "\eeda";} .icon-seven-segment-8:before {content: "\eedb";} .icon-seven-segment-9:before {content: "\eedc";} .icon-share3:before {content: "\eedd";} .icon-share4:before {content: "\eede";} .icon-google:before {content: "\eee3";} .icon-google-plus:before {content: "\eee4";} .icon-google-plus2:before {content: "\eee5";} .icon-google-drive:before {content: "\eee7";} .icon-facebook:before {content: "\eee8";} .icon-facebook2:before {content: "\eee9";} .icon-instagram:before {content: "\eeec";} .icon-twitter:before {content: "\eeed";} .icon-twitter2:before {content: "\eeee";} .icon-feed2:before {content: "\eef0";} .icon-feed3:before {content: "\eef1";} .icon-youtube:before {content: "\eef3";} .icon-youtube2:before {content: "\eef4";} .icon-youtube3:before {content: "\eef5";} .icon-vimeo:before {content: "\eef8";} .icon-vimeo2:before {content: "\eef9";} .icon-lanyrd:before {content: "\eefb";} .icon-flickr:before {content: "\eefc";} .icon-flickr2:before {content: "\eefd";} .icon-flickr3:before {content: "\eefe";} .icon-picassa:before {content: "\ef00";} .icon-picassa2:before {content: "\ef01";} .icon-dribbble:before {content: "\ef02";} .icon-dribbble2:before {content: "\ef03";} .icon-dribbble3:before {content: "\ef04";} .icon-forrst:before {content: "\ef05";} .icon-forrst2:before {content: "\ef06";} .icon-deviantart:before {content: "\ef07";} .icon-deviantart2:before {content: "\ef08";} .icon-steam:before {content: "\ef09";} .icon-steam2:before {content: "\ef0a";} .icon-dropbox:before {content: "\ef0b";} .icon-onedrive:before {content: "\ef0c";} .icon-github:before {content: "\ef0d";} .icon-github4:before {content: "\ef10";} .icon-github5:before {content: "\ef11";} .icon-wordpress:before {content: "\ef12";} .icon-wordpress2:before {content: "\ef13";} .icon-joomla:before {content: "\ef14";} .icon-blogger:before {content: "\ef15";} .icon-blogger2:before {content: "\ef16";} .icon-tumblr:before {content: "\ef17";} .icon-tumblr2:before {content: "\ef18";} .icon-yahoo:before {content: "\ef19";} .icon-tux:before {content: "\ef1a";} .icon-apple2:before {content: "\ef1b";} .icon-finder:before {content: "\ef1c";} .icon-android:before {content: "\ef1d";} .icon-windows:before {content: "\ef1e";} .icon-windows8:before {content: "\ef1f";} .icon-soundcloud:before {content: "\ef20";} .icon-soundcloud2:before {content: "\ef21";} .icon-skype:before {content: "\ef22";} .icon-reddit:before {content: "\ef23";} .icon-linkedin:before {content: "\ef24";} .icon-linkedin2:before {content: "\ef25";} .icon-lastfm:before {content: "\ef26";} .icon-lastfm2:before {content: "\ef27";} .icon-delicious:before {content: "\ef28";} .icon-stumbleupon:before {content: "\ef29";} .icon-stumbleupon2:before {content: "\ef2a";} .icon-stackoverflow:before {content: "\ef2b";} .icon-pinterest2:before {content: "\ef2d";} .icon-xing:before {content: "\ef2e";} .icon-flattr:before {content: "\ef30";} .icon-foursquare:before {content: "\ef31";} .icon-paypal:before {content: "\ef32";} .icon-paypal2:before {content: "\ef33";} .icon-yelp:before {content: "\ef35";} .icon-file-pdf:before {content: "\ef36";} .icon-file-openoffice:before {content: "\ef37";} .icon-file-word:before {content: "\ef38";} .icon-file-excel:before {content: "\ef39";} .icon-libreoffice:before {content: "\ef3a";} .icon-html5:before {content: "\ef3b";} .icon-html52:before {content: "\ef3c";} .icon-css3:before {content: "\ef3d";} .icon-git:before {content: "\ef3e";} .icon-svg:before {content: "\ef3f";} .icon-codepen:before {content: "\ef40";} .icon-chrome:before {content: "\ef41";} .icon-firefox:before {content: "\ef42";} .icon-IE:before {content: "\ef43";} .icon-opera:before {content: "\ef44";} .icon-safari:before {content: "\ef45";} .icon-check2:before {content: "\e601";} .icon-home4:before {content: "\e603";} .icon-people:before {content: "\e81b";} .icon-checkmark-circle2:before {content: "\e853";} .icon-arrow-up-left32:before {content: "\e8ae";} .icon-arrow-up52:before {content: "\e8af";} .icon-arrow-up-right32:before {content: "\e8b0";} .icon-arrow-right6:before {content: "\e8b1";} .icon-arrow-down-right32:before {content: "\e8b2";} .icon-arrow-down52:before {content: "\e8b3";} .icon-arrow-down-left32:before {content: "\e8b4";} .icon-arrow-left52:before {content: "\e8b5";} .icon-calendar5:before {content: "\e985";} .icon-move-alt1:before {content: "\e986";} .icon-reload-alt:before {content: "\e987";} .icon-move-vertical:before {content: "\e988";} .icon-move-horizontal:before {content: "\e989";} .icon-hash:before {content: "\e98b";} .icon-bars-alt:before {content: "\e98c";} .icon-eye8:before {content: "\e98d";} .icon-search4:before {content: "\e98e";} .icon-zoomin3:before {content: "\e98f";} .icon-zoomout3:before {content: "\e990";} .icon-add:before {content: "\e991";} .icon-subtract:before {content: "\e992";} .icon-exclamation:before {content: "\e993";} .icon-question6:before {content: "\e994";} .icon-close2:before {content: "\e995";} .icon-task:before {content: "\e996";} .icon-inbox:before {content: "\e997";} .icon-inbox-alt:before {content: "\e998";} .icon-envelope:before {content: "\e999";} .icon-compose:before {content: "\e99a";} .icon-newspaper2:before {content: "\e99b";} .icon-calendar22:before {content: "\e99c";} .icon-hyperlink:before {content: "\e99d";} .icon-trash:before {content: "\e99e";} .icon-trash-alt:before {content: "\e99f";} .icon-grid5:before {content: "\e9a0";} .icon-grid-alt:before {content: "\e9a1";} .icon-menu6:before {content: "\e9a2";} .icon-list3:before {content: "\e9a3";} .icon-gallery:before {content: "\e9a4";} .icon-calculator:before {content: "\e9a5";} .icon-windows2:before {content: "\e9a6";} .icon-browser:before {content: "\e9a7";} .icon-portfolio:before {content: "\e9a8";} .icon-comments:before {content: "\e9a9";} .icon-screen3:before {content: "\e9aa";} .icon-iphone:before {content: "\e9ab";} .icon-ipad:before {content: "\e9ac";} .icon-googleplus5:before {content: "\e9ad";} .icon-pin:before {content: "\e9ae";} .icon-pin-alt:before {content: "\e9af";} .icon-cog5:before {content: "\e9b0";} .icon-graduation:before {content: "\e9b1";} .icon-air:before {content: "\e9b2";} .icon-droplets:before {content: "\e7ee";} .icon-statistics:before {content: "\e9b4";} .icon-pie5:before {content: "\e7ef";} .icon-cross:before {content: "\e9b6";} .icon-minus2:before {content: "\e9b7";} .icon-plus2:before {content: "\e9b8";} .icon-info3:before {content: "\e9b9";} .icon-info22:before {content: "\e9ba";} .icon-question7:before {content: "\e9bb";} .icon-help:before {content: "\e9bc";} .icon-warning2:before {content: "\e9bd";} .icon-add-to-list:before {content: "\e9bf";} .icon-arrow-left12:before {content: "\e9c0";} .icon-arrow-down12:before {content: "\e9c1";} .icon-arrow-up12:before {content: "\e9c2";} .icon-arrow-right13:before {content: "\e9c3";} .icon-arrow-left22:before {content: "\e9c4";} .icon-arrow-down22:before {content: "\e9c5";} .icon-arrow-up22:before {content: "\e9c6";} .icon-arrow-right22:before {content: "\e9c7";} .icon-arrow-left32:before {content: "\e9c8";} .icon-arrow-down32:before {content: "\e9c9";} .icon-arrow-up32:before {content: "\e9ca";} .icon-arrow-right32:before {content: "\e9cb";} .icon-switch2:before {content: "\e647";} .icon-checkmark5:before {content: "\e600";} .icon-ampersand:before {content: "\e9cc";} .icon-alert:before {content: "\e9cf";} .icon-alignment-align:before {content: "\e9d0";} .icon-alignment-aligned-to:before {content: "\e9d1";} .icon-alignment-unalign:before {content: "\e9d2";} .icon-arrow-down132:before {content: "\e9d3";} .icon-arrow-up13:before {content: "\e9da";} .icon-arrow-left13:before {content: "\e9d4";} .icon-arrow-right14:before {content: "\e9d5";} .icon-arrow-small-down:before {content: "\e9d6";} .icon-arrow-small-left:before {content: "\e9d7";} .icon-arrow-small-right:before {content: "\e9d8";} .icon-arrow-small-up:before {content: "\e9d9";} .icon-check:before {content: "\e9db";} .icon-chevron-down:before {content: "\e9dc";} .icon-chevron-left:before {content: "\e9dd";} .icon-chevron-right:before {content: "\e9de";} .icon-chevron-up:before {content: "\e9df";} .icon-clippy:before {content: "\f035";} .icon-comment:before {content: "\f02b";} .icon-comment-discussion:before {content: "\f04f";} .icon-dash:before {content: "\e9e2";} .icon-diff:before {content: "\e9e3";} .icon-diff-added:before {content: "\e9e4";} .icon-diff-ignored:before {content: "\e9e5";} .icon-diff-modified:before {content: "\e9e6";} .icon-diff-removed:before {content: "\e9e7";} .icon-diff-renamed:before {content: "\e9e8";} .icon-file-media:before {content: "\f012";} .icon-fold:before {content: "\e9ea";} .icon-gear:before {content: "\e9eb";} .icon-git-branch:before {content: "\e9ec";} .icon-git-commit:before {content: "\e9ed";} .icon-git-compare:before {content: "\e9ee";} .icon-git-merge:before {content: "\e9ef";} .icon-git-pull-request:before {content: "\e9f0";} .icon-graph:before {content: "\f043";} .icon-law:before {content: "\e9f1";} .icon-list-ordered:before {content: "\e9f2";} .icon-list-unordered:before {content: "\e9f3";} .icon-mail5:before {content: "\e9f4";} .icon-mail-read:before {content: "\e9f5";} .icon-mention:before {content: "\e9f6";} .icon-mirror:before {content: "\f024";} .icon-move-down:before {content: "\f0a8";} .icon-move-left:before {content: "\f074";} .icon-move-right:before {content: "\f0a9";} .icon-move-up:before {content: "\f0a7";} .icon-person:before {content: "\f018";} .icon-plus22:before {content: "\e9f7";} .icon-primitive-dot:before {content: "\f052";} .icon-primitive-square:before {content: "\f053";} .icon-repo-forked:before {content: "\e9f8";} .icon-screen-full:before {content: "\e9f9";} .icon-screen-normal:before {content: "\e9fa";} .icon-sync:before {content: "\e9fb";} .icon-three-bars:before {content: "\e9fc";} .icon-unfold:before {content: "\e9fe";} .icon-versions:before {content: "\e9ff";} .icon-x:before {content: "\ea00";}