/*! 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 < 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;}/* extra */::-webkit-input-placeholder {color: #aaa;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #aaa;opacity: 1;}::-moz-placeholder { /* Mozilla Firefox 19+ */color: #aaa;opacity: 1;}:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #aaa;}::-ms-input-placeholder { /* Microsoft Edge */ color: #aaa;}/*font-family: "univia-pro", sans-serif;font-weight: 400/700;font-family: "flood-std", sans-serif;font-weight: 400;ZWART: #000GROEN: #55d278GRIJS: #f2f2f2*/* { border: 0;padding: 0;margin: 0; }/* general */body {font-family: "univia-pro", sans-serif;font-weight: 400;font-size: 17px;color: #000;background: #fff;}br.clear {clear: both;}/* wrapper */.wrapper {margin: 0 auto;max-width: 1360px;}.small_wrapper {margin: 0 auto;max-width: 800px;}/* header */.header {float: left;width: 100%;padding-top: 25px;position: relative;}/* logo */img.logo {float: left;width: 170px;margin-top: 20px;}/* social */.social {float: right;width: calc(100% - 170px);}.social a {float: right;margin-left: 12px;}.social a i {display: inline-block; padding: 10px; width: 20px; height: 20px; line-height: 22px; border-radius: 50%; font-size: 19px;color: #fff;background: #000;transition: all 0.2s;}.social a:hover i {background: #55d278;}/* nav */.nav {float: right;width: calc(100% - 170px);text-align: right;margin-top: 40px;}.nav ul {float: left;width: 100%;list-style: none;} .nav ul li {display: inline-block;}.nav ul li a {display: inline-block;color: #000;font-size: 15px;line-height: 1em;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;padding: 18px 0;margin-left: 50px;position: relative;}.nav ul li a:before {content: '';position: absolute;top: 1px;left: 0;z-index: 10;width: 100%;height: 1px;background: url("/_graphics/bg_nav.png") top center no-repeat;background-size: 0 1px !important;transition: all 0.2s ease-in-out;}.nav ul li a:hover:before {background-size: 30px 1px !important;}.nav ul li a:after {content: '';position: absolute;bottom: 0;left: 0;z-index 11;width: 100%;height: 1px;background: url("/_graphics/bg_nav.png") top center no-repeat;background-size: 0 1px !important;transition: all 0.2s ease-in-out;}.nav ul li a:hover:after {background-size: 30px 1px !important;}.nav ul li a.selected {font-weight: 700;}.nav ul li a.selected:before, .nav ul li a.selected:after {background-size: 30px 1px !important;}/* mobile subnav */.nav ul li ul {display: none;}/* hamburger */.hamburger {float: right;outline: none;display: none !important;margin-top: 32px !important;}/* subnav */.subnav {float: left;width: 100%;margin-top: 40px;background: #fff;border-top: 1px solid #55d278;border-bottom: 1px solid #55d278;padding: 15px 0 18px 0;white-space: nowrap;text-align: center;}.subnav a {display: inline-block;color: #000;text-decoration: none;font-size: 15px;line-height: 1em;margin: 0 22px;transition: all 0.2s;}.subnav a:hover {color: #55d278;}.subnav a.selected {font-weight: 700;}/* banner slider */ .banner_wrapper {float: left;width: 100%;position: relative;margin-bottom: 150px;}.banner_slider {float: right;width: 75%;}.banner_slider .banner {float: left;width: 100%;}.banner_slider .banner .banner_image {float: left;width: 100%;background-size: cover !important;}.banner_slider .banner .banner_image img {float: left;width: 100%;}.banner_text {position: absolute;bottom: -125px;left: 0;width: 100%;z-index: 100;display: flex;flex-wrap: wrap;}.banner_intro {float: left;width: 25%;min-height: 200px;background: #f2f2f2;box-sizing: border-box;padding: 50px 40px;line-height: 2em;}.banner_intro b {white-space: nowrap;}.banner_title {float: left;width: 60%;box-sizing: border-box;padding: 50px 100px;color: #fff;background: #000;}.banner_title strong {display: inline-block;font-family: "flood-std", sans-serif;font-weight: 400;font-size: 70px;line-height: 1em;margin-bottom: 25px;}.banner_title a {display: inline-block;padding: 13px 25px 16px 25px;font-size: 15px;letter-spacing: 1px;font-weight: 700;text-decoration: none;text-transform: uppercase;color: #fff;border: 1px solid #fff;transition: all 0.2s;}.banner_title a i.fa-paw {font-size: 20px;margin-left: 7px;transform: rotate(45deg);}.banner_title a:hover {color: #000;background: #fff;}/* crumb */.crumb {float: left;width: 100%;font-size: 13px;color: #000;margin-top: 40px;}.crumb a {float: left;color: #000;}.crumb a:hover {color: #55d278;}.crumb i.spacer {float: left;color: #000;font-size: 11px;margin: 0 17px;margin-top: 7px;}/* content */.content {float: left;width: 100%;padding-top: 50px;padding-bottom: 25px;}.content a {color: #000;}.content a:hover {color: #55d278;}.content a.button {display: inline-block;padding: 13px 25px 16px 25px;font-size: 15px;font-weight: 700;letter-spacing: 1px;text-decoration: none;text-transform: uppercase;color: #fff;background: #000;transition: all 0.2s;}.content a.button i.fa-paw {font-size: 20px;margin-left: 7px;transform: rotate(45deg);}.content a.button:hover {background: #55d278;}.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: "flood-std", sans-serif;font-weight: 400;font-size: 75px;line-height: 1em;margin-top: 0;margin-bottom: 50px;}.content h1.small {font-size: 50px;}.content h1.center {text-align: center;}.content h1.spacer {margin-top: 25px;margin-bottom: 75px;}.content h1 em {float: left;width: 100%;font-family: "univia-pro", sans-serif;font-weight: 400;font-size: 17px;font-style: normal;margin-top: -10px;}.content h2 {font-family: "flood-std", sans-serif;font-weight: 400;font-size: 50px;line-height: 1.1em;margin-top: 0;margin-bottom: 25px;}.content h2 em {float: left;width: 100%;font-family: "univia-pro", sans-serif;font-weight: 400;font-size: 17px;font-style: normal;margin-top: -10px;}.content h2.center {text-align: center;}.content h2.center em {text-align: center;}.content h3 {color: #55d278;font-size: 22px;font-weight: 700;line-height: 1.2em;margin-top: 0;margin-bottom: 25px;padding-bottom: 15px;border-bottom: 1px solid #55d278;}.content p {line-height: 2em;margin-bottom: 30px;}.content p.center {text-align: center;}.content p.nomargin {margin-bottom: 5px;}.content ul {list-style-type: disc;margin-bottom: 25px;clear: both;}.content ol {list-style-type: decimal;margin-left: 10px;margin-bottom: 25px;padding-left: 15px;clear: both;}.content li {margin-left: 25px;margin-bottom: 5px;line-height: 1.8em;}.content ol li {padding-left: 7px;}.content ul.check {list-style-type: none;margin-bottom: 25px;}.content ul.check li {margin-left: 0;padding-left: 26px;margin-bottom: 8px;background: url('/_graphics/icon_check.png') top left no-repeat;background-size: 16px auto;}.content table {width: 100%;margin-bottom: 30px;}.content th {color: #999;font-size: 13px;font-weight: 400;text-transform: uppercase;padding-bottom: 10px;text-align: left;vertical-align: top;}.content td {padding: 10px 5px 7px 5px;vertical-align: top;line-height: 1.4em;border-bottom: 1px solid #ddd;}.content table.noborder td {border: 0;padding: 15px 0;padding-right: 25px;}.content td ol {margin-left: 0;padding-left: 0;}.content td.right {text-align: right;}.content td.pink {color: #d20078;}.content td.blue {color: #0058a2;}.content td.grey {color: #999;font-size: 16px;}.content table tr.strike td {color: #999;}.content table tr.strike td span {text-decoration: line-through;}.content hr {float: left;width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 25px;}hr.spacer10 {float: left;width: 100%;background: none;border: 0;height: 1px;margin-bottom: 9px;}hr.spacer15 {float: left;width: 100%;background: none;border: 0;height: 1px;margin-bottom: 14px;}hr.spacer20 {float: left;width: 100%;background: none;border: 0;height: 1px;margin-bottom: 19px;}hr.spacer25 {float: left;width: 100%;background: none;border: 0;height: 1px;margin-bottom: 24px;}hr.spacer30 {float: left;width: 100%;background: none;border: 0;height: 1px;margin-bottom: 29px;}hr.spacer50 {float: left;width: 100%;background: none;border: 0;height: 1px;margin-bottom: 49px;}hr.spacer75 {float: left;width: 100%;background: none;border: 0;height: 1px;margin-bottom: 74px;}/* iframe wrappers.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%;display: flex;background: #f2f2f2;margin-bottom: 50px;}.news_image {float: left;width: 25%;background-size: cover !important;}.news_text {float: right;width: 75%;box-sizing: border-box;padding: 50px 100px 25px 100px;}.news_text.wide {width: 100%;}/* panda spacer */.panda_spacer {float: left;width: 100%;background: url("/_graphics/line.png") center center repeat-x;background-size: 100% 1px;margin-top: 25px;margin-bottom: 50px;text-align: center;}.panda_spacer span {display: inline-block;padding: 0 5px;background: #fff;}.panda_spacer span img {width: 75px;vertical-align: top;}/* bamboo spacer */.bamboo_spacer {float: left;width: 100%;background: url("/_graphics/line.png") center center repeat-x;background-size: 100% 1px;margin-top: 25px;margin-bottom: 25px;text-align: center;}.bamboo_spacer span {display: inline-block;padding: 0 20px;background: #fff;}.bamboo_spacer span img {height: 50px;vertical-align: top;margin: 0 10px;}/* events */.event_list {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}.event_list.center {justify-content: center;}a.event {float: left;width: 31%;margin-bottom: 50px;}.event_dummy {float: left;width: 31%;}.event_list.center a.event {margin-left: 1.6%;margin-right: 1.6%;}a.event strong {float: left;max-width: 80%;color: #fff;background: #000;font-size: 16px;padding: 7px 15px 10px 15px;}a.event .event_image {float: left;width: 100%;background-size: cover !important;position: relative;margin-bottom: 15px;}a.event .event_image img {float: left;width: 100%;}a.event .event_image_hover {position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: all 0.2s;}a.event .event_image_hover i.fa-paw {font-size: 30px;margin-bottom: 7px;transform: rotate(45deg);}a.event:hover .event_image_hover {opacity: 1;}a.event span.date {float: left;text-decoration: none;}a.event b.register {float: right;color: #55d278;border: 1px solid #55d278;font-size: 13px;padding: 5px 10px 6px 10px;transition: all 0.2s;}a.event:hover b.register {color: #fff;background: #55d278;}/* text */.text {float: left;width: 55%;}.text.right {float: right;}/* sidebar */.sidebar {float: right;width: 40%;}.sidebar.left {float: left;}.sidebar img {float: left;width: 100%;margin-bottom: 50px;}.sidebar .thumbs {float: left;width: 100%;margin-top: -40px;margin-bottom: 40px;}.sidebar .thumbs a img {float: left;width: 32%;margin-right: 2%;margin-bottom: 10px;}.sidebar .thumbs a:nth-child(3n) img {margin-right: 0 !important;}/* sponsors */.sponsor_list {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 25px;margin-bottom: 50px;}.sponsor_list a {width: 20%;margin: 15px 2%;box-sizing: border-box;padding: 15px;position: relative;}.sponsor_list.medium a {width: 17%;margin: 15px 1.5%;}.sponsor_list.small a {width: 13%;margin: 15px 1.5%;}.sponsor_list a div.sponsor_logo {float: left;width: 100%;background-size: contain !important;}.sponsor_list a div.sponsor_logo img {float: left;width: 100%;}.sponsor_list a div.sponsor_hover {position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;font-size: 14px;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: all 0.2s;}.sponsor_list a div.sponsor_hover i.fa-paw {font-size: 25px;margin-bottom: 5px;transform: rotate(45deg);}.sponsor_list a:hover div.sponsor_hover {opacity: 1;}img.sponsor_logo {float: left;width: 300px;margin-bottom: 50px;}.sponsor_contact {float: left;width: 100%;box-sizing: border-box;padding: 40px 30px;padding-bottom: 15px;margin-top: -25px;margin-bottom: 50px;}.sponsor_contact a:hover {color: #000;}/* packages */.packages {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 75px;margin-bottom: 50px;}.package {float: left;width: 31%;box-sizing: border-box;padding: 40px 30px;position: relative;}.package1 {background: #fff5ec;}.package2 {background: #e6e6e6;}.package3 {background: #e9ad00;}.package .bamboo {position: absolute;top: -25px;left: 0;width: 100%;text-align: center;}.package .bamboo img {vertical-align: top;height: 50px;}.package strong.title {float: left;width: 100%;text-align: center;font-family: "flood-std", sans-serif;font-weight: 400;font-size: 35px;margin-bottom: 35px;}/* links */.links {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 75px;}a.link {float: left;width: 31%;margin-bottom: 50px;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #fff;background: #000;position: relative;}a.link div.link_text {width: 100%;box-sizing: border-box;padding: 60px 30px;color: #fff;background: #000;text-align: center;}a.link div.link_text img {height: 75px;vertical-align: top;margin-bottom: 15px;}a.link div.link_text strong {font-family: "flood-std", sans-serif;font-weight: 400;font-size: 30px;}a.link .link_hover {position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;color: #000;background: rgba(255, 255, 255, 0.5);opacity: 0;transition: all 0.2s;}a.link .link_hover i.fa-paw {font-size: 30px;margin-bottom: 7px;transform: rotate(45deg);}a.link:hover .link_hover {opacity: 1;}a.link.selected .link_hover {opacity: 1;}a.link.selected .link_hover span {display: none;}/* teams */.team_list {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;margin-bottom: 50px;}a.team {float: left;width: 31%;margin-bottom: 30px;text-decoration: none;}.team_dummy {float: left;width: 31%;}a.team .team_image {float: left;width: 100%;background-size: cover !important;position: relative;margin-bottom: 10px;}a.team .team_image img {float: left;width: 100%;}a.team .team_image_hover {position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: all 0.2s;}a.team .team_image_hover i.fa-paw {font-size: 30px;margin-bottom: 7px;transform: rotate(45deg);}a.team:hover .team_image_hover {opacity: 1;}a.team strong {float: left;font-size: 16px;font-weight: 700;}a.team span {float: right;font-size: 14px;font-weight: 400;}/* team page */.team_title {float: left;width: 100%;position: relative;}.team_title a.sticky {position: absolute;top: -70px;right: 0;width: 35%;box-sizing: border-box;padding: 15px 30px;color: #fff;background: #000;font-family: "flood-std", sans-serif;font-weight: 400;font-size: 28px;line-height: 1.1em;text-decoration: none;transition: all 0.2s;}.team_title a.sticky em {float: left;width: 100%;color: #55d278;font-family: "univia-pro", sans-serif;font-weight: 700;font-size: 15px;font-style: normal;text-transform: uppercase;letter-spacing: 2px;transition: all 0.2s;}.team_title a.sticky:hover {background: #55d278;}.team_title a.sticky:hover em {color: #fff;}.team_left {float: left;width: 60%;}.team_left img {float: left;width: 100%;margin-bottom: 25px;}.team_right {float: right;width: 35%;}/* members */table.members {float: left;width: 100%;border-spacing: 12px; border-collapse: separate; margin-bottom: 50px;}table.members th {color: #fff;background: #000;padding: 10px 12px;text-align: left;font-size: 14px;font-weight: 700;text-transform: none;}table.members td {background: #f2f2f2;padding: 10px 12px;font-size: 15px;border: 0;}table.members td.name {font-weight: 700;}table.members td em {display: none;}table.members td strong.captain {color: #55d278;}/* contact */#google_maps_canvas {float: left;width: 100%;height: 300px;margin-bottom: 50px;}/* toggle text block */.toggle_text_block {display: none;}/* sitemap */ul#sitemap {font-size: 18px;}ul#sitemap li ul {list-style-type: disc;margin-top: 5px;padding-left: 15px;}ul#sitemap li ul li {font-size: 17px;}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: 16px;}/* form */.form {float: left;width: 100%;box-sizing: border-box;padding: 25px;background: #f2f2f2;margin-bottom: 50px;border-radius: 3px;}/* form labels */.form label {cursor: pointer;}.form span.label, .form span.hint {float: left;width: 100%;line-height: 1.3em;}.form span.label {margin-bottom: 4px;}.form span.label.error {color: #d44832;}.form span.hint {font-weight: normal;font-size: 15px;color: #999;margin-top: -5px;margin-bottom: 20px;line-height: 1.4em;}.form span.checkbox_hint {margin-top: 2px;}.form span.booking_hint {margin-bottom: 0;}.form span.hint a {color: #999;}.form span.hint a:hover {color: #555;}.form span.hint u {cursor: pointer;}.form span.checkbox {float: left;width: 100%;margin-top: 5px;margin-bottom: 20px;font-size: 17px;line-height: 1.3em;}.form span.checkbox label {cursor: pointer;}.form span.checkbox.error {color: #d44832;}.form span.checkbox.error a {color: #d44832;}.form span.label b, .form span.checkbox b {color: #999;font-size: 12px;font-weight: 400;}.form span.label.error b, .form span.checkbox.error b {color: #d44832;font-weight: 700;}.form span.form_block {float: left; width: 100%; margin-bottom: 15px;line-height: 1.3em;}.form span.form_block.error {color: #d44832;}.form span.form_block_checkbox {float: left;width: 25%;}.form span.form_block_checkbox span.checkbox {margin-bottom: 8px;}.form_warning {float: left;width: 100%;font-weight: 700;color: #d44832;margin-bottom: 15px;}.form_image {float: left;width: 110px;border: 1px solid #CCC;margin-top: 15px;margin-bottom: 10px;}/* form fields */.form input.text {float: left;width: 100%;box-sizing: border-box;background: #fff;border: 1px solid #ccc;padding: 10px;margin-top: 3px;margin-bottom: 15px;color: #000;font-family: "univia-pro", sans-serif;font-weight: 400;font-size: 18px;outline: none;}.form input.text:focus {border: 1px solid #000;}.form input.text.error {border: 1px solid #d44832;}.form textarea {float: left;width: 100%;box-sizing: border-box;height: 100px;background: #fff;border: 1px solid #ccc;padding: 10px;margin-top: 3px;margin-bottom: 15px;color: #000;font-family: "univia-pro", sans-serif;font-weight: 400;font-size: 18px;outline: none;}.form textarea:focus {border: 1px solid #000;}.form textarea.error {border: 1px solid #d44832;}.form .select_wrapper {float: left;width: 50%;min-width: 300px;position: relative;margin-top: 3px;margin-bottom: 15px;}.form .select_wrapper.small {width: 25%;min-width: 350px;margin-right: 15px;}.form .select_wrapper.mini {width: 17%;min-width: 210px;margin-right: 15px;}.form .select_wrapper.medium {width: 30%;min-width: 200px;margin-right: 15px;}.form .select_wrapper.large {width: 100%;}.form .select_wrapper:after { content: "\f107"; font-family: "FontAwesome"; font-size: 18px; color: #fff; right: 0; top: 0; bottom: 0; padding: 16px 12px 10px; position: absolute; pointer-events: none; line-height: 14px; background-color: #000;}.form 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: 8px 40px 8px 10px; margin: 0 7px 0 0; border-radius: 0;font-family: "univia-pro", sans-serif;font-weight: 400;font-size: 18px; border: 1px solid #ccc; width: 100%; cursor: pointer; outline: none;}.form select::-ms-expand { display: none;}.form select:focus {border: 1px solid #000;}.form select.error {border: 1px solid #d44832;}.form .select_wrapper.small select {padding-left: 7px;}.form input.checkbox {float: left;vertical-align: top;display: block;overflow: hidden;padding: 0; border: 0;margin: 4px 4px 2px 0;width: 15px;height: 15px;line-height: 1em;}div.form_spacer {float: left;width: 100%;height: 10px;}div.form_title {float: left;width: 100%;margin-top: 5px;margin-bottom: 20px;font-size: 22px;font-weight: 700;color: #55d278;}.form input.file {float: left;width: 100%;vertical-align: top;margin-top: 10px;margin-bottom: 15px;font-size: 16px !important;line-height: 0.8em !important;color: #666;}/* checkbox block */.form_checkbox_block {float: left;width: 100%;background: #fff;border: 1px solid #ddd;box-sizing: border-box;margin-top: 3px;margin-bottom: 20px;}.form_checkbox_block.error {border: 1px solid #d44832;}.form_checkbox_block span.checkbox {float: left;width: 100%;padding: 10px 15px;box-sizing: border-box;border-bottom: 1px solid #ddd;margin-bottom: 0;}.form_checkbox_block span.checkbox:last-child {border-bottom: 0;}/* feedback */div.feedback {float: left;width: 100%;box-sizing: border-box;padding: 20px 15px 23px 15px;font-size: 20px;line-height: 1.3em;font-weight: 400;text-align: center;color: #fff;background: #55d278;margin-bottom: 50px;border-radius: 5px;}div.feedback.error {background: #d44832;}div.feedback a {color: #fff;}div.feedback a:hover {color: #eee;}/* button */.form button::-moz-focus-inner { border: 0; padding: 0;}.form button {display: inline-block;padding: 13px 25px 16px 25px;font-size: 15px;font-weight: 700;letter-spacing: 1px;text-decoration: none;text-transform: uppercase;color: #fff;background: #000;transition: all 0.2s;cursor: pointer;overflow: visible;outline: none;}.form button i.fa-paw {font-size: 20px;margin-left: 7px;transform: rotate(45deg);}.form button:hover {background: #55d278;}/* cta */.cta {float: left;width: 100%;box-sizing: border-box;color: #fff;background: #000;padding: 50px;text-align: center;text-decoration: none;transition: all 0.2s;}.cta_wrapper {max-width: 800px;margin: 0 auto;}.cta strong {float: left;width: 100%;font-family: "flood-std", sans-serif;font-weight: 400;font-size: 50px;line-height: 1.2em;margin-bottom: 25px;}.cta b {display: inline-block;padding: 13px 25px 16px 25px;font-size: 15px;letter-spacing: 1px;text-transform: uppercase;border: 1px solid #fff;transition: all 0.2s;}.cta b i.fa-paw {font-size: 20px;margin-left: 7px;transform: rotate(45deg);}.cta:hover b {color: #000;background: #fff;}/* footer */.footer {float: left;width: 100%;box-sizing: border-box;padding: 30px;font-size: 15px;letter-spacing: 1px;line-height: 1.7em;text-align: center;color: #000;}.footer.border {border-top: 1px solid #000;}.footer a {color: #000;white-space: nowrap;}.footer a:hover {color: #55d278;}.footer i.fa-paw {display: inline-block;font-size: 38px;margin-top: 30px;transform: rotate(45deg);}/* quoted */img.quoted {vertical-align: middle;height: 15px;margin-left: 10px;opacity: 1;}/* tooltips */.qtip-light .qtip-content{ color: #000; font-size: 14px; line-height: 1.3em;}/* accept cookies */.accept_cookies {position: fixed;left: 0;bottom: 0;z-index: 9999;color: #fff;background: #000;width: 90%;padding: 15px 5%;font-size: 15px;line-height: 1.5em;text-align: center;transition: bottom 1s;}.accept_cookies a {color: #fff;white-space: nowrap;transition: color 0.3s, background 0.3s;}.accept_cookies a:hover {color: #ddd;}.accept_cookies a.accept_cookies_button {color: #000;background: #fff;padding: 3px 6px;text-decoration: none;border-radius: 3px;}.accept_cookies a.accept_cookies_button:hover {background: #ddd;}/* 1440 */@media screen and (max-width: 90em) { .wrapper {width: 94%;}}/* 1360px */@media screen and (max-width: 85em) { .nav ul li a {margin-left: 30px;}}/* 1280px */@media screen and (max-width: 80em) { .nav ul li a {letter-spacing: 1px;margin-left: 25px;}.banner_title {padding: 50px 75px;}.banner_title strong {font-size: 60px;}.news_text {padding: 50px 75px 25px 75px;}}/* 1200px */@media screen and (max-width: 75em) { .nav ul li a {letter-spacing: 0;font-size: 14px;}.cta strong {font-size: 45px;}}/* 1120px */@media screen and (max-width: 70em) { .sponsor_list a {width: 200px;margin: 15px;}.sponsor_list.medium a {width: 175px;margin: 15px;}.sponsor_list.small a {width: 150px;margin: 15px;}}/* 1040px */@media screen and (max-width: 65em) { img.logo {width: 130px;margin-top: 0;}.social {width: calc(100% - 130px);}.subnav {display: none;}.nav {display: none;width: 100%;text-align: left;margin-top: 30px;}.nav .wrapper {width: 100%;}.nav ul {display: block;border-bottom: 1px solid #ccc;} .nav ul li {float: left;width: 100%;background: #fff;border-top: 1px solid #ccc;}.nav ul li.nav_home {display: block;}.nav ul li a:before, .nav ul li a:after {display: none;}.nav ul li a {width: 100%;box-sizing: border-box;font-size: 17px;padding: 18px 25px;margin: 0;border-bottom: 0 !important;}.nav ul li a.selected {color: #fff;background: #000;}.nav ul li a em {display: none;}.nav ul li ul {display: block;border-bottom: 0;}.nav ul li ul li a {text-transform: none;font-size: 15px;font-weight: 400;padding: 16px 25px;padding-left: 35px;color: #000;background: #f4f4f4;}.nav ul li ul li a.selected {font-weight: 700;color: #000;background: #f4f4f4;border-left: 8px solid #000;padding-left: 32px;}.hamburger {display: block !important;}.cta strong {font-size: 40px;}.cta b {font-size: 14px;}.banner_title {width: 65%;padding: 50px 50px;}.banner_title strong {font-size: 50px;}.news_text {padding: 50px 50px 25px 50px;}.content h1 {font-size: 65px;margin-bottom: 40px;}.content h2 {font-size: 40px;}hr.trooper_spacer {display: none;}}/* 960px */@media screen and (max-width: 60em) { .event_list.center {justify-content: space-between;}a.event {width: 48%;margin-bottom: 40px;margin-left: 0 !important;margin-right: 0 !important;}.event_dummy {display: none;}a.team {width: 48%;}.team_dummy {display: none;}a.link {width: 48%;margin-bottom: 40px;}.packages {margin-bottom: 0;}.package {width: 80%;margin: 0 10%;margin-bottom: 75px;}}/* 880px */@media screen and (max-width: 55em) { .banner_wrapper {margin-top: 25px;margin-bottom: 0;}.banner_slider {width: 100%;}.banner_text {float: left;box-sizing: border-box;padding: 0 25px;position: relative;bottom: 0;margin-top: -75px;}.banner_intro {width: 30%;min-height: 10px;}.banner_title {width: 70%;}.team_title a.sticky {padding: 20px 25px;font-size: 25px;}.team_title a.sticky em {font-size: 13px;}}/* 800px */@media screen and (max-width: 50em) { .news_image {display: none;}.news_text {width: 100%;}.content h1 {font-size: 55px;margin-bottom: 25px;}.content h2 {font-size: 35px;}.sponsor_list a, .sponsor_list.medium a, .sponsor_list.small a {width: 120px;margin: 10px 10px;}#ai-div-inner-volleyscores_iframe {left: 0 !important;}.team_left {width: 100%;padding-bottom: 15px;}.team_title a.sticky {display: none;}.team_right {width: 100%;text-align: center;}.content h2.center_from_800 {text-align: center;}}/* 720px */@media screen and (max-width: 45em) { .banner_text {margin-top: -50px;}.banner_intro {width: 100%;padding: 25px;text-align: center;line-height: 1.5em;}.banner_title {width: 100%;padding: 50px 25px;text-align: center;}table.members {border-spacing: 0; border-collapse: collapse;}table.members tr.table_header {display: none;}table.members th {display: none;}table.members td.empty {display: none;}table.members tr {float: left;width: 100%;margin-bottom: 15px;}table.members td {float: left;width: 100%;box-sizing: border-box;padding: 10px 15px;border-bottom: 1px solid #ddd;}table.members td em {display: inline;font-style: normal;}}/* 640px */@media screen and (max-width: 40em) { .wrapper {width: 90%;}.cta {padding: 40px;}.cta strong {font-size: 35px;}.cta b {font-size: 12px;line-height: 2em;}.banner_title strong {font-size: 40px;}.news_text {padding: 50px 25px 25px 25px;}.event_list {justify-content: center !important;}a.event {width: 92%;margin-bottom: 40px;}.team_list {margin-bottom: 25px;}a.team {width: 100%;margin-bottom: 25px;}.links {justify-content: center !important;}a.link {width: 92%;margin-bottom: 25px;}.package {width: 90%;margin: 0 5%;margin-bottom: 75px;}hr.spacer20 {margin-bottom: 15px;}hr.spacer25 {margin-bottom: 20px;}hr.spacer30 {margin-bottom: 25px;}hr.spacer50 {margin-bottom: 40px;}hr.spacer75 {margin-bottom: 50px;}.sidebar {width: 100%;}.text {width: 100%;}}/* 560px */@media screen and (max-width: 35em) { .footer {font-size: 13px;}.content h1 {font-size: 45px;}.content h1.spacer {margin-top: 15px;margin-bottom: 50px;}.content h2 {font-size: 30px;}.links {margin-top: 50px;}a.link {margin-bottom: 20px;}a.link div.link_text {padding: 40px 25px;}a.link div.link_text img {height: 50px;}a.link div.link_text strong {font-size: 25px;}}/* 480px */@media screen and (max-width: 30em) { .banner_text {margin-top: 0;padding: 0;}.sponsor_list.small a {width: 95px;padding: 15px 5px;margin: 10px;}.package {width: 94%;margin: 0 3%;margin-bottom: 75px;}}/* 400px */@media screen and (max-width: 25em) { .social a {margin-left: 8px;}.nav {margin-top: 20px;}}/*! * 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: #000;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); }.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content,.qtip-titlebar{position:relative;overflow:hidden}.qtip-content{padding:5px 9px;text-align:left;word-wrap:break-word}.qtip-titlebar{padding:5px 35px 5px 10px;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .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 700 10px/13px Helvetica,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.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-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-red,.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}.qtip-red{background-color:#F78B83;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;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}/* 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: "univia-pro", sans-serif; font-weight: 400; font-size: 16px; /* Chrome hack, this fixes a visual glitch when quickly toggling a video */ 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: #292929; 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 & 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: transparent;}.fr-info { position: absolute; top: 0; left: 0; width: 100%; color: #fff; font-size: 15px; 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: transparent !important; line-height: 1%; filter: none; opacity: 0;}.fr-ui-inside .fr-info-background { opacity: 0; 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: 10px; 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: 0;}.fr-stroke-vertical { width: 0; 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: none;}/* the stroke is brighter inside the info box */.fr-info .fr-stroke-color { background: none; }/* 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; }/* < > */.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 < > */.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 > .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 > .fr-toggle-ui,.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; }.fr-hidden-fullclick-ui .fr-box > .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 > .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); }/* < > */.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; }/* < > 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 < > */.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 < > 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 < 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; z-index: 500; 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: "FontAwesome"; font-size: 30px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.slick-prev { left: 25px;}.slick-prev:before { content: "\f053";}.slick-next { right: 28px;}.slick-next:before {content: "\f054";}/* Dots */.slick-dots { position: absolute; bottom: 12px; right: 0; z-index: 100; display: block; padding: 0; margin: 0; list-style: none; text-align: center;}.news_slider .slick-dots { bottom: 0; text-align: right;}.slick-dots li { position: relative; display: inline-block; width: 25px; height: 25px; margin: 0; padding: 0; cursor: pointer;}.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; 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: 9px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; 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;}