<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}/** * Remove default margin. */body { margin: 0;}/* HTML5 display definitions ========================================================================== *//** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */audio,canvas,progress,video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */audio:not([controls]) { display: none; height: 0;}/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox &lt; 22. */[hidden],template { display: none;}/* Links ========================================================================== *//** * Remove the gray background color from active links in IE 10. */a { background-color: transparent;}/** * Improve readability when focused and also mouse hovered in all browsers. */a:active,a:hover { outline: 0;}/* Text-level semantics ========================================================================== *//** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */abbr[title] { border-bottom: 1px dotted;}/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */b,strong { font-weight: bold;}/** * Address styling not present in Safari and Chrome. */dfn { font-style: italic;}/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */h1 { font-size: 2em; margin: 0.67em 0;}/** * Address styling not present in IE 8/9. */mark { background: #ff0; color: #000;}/** * Address inconsistent and variable font size in all browsers. */small { font-size: 80%;}/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}/* Embedded content ========================================================================== *//** * Remove border when inside `a` element in IE 8/9/10. */img { border: 0;}/** * Correct overflow not hidden in IE 9/10/11. */svg:not(:root) { overflow: hidden;}/* Grouping content ========================================================================== *//** * Address margin not present in IE 8/9 and Safari. */figure { margin: 1em 40px;}/** * Address differences between Firefox and other browsers. */hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}/** * Contain overflow in all browsers. */pre { overflow: auto;}/** * Address odd `em`-unit font size rendering in all browsers. */code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;}/* Forms ========================================================================== *//** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. *//** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */button,input,optgroup,select,textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */}/** * Address `overflow` set to `hidden` in IE 8/9/10/11. */button { overflow: visible;}/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */button,select { text-transform: none;}/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */}/** * Re-set default cursor for disabled elements. */button[disabled],html input[disabled] { cursor: default;}/** * Remove inner padding and border in Firefox 4+. */button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */input { line-height: normal;}/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}/** * Define consistent border, margin, and padding. */fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */legend { border: 0; /* 1 */ padding: 0; /* 2 */}/** * Remove default vertical scrollbar in IE 8/9/10/11. */textarea { overflow: auto;}/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */optgroup { font-weight: bold;}/* Tables ========================================================================== *//** * Remove most spacing between table cells. */table { border-collapse: collapse; border-spacing: 0;}td,th { padding: 0;}/*font-family: "Roboto", sans-serif;font-weight: 300/400/700;font-family: "essonnes-display", serif;font-weight: 400;font-style: normal;ZWART: #000ORANJE: #ba5d28BEIGE: a79d85GROEN: #72b93b*/* { border: 0;padding: 0;margin: 0; }/* general */body {font-family: "Roboto", sans-serif;font-weight: 400;font-size: 15px;color: #000;}br.clear {clear: both;}/* wrapper */.wrapper {margin: 0 auto;max-width: 1280px;position: relative;}.wrapper.mobile {display: none;}.text_wrapper {margin: 0 auto;max-width: 800px;}/* header */.header {float: left;width: 100%;height: 180px;background: #000;letter-spacing: 1px;}/* logo */.logo {position: absolute;left: 0;top: 40px;z-index: 100;height: 100px;}/* links */.links {float: left;width: 100%;box-sizing: border-box;height: 40px;text-align: right;padding-top: 15px;font-size: 13px;}.links a {display: inline-block;margin-left: 20px;color: #fff;text-decoration: none;border-bottom: 1px solid #000;}.links a:hover {border-bottom: 1px solid #fff;}.links a.selected {font-weight: 700;}.links a.selected:hover {border: 0 !important;}.links a.social {font-size: 16px;margin-left: 2px;}.links a.social.facebook {margin-left: 20px;}/* search */.search_container {float: left;width: 100%;padding: 27px 0;}.search_wrapper {margin: 0 auto;max-width: 480px;}.search_form {float: left;width: 100%;position: relative;z-index: 1000;}.search_form:after { content: "\f002"; font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 15px; color: #000; right: 0; top: 0; padding: 16px 14px; position: absolute; pointer-events: none;}.search_form input.search {float: right;width: 100%;box-sizing: border-box;font-family: "Roboto", sans-serif;font-weight: 400;font-size: 16px;background: #f6f5f3;color: #000;border: 0;padding: 13px 28px 13px 15px;outline: none;}.search_form input.search::placeholder {color: #000;}/* controls */.controls {position: absolute;top: 79px;right: 0;z-index: 1100;}/* user indicator */a.user_indicator {float: right;margin-left: 30px;text-decoration: none;color: #fff;}a.user_indicator i {color: #fff;}a.user_indicator:hover {color: #fff;}a.user_indicator:hover i {color: #fff;}a.user_indicator.active {color: #fff;font-weight: 700;}a.user_indicator.active i {color: #fff;}a.user_indicator span {border-bottom: 1px solid #000;}a.user_indicator:hover span {border-bottom: 1px solid #fff;}a.user_indicator.active:hover span {border-bottom: 1px solid #000;}/* cart indicator */a.cart_indicator {float: right;padding-bottom: 8px;text-decoration: none;color: #fff;position: relative;}a.cart_indicator i {color: #fff;}a.cart_indicator:hover {color: #fff;}a.cart_indicator:hover i {color: #fff;}a.cart_indicator.active {color: #fff;font-weight: 700;}a.cart_indicator.active i {color: #fff;}a.cart_indicator span {border-bottom: 1px solid #000;}a.cart_indicator:hover span {border-bottom: 1px solid #fff;}a.cart_indicator.active:hover span {border-bottom: 1px solid #000;}a.cart_indicator span em {display: inline-block;font-style: normal;font-size: 10px;margin-left: 2px;}.cart_indicator b.cart_indicator_counter {display: inline-block;vertical-align: top;width: 12px;height: 12px;font-size: 11px;line-height: 1em;text-align: center;margin-left: 5px;color: #fff;background: #ba5d28;padding: 5px;font-weight: 400;border-radius: 50px;}.cart_indicator b.cart_indicator_counter.hidden {display: none;}.cart_indicator_rollover {position: absolute;top: 30px;right: 0;z-index: 100;width: 400px;border: 1px solid #ddd;color: #000;background: #fff;display: none;}.cart_indicator_rollover.empty {border: 0;}.cart_indicator:hover .cart_indicator_rollover {display: block;}.cart_indicator_rollover.active {display: block;}.cart_indicator_rollover table {float: left;width: 100%;}.cart_indicator_rollover table td {padding: 10px;border-bottom: 1px solid #ddd;}.cart_indicator_rollover table td b {display: inline-block;padding: 4px 4px 4px 4px;font-size: 11px;font-weight: 700;line-height: 1em;text-transform: uppercase;color: #fff;background: #000;}.cart_indicator_rollover table td.image {width: 50px;}.cart_indicator_rollover table td img {width: 50px;}.cart_indicator_rollover table td span {font-weight: 300;color: #000;border: 0 !important;}.cart_indicator_rollover table td.price {font-weight: 700;color: #000;text-align: right;white-space: nowrap;}.cart_indicator_rollover table td.total {text-transform: uppercase;color: #000;font-weight: 700;border-bottom: 0;}.cart_indicator_rollover u {display: inline-block;color: #fff;background: #ba5d28;text-decoration: none;text-transform: uppercase;font-size: 14px;line-height: 1.5em;margin: 5px 1%;width: 94%;padding: 10px 2%;text-align: center;border: 0 !important;}.cart_indicator_rollover u:hover {background: #000;}/* hamburger */.hamburger {float: right;outline: none;display: none !important;margin-left: 50px !important;}/* nav */.nav {float: left;width: 100%;background: rgba(167, 157, 133, 0.1);}.nav nav {float: left;width: 100%;text-align: center;} .nav nav a {display: inline-block;color: #000;font-size: 16px;font-weight: 400;line-height: 1em;letter-spacing: 1px;text-decoration: none;text-transform: uppercase;margin: 0 40px;padding: 17px 0;position: relative;}.nav nav a:hover {color: #ba5d28;}.nav nav a.selected {color: #ba5d28;}.nav nav a.selected:after {content: '';position: absolute;bottom: -4px;left: 0;width: 100%;height: 4px;background: #ba5d28;}.nav nav a.nav_home, .nav nav a.nav_faq, .nav nav a.nav_jobs, .nav nav a.nav_winkels, .nav nav a.nav_contact, .nav nav a.nav_account, .nav nav a.nav_afspraak {display: none;}.nav nav a.social {display: none;}/* content */.content {float: left;width: 100%;padding: 75px 0;}.content.home {padding-top: 0;}.content a {color: #000;text-decoration: none;border-bottom: 1px solid #ddd;}.content a:hover {color: #000;border-bottom: 1px solid #000;}.content a.button {display: inline-block;color: #fff;background: #ba5d28;text-decoration: none;text-transform: uppercase;font-size: 14px;font-weight: 300;letter-spacing: 1px;line-height: 1.5em;padding: 15px 30px;margin-right: 10px;margin-bottom: 10px;border: 0 !important;}.content a.button:hover {background: #000;}.content a.button.small {font-size: 12px;padding: 1px 10px;border-radius: 2px;margin-right: 0;margin-bottom: 0;}.content a.button.empty {color: #000;background: transparent;border: 1px solid #aaa !important;font-size: 14px;}.content a.button.empty:hover {color: #000;background: #fff;border: 1px solid #000 !important;}.content a.button.full {width: 100%;box-sizing: border-box;padding: 5px 15px;margin-right: 0;text-align: center;}.content a.button.empty.full {width: 100%;}.content a.button.stock {padding: 15px 30px;margin-right: 0;text-align: center;border: 0 !important;background: rgba(0, 0, 0, 0.1);}.content a.button.stock:hover {border: 0 !important;background: rgba(0, 0, 0, 0.2);}.content a.button.left {float: left;}.content a.button.right {float: right;}.content a.button.disabled {cursor: default;background: #999 !important;}.content a.button.feedback {cursor: default;background: #72b93b !important;}.content a.button.error {cursor: default;background: #ba5d28 !important;}.content a.button.addtocart {padding-top: 15px;padding-bottom: 15px;margin-top: 10px;margin-bottom: 10px;}.content a.anchor { display: block; position: relative; top: -75px; visibility: hidden;}/*a[href^="tel"]:link,a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration: none; border: 0; pointer-events: none; cursor: default;}*/.content img.left {float: left;padding-right: 15px;margin-right: 15px;}.content img.right {float: right;padding-left: 15px;margin-left: 15px;}.content h1 {font-family: "essonnes-display", serif;font-weight: 400;font-size: 30px;line-height: 1em;margin-top: 0;margin-bottom: 25px;}.content h1.huge {font-family: "Roboto", sans-serif;font-weight: 300;font-size: 55px;line-height: 1.1em;margin-top: 0;margin-bottom: 35px;}.content h1 a.small {font-size: 18px;font-weight: 300;margin-left: 10px;}.content h1.nomargin {margin-bottom: 10px;}.content h1.center {text-align: center;}.content h1.special {text-align: center;font-size: 22px;text-transform: uppercase;font-weight: 300;color: #000;margin-top: 20px;margin-bottom: 20px;}.content h1.special.left {text-align: left;}.content h2 {font-weight: 700;font-size: 20px;letter-spacing: 1px;line-height: 1.2em;margin-top: 0;margin-bottom: 20px;}.content h2.center {text-align: center;}.content h2.special {text-align: center;font-size: 22px;text-transform: uppercase;font-weight: 300;color: #000;margin-top: 20px;margin-bottom: 20px;}.content h2.special.left {text-align: left;}.content h2 b {color: #fff;background: #000;vertical-align: middle;padding: 5px 10px;font-size: 12px;text-transform: uppercase;margin-right: 10px;}.content h3 {color: #ba5d28;font-family: "essonnes-display", serif;font-weight: 400;font-size: 21px;line-height: 1em;margin-top: 0;margin-bottom: 10px;}.content span.title {float: left;width: 100%;font-family: "essonnes-display", serif;font-weight: 400;font-size: 30px;font-style: normal;margin-bottom: 25px;}.content p {line-height: 1.7em;margin-bottom: 25px;}.content p.nomargin {line-height: 1.3em;margin-bottom: 5px;}.content p.center {text-align: center;}.content p.open {float: left;width: 100%;padding: 10px 20px;box-sizing: border-box;border: 1px solid #72b93b;color: #72b93b;}.content p.closed {float: left;width: 100%;padding: 10px 20px;box-sizing: border-box;border: 1px solid #ba5d28;color: #ba5d28;}.content .sidebar.product p {float: left;width: 100%;line-height: 1.4em;}.content ul {list-style-type: disc;margin-bottom: 25px;}.content ol {list-style-type: decimal;margin-left: 10px;margin-bottom: 25px;}.content li {margin-left: 20px;margin-bottom: 0;line-height: 1.5em;}.content ul.check {list-style-type: none;margin-bottom: 25px;}.content ul.check li {margin-left: 0;padding-left: 25px;margin-bottom: 6px;line-height: 1.4em;position: relative;}.content ul.check li:before {content: "\f00c";font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 13px; color: #72b93b; left: 0; top: 1px; position: absolute; pointer-events: none;}.content ul.list {float: left;width: 100%;list-style-type: none;margin-bottom: 30px;}.content ul.list li {float: left;width: 100%;padding: 9px 0;margin: 0;line-height: 1.3em;border-bottom: 1px solid #ddd;}.content ul.list li a.selected {font-weight: 700;border: 0;color: #000;}.content ol.list {margin-left: 0;}.content ol.list li {padding: 2px 0;}.content table {width: 100%;margin-bottom: 25px;}.content table.hours td {font-size: 16px;}.content table.hours td.today {background: #f2f2f2;}.content td {padding: 4px;vertical-align: top;line-height: 1.4em;border-bottom: 1px solid #ddd;}.content td.label {}.content hr {float: left;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 25px;}.content hr.spacer1 {border-bottom: 0;margin-bottom: 1px;}.content hr.spacer10 {border-bottom: 0;margin-bottom: 10px;}.content hr.spacer25, hr.spacer25 {float: left;width: 100%;border-bottom: 0;margin-bottom: 25px;}.content hr.spacer30 {border-bottom: 0;margin-bottom: 30px;}.content hr.spacer50, hr.spacer50 {float: left;width: 100%;border-bottom: 0;margin-bottom: 50px;}.content hr.spacer75 {border-bottom: 0;margin-bottom: 75px;}.content hr.spacer100 {border-bottom: 0;margin-bottom: 100px;}.content hr.content_spacer_top {border-bottom: 0;margin-bottom: 30px;}.content hr.content_spacer_bottom {border-bottom: 0;margin-bottom: 20px;}.content span.green, .content strong.green {color: #72b93b;}.content strong.cognac {color: #000;}.content b.red {color: #ba5d28;}.responsive_iframe_wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}.responsive_iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}/* news */.news {float: left;width: 100%;box-sizing: border-box;padding: 20px;background: #ba5d28;margin-top: 20px;margin-bottom: 20px;}.news span, .news a {float: left;width: 100%;text-align: center;font-size: 16px;font-weight: 700;line-height: 1.3em;color: #FFF;border: 0;text-decoration: none;}.news a:hover {color: #000;}/* brand banners */.brand_banner_list {float: left;width: 100%;}.brand_banner_list .banner {float: left;width: 49%;margin-bottom: 25px;position: relative;}.brand_banner_list .brand_image {float: right;width: 80%;background-size: cover !important;}.brand_banner_list .brand_image img {float: left;width: 100%;}.brand_banner_list .banner span {position: absolute;bottom: 0;right: 0;z-index: 100;width: 220px;box-sizing: border-box;color: #fff;background: #000;padding: 30px;line-height: 1.25em;font-size: 18px;font-weight: 400;text-align: left;text-transform: uppercase;}.brand_banner_list a:hover span {background: #ba5d28;}/* vertical banners right */.brand_banner_list .banner1, .brand_banner_list .banner4, .brand_banner_list .banner7, .brand_banner_list .banner10 {float: right;}.brand_banner_list .banner1 .brand_image, .brand_banner_list .banner4 .brand_image, .brand_banner_list .banner7 .brand_image, .brand_banner_list .banner10 .brand_image {float: left;}/* vertical banners left */.brand_banner_list .banner0 span, .brand_banner_list .banner3 span, .brand_banner_list .banner6 span, .brand_banner_list .banner9 span {left: 0;right: auto;text-align: right;}/* horizontal banners */.brand_banner_list .banner2, .brand_banner_list .banner5, .brand_banner_list .banner8 {float: left;width: 100%;}.brand_banner_list .banner2 .brand_image, .brand_banner_list .banner5 .brand_image, .brand_banner_list .banner8 .brand_image {float: left;width: 90.2%;}/* category banners */.category_banner_list {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 150px;}.category_banner_list a {float: left;width: 23.5%;position: relative;}.category_banner_list a img {float: left;width: 100%;}.category_banner_list a:hover {}.category_banner_list a b {position: absolute;bottom: -75px;left: 0;width: 80%;box-sizing: border-box;padding: 30px;color: #fff;background: #000;line-height: 1.25em;font-size: 18px;font-weight: 400;text-align: left;z-index: 10;}.category_banner_list a:hover b {background: #ba5d28;}/* news .top a.news {float: left;width: 100%;height: 20px;padding: 10px 0;font-size: 20px;color: #fff;background: #000;text-decoration: none;white-space: nowrap;border: 0;text-align: center;transition: background 0.3s, margin-top 0.4s;}.top a.news b, .top a.news strong {font-weight: 700;}.top a.news:hover {background: #000;}.top.scroll a.news {margin-top: -50px;}/* banner .banner_wrapper {float: left;width: 100%;height: 650px;height: calc(100vh - 110px);position: relative;} #banner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.banner {position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-size: cover !important;}.banner_text {position: absolute;left: 0;top: 30px;width: 90%;margin: 0 2%;padding: 30px 3%;color: #000;background: url('/_graphics/marmer.jpg') top left;background-size: 600px auto;z-index: 100;transition: all 0.6s;}.banner_image {float: left;width: 100%;display: none;}.content .banner_text h1 {font-weight: 300;line-height: 1.2em;}.banner_text p {margin-bottom: 0 !important;}.banner_text u {display: inline-block;color: #fff;background: #000;text-decoration: none;text-transform: uppercase;font-size: 16px;padding: 5px 25px;border-radius: 2px;transition: all 0.3s;}.banner_text:hover u {color: #fff;background: #000;}/* sidebar */.sidebar {float: left;width: 24%;}.sidebar.right {float: right;}.sidebar.margin {margin: 50px 0 25px 0;}.sidebar_filter {width: 22%;margin-bottom: 25px;}/* main */.main {float: right;width: 70%;}.main.left {float: left;}.main_shop {width: 76%;}.main.margin {margin: 50px 0 25px 0;}.main.margin_bottom {margin-bottom: 25px;}.main.center {float: left;margin-left: 13% !important;}/* crumb */.crumb {float: left;width: 100%;margin-bottom: 15px;font-size: 14px;color: #999;position: relative;z-index: 500;}.crumb a {color: #999;text-decoration: none;border-bottom: 1px solid #ddd;transition: all 0.3s;}.crumb a:hover {color: #000;border-bottom: 1px solid #000;}.crumb em {display: inline-block;font-style: normal;margin: 0 3px;}/* shop banners .shop_banners {float: left;width: 100%;margin-bottom: 30px;}.shop_banners.nomargin {margin-bottom: 0;}a.shop_banner {float: left;width: 20%;position: relative;overflow: hidden;}a.shop_banner img {float: left;width: 100%;z-index: 1;}a.shop_banner span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;color: #fff;background: rgba(196, 132, 54, 0.8);display: flex;flex-direction: row;justify-content: center;align-items: center;opacity: 0;transition: all 0.4s;}a.shop_banner span b {width: 80%;padding: 0 10%;text-align: center;transition: all 0.6s;margin-top: 50px;font-size: 20px;font-weight: 300;text-transform: uppercase;line-height: 1.3em;}a.shop_banner:hover span {opacity: 1;}a.shop_banner:hover span b {margin-top: 0;}/* category banners .category_banners {float: left;width: 100%;display: flex;}a.category_banner {float: left;width: 25%;transition: none !important;position: relative;}a.category_banner img {float: left;width: 100%;z-index: 1;}a.category_banner span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;color: #fff;background: rgba(196, 132, 54, 0.8);display: flex;flex-direction: row;justify-content: center;align-items: center;opacity: 0;transition: all 0.4s;}a.category_banner b {float: left;width: 100%;box-sizing: border-box;padding: 30px 15px;text-align: center;font-size: 21px;font-weight: 300;color: #000;text-transform: uppercase;line-height: 1em;position: relative;z-index: 100;}a.category_banner:hover {background: #000;}a.category_banner:hover span {opacity: 1;}a.category_banner:hover b {color: #fff;background: #000;}/* filter */.filter {float: left;width: 100%;box-sizing: border-box;padding: 40px 25px;background: rgba(167, 157, 133, 0.1);}.filter_block {float: left;width: 100%;margin-bottom: 0;}.filter_block.hidden {display: none;}.filter_block span {float: left;width: 100%;cursor: pointer;color: #000;font-size: 14px;font-weight: 400;text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px solid #aaa;margin-bottom: 20px;position: relative;}.filter_block span b {color: #444;}.filter_block span:hover b {color: #000;}.filter_block span.active b {color: #000;}.filter_block span i {position: absolute;top: 3px;right: 0;z-index: 100;font-size: 12px;transition: opacity 0.3s;}.filter_block span.active i.fa-plus {opacity: 0;}.filter_block span.active i.fa-minus {opacity: 1;}.filter_list_wrapper {float: left;width: 100%;margin-top: 5px; margin-bottom: 35px; position: relative; display: none;}.filter_list_wrapper.brand:after { content: "\f002"; font-family: "Font Awesome 5 Pro"; font-weight: 100; font-size: 14px; color: #bbb; right: 0; top: 0; padding: 6px 10px; position: absolute; pointer-events: none;}.filter_list_wrapper.active {display: block;}.filter_block ul {float: left;width: 100%;list-style-type: none;margin-bottom: 0;}.filter_block ul li {float: left;width: 100%;height: 18px;font-size: 14px;line-height: 1.2em;margin-left: 0;margin-bottom: 3px;white-space: nowrap;}.filter_block ul li a {float: left;width: 100%;border: 0 !important;}.filter_block ul li a:hover {text-decoration: underline;}.filter_block ul li a.selected {color: #ba5d28;}.filter_block ul li b.new {color: #72b93b;}.filter_block ul li a em {font-style: normal;font-size: 12px;color: #999;display: none;}.filter_block ul li a.selected em {color: #000;font-weight: 300;}.filter_block ul li.size a {text-align: none;}/* size filter */.filter_block ul.size_filter {display: flex;justify-content: space-between;flex-wrap: wrap;}.filter_block ul.size_filter li {width: 22%;margin-bottom: 7px;height: auto;padding: 5px;box-sizing: border-box;border: 1px solid #aaa;background: #fff;text-align: center;overflow: hidden;}.filter_block ul.size_filter div.dummy {width: 22%;}.filter_block ul.size_filter div.dummy3 {display: none;}.filter_block ul.size_filter li a {text-decoration: none;}.filter_block ul.size_filter li:hover {border: 1px solid #ba5d28;}.filter_block ul.size_filter li:hover a {color: #ba5d28;}.filter_block ul.size_filter li.selected a {color: #ba5d28;}.filter_block a.size_filter_link {float: left;margin-top: 7px;font-size: 14px;}/* color group filter */.filter_block ul.color_group_filter li a em.color {display: inline-block;width: 12px;height: 12px;border-radius: 25px;margin-right: 8px;}.filter_block ul.color_group_filter li a em.color i {float: left;margin-top: 1px;margin-left: 1px;width: 10px;height: 10px;border-radius: 25px;box-sizing: border-box;}.filter_block ul.color_group_filter li a.selected em.color i {display: none;}.filter_block ul.color_group_filter li a:hover em.color i {display: none;}/* nanoscroller */.nano {float: left; position: relative; width: 100%; height: 148px; overflow: hidden;}.nano &gt; .nano-content {position: absolute;overflow: scroll;overflow-x: hidden;top: 0;right: 0;bottom: 0;left: 0;}.nano &gt; .nano-content:focus {outline: thin dotted;}.nano &gt; .nano-content::-webkit-scrollbar {display: none;}.has-scrollbar &gt; .nano-content::-webkit-scrollbar {display: block;}.nano &gt; .nano-pane {background-image: url('/_graphics/bg_nanoslider_pane.png'); background-color: transparent; background-position: 50% 0;position: absolute;width: 5px;right: 0;top: 0;bottom: 0;opacity: .99;transition: .2s;}.nano &gt; .nano-pane &gt; .nano-slider {background: #ccc;position: relative;margin: 0;cursor: pointer;}.nano:hover &gt; .nano-pane, .nano-pane.active, .nano-pane.flashed {visibility: visible;opacity: 0.99;}/* brand livesearch */.livesearch_brand {float: left;width: 100%;box-sizing: border-box;border: 1px solid #aaa;font-size: 14px;color: #000;padding: 8px;margin-top: -5px;margin-bottom: 10px;outline: none;}.livesearch_wrapper {float: left;width: 100%;margin-top: 5px;position: relative;}/* filter help */.filter_help {float: left;width: 100%;box-sizing: border-box;padding: 35px 25px;color: #fff;background: #000;margin-top: 25px;}.filter_help a {float: left;width: 100%;box-sizing: border-box;border: 1px solid #fff;color: #fff;background: none;padding: 15px;text-align: center;margin: 8px 0;}.filter_help a:hover {border: 1px solid #000;color: #000;background: #fff;}/* filter toggle */.content a.filter_toggle {float: left;width: 100%;color: #fff;background: #000;border: 0 !important;font-size: 16px;text-align: center;text-decoration: none;padding: 12px 0;margin-bottom: 25px;display: none;}/* shop title */.shop_title {float: left;width: 100%;margin-bottom: 25px;}.shop_title span.title {float: left;width: auto;margin-bottom: 0;}/* sort form */.sort_form {float: right;position: relative;margin-top: 9px;}.sort_form select {height: auto;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; display: inline-block; zoom: 1; color: #000; background: #fff; border: 0; padding: 7px; padding-right: 25px; margin: 0; border-radius: 0; font-size: 14px; line-height: 1.2em; width: 190px; cursor: pointer; outline: none; text-align: right;}.sort_form select option {padding: 2px 4px;}.sort_form select::-ms-expand { display: none;}.sort_form:after {content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 15px; color: #000; right: 0; top: 9px; position: absolute; pointer-events: none;}/* filter info */.filter_info {float: left;width: 100%;margin-bottom: 20px;}.filter_info a.delete_filter {float: left;font-size: 15px;padding: 10px 12px;color: #000;background: #f6f5f3;border: 1px solid #f6f5f3 !important;margin-right: 8px;margin-bottom: 8px;}.filter_info a.delete_filter:hover {color: #fff;background: #000;border: 1px solid #000 !important;text-decoration: line-through;}.filter_info a.delete_filter i {display: inline-block;vertical-align: top;font-size: 13px;margin-top: 4px;margin-left: 7px;}.filter_info a.delete_filter.sale {background: #ba5d28;border: 1px solid #ba5d28 !important;}.filter_info a.delete_filter.sale:hover {background: #000;border: 1px solid #000 !important;}.filter_info span.delete_filter {float: left;font-size: 14px;text-transform: uppercase;padding: 5px 9px;color: #eee;background: #000;border: 1px solid #000 !important;border-radius: 2px;margin-right: 8px;margin-bottom: 8px;}.filter_info span.delete_filter i {display: inline-block;vertical-align: top;font-size: 13px;margin-top: 0;margin-left: 3px;color: #eee;}a.reset_filter {float: left;text-decoration: none;font-size: 15px;padding: 10px 12px;margin-right: 8px;margin-bottom: 8px;color: #000;border: 1px solid #aaa !important;}a.reset_filter:hover {color: #fff;background: #000;border: 1px solid #000 !important;}/* product list */.product_list {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}a.product {float: left;width: 32%;box-sizing: border-box;padding: 20px;padding-top: 0;padding-bottom: 15px;margin-bottom: 50px;position: relative;color: #000;border: 1px solid #aaa !important;}.product_dummy {width: 32%;}.product_dummy.wide_product {width: 23%;}a.product:hover {color: #000;border: 1px solid #ba5d28 !important;}a.product.wide_product {width: 23%;}a.product.hidden {opacity: 0;}a.product.nomargin3 {margin-right: 0;}a.product div.product_image_wrapper {float: left;width: 100%;position: relative;margin-bottom: 10px;}a.product img {float: left;width: 100%;opacity: 0.5;-webkit-backface-visibility: hidden;transition: opacity 0.5s ease-in;}a.product img.hover {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: opacity 0.3s;}a.product img.hover.hidden {display: none;}a.product:hover img.hover {opacity: 1;}a.product span.brand {float: left;width: 100%;text-align: left;font-size: 14px;font-weight: 700;text-transform: uppercase;margin-bottom: 4px;letter-spacing: 1px;}a.product span.price {float: left;width: 100%;text-align: left;font-size: 14px;font-weight: 700;padding-bottom: 15px;border-bottom: 1px solid #aaa;margin-bottom: 15px;}a.product span.price.soldout {color: #999;}a.product span.price.sale {color: #ba5d28;}a.product span.price em.percentage {display: inline-block;vertical-align: top;color: #fff;background: #ba5d28;padding: 2px 5px;font-weight: 700;font-size: 11px;font-style: normal;margin-left: 5px;border-radius: 3px;}a.product span strike {color: #000;font-weight: 400;margin-right: 5px;}a.product span.sizes {float: left;width: 100%;}a.product span.sizes i {display: inline-block;font-style: normal;font-weight: 300;font-size: 13px;margin-right: 10px;color: #000;}a.product span.sizes i.active {font-weight: 700;}a.product span.colors {float: left;width: 100%;text-align: left;margin-top: 5px;}a.product span.colors i {display: inline-block;font-style: normal;width: 12px;height: 12px;margin: 1px 6px;margin-left: 0;border-radius: 20px;}a.product span.colors i:hover {width: 14px;height: 14px;margin: 0px 5px;margin-left: -1px;}/* status banner */a.product span.status_banner {position: absolute;top: -10px;right: 15px;z-index: 200;color: #fff;background: #000;padding: 15px 25px;font-size: 14px;}a.product span.status_banner:before {content: '';position: absolute;left: -10px;top: 0;z-index: 10;width: 10px;height: 10px;background: url("/_graphics/status_banner_corner.png") top left no-repeat;background-size: 100% 100%;}a.product span.status_banner b {display: inline-block;text-transform: uppercase;font-weight: 300;line-height: 1.2em;}a.product span.status_banner.last {background: #000;}a.product span.status_banner.sale {background: #ba5d28;}a.product span.status_banner.new {background: #72b93b;}a.product span.status_banner.dynamic {display: none;}/* paging */.paging {float: left;width: 100%;font-size: 16px;margin-bottom: 50px;padding-top: 25px;}.paging a {float: left;padding: 5px 15px;margin-right: 8px;margin-bottom: 8px;background: none;color: #000;border: 1px solid #000;text-decoration: none;}.paging a:hover {color: #ba5d28;border: 1px solid #ba5d28;}.paging span {float: left;padding: 5px 15px;margin-right: 8px;margin-bottom: 8px;color: #aaa;background: #fff;border: 1px solid #fff;}.paging span.selected {font-weight: 700;color: #ba5d28;background: #fff;border: 1px solid #ba5d28;}.paging span.nobg {background: none;padding: 5px 0;font-size: 1.1em;}.paging span.arrow {display: none;}.paging a.arrow {color: #000;background: none;padding: 5px 5px;text-decoration: underline;border: 0;}.paging a.arrow:hover {color: #ba5d28;}/* sticky filter button .sticky_filter_button {position: fixed;bottom: -100px;right: 50px;overflow: hidden;z-index: 1000;color: #fff;max-width: 500px;background: #000;padding: 12px 20px;cursor: pointer;transition: background 0.3s, bottom 0.5s;}.sticky_filter_button b {float: left;width: 100%;font-weight: 300;font-size: 20px;margin-bottom: 4px;}.sticky_filter_button a {display: inline-block;margin: 8px 6px 0 0;font-size: 14px;color: #fff;border-bottom: 0;}.sticky_filter_button a:hover {color: #fff;border-bottom: 1px solid #fff;}.sticky_filter_button:hover {background: #000;}.sticky_filter_button.active {bottom: 0;}/* sticky scroll button .sticky_scroll_button {position: fixed;bottom: -50px;right: 5px;width: 40px;overflow: hidden;z-index: 1000;font-size: 38px;text-align: center;padding-bottom: 5px;color: #000;opacity: 0.25 !important;cursor: pointer;transition: all 0.3s;}.sticky_scroll_button:hover {opacity: 0.8 !important;}.sticky_scroll_button.active {bottom: 0;}/* product page */.product_left {float: left;width: 49%;box-sizing: border-box;padding: 40px 25px;background: rgba(167, 157, 133, 0.1);}.product_right {float: right;width: 49%;}/* product controls */.product_controls {float: left;width: 100%;font-size: 14px;margin-top: -15px;margin-bottom: 40px;}.product_controls .left {float: left;}.product_controls .right {float: right;text-align: right;}.product_controls a em {font-style: normal;display: none;}.product_controls .right span {color: #999;}/* product images */.product_image_wrapper {float: left;width: 100%;position: relative;margin-bottom: 25px;}.product_image_wrapper .crumb {margin-bottom: 10px;line-height: 1.4em;}.product_image_wrapper img.product_cover {float: right;width: 70%; -webkit-backface-visibility: hidden;}.product_image_wrapper img.product_cover.full {width: 100%;}.product_image_wrapper img.brand_logo {position: absolute;top: 0;right: 0;z-index: 500;width: 80px;opacity: 0.5;transition: opacity 0.3s;}.product_image_wrapper img.brand_logo:hover {opacity: 1;}.product_thumb_wrapper {float: left;width: 25%;margin-bottom: 30px;}img.product_thumb {float: left;width: 100%;}img.product_thumb.hidden {display: none;}/* product status banner */.product_image_wrapper span.status_banner {position: absolute;top: -10px;right: 15px;z-index: 200;color: #fff;background: #000;padding: 15px 25px;font-size: 16px;}.product_image_wrapper span.status_banner:before {content: '';position: absolute;left: -10px;top: 0;z-index: 10;width: 10px;height: 10px;background: url("/_graphics/status_banner_corner.png") top left no-repeat;background-size: 100% 100%;}.product_image_wrapper span.status_banner b {display: inline-block;text-transform: uppercase;font-weight: 300;line-height: 1.2em;}.product_image_wrapper span.status_banner.last {background: #000;}.product_image_wrapper span.status_banner.sale {background: #ba5d28;}.product_image_wrapper span.status_banner.new {background: #72b93b;}/* product info */.content h1.product {font-family: "essonnes-display", serif;font-weight: 400;font-size: 30px;line-height: 1.2em;margin-top: 0;margin-bottom: 15px;}.product_left strong.brand {float: left;width: 100%;margin-bottom: 5px;}.product_left span.reference {float: left;width: 100%;font-size: 12px;color: #aaa;margin-bottom: 20px;}span.product_reference {float: left;width: 100%;font-size: 13px;color: #999;margin-bottom: 20px;}div.product_price_wrapper {float: left;width: 100%;margin-bottom: 25px;}span.product_price {float: left;color: #000;font-size: 22px;font-weight: 700;}span.product_price.soldout {color: #999;}span.product_price.sale {color: #ba5d28;}span.product_price strike {color: #999;margin-right: 5px;font-size: 18px;font-weight: 300;}span.product_price em.percentage {display: inline-block;vertical-align: middle;color: #fff;background: #ba5d28;padding: 2px 5px;font-weight: 700;font-size: 13px;font-style: normal;margin-left: 5px;border-radius: 3px;}b.subtitle {float: left;width: 100%;color: #000;font-weight: 300;font-size: 15px;text-transform: uppercase;padding-bottom: 7px; margin-bottom: 15px; border-bottom: 1px solid #aaa;position: relative;}b.subtitle.margin_top {margin-top: 20px;}span.product_colors {float: left;width: 100%;margin-bottom: 20px;}span.product_colors a {border: 0 !important;}span.product_colors i {display: inline-block;font-style: normal;width: 20px;height: 20px;margin: 2px 4px;border-radius: 20px;border: 1px solid #ddd;}span.product_colors i.active, span.product_colors i:hover {width: 24px;height: 24px;margin: 0 2px;}input[type=checkbox].size_checkbox {display: none;}label.size_selector {float: left;width: 35px;height: 35px;text-align: center;position: relative;font-size: 15px;margin: 0px 5px;padding-top: 12px;display: inline-block;cursor: pointer;}label.size_selector span {position: relative;z-index: 50;white-space: nowrap;}label.size_selector.limited span {}label.size_selector span.original {display: none;}label.size_selector:before {content: '';position: absolute;z-index: 10;left: -2px;top: 2px;height: 36px;width: 36px;background: #fff;border: 1px solid #aaa;}label.size_selector:hover:before {border: 1px solid #ba5d28;}label.size_selector.active:before {border: 1px solid #ba5d28;}label.size_selector.active span {color: #ba5d28;}.size_view_switchers {position: absolute;bottom: -1px;right: 0;z-index: 100;font-size: 14px;}.content a.size_view_switch {float: right;color: #000;margin-left: 5px;padding: 5px 8px;border-top: 1px solid #f6f5f3;border-bottom: 1px solid #aaa;transition: none;}.content a.size_view_switch:hover {color: #000;}.content a.size_view_switch.active {cursor: default;color: #000;border: 1px solid #aaa;border-bottom: 1px solid #f6f5f3;}span.product_soldout {float: left;width: 100%;font-size: 20px;margin-top: -5px;margin-bottom: 20px;color: #999;}/* product stock block */span.product_stock_error {float: left;width: 100%;color: #ba5d28;font-size: 15px;margin-bottom: 15px;display: none;}.product_stock_block {float: left;width: 100%;background: #fff;box-sizing: border-box;border: 1px solid #ddd;border-bottom: 0;margin-bottom: 20px;font-size: 16px;display: none;}.product_stock_block table {margin-bottom: 0;}.product_stock_block table td {padding: 10px 15px;}.product_stock_block table td span {color: #000;}.product_stock_block table td.stock {font-weight: 700;color: #72b93b;}.product_stock_block table td.limited {color: #ba5d28;}.product_stock_block table td.soldout {color: #999;font-weight: 300;}.product_stock_block table td.reservation {text-align: right;}.product_stock_block span.product_stock_text {float: left;width: 100%;box-sizing: border-box;color: #666;font-size: 14px;line-height: 1.3em;padding: 15px;}/* size table */.size_table_wrapper {float: left;width: 100%; margin-bottom: 30px; border-right: 1px solid #ddd;overflow-x: scroll; overflow-y: visible;}.content table.size_table {border: 1px solid #ddd;border-right: 0;border-collapse: collapse;margin-bottom: 0;}.content table.size_table th {text-align: left;font-size: 17px;padding: 7px;border-bottom: 1px solid #ddd;white-space: nowrap;}.content table.size_table td {font-size: 14px;padding: 7px;border-left: 1px solid #ddd;}.content table.size_table td.eu {font-weight: 700;white-space: nowrap;}.content table.size_table tr:hover td {background: #f2f2f2;}.product_info_left {float: left;width: 50%;padding-top: 10px;}.product_info_right {float: right;width: 50%;padding-top: 10px;}.product_info_right ul {float: left;width: 100%;margin-bottom: 15px !important;margin-top: 5px;}.product_info_right ul li {font-size: 14px;}img.payment_logos {float: left;width: 100%;max-width: 230px;}.content table.specs {}.content table.specs td {font-size: 14px;border: 0 !important}.content table.specs td.label {width: 90px;}/* spotlights */a.spotlight {float: left;width: 13.6%;box-sizing: border-box;margin: 0 1.5%;margin-bottom: 30px;}a.spotlight:hover {}a.spotlight div.spotlight_image_wrapper {float: left;width: 100%;position: relative;margin-bottom: 10px;}a.spotlight img {float: left;width: 100%;-webkit-backface-visibility: hidden;transition: opacity 0.5s ease-in;}a.spotlight img.hover {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: opacity 0.3s;}a.spotlight:hover img.hover {opacity: 1;}a.spotlight span.label {float: left;width: 100%;text-align: center;text-transform: uppercase;font-size: 14px;margin-bottom: 3px;color: #000;transition: color 0.3s;}a.spotlight:hover span.label {color: #000;}a.spotlight span.price {float: left;width: 100%;text-align: center;color: #000;font-size: 17px;font-weight: 700;margin-top: 3px;}a.spotlight span.price.soldout {color: #999;}a.spotlight span.price.sale {color: #ba5d28;}a.spotlight span strike {color: #999;font-size: 16px;font-weight: 300;margin-right: 5px;}/* brand list */.brand_list {float: left;width: 100%;margin-bottom: 100px;}.brand_list ul {float: left;width: 100%;list-style-type: none;margin-bottom: 0;column-count: 5;}.brand_list ul li {display: inline-block;width: 100%;box-sizing: border-box;padding-right: 20px;font-size: 16px;line-height: 1.2em;margin-bottom: 5px;}.brand_list ul li.spacer {margin-bottom: 30px;}.brand_list ul li span {float: left;width: 100%;}.brand_list ul li b.letter {float: left;width: 100%;font-family: "essonnes-display", serif;font-weight: 400;font-style: normal;font-size: 28px;line-height: 1.2em;margin-bottom: 15px;}/* cart */table.cart {float: left;width: 100%;border-collapse: collapse;}table.cart th {padding: 10px;text-align: left;vertical-align: middle;font-size: 11px;font-weight: 400;text-transform: uppercase;border-bottom: 1px solid #aaa;background: none;}table.cart th.right, table.cart th.price {text-align: right;}table.cart td {padding: 10px;vertical-align: middle;border-bottom: 1px solid #ddd;line-height: 1.2em;}table.cart tr.clickable td {cursor: pointer;}table.cart tr:hover td {background: rgba(167, 157, 133, 0.1);}table.cart td.image {background: #fff !important;}table.cart td.image img {width: 100px;}table.cart td.name {width: 100%;}table.cart td.name span {font-size: 14px;color: #000;}table.cart td.name b {display: inline-block;padding: 5px 8px;font-size: 11px;font-weight: 400;line-height: 1em;text-transform: uppercase;color: #fff;background: #000;}table.cart td.name b.last {background: #000;}table.cart td.name b.sale {background: #ba5d28;}table.cart td.size {color: #000;white-space: nowrap;}table.cart td.grey {color: #999;}table.cart td.color {white-space: nowrap;}table.cart td.delete a {color: #ccc;border: 0;}table.cart td.delete a:hover {color: #000;}table.cart td.delete a i {font-size: 18px;line-height: 1.5em;}table.cart td.amount {white-space: nowrap;}table.cart td.amount select {padding: 5px;background: #fff;border: 1px solid #999;font-size: 15px;font-weight: 400;border-radius: 5px;}table.cart td.amount option {padding: 2px 4px;}table.cart td.price {font-size: 16px;font-weight: 700;white-space: nowrap;text-align: right;}table.cart td.actions {text-align: right;}table.cart td.price.sale {color: #ba5d28;}table.cart td.subtotal {font-size: 18px;font-weight: 700;background: #fff !important;}table.cart td.special_border {border-bottom: 1px solid #000;}table.cart td.promocode {color: #72b93b;background: #fff !important;font-weight: 700;font-size: 18px;}table.cart td.promocode div {float: left;}table.cart td.promocode a {float: left; color: #ccc; border: 0; margin-top: 1px; margin-left: 4px;}table.cart td.promocode a:hover {color: #000;}table.cart td.promocode a i {float: left;margin-top: 2px;margin-left: 2px;}table.cart td.promocode span {font-size: 15px;font-weight: 300;}table.cart td.shipping {color: #000;background: #f2f2f2 !important;font-weight: 700;font-size: 18px;}table.cart td.shipping span.free_shipping_from {font-weight: 300;font-size: 15px;color: #000;}table.cart td.shipping span.free_shipping_from em {display: inline-block;font-style: normal;font-size: 10px;margin-left: 0;}table.cart td.vat {color: #41c4f2;border: 1px solid #41c4f2;font-weight: 700;font-size: 18px;}table.cart td.total {color: #fff;background: #000 !important;border: 1px solid #000;font-weight: 700;font-size: 20px;}table.cart tr:nth-last-child(2) td {border-bottom: 1px solid #000 !important;}table.cart.vouchers tr:nth-last-child(2) td {border-bottom: 1px solid #ddd !important;}/* available vouchers */.available_vouchers {float: left;width: 100%;padding: 10px 0;line-height: 1.4em;}.available_vouchers strong {float: left;width: 100%;font-size: 18px;color: #72b93b;margin-bottom: 5px;}.available_vouchers span {font-size: 12px;}/* shipping address */#shipping_address, #invoice {float: left;width: 100%;box-sizing: border-box;padding: 10px 20px;background: #f2f2f2;margin-top: 20px;}/* shipping options */div.shipping_option {float: left;width: 31%;min-height: 260px;border: 1px solid #ddd;background: #fff;margin-right: 2%;margin-bottom: 20px;cursor: pointer;}div.shipping_option:hover {border: 1px solid #bbb;}div.shipping_option.active {border: 1px solid #000;background: #f2f2f2;}div.shipping_option .gutter {float: left;width: 85%;padding: 25px 7.5%;}div.shipping_option h1 {color: #000;font-size: 22px;font-weight: 700;margin-bottom: 20px;}div.shipping_option h1 img {vertical-align: middle;width: 50px;margin-right: 12px;}div.shipping_option strong {float: left;width: 100%;color: #000;font-size: 22px;font-weight: 700;}div.shipping_option select {margin-top: 0;margin-bottom: 10px;}div.shipping_option select option {padding: 2px 4px;}/* stores */.store_list {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}.store_list .store {width: 32%;}.store_slider {float: left;width: 100%;overflow: hidden;margin-bottom: 20px;}.store_slide {float: left;width: 100%;background-size: cover !important;}.store_slide img {float: left;width: 100%;}.store_info {float: left;width: 100%;box-sizing: border-box;padding: 25px 10%;}.store_info p {line-height: 1.5em;}/* store blocks */.store_block {float: left;width: 100%;margin-top: 125px;margin-bottom: 150px;}.store_left {float: left;width: 49%;}.store_right {float: right;width: 49%;box-sizing: border-box;}.store_right.move_up {margin-top: -125px;padding-left: 25px;}/* store info */.store_info_wrapper {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}.store_info_image {float: right;width: 48%;}.store_info_block {float: left;width: 48%;box-sizing: border-box;padding: 25px;padding-bottom: 0;color: #fff;background: #000;}.store_info_block a {color: #fff;}.store_info_block a:hover {color: #fff;border-bottom: 1px solid #fff;}/* jobs */.job_list {float: left;width: 100%;margin-top: 25px;}/* google maps */.google_maps_canvas {float: left;width: 100%;height: 350px;}.google_maps_canvas.contact_maps {height: 380px;}/* contact */.contact_left {float: left;width: 50%;}.contact_right {float: right;width: 45%;}/* sitemap */ul#sitemap {font-size: 16px;}ul#sitemap li ul {list-style-type: disc;margin-top: 5px;padding-left: 15px;}ul#sitemap li ul li {font-size: 15px;}ul#sitemap li ul li ul {list-style-type: square;margin-top: 5px;padding-left: 15px;}ul#sitemap li ul li ul li {font-size: 14px;}/* form */.form {float: left;width: 100%;margin-bottom: 30px;}/* form labels */.form label {cursor: pointer;}.form span.label, .form span.hint {float: left;width: 100%;}.form span.label {font-size: 14px;font-weight: 400;margin-top: 10px;margin-bottom: 10px;}.form span.label.error {color: #ba5d28;}.form span.hint {font-weight: normal;font-size: 13px;color: #999;margin-top: -5px;margin-bottom: 15px;}.form span.hint a {color: #999;}.form span.hint a:hover {color: #000;}.form span.checkbox {float: left;width: 100%;margin-top: 10px;margin-bottom: 15px;}.form span.checkbox.error {color: #ba5d28;}.form span.checkbox.error a {color: #ba5d28;}.form span.label b, .form span.checkbox b {color: #999;font-size: 14px;font-weight: 300;}.form span.label.error b, .form span.checkbox.error b {color: #ba5d28;font-weight: 700;}.form span.form_block {float: left; width: 100%; margin-bottom: 15px;}.form span.form_block.error {color: #ba5d28;}.form span.form_block b {color: #999;font-size: 14px;font-weight: 300;}.form span.form_block.error b {color: #ba5d28;font-weight: 700;}/* form fields */.form input.text {float: left;width: 100%;box-sizing: border-box;background: #fff;border: 1px solid #ba5d28;border-radius: 2px;padding: 12px 10px;margin-top: 5px;margin-bottom: 10px;color: #000;font-family: "Roboto", sans-serif;font-weight: 400;font-size: 17px;transition: border 0.3s;outline: none;}.form input.text.promocode {width: 80%;}.form input.text.error {border: 1px solid #ba5d28;}.form textarea {float: left;width: 100%;box-sizing: border-box;height: 120px;border: 1px solid #ba5d28;border-radius: 2px;padding: 12px 10px;margin-top: 5px;margin-bottom: 10px;color: #000;font-family: "Roboto", sans-serif;font-weight: 400;font-size: 17px;transition: border 0.3s;outline: none;}.form textarea.error {border: 1px solid #ba5d28;}.select_wrapper {float: left;width: 60%;position: relative;margin-top: 5px;}.select_wrapper.small {width: 140px;}.select_wrapper.medium {width: 350px;}.select_wrapper.large {width: 100%;}.select_wrapper:after {content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 100; font-size: 15px; color: #000; right: 0; top: 7px; bottom: 0; padding: 17px 15px; position: absolute; pointer-events: none; line-height: 15px; background: none;}.shipping_option .select_wrapper {margin-bottom: 10px;}.shipping_option .select_wrapper:after {top: 0;}select {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; display: inline-block; zoom: 1; color: #000; background-color: #fff; padding: 12px 40px 12px 8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;border: 1px solid #bbb;margin-top: 5px;margin-bottom: 15px;color: #000;font-family: "Roboto", sans-serif;font-weight: 400;font-size: 18px; width: 100%; box-sizing: border-box; cursor: pointer; outline: none; transition: border 0.3s;}select::-ms-expand { display: none;}select option {padding: 2px 4px;}.form input.checkbox {float: left;vertical-align: top;display: block;overflow: hidden;padding: 0; border: 0;margin: 2px 4px 2px 0;width: 13px;height: 13px;line-height: 1em;}.form input.radio {float: left;vertical-align: top;display: block;overflow: hidden;padding: 0; border: 0;margin: 4px 7px 2px 0;line-height: 1em;cursor: pointer;}div.form_break {float: left;width: 100%;height: 15px;margin-top: 10px;border-top: 1px solid #ddd;}div.form_title {float: left;width: 100%;font-weight: 700;font-size: 20px;letter-spacing: 1px;margin-top: 10px;margin-bottom: 20px;color: #000;}div.file_block {float: left;width: 100%;margin-top: 10px;display: none;}/* meeting form */.meeting_locations label {}input[type="checkbox"],input[type="radio"] {vertical-align: top;margin-top: 2px;margin-right: 4px; }span.select_time {float: left;width: 33.33%;box-sizing: border-box;white-space: nowrap;padding: 12px 0;border-bottom: 1px solid #ddd;text-align: left;}/* feedback */div.feedback {float: left;width: 100%;padding: 20px 0;font-size: 16px;text-align: center;color: #fff;background: #72b93b;margin-bottom: 40px;}div.feedback.error {background: #ba5d28;}div.feedback.margin {margin-bottom: 30px;}div.feedback a {color: #fff;border-bottom: 1px solid #bbb;text-decoration: none;transition: border-bottom 0.3s;}div.feedback a:hover {border-bottom: 1px solid #fff;}/* button */.form button::-moz-focus-inner { border: 0; padding: 0;}.form button {display: inline-block;cursor: pointer;overflow: visible;outline: none;color: #fff;background: #ba5d28;text-decoration: none;text-transform: uppercase;font-size: 14px;font-weight: 300;line-height: 1.5em;padding: 15px 30px;margin-right: 10px;margin-bottom: 10px;letter-spacing: 1px;border: 0 !important;}.form button:hover {background: #000;}/* voucher form */.voucher_options {float: left;width: 100%;line-height: 1.5em;margin-bottom: 25px;}.send_voucher_data {float: left;width: 100%;padding: 20px; margin-top: 10px;margin-bottom: 30px;line-height: 1em;background: #f2f2f2;display: none;}/* usp's */.usp_wrapper {float: left;width: 100%;box-sizing: border-box;border-top: 1px solid #aaa;padding: 20px 0 10px 0;display: flex;justify-content: space-around;flex-wrap: wrap;}.usp_wrapper span {color: #72b93b;font-size: 15px;margin: 10px;}.usp_wrapper span i {margin-right: 5px;}/* footer */.footer {float: left;width: 100%;padding: 100px 0;background: rgba(167, 157, 133, 0.1);margin-top: 50px;font-size: 14px;line-height: 1.8em;position: relative;}.footer strong {float: left;width: 100%;margin-bottom: 30px;font-size: 15px;letter-spacing: 1px;}.footer a {color: #000;text-decoration: none;border-bottom: 1px solid #ccc;white-space: nowrap;}.footer a:hover {color: #000;border-bottom: 1px solid #000;}.footer_block {float: left;}.footer_block1 {float: left;width: 70%}.footer_block2 {width: 30%}.footer_block div {float: left;width: 30%;}.footer_block ul.check {float: left;width: 100%;list-style-type: none;margin-bottom: 25px;}.footer_block ul.check li {margin-left: 0;padding-left: 25px;margin-bottom: 6px;line-height: 1.4em;position: relative;}.footer_block ul.check li:before {content: "\f00c";font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 13px; color: #72b93b; left: 0; top: 1px; position: absolute; pointer-events: none;}.footer img.becommerce {float: left;width: 50px;margin: 25px 25px 0 0;}/* newsletter form */.newsletter_form {position: absolute;top: -30px;left: 0;z-index: 100;width: 100%;}.newsletter_form .social {float: left;width: 27%;box-sizing: border-box;padding: 15px 25px;font-size: 18px;color: #fff;background: #000;}.newsletter_form .social a {float: right;margin-left: 10px;font-size: 20px;color: #fff;text-decoration: none;border: 0 !important;}.newsletter_form .social a:hover {color: #ba5d28;}.newsletter_form .signup {float: right;width: 71%;color: #fff;background: #000;}.newsletter_form input.email {float: left;box-sizing: border-box;width: calc(100% - 200px);font-family: "Roboto", sans-serif;font-weight: 400;font-size: 15px;letter-spacing: 1px;background: none;line-height: 1em;color: #fff;background: #000;border: 0;padding: 17px 25px;text-align: right;outline: none;transition: border 0.3s;}.newsletter_form input.email::placeholder {color: #fff;}.newsletter_form button {float: right;box-sizing: border-box;width: 200px;height: 56px;color: #fff;background: #ba5d28;text-decoration: none;text-transform: uppercase;font-size: 14px;font-weight: 300;letter-spacing: 1px;line-height: 1.5em;padding: 9px 25px;border: 0 !important;cursor: pointer;margin: 0 !important;}.newsletter_form button:hover {background: #000;}.newsletter_form label {cursor: pointer;}/* copyrights */.copyrights {float: left;width: 100%;box-sizing: border-box;text-align: center;color: #999;padding: 25px;font-size: 13px;line-height: 1.8em;}.copyrights a {color: #999;text-decoration: none;border-bottom: 1px solid #ddd;transition: all 0.3s;}.copyrights a:hover {color: #000;border-bottom: 1px solid #000;}.copyrights img.payment_logos {display: inline-block;float: none;margin-bottom: 10px;}/* quoted */img.quoted {vertical-align: middle;height: 15px;margin-left: 10px;opacity: 0.5;}img.quoted:hover {opacity: 1;}/* social media */.social_media {float: left;width: 100%;padding-top: 25px;background: #fff;text-align: center;}.social_media a {border: 0 !important;}.social_media i {font-size: 20px;display: inline-block;vertical-align: top;margin: 0 2px;opacity: 1;}.social_media i:hover {opacity: 0.5;}/* recaptcha */div.grecaptcha-badge {box-shadow: none !important;}/* 1360px */@media all and (max-width: 85em) { .wrapper {width: 95%;}.usp_wrapper {width: 95%;margin: 0 2.5%;}.footer .wrapper {width: 90%;}}/* 1280px */@media all and (max-width: 80em) { .nav nav a {margin: 0 35px;}}/* 1200px */@media all and (max-width: 75em) { .search_wrapper {max-width: 400px;}.search_form {margin-left: -75px;}.nav nav a {letter-spacing: 0;margin: 0 30px;}.filter_block ul.size_filter li {width: 30%;}.filter_block ul.size_filter div.dummy3 {display: block;width: 30%;}.filter_block ul.size_filter div.dummy4 {display: none;}.footer_block div {width: 33%;}.brand_list ul {column-count: 4;}.store_info_image {width: 100%;}.store_info_block {width: 100%;margin-bottom: 20px;}}/* 1120px */@media all and (max-width: 70em) { .header {height: 160px;}.links {position: absolute;top: 30px;right: 445px;}.logo {height: 80px;}.search_container {padding-top: 30px;}.search_wrapper {float: right;width: 400px;}.search_form {margin: 0;}.controls {top: 98px;}.category_banner_list a b {padding: 25px;bottom: -70px;}.brand_banner_list .banner span {padding: 25px;}.product_info_left {width: 100%;padding-top: 10px;}.product_info_right {width: 100%;padding-top: 0;}.footer {padding: 75px 0;}.footer_block1, .footer_block2 {width: 100%;}.footer_block1 {margin-bottom: 60px;}}/* 1040px */@media all and (max-width: 65em) { .links {display: none;}.nav nav {display: none;width: 100%;margin-top:0;}.nav nav a {float: left;width: 100%;padding: 20px 0;margin: 0;text-align: left;border-bottom: 1px solid #888;}.nav nav a:after {display: none !important;}.nav nav a span {padding: 0 20px;}.nav nav a.nav_home, .nav nav a.nav_faq, .nav nav a.nav_jobs, .nav nav a.nav_winkels, .nav nav a.nav_contact {display: block;}.nav nav a.social {display: block;box-sizing: border-box;padding: 20px;}.nav nav a.social i {font-size: 20px;}.hamburger {display: block !important;}.content {padding: 40px 0;}.sidebar_filter {width: 26%;}.main_shop {width: 72%;}a.product span.status_banner {padding: 10px 20px;font-size: 13px;}.store_block {margin-top: 0;margin-bottom: 100px;}.store_right.move_up {margin-top: 0;padding-left: 0;}.store_left {width: 100%;}.store_info_wrapper {margin-bottom: 20px;}.store_right {width: 100%;}.store_info_image {width: 49%;}.store_info_block {width: 49%;margin-bottom: 0;}.usp_wrapper {padding: 10px 0 5px 0;}.usp_wrapper span {font-size: 14px;}}/* 960px */@media all and (max-width: 60em) { .brand_banner_list .banner {margin-bottom: 20px;}.category_banner_list a b {font-size: 16px;padding: 20px;bottom: -60px;}.brand_banner_list .banner span {width: 200px;font-size: 16px;padding: 20px;}.footer {padding-top: 150px;}.newsletter_form .social {width: 100%;margin-bottom: 15px;}.newsletter_form .signup {width: 100%;}.store_list {justify-content: flex-start;}.store_list .store {width: 70%;margin-left: 4%;margin-bottom: 30px;}.usp_wrapper span {font-size: 13px;}}/* 880px */@media all and (max-width: 55em) { .text_wrapper {width: 88%;}.category_banner_list a {width: 48.8%;}.category_banner_list a b {bottom: -50px;}.category_banner_list a:nth-child(1), .category_banner_list a:nth-child(2) {margin-bottom: 90px;}.content span.title {font-size: 25px;}.sort_form {margin-top: 7px;}.brand_list ul {column-count: 3;}a.spotlight {width: 27.33%;margin: 0 3%;margin-bottom: 20px;}.usp_wrapper {border-top: 0;padding: 0;}.usp_wrapper span {box-sizing: border-box;width: 50%;text-align: left;margin: 5px 0;}}/* 800px */@media all and (max-width: 50em) { .content {padding: 25px 0;}.sidebar_filter {margin-bottom: 0;}.sidebar_filter span.title {display: none;}.filter_help {display: none;}.sidebar, .sidebar_filter {width: 100%;}.main, .main_shop {width: 100%;}.filter {display: none;}.content a.filter_toggle {display: block;}.sidebar_filter {margin-top: -25px;}.store_image b {font-size: 16px;bottom: 10px;}}/* 720px */@media all and (max-width: 45em) { a.product.wide_product {width: 48%;}.store {width: 80%;margin: 0 10%;margin-bottom: 30px;}.store_image b {font-size: 22px;bottom: 25px;}.product_left {width: 100%;}.product_right {width: 100%;}.product_image_wrapper {margin-bottom: 15px;}.product_thumb_wrapper {display: none;}.footer {padding: 50px 0;padding-top: 200px;}.usp_wrapper {width: 75%;margin: 0 12.5%;}.footer .wrapper {width: 70%;}.footer_block1 {margin-bottom: 10px;}.footer_block div {width: 100%;margin-bottom: 30px;}.newsletter_form input.email {width: 100%;text-align: left;}.newsletter_form button {width: 100%;height: 50px;}.sidebar.product {width: 100%;}.main.product {width: 100%;}img.product_thumb {display: none;}.cart_indicator span b.cart_indicator_price {display: none;}.cart_indicator span b.cart_indicator_counter {display: inline-block;margin-left: 3px;}.form select {width: 100%;}.product_image_wrapper img.product_cover {width: 100%;}.brand_sidebar {display: none;}.brand_banner_list .banner {margin-bottom: 15px;}.brand_banner_list .banner span {padding: 15px 20px;}}/* 640px */@media all and (max-width: 40em) { .header {height: auto;}.search_container {padding: 10px 0;}.search_wrapper {width: 100%;max-width: 100%;}.search_form input.search {padding: 11px 28px 11px 15px;}.search_form:after { padding: 14px 14px;}.logo {float: left;position: relative;height: 55px;top: 0;margin: 10px 0 20px 10px;}.controls {float: right;position: relative;top: 0;margin-top: 25px;}.hamburger {margin-right: 5px !important;margin-left: 40px !important;}a.product {width: 48.5%;margin-top: 10px;margin-bottom: 30px;}.product_dummy {display: none;}.category_banner_list a b {width: 85%;padding: 15px 20px;}.category_banner_list a:nth-child(1), .category_banner_list a:nth-child(2) {margin-bottom: 80px;}.cart_indicator_rollover {display: none !important;}.cart_steps {display: none;}.content h1 {font-size: 25px;}.content h1.huge {font-size: 40px;margin-bottom: 30px;}.content h2 {font-size: 18px;}div.form_title {font-size: 18px;}.content h3 {font-size: 20px;}.content span.title {font-size: 25px;}.brand_list ul {column-count: 2;}.contact_left {width: 100%;}.contact_right {width: 100%;}.usp_wrapper span {width: 100%;text-align: center;}}/* 560px */@media all and (max-width: 35em) { .wrapper.mobile {display: block;}.wrapper.not_mobile {display: none;}.controls {font-size: 18px;}a.user_indicator {margin-left: 20px;}a.user_indicator span {display: none;}a.cart_indicator span {display: none;}a.cart_indicator b.cart_indicator_counter {margin: 0;}.sort_form {display: none;}.filter_info a.delete_filter, .filter_info span.delete_filter, a.reset_filter {font-size: 13px;}table.cart tr {float: left;width: 100%;padding: 15px 0;border-bottom: 1px solid #ddd !important;}table.cart tr.cart_header, table.cart th {display: none;}table.cart td, table.cart.vouchers td {float: left;width: 100% !important;box-sizing: border-box;padding: 10px 15px !important;border: 0 !important;}table.cart tr:nth-last-child(2) td, table.cart.vouchers tr:nth-last-child(2) td {border: 0 !important;}table.cart td.price {text-align: left;}table.cart td.name {line-height: 1.6em;}table.cart td.image {padding: 0 15px !important;}table.cart td.image img {width: 200px;margin-bottom: 10px;}table.cart tr.total, table.cart tr.total td {background: #000 !important;border-bottom: 0 !important;}td.nomobile {display: none;}div.shipping_option {width: 99%;min-height: 50px;margin-right: 0;}.brand_banner_list {margin-bottom: 25px;}.brand_banner_list .banner {float: left !important;width: 70% !important;margin-left: 15%;margin-bottom: 50px;}.brand_banner_list .brand_image {float: left !important;width: 100% !important;}.brand_banner_list .banner span {left: -20px !important;bottom: -20px;right: auto !important;width: 65%;text-align: left !important;}.store_list .store {width: 92%;margin-bottom: 25px;}.store_info_image {display: none;}.store_info_block {width: 100%;}.google_maps_canvas {height: 275px;}span.select_time {width: 50%;}}/* 480px */@media all and (max-width: 30em) { a.product span.status_banner {right: 10px;padding: 8px 16px;font-size: 11px;}a.product span.brand {letter-spacing: 0;}a.spotlight {width: 45%;margin: 0 2.5%;margin-bottom: 20px;}.product_controls a.button span {display: none;}.product_controls a.button em {font-style: normal;display: inline-block;}.form_product_block img {display: none;}}/* 400px */@media all and (max-width: 25em) { .hamburger {margin-left: 30px !important;}.store {width: 100%;margin: 0;margin-bottom: 25px;}.store_image b {font-size: 18px;}.product_image_wrapper {margin-bottom: 10px;}.content hr.spacer75 {margin-bottom: 50px;}.content hr.spacer50, hr.spacer50 {margin-bottom: 25px;}.content hr.spacer25 {margin-bottom: 10px;}.footer .wrapper {width: 80%;}.brand_banner_list .banner {width: 80% !important;margin-left: 10%;}}/* 352px */@media all and (max-width: 22em) { }/*! * jQuery UI CSS Framework 1.11.3 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ *//* Layout helpers----------------------------------*/.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; /* support: IE7 */}.ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0); /* support: IE8 */}.ui-front {z-index: 1000;}/* Interaction Cues----------------------------------*/.ui-state-disabled {cursor: default !important;}/* Icons----------------------------------*//* states and images */.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}/* Misc visuals----------------------------------*//* Overlays */.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-autocomplete {position: absolute;top: 0;left: 0;width: 100% !important;box-sizing: border-box;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;cursor: default;letter-spacing: 0;}.ui-autocomplete li {white-space: nowrap;overflow: hidden;}.ui-autocomplete li img {width: 50px;margin-right: 10px;vertical-align: middle;}.ui-autocomplete li b {margin-left: 5px;font-size: 14px;}.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: 4px 1em 4px .4em;cursor: pointer;min-height: 0; /* support: IE7 */border-bottom: 1px solid #ddd;}.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 {}/* icon support */.ui-menu-icons {position: relative;}.ui-menu-icons .ui-menu-item {padding-left: 2em;}/* left-aligned */.ui-menu .ui-icon {position: absolute;top: 0;bottom: 0;left: .2em;margin: auto 0;}/* right-aligned */.ui-menu .ui-menu-icon {left: auto;right: 0;}.ui-slider {position: relative;text-align: left;}.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 6px;height: 6px;cursor: pointer;-ms-touch-action: none;touch-action: none;border-radius: 15px;outline: 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: .5em;}.ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.3em;}.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}.ui-slider-horizontal .ui-slider-range-min {left: 3em;}.ui-slider-horizontal .ui-slider-range-max {right: 3em;}.ui-slider-vertical {width: .8em;height: 100px;}.ui-slider-vertical .ui-slider-handle {left: -.3em;margin-left: 0;margin-bottom: -.5em;}.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;}/*! * jQuery UI CSS Framework 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=4px&amp;bgColorHeader=f6a828&amp;bgTextureHeader=gloss_wave&amp;bgImgOpacityHeader=35&amp;borderColorHeader=e78f08&amp;fcHeader=ffffff&amp;iconColorHeader=ffffff&amp;bgColorContent=eeeeee&amp;bgTextureContent=highlight_soft&amp;bgImgOpacityContent=100&amp;borderColorContent=dddddd&amp;fcContent=333333&amp;iconColorContent=222222&amp;bgColorDefault=f6f6f6&amp;bgTextureDefault=glass&amp;bgImgOpacityDefault=100&amp;borderColorDefault=cccccc&amp;fcDefault=1c94c4&amp;iconColorDefault=ef8c08&amp;bgColorHover=fdf5ce&amp;bgTextureHover=glass&amp;bgImgOpacityHover=100&amp;borderColorHover=fbcb09&amp;fcHover=c77405&amp;iconColorHover=ef8c08&amp;bgColorActive=ffffff&amp;bgTextureActive=glass&amp;bgImgOpacityActive=65&amp;borderColorActive=fbd850&amp;fcActive=eb8f00&amp;iconColorActive=ef8c08&amp;bgColorHighlight=ffe45c&amp;bgTextureHighlight=highlight_soft&amp;bgImgOpacityHighlight=75&amp;borderColorHighlight=fed22f&amp;fcHighlight=363636&amp;iconColorHighlight=228ef1&amp;bgColorError=b81900&amp;bgTextureError=diagonals_thick&amp;bgImgOpacityError=18&amp;borderColorError=cd0a0a&amp;fcError=ffffff&amp;iconColorError=ffd27a&amp;bgColorOverlay=666666&amp;bgTextureOverlay=diagonals_thick&amp;bgImgOpacityOverlay=20&amp;opacityOverlay=50&amp;bgColorShadow=000000&amp;bgTextureShadow=flat&amp;bgImgOpacityShadow=10&amp;opacityShadow=20&amp;thicknessShadow=5px&amp;offsetTopShadow=-5px&amp;offsetLeftShadow=-5px&amp;cornerRadiusShadow=5px *//* Component containers----------------------------------*/.ui-widget {font-family: "Roboto", sans-serif;font-weight: 400;font-size: 14px;}.ui-widget .ui-widget {font-size: 15px;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {font-family: "Roboto", sans-serif;font-weight: 400;font-size: 1em;}.ui-widget-content {background: #fff;}.ui-widget-content a {color: #000;}.ui-widget-header {background: #c52200;color: #ffffff;}.ui-widget-header a {color: #ffffff;}/* Interaction states----------------------------------*/.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background: #fff;font-weight: bold;border: 5px solid #333;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {color: #1c94c4;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 {background: #000;}.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: #fff;text-decoration: none;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {background: #ffffff;font-weight: bold;color: #eb8f00;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {color: #eb8f00;text-decoration: none;}/* Interaction Cues----------------------------------*/.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {border: 1px solid #fed22f;background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color: #363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color: #363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color: #ffffff;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {color: #ffffff;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {color: #ffffff;}.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); /* support: IE8 */font-weight: normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {opacity: .35;filter:Alpha(Opacity=35); /* support: IE8 */background-image: none;}.ui-state-disabled .ui-icon {filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */}/* Icons----------------------------------*//* states and images */.ui-icon {width: 16px;height: 16px;}.ui-icon,.ui-widget-content .ui-icon {background-image: url("images/ui-icons_222222_256x240.png");}.ui-widget-header .ui-icon {background-image: url("images/ui-icons_ffffff_256x240.png");}.ui-state-default .ui-icon {background-image: url("images/ui-icons_ef8c08_256x240.png");}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {background-image: url("images/ui-icons_ef8c08_256x240.png");}.ui-state-active .ui-icon {background-image: url("images/ui-icons_ef8c08_256x240.png");}.ui-state-highlight .ui-icon {background-image: url("images/ui-icons_228ef1_256x240.png");}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {background-image: url("images/ui-icons_ffd27a_256x240.png");}/* positioning */.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 is deprecated, use ui-icon-seek-start instead */.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; }/* Misc visuals----------------------------------*//* Corner radius */.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius: 4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-top-right-radius: 4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {border-bottom-left-radius: 4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {border-bottom-right-radius: 4px;}/* Overlays */.ui-widget-overlay {background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity: .5;filter: Alpha(Opacity=50); /* support: IE8 */}.ui-widget-shadow {margin: -5px 0 0 -5px;padding: 5px;background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity: .2;filter: Alpha(Opacity=20); /* support: IE8 */border-radius: 5px;}/* * qTip2 - Pretty powerful tooltips - v3.0.3 * http://qtip2.com * * Copyright (c) 2016 * Released under the MIT licenses * http://jquery.org/license * * Date: Thu May 12 2016 04:53 EDT-0400 * Plugins: tips * Styles: core */.qtip{position: absolute;left: -28000px;top: -28000px;display: none;max-width: 280px;min-width: 50px;line-height: 1.4em;direction: ltr;box-shadow: none;padding: 0;}.qtip-content{position: relative;padding: 5px 10px;overflow: hidden;text-align: left;word-wrap: break-word;}.qtip-titlebar{position: relative;padding: 5px 35px 5px 10px;overflow: hidden;border-width: 0 0 1px;font-weight: bold;}.qtip-titlebar + .qtip-content { border-top-width: 0 !important; }/* Default close button class */.qtip-close{position: absolute;right: -9px; top: -9px;z-index: 11; /* Overlap .qtip-tip */cursor: pointer;outline: medium none;border: 1px solid transparent;}.qtip-titlebar .qtip-close{right: 4px; top: 50%;margin-top: -9px;}* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */.qtip-titlebar .ui-icon,.qtip-icon .ui-icon{display: block;text-indent: -1000em;direction: ltr;}.qtip-icon, .qtip-icon .ui-icon{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-decoration: none;}.qtip-icon .ui-icon{width: 18px;height: 14px;line-height: 14px;text-align: center;text-indent: 0;font: normal bold 10px/13px Tahoma,sans-serif;color: inherit;background: transparent none no-repeat -100em -100em;}/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */.qtip-focus{}/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */.qtip-hover{}/* Default tooltip style */.qtip-default {font-size: 15px;border: 1px solid #222;background-color: #222;color: #fff;}.qtip-default .qtip-titlebar {background-color: #FFEF93;}.qtip-default .qtip-icon {border-color: #CCC;background: #F1F1F1;color: #777;}.qtip-default .qtip-titlebar .qtip-close {border-color: #AAA;color: #111;}.qtip .qtip-tip{margin: 0 auto;overflow: hidden;z-index: 10;}/* Opera bug #357 - Incorrect tip positionhttps://github.com/Craga89/qTip2/issues/367 */x:-o-prefocus, .qtip .qtip-tip{visibility: hidden;}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position: absolute;color: #123456;background: transparent;border: 0 dashed transparent;}.qtip .qtip-tip canvas{ top: 0; left: 0; }.qtip .qtip-tip .qtip-vml{behavior: url(#default#VML);display: inline-block;visibility: visible;}@charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger {padding: 0;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; } .hamburger:hover {}.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }.hamburger-inner {display: block;top: 50%;margin-top: -2px;} .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 2px;background-color: #fff;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }.hamburger-inner::before {top: -10px;}.hamburger-inner::after {bottom: -10px;}/* 3DX*/.hamburger--3dx .hamburger-box { perspective: 80px; }.hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx.is-active .hamburger-inner { background-color: transparent; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); }/* * 3DX Reverse */.hamburger--3dx-r .hamburger-box { perspective: 80px; }.hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); }/* * 3DY */.hamburger--3dy .hamburger-box { perspective: 80px; }.hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy.is-active .hamburger-inner { background-color: transparent; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); }/* * 3DY Reverse */.hamburger--3dy-r .hamburger-box { perspective: 80px; }.hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); }/* * 3DXY */.hamburger--3dxy .hamburger-box { perspective: 80px; }.hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dxy.is-active .hamburger-inner { background-color: transparent; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); }/* * 3DXY Reverse */.hamburger--3dxy-r .hamburger-box { perspective: 80px; }.hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }.hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); }/* * Arrow */.hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }.hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }/* * Arrow Right */.hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }.hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }/* * Arrow Alt */.hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }/* * Arrow Alt Right */.hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }.hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }.hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }/* * Arrow Turn */.hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }/* * Arrow Turn Right */.hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }/* * Boring */.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; }.hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); }/* * Collapse */.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Collapse Reverse */.hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Elastic */.hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; }/* * Elastic Reverse */.hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }.hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; }/* * Emphatic */.hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }/* * Emphatic Reverse */.hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }/* * Minus */.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }.hamburger--minus.is-active .hamburger-inner::before { top: 0; }.hamburger--minus.is-active .hamburger-inner::after { bottom: 0; }/* * Slider */.hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; }.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); }/* * Slider Reverse */.hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; }.hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); }/* * Spin */.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Spin Reverse */.hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Spring */.hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); }/* * Spring Reverse */.hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Stand */.hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Stand Reverse */.hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Squeeze */.hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Vortex */.hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; }.hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); }/* * Vortex Reverse */.hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; }.hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); }.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }/* ------------------------------------------------- Datepicker cells ------------------------------------------------- */.datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }.datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 32px; z-index: 1; } .datepicker--cell.-focus- { background: #f0f0f0; } .datepicker--cell.-current- { color: #ba5d28; font-weight: 700; } .datepicker--cell.-current-.-focus- { color: #3A3637; } .datepicker--cell.-current-.-in-range- { color: #ba5d28; } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #3A3637; border-radius: 0; } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell.-disabled- {cursor: default; color: #ccc; background: #fff !important;}.datepicker--cell.-disabled-.-focus- { color: #aeaeae; } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { color: #fff; border: none; background: #ba5d28; border-radius: 4px;}.datepicker--cell.-selected-.-current- { color: #fff; background: #ba5d28; } .datepicker--cell.-selected-.-focus- { background: #ba5d28; } .datepicker--cell:empty { cursor: default; }.datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; }.datepicker--day-name { color: #ba5d28; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em; }.datepicker--cell-day { width: 14.28571%; }.datepicker--cells-months { height: 170px; }.datepicker--cell-month { width: 33.33%; height: 25%; }.datepicker--years { height: 170px; }.datepicker--cells-years { height: 170px; }.datepicker--cell-year { width: 25%; height: 33.33%; }.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #eee; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #eee; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } .datepickers-container { position: absolute; left: 0; top: 0; } @media print { .datepickers-container { display: none; } }.datepicker { background: #fff; border: 1px solid #b3bfc5; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-sizing: content-box; font-size: 14px; color: #3A3637; width: 100%; position: absolute; left: -100000px; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }.datepicker-inline .datepicker { border-color: #b3bfc5; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; }.datepicker-inline .datepicker--pointer { display: none; }.datepicker--content { box-sizing: content-box; padding: 4px; } .-only-timepicker- .datepicker--content { display: none; }.datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; } .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; } .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; } .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); }.datepicker--body { display: none; } .datepicker--body.active { display: block; }.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #eee; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #eee; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }/* ------------------------------------------------- Navigation ------------------------------------------------- */.datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; } .-only-timepicker- .datepicker--nav { display: none; }.datepicker--nav-title,.datepicker--nav-action { display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }.datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker--nav-action:hover { background: #f0f0f0; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 32px; } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; }.datepicker--nav-title { border-radius: 4px; padding: 0 8px; } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; } .datepicker--nav-title:hover { background: #f0f0f0; } .datepicker--nav-title.-disabled- { cursor: default; background: none; }.datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4px; border-top: 1px solid #efefef; }.datepicker--button { color: #ba5d28; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 32px; } .datepicker--button:hover { color: #3A3637; background: #f0f0f0; }.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #eee; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #eee; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }/* ------------------------------------------------- Timepicker ------------------------------------------------- */.datepicker--time { border-top: 1px solid #efefef; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px; position: relative; } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; flex: 0 1 138px; max-width: 138px; } .-only-timepicker- .datepicker--time { border-top: none; }.datepicker--time-sliders { -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; flex: 0 1 153px; margin-right: 10px; max-width: 153px; }.datepicker--time-label { display: none; font-size: 12px; }.datepicker--time-current { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; }.datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; }.datepicker--time-current-hours,.datepicker--time-current-minutes { line-height: 1; font-size: 19px; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; }.datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; }.datepicker--time-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type='range'] { background: none; cursor: pointer; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; } .datepicker--time-row input[type='range']::-ms-tooltip { display: none; } .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-moz-range-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-ms-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:focus { outline: none; } .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb { background: #ba5d28; border-color: #ba5d28; } .datepicker--time-row input[type='range']:focus::-moz-range-thumb { background: #ba5d28; border-color: #ba5d28; } .datepicker--time-row input[type='range']:focus::-ms-thumb { background: #ba5d28; border-color: #ba5d28; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { margin-top: -6px; } .datepicker--time-row input[type='range']::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-lower { background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-upper { background: transparent; } .datepicker--time-row span { padding: 0 12px; }.datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ''; background: currentColor; position: absolute; } .datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); }.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #eee; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #eee; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* vacation exceptions */ .datepicker--cell-day em {color: #b00;font-style: normal; }.datepicker--cell.-selected- em {color: #fff;}/* box-sizing */.fr-window, .fr-window [class^="fr-"],.fr-overlay, .fr-overlay [class^="fr-"],.fr-spinner, .fr-spinner [class^="fr-"] { box-sizing: border-box;}.fr-window {position: fixed;width: 100%;height: 100%;top: 0;left: 0;font-family: "mr-eaves-xl-modern", sans-serif;font-weight: 300;font-size: 18px;transform: translateZ(0px);}/* z-index */.fr-overlay { z-index: 99998; }.fr-window { z-index: 99999; }.fr-spinner { z-index: 100000; }/* overlay */.fr-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%;}.fr-overlay-background { float: left; width: 100%; height: 100%; background: #000; opacity: .9; filter: alpha(opacity=90);}.fr-overlay-ui-fullclick .fr-overlay-background { background: #222; opacity: 1; filter: alpha(opacity=100);}/* mobile touch has position:absolute to allow zooming */.fr-window.fr-mobile-touch,.fr-overlay.fr-mobile-touch { position: absolute; overflow: visible;}/* some properties on the window are used to toggle things * like margin and the fullclick mode, * we reset those properties after measuring them */.fr-measured { margin: 0 !important; min-width: 0 !important; min-height: 0 !important;}.fr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.fr-pages { position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.fr-page { position: absolute; width: 100%; height: 100%;}.fr-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; text-align: center;}.fr-hovering-clickable .fr-container { cursor: pointer; }/* padding: youtube &amp; vimeo always have buttons on the outside side button = 72 = 54 + (2 * 9 margin) close button = 48*//* padding ui:inside */.fr-ui-inside .fr-container { padding: 20px 20px; }.fr-ui-inside.fr-no-sides .fr-container { padding: 20px; }/* padding ui:outside */.fr-ui-outside .fr-container { padding: 20px 82px; }.fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; }/* reduce padding on smaller screens */@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 12px 12px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 12px 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; }}@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 0px 0px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 0px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 0px 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 0px 48px; }}/* padding ui:fullclick */.fr-ui-fullclick .fr-container { padding: 0; }.fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; }/* video fullclick */.fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; }.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; }/* overflow-y should always have 0 padding top and bottom */.fr-overflow-y .fr-container { padding-top: 0 !important; padding-bottom: 0!important;}.fr-content,.fr-content-background { position: absolute; top: 50%; left: 50%; /* IE11 has a 1px blur bug on the edges of the caption (ui:inside) during animation with overflow:hidden */ overflow: visible;}/* img/iframe/error */.fr-content-element { float: left; width: 100%; height: 100%;}.fr-content-background { background: #101010;}.fr-info { position: absolute; top: 0; left: 0; width: 100%; color: #efefef; font-size: 16px; line-height: 20px; text-align: left; -webkit-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}.fr-info-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; filter: none; opacity: 1;}.fr-ui-inside .fr-info-background { filter: alpha(opacity=80); opacity: .8; zoom: 1;}/* ui:outside has a slightly lighter info background to break up from black page backgrounds */.fr-ui-outside .fr-info-background { background: transparent; }/* info at the bottom for ui:inside */.fr-content .fr-info { top: auto; bottom: 0;}.fr-info-padder { display: block; overflow: hidden; padding: 12px; position: relative; width: auto;}.fr-caption { width: auto; display: inline; white-space: wrap;}.fr-position { color: #b3b3b3; float: right; line-height: 21px; opacity: 0.99; position: relative; text-align: right; margin-left: 15px; white-space: nowrap;}/* positions not within the info bar for ui:outside/inside */.fr-position-outside,.fr-position-inside { position: absolute; bottom: 0; right: 0; margin: 12px; width: auto; padding: 2px 8px; border-radius: 10px; font-size: 11px; line-height: 20px; text-shadow: 0 1px 0 rgba(0,0,0,.4); display: none; overflow: hidden; white-space: nowrap; -webkit-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}.fr-position-inside { border: 0;}.fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0d0d0d; filter: alpha(opacity=80); opacity: .8; zoom: 1; /* oldIE */}.fr-position-text { color: #b3b3b3; }.fr-position-outside .fr-position-text,.fr-position-inside .fr-position-text { float: left; position: relative; text-shadow: 0 1px 1px rgba(0,0,0,.3); opacity: 1;}/* display it for the outside ui, hide the caption inside */.fr-ui-outside .fr-position-outside { display: block; }.fr-ui-outside .fr-info .fr-position { display: none; }.fr-ui-inside.fr-no-caption .fr-position-inside { display: block; }/* links */.fr-info a,.fr-info a:hover { color: #ccc; border: 0; background: none; text-decoration: underline;}.fr-info a:hover { color: #eee; }/* no-caption */.fr-ui-outside.fr-no-caption .fr-info { display: none; }.fr-ui-inside.fr-no-caption .fr-caption { display: none; }/* --- stroke */.fr-stroke { position: absolute; top: 0; left: 0; width: 100%; height: 1px;}.fr-stroke-vertical { width: 1px; height: 100%; }.fr-stroke-horizontal { padding: 0 1px; }.fr-stroke-right { left: auto; right: 0; }.fr-stroke-bottom { top: auto; bottom: 0; }.fr-stroke-color { float: left; width: 100%; height: 100%; background: rgba(255,255,255,.08);}/* the stroke is brighter inside the info box */.fr-info .fr-stroke-color { background: rgba(80,80,80,.3); }/* remove the stroke when outside ui has a caption */.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; }/* remove stroke and shadow when ui:fullclick */.fr-ui-fullclick .fr-stroke { display: none; }.fr-ui-fullclick .fr-content-background { box-shadow: none; }/* the info box never bas a top stroke */.fr-info .fr-stroke-top { display: none; }/* &lt; &gt; */.fr-side { position: absolute; top: 50%; width: 54px; height: 72px; margin: 0 9px; margin-top: -36px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; zoom: 1;}.fr-side-previous { left: 0; }.fr-side-next { right: 0; left: auto; }.fr-side-disabled { cursor: default; }.fr-side-hidden { display: none !important; }.fr-side-button { float: left; width: 100%; height: 100%; margin: 0; padding: 0;}.fr-side-button-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #101010; background-color: #ccc;}.fr-side-button-icon { float: left; position: relative; height: 100%; width: 100%; zoom: 1; background-position: 50% 50%; background-repeat: no-repeat;}/* smaller side buttons */@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-side { width: 54px; height: 60px; margin: 0; margin-top: -30px; } .fr-side-button { width: 48px; height: 60px; margin: 0 3px; }}/* X */.fr-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.fr-close-background,.fr-close-icon { position: absolute; top: 12px; left: 12px; height: 26px; width: 26px; background-position: 50% 50%; background-repeat: no-repeat;}.fr-close-background { background-color: #000; }/* Thumbnails */.fr-thumbnails { position: absolute; overflow: hidden;}.fr-thumbnails-disabled .fr-thumbnails { display: none !important; }.fr-thumbnails-horizontal .fr-thumbnails { width: 100%; height: 12%; min-height: 74px; max-height: 160px; bottom: 0;}.fr-thumbnails-vertical .fr-thumbnails { height: 100%; width: 10%; min-width: 74px; max-width: 160px; left: 0;}.fr-thumbnails,.fr-thumbnails * { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.fr-thumbnails-wrapper { position: absolute; top: 0; left: 50%; height: 100%;}.fr-thumbnails-vertical .fr-thumbnails-wrapper { top: 50%; left: 0;}.fr-thumbnails-slider { position: relative; width: 100%; height: 100%; float: left; zoom: 1;}.fr-thumbnails-slider-slide { position: absolute; top: 0; left: 0; height: 100%;}.fr-thumbnails-thumbs { float: left; height: 100%; overflow: hidden; position: relative; top: 0; left: 0;}.fr-thumbnails-slide { position: absolute; top: 0; height: 100%; width: 100%;}.fr-thumbnail-frame { position: absolute; zoom: 1; overflow: hidden;}.fr-thumbnail { position: absolute; width: 30px; height: 100%; left: 50%; top: 50%; zoom: 1; cursor: pointer; margin: 0 10px;}.fr-ltIE9 .fr-thumbnail * { overflow: hidden; /* IE6(7) */ z-index: 1; zoom: 1;}.fr-thumbnail-wrapper { position: relative; background: #161616; width: 100%; height: 100%; float: left; overflow: hidden; display: inline; /* IE6(7) */ z-index: 0; /* IE8 */}.fr-thumbnail-overlay { cursor: pointer; }.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }.fr-thumbnail-overlay,.fr-thumbnail-overlay-background,.fr-thumbnail-overlay-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; overflow: hidden; border-style: solid; border-color: transparent;}.fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; }.fr-thumbnail .fr-thumbnail-image { position: absolute; filter: alpha(opacity=85); opacity: .85; max-width: none;}.fr-thumbnail:hover .fr-thumbnail-image,.fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=99); opacity: .99;}.fr-thumbnail-active .fr-thumbnail-image,.fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=35); opacity: .35;}.fr-thumbnail-active { cursor: default; }/* Thumbnails loading */.fr-thumbnail-loading,.fr-thumbnail-loading-background,.fr-thumbnail-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.fr-thumbnail-loading-background { background-color: #161616; background-position: 50% 50%; background-repeat: no-repeat; opacity: .8; position: relative; float: left;}/* this element is there as an alternative to putting the loading image on the background */.fr-thumbnail-loading-icon { display: none; }/* error on thumbnail */.fr-thumbnail-error .fr-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #202020;}/* Thumbnail &lt; &gt; */.fr-thumbnails-side { float: left; height: 100%; width: 28px; margin: 0 5px; position: relative; overflow: hidden;}.fr-thumbnails-side-previous { margin-left: 12px; }.fr-thumbnails-side-next { margin-right: 12px; }.fr-thumbnails-vertical .fr-thumbnails-side { height: 28px; width: 100%; margin: 10px 0;}.fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }.fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }.fr-thumbnails-side-button { position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; width: 28px; height: 28px; cursor: pointer;}.fr-thumbnails-side-button-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=80); opacity: .8; -moz-transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in; background-color: #333; cursor: pointer; border-radius: 4px;}.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }.fr-thumbnails-side-button-disabled * { cursor: default; }.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }.fr-thumbnails-side-button-icon { height: 42px; width: 42px; position: absolute; /*top: -7px; left: -7px;*/ top: 0; left: 0; width: 100%; height: 100%;}/* vertical thumbnails */.fr-thumbnails-vertical .fr-thumbnails-side,.fr-thumbnails-vertical .fr-thumbnails-thumbs,.fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }/* ui:fullclick has a dark thumbnail background */.fr-window-ui-fullclick .fr-thumbnails { background: #090909; }/* put a stroke on the connecting caption*/.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; }/* thumbnail spacing */.fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; }.fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; }.fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; }/* horizontal */@media all and (min-height: 700px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; }}@media all and (min-height: 980px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; }}/* vertical */@media all and (min-width: 1200px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; }}@media all and (min-width: 1800px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }}/* hide thumbnails on smaller screens the js always hides them on touch based devices*/@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; }}@media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-thumbnails-vertical .fr-thumbnails { display: none !important; }}/* force fullClick: true and force overflow: false */@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-page { min-width: 100%; } /* fullclick */ .fr-page { min-height: 100%; } /* overflow: false */}/* switch between ui modes we force everything not in the current UI mode to hide*/.fr-window-ui-fullclick .fr-side-next-outside,.fr-window-ui-fullclick .fr-side-previous-outside,.fr-window-ui-fullclick .fr-close-outside,.fr-window-ui-fullclick .fr-content .fr-side-next,.fr-window-ui-fullclick .fr-content .fr-side-previous,.fr-window-ui-fullclick .fr-content .fr-close,.fr-window-ui-fullclick .fr-content .fr-info,.fr-window-ui-outside .fr-side-next-fullclick,.fr-window-ui-outside .fr-side-previous-fullclick,.fr-window-ui-outside .fr-close-fullclick,.fr-window-ui-outside .fr-content .fr-side-next,.fr-window-ui-outside .fr-content .fr-side-previous,.fr-window-ui-outside .fr-content .fr-close,.fr-window-ui-outside .fr-content .fr-info,.fr-window-ui-inside .fr-page &gt; .fr-info,.fr-window-ui-inside .fr-side-next-fullclick,.fr-window-ui-inside .fr-side-previous-fullclick,.fr-window-ui-inside .fr-close-fullclick,.fr-window-ui-inside .fr-side-next-outside,.fr-window-ui-inside .fr-side-previous-outside,.fr-window-ui-inside .fr-close-outside { display: none !important;}/* some ui elements can be toggled on mousemove. filter:alpha(opacity) is bugged so we use display in oldIE*/.fr-toggle-ui { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s;}.fr-visible-fullclick-ui .fr-box &gt; .fr-toggle-ui,.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; }.fr-hidden-fullclick-ui .fr-box &gt; .fr-toggle-ui,.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { -webkit-transition: opacity .3s; transition: opacity .3s;}.fr-ltIE9.fr-hidden-fullclick-ui .fr-box &gt; .fr-toggle-ui,.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; }/* Spinner */.fr-spinner { position: fixed; width: 52px; height: 52px; background: #101010; background: rgba(16,16,16,.85); border-radius: 5px;}.fr-spinner div { position: absolute; top: 0; left: 0; height: 64%; width: 64%; margin-left: 18%; margin-top: 18%; opacity: 1; -webkit-animation: fresco-12 1.2s infinite ease-in-out; animation: fresco-12 1.2s infinite ease-in-out;}.fr-spinner div:after { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin-left: -1px; background: #fff; box-shadow: 0 0 1px rgba(0,0,0,0); /* fixes rendering in Firefox */}.fr-spinner div.fr-spin-1 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }.fr-spinner div.fr-spin-2 { -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }.fr-spinner div.fr-spin-3 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }.fr-spinner div.fr-spin-4 { -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }.fr-spinner div.fr-spin-5 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }.fr-spinner div.fr-spin-7 { -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }.fr-spinner div.fr-spin-8 { -ms-transform: rotate(240deg); -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }.fr-spinner div.fr-spin-9 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }.fr-spinner div.fr-spin-10 { -ms-transform: rotate(300deg); -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }.fr-spinner div.fr-spin-11 { -ms-transform: rotate(330deg); -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }.fr-spinner div.fr-spin-12 { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 0s; animation-delay: 0s; }@-webkit-keyframes fresco-12 { 0% { opacity: 1; } 100% { opacity: 0; }}@keyframes fresco-12 { 0% { opacity: 1; } 100% { opacity: 0; }}/* Thumbnail spinner */.fr-thumbnail-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px;}.fr-thumbnail-spinner-spin { position: relative; float: left; margin: 8px 0 0 8px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid #fff; -webkit-animation: fr-thumbnail-spin 1.1s infinite linear; animation: fr-thumbnail-spin 1.1s infinite linear;}.fr-thumbnail-spinner-spin,.fr-thumbnail-spinner-spin:after { border-radius: 50%; width: 24px; height: 24px;}@-webkit-keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}/* Error */.fr-error { float: left; position: relative; background-color: #ca3434; width: 160px; height: 160px;}.fr-error-icon { position: absolute; width: 42px; height: 42px; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px;}/* skin: 'fresco' *//* Sprite */.fr-window-skin-fresco .fr-side-button-icon,.fr-window-skin-fresco .fr-close-icon,.fr-window-skin-fresco .fr-thumbnails-side-button-icon,.fr-window-skin-fresco .fr-error-icon { background-image: url('skins/fresco/sprite.svg');}/* fallback png sprite */.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-close-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,.fr-window-skin-fresco .fr-error-icon { background-image: url('skins/fresco/sprite.png');}.fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; }.fr-window-skin-fresco .fr-content-background { background: #101010; box-shadow: 0 0 5px rgba(0,0,0,.4);}.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; }/* thumbnail shadow */.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }/* &lt; &gt; */.fr-window-skin-fresco .fr-side-button-background { background-color: transparent; }.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; }.fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; }.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; }.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; }/* transition (png) */.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }/* disabled state (png) */.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; }.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; }/* transition (svg) */.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }.fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: .5; }.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; }.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: .8; } /* touch always active but at lower opacity *//* disabled (svg) */.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: .2; } /* TODO: make sure this works *//* hide for ui:inside/fullclick, only for the image type */.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; }/* &lt; &gt; responsive */@media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: 0px -300px; } .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -48px -300px; } .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -48px -360px; } /* transition (png) */ .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -48px -360px; } /* transition (svg) */ .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -48px -360px; } /* disabled state (png) */ .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: 0px -420px; } .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -48px -420px; }}/* X *//* colors */.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; }.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: .8; }.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; }/* - image */.fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px;}.fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; }/* - transition */.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon { background-position: -210px -8px; opacity: .8;}.fr-window-skin-fresco .fr-close:hover .fr-close-icon { opacity: 1; }/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps force a single opacity to fix this*/.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon,.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; }/* Thumbnails */.fr-window-skin-fresco .fr-thumbnail-wrapper { border-color: transparent; border-style: solid; border-width: 0;}.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);}.fr-window-skin-fresco .fr-thumbnail-overlay-border { border-width: 1px; border-color: rgba(255, 255, 255, .08); /* should remain rgba */}/* no inner border on active thumbnail */.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }/* Thumbnails &lt; &gt; */.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px;}.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; }.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px;}.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; }/* vertical ^ (up/down) adjustments */.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px;}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; }.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px;}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; }/* Thumbnails &lt; &gt; transition */.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon { -moz-transition: opacity .2s ease-in; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8;}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; }.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; }.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }/* vertical ^ (up/down) adjustments */.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; }.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; }/* lower opacity on disabled states */.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }/* lower opacity IE &lt; 9 using images */.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -49px;}.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -91px;}.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { filter: alpha(opacity=50);}/* vertical ^ (up/down) adjustments */.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -49px;}.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -91px;}/* Slider */.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}.slick-list:focus{ outline: none;}.slick-list.dragging{ cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{ position: relative; top: 0; left: 0; display: block;}.slick-track:before,.slick-track:after{ display: table; content: '';}.slick-track:after{ clear: both;}.slick-loading .slick-track{ visibility: hidden;}.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{ float: right;}.slick-slide img{ display: block;}.slick-slide.slick-loading img{ display: none;}.slick-slide.dragging img{ pointer-events: none;}.slick-initialized .slick-slide{ display: block;}.slick-loading .slick-slide{ visibility: hidden;}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden { display: none;}@charset 'UTF-8';/* Slider */.slick-loading .slick-list{ background: #fff url('/_graphics/ajax-loader.gif') center center no-repeat;}/* Icons */@font-face{ font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/_fonts/slick.eot'); src: url('/_fonts/slick.eot?#iefix') format('embedded-opentype'), url('/_fonts/slick.woff') format('woff'), url('/_fonts/slick.ttf') format('truetype'), url('/_fonts/slick.svg#slick') format('svg');}/* Arrows */.slick-prev,.slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ color: transparent; outline: none; background: transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ opacity: .25;}.slick-prev:before,.slick-next:before{ font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.slick-prev{ left: -25px;}[dir='rtl'] .slick-prev{ right: -25px; left: auto;}.slick-prev:before{ content: '←';}[dir='rtl'] .slick-prev:before{ content: '→';}.slick-next{ right: -25px;}[dir='rtl'] .slick-next{ right: auto; left: -25px;}.slick-next:before{ content: '→';}[dir='rtl'] .slick-next:before{ content: '←';}/* Dots */.slick-dots { position: absolute; bottom: 15px; z-index: 100; display: block; width: 100%; padding: 0; margin: 0 !important; list-style: none; text-align: center;}.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; padding: 0; cursor: pointer;}.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus { outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1;}.slick-dots li button:before { font-family: 'slick'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 25px; height: 25px; content: '•'; text-align: center; opacity: .6; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before { opacity: 1; color: #fff;}</pre></body></html>