/* Resets */ html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, em, strong, b, u, i, img, form, label, ul, ol, li, iframe, table, tbody, thead, tr, th, td, object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, s, samp, small, sub, sup, var, dl, dt, dd, fieldset, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; margin: 0; padding: 0; vertical-align: baseline; } /* HTML5 hack alte Browser */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } /* weitere Resets */ h1, h2, h3, h4, h5, h6 { line-height: 1.2; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input::-moz-focus-inner { /* entfernt unerwünschten Abstand (z.B. Formular Sendebutton) */ border: 0; padding: 0; } /* Grundlegende Angaben */ html, body { height: 100%; } body { color: #2D343E; font: 300 16px/1.8 'Roboto', sans-serif; -webkit-text-size-adjust: none; } body > #PageWrapper { min-height: 100%; overflow: hidden; padding: 550px 0 180px 0; position: relative; } a { color: #2D343E; font-weight: normal; text-decoration: none; } a:hover { color: #034E8D; } input, textarea, select, button { border: 1px solid #CFCFCF; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; } input[type='submit'] { -webkit-appearance: none; } input::-ms-clear { display: none; } input[type="text"]:disabled { background: inherit; } ol, ul { list-style: none; } .cmsMargin { margin: 25px 0; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } img { -webkit-user-select: none; -webkit-touch-callout: none; } @media all and (max-width: 730px){ body.intro #PageWrapper { padding-top: 100px !important; } } /* Webfonts */ @font-face { font-family: 'fontello'; src: url('/westendorf/img/webfonts/fontello.eot?2886677'); src: url('/westendorf/img/webfonts/fontello.eot?2886677#iefix') format('embedded-opentype'), url('/westendorf/img/webfonts/fontello.woff?2886677') format('woff'), url('/westendorf/img/webfonts/fontello.ttf?2886677') format('truetype'), url('/westendorf/img/webfonts/fontello.svg?2886677#fontello') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello-shoppingcart'; src: url('/westendorf/img/webfonts/fontello-shoppingcart.eot?9838562'); src: url('/westendorf/img/webfonts/fontello-shoppingcart.eot?9838562#iefix') format('embedded-opentype'), url('/westendorf/img/webfonts/fontello-shoppingcart.woff?9838562') format('woff'), url('/westendorf/img/webfonts/fontello-shoppingcart.ttf?9838562') format('truetype'), url('/westendorf/img/webfonts/fontello-shoppingcart.svg?9838562#fontello-shoppingcart') format('svg'); font-weight: normal; font-style: normal; } /* Basis - Sommer - Edition */ body.summer a { color: #2D343E; } body.summer a:hover { color: #6D9815; } /* Variablen */ :root { /* Template */ --mw-margin-top: 60px; --mw-margin-bottom: 60px; --mw-padding-left: 20px; --mw-padding-right: 20px; --mw-max-width: 1240px; --mw-max-width2: 1240px; /* Colors */ --mw-color-primary: #c20016; --mw-color-secondary: #85a633; --mw-color-error: #dc0014; --mw-color-success: #217346; --mw-color-lightgray: #8F9497; --mw-color-gray: #8F9497; --mw-color-middlegray: #8F9497; --mw-color-darkgray: #8F9497; --mw-color-primary-opacity-highest: rgba(194, 0, 22, 0.1); --mw-color-primary-opacity-high: rgba(194, 0, 22, 0.2); --mw-color-primary-opacity-medium: rgba(194, 0, 22, 0.3); --mw-color-primary-opacity-low: rgba(194, 0, 22, 0.8); --mw-color-secondary-opacity-highest: rgba(133, 166, 51, 0.1); --mw-color-secondary-opacity-high: rgba(133, 166, 51, 0.2); --mw-color-secondary-opacity-medium: rgba(133, 166, 51, 0.3); --mw-color-secondary-opacity-low: rgba(133, 166, 51, 0.8); /* specified Colors */ --mw-color-body: #2D343E; --mw-color-body-background: #ffffff; --mw-color-link: #c20016; --mw-color-link-hover: #85a633; --mw-color-button: #FFFFFF; --mw-color-button-hover: #FFFFFF; --mw-color-button-background: #85a633; --mw-color-button-background-hover: #c20016; --mw-color-headline: #8F9497; --mw-color-headline2: #E30613; --mw-color-headline3: #2D343E; --mw-color-headline-element: #85a633; --mw-color-menu-background: #FFFFFF; --mw-color-menu-background-fixed: rgba(42, 71, 80, 0.9); --mw-color-fancybox-rgb: rgb(30, 30, 30); --mw-color-fancybox-rgba: rgb(30, 30, 30, 0.9); /* Fonts */ --mw-font-primary: 'Roboto', sans-serif; --mw-font-secondary: 'PT Sans'; --mw-font-primary-weight-thin: 400; --mw-font-primary-weight-extra-light: 400; --mw-font-primary-weight-light: 400; --mw-font-primary-weight-normal: 400; --mw-font-primary-weight-medium: 600; --mw-font-primary-weight-semi-bold: 600; --mw-font-primary-weight-bold: 700; --mw-font-primary-weight-extra-bold: 700; --mw-font-primary-weight-black: 700; --mw-font-secondary-weight-thin: 300; --mw-font-secondary-weight-extra-light: 300; --mw-font-secondary-weight-light: 300; --mw-font-secondary-weight-normal: 400; --mw-font-secondary-weight-medium: 500; --mw-font-secondary-weight-semi-bold: 500; --mw-font-secondary-weight-bold: 700; --mw-font-secondary-weight-extra-bold: 700; --mw-font-secondary-weight-black: 700; /* specified Fonts */ --mw-font-body: 'Roboto', sans-serif; --mw-font-body-lineheight: 1.8; --mw-font-body-size: 16px; --mw-font-body-weight: 300; --mw-font-link-weight: 700; --mw-font-button-size: 18px; --mw-font-button-weight: bold; --mw-font-headline: 'PT Sans'; --mw-font-headline-lineheight: 1; --mw-font-headline-size: 48px; --mw-font-headline-weight: bold; --mw-font-headline2: 'PT Sans'; --mw-font-headline2-lineheight: 1.2; --mw-font-headline2-size: 18px; --mw-font-headline2-weight: bold; --mw-font-headline3: 'PT Sans', sans-serif; --mw-font-headline3-lineheight: 1.2; --mw-font-headline3-size: 18px; --mw-font-headline3-weight: 400; --mw-font-headline-element: 'PT Sans'; --mw-font-headline-element-lineheight: 1.2; --mw-font-headline-element-size: 24px; --mw-font-headline-element-weight: bold; } /* Layout - Header */ #HeaderWrapper { height: 100px; left: 0; position: fixed; top: 0; width: 100%; z-index: 5; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } body.newsticker #HeaderWrapper { top: 40px; } #HeaderWrapper.mobile { position: absolute; } #HeaderWrapper > .row1 { background: #0076D7; height: 40px; position: relative; z-index: 2; } #HeaderWrapper > .row2 { background: #034E8D; border-bottom: 1px solid #437FB8; height: 60px; position: relative; z-index: 1; } #HeaderWrapper > div > div { height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 20px; position: relative; } #HeaderWrapper > div > div:after { clear: both; content: ""; display: block; } /* Logo */ #HeaderWrapper > .row1 > div > a.logo { position: absolute; right: 20px; top: 10px; width: 190px; z-index: 2; } #HeaderWrapper > .row1 > div > a.logo > img { display: block; width: 100%; } #HeaderWrapper > .row1 > div > a.logo.summer { -webkit-transition: width 500ms ease 0s, top 500ms ease 0s; transition: width 500ms ease 0s, top 500ms ease 0s; } #HeaderWrapper.fixed > .row1 > div > a.logo.summer { top: 13px; width: 120px; } /* Home */ #HeaderWrapper > .row1 > div > a.home { color: #fff; display: none; float: right; font-size: 24px; line-height: 39px; margin: 0 5px 0 0; } #HeaderWrapper > .row1 > div > a.home:after { content: "\e854"; font-family: fontello; } /* Mobile - Desktop*/ #HeaderWrapper > .row1 > div > a.switch { color: #FFFFFF; display: none; float: right; font-size: 18px; line-height: 39px; margin: 0 10px 0 0; } #HeaderWrapper > .row1 > div > a.switch:after { content: "\E859"; font-family: fontello; } #HeaderWrapper > .row1 > div > a.switch.mobile:after { content: "\E858"; font-family: fontello; } /* Skiwelt Label */ #HeaderWrapper > .row2 > div > .label { color: #FFFFFF; font-weight: bold; line-height: 59px; padding: 0 20px 0 53px; position: absolute; text-transform: uppercase; } #HeaderWrapper .label:after { box-shadow: 5px -2px 8px 0 rgba(0, 0, 0, 0.15); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; -moz-transform: skewX(5deg); -webkit-transform: skewX(5deg); -o-transform: skewX(5deg); -ms-transform: skewX(5deg); transform: skewX(5deg); } #HeaderWrapper > .row2 > div > .label:before { content: "\E89C"; font-family: "fontello"; font-size: 21px; left: 0; position: absolute; } #HeaderWrapper > .row2 > div > .label > strong { padding: 0 0 0 6px; opacity: 0.55; } @media all and (max-width: 1080px){ /* Logo */ #HeaderWrapper > .row1 > div > a.logo { top: 55px; width: 204px; } body.summer #HeaderWrapper.fixed > .row1 > div > a.logo { top: 50px; } /* Home */ #HeaderWrapper > .row1 > div > a.home { display: block; } /* Mobile - Desktop */ #HeaderWrapper > .row1 > div > a.switch { display: block; } } @media all and (max-width: 800px){ #HeaderWrapper > .row2 > div > .label { display: none; } } @media all and (max-width: 600px){ body.showQuickBooking #HeaderWrapper { display: none; } } @media all and (max-width: 500px){ body.summer #HeaderWrapper > .row1 > div > a.logo { top: 50px; width: 120px; } } @media all and (max-width: 400px){ /* Logo */ #HeaderWrapper > .row1 > div > a.logo { width: 170px; } } /* Layout - Header - Sprachauswahl */ #HeaderWrapper > .row1 > div > ul.lang { float: left; padding: 0 10px 0 0; position: relative; z-index: 2; } #HeaderWrapper > .row1 > div > ul.lang > li.selected { box-shadow: 12px 0 12px 0 rgba(0, 0, 0, 0.2); position: relative; } #HeaderWrapper > .row1 > div > ul.lang > li:last-child { padding: 0 0 3px 0; } #HeaderWrapper > .row1 > div > ul.lang > li:last-child:before { background: #0076d7 none repeat scroll 0 0; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 100%; } #HeaderWrapper > .row1 > div > ul.lang > li.hide { display: none; } #HeaderWrapper > .row1 > div > ul.lang > li.more { background: #FFFFFF; margin: 0 -8px 0 -10px; position: relative; } #HeaderWrapper > .row1 > div > ul.lang > li.more:hover { background: #0076D7; } #HeaderWrapper > .row1 > div > ul.lang > li.selected:after { background: #0076D7; content: ""; height: 100%; position: absolute; right: -7px; top: 0; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); width: 10px; } #HeaderWrapper > .row1 > div > ul.lang > li > a { display: block; font-family: "PT Sans", sans-serif; font-size: 13px; font-weight: bold; padding: 0 20px 0 30px; position: relative; text-transform: uppercase; } #HeaderWrapper > .row1 > div > ul.lang > li > a:before { content: ""; left: 0; height: 21px; margin: -10.5px 0 0; position: absolute; top: 50%; width: 21px; } #HeaderWrapper > .row1 > div > ul.lang > li > a.de:before { background: url("/westendorf/img/layout/flags.png") scroll no-repeat left top; background-size: 21px 225px; } #HeaderWrapper > .row1 > div > ul.lang > li > a.en:before { background: url("/westendorf/img/layout/flags.png") scroll no-repeat left 16.667%; background-size: 21px 225px; } #HeaderWrapper > .row1 > div > ul.lang > li > a.nl:before { background: url("/westendorf/img/layout/flags.png") scroll no-repeat left 33.333%; background-size: 21px 225px; } #HeaderWrapper > .row1 > div > ul.lang > li > a.it:before { background: url("/westendorf/img/layout/flags.png") scroll no-repeat left 50%; background-size: 21px 225px; } #HeaderWrapper > .row1 > div > ul.lang > li > a.es:before { background: url("/westendorf/img/layout/flags.png") scroll no-repeat left 66.667%; background-size: 21px 225px; } #HeaderWrapper > .row1 > div > ul.lang > li > a.dk:before { background: url("/westendorf/img/layout/flags.png") scroll no-repeat left 83.333%; background-size: 21px 225px; } #HeaderWrapper > .row1 > div > ul.lang > li > a.cz:before { background: url("/westendorf/img/layout/flags.png") scroll no-repeat left 100%; background-size: 21px 225px; } #HeaderWrapper > .row1 > div > ul.lang > li.selected > a { color: #FFFFFF; line-height: 40px; padding-right: 50px; } #HeaderWrapper > .row1 > div > ul.lang > li.selected > a:after { content: "\E83A"; font-family: 'fontello'; font-weight: normal; height: 15px; line-height: 15px; margin: -7.5px 0 0; position: absolute; right: 15px; text-align: center; top: 50%; width: 15px; z-index: 2; } #HeaderWrapper > .row1 > div > ul.lang > li.selected.down > a:after { content: "\E839"; } #HeaderWrapper > .row1 > div > ul.lang > li.more > a { color: #2D343E; font-weight: normal; line-height: 32px; padding-left: 40px; padding-right: 10px; } #HeaderWrapper > .row1 > div > ul.lang > li.more:hover > a { color: #FFFFFF; } #HeaderWrapper > .row1 > div > ul.lang > li.more > a:before { left: 10px; } /* Layout - Header - Suche */ #HeaderWrapper > .row1 > div > form { background: #034E8D; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8) inset; float: left; height: 30px; margin: 5px 0 0 74px; padding: 0 40px; position: relative; } #HeaderWrapper > .row1 > div > form:after { color: #FFFFFF; content: "\E81E"; font-family: "fontello"; font-size: 19px; font-weight: normal; height: 28px; left: 5px; line-height: 28px; position: absolute; text-align: center; top: 0; width: 28px; } #HeaderWrapper > .row1 > div > form > input { background: none; border: 0 none; color: #FFFFFF; display: block; font-size:14px; margin: 5px 0; padding: 0; width: 124px; } #HeaderWrapper > .row1 > div > form > input::-ms-input-placeholder { color: #FFFFFF; } #HeaderWrapper > .row1 > div > form > button { background: #0076D7; border: 0 none; cursor: pointer; height: 28px; position: absolute; right: 1px; top: 1px; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -ms-transition: background 200ms linear; -o-transition: background 200ms linear; transition: background 200ms linear; width: 28px; } #HeaderWrapper > .row1 > div > form > button:hover { background: #FFFFFF; } #HeaderWrapper > .row1 > div > form > button > span:before { content: "\E83B"; color: #FFFFFF; display: block; font-family: "fontello"; font-size: 13px; height: 28px; left: 0; line-height: 28px; position: absolute; text-align: center; top: 0; width: 28px; } #HeaderWrapper > .row1 > div > form > button:hover > span:before { color: #0076D7; } @media all and (max-width: 1140px){ #HeaderWrapper > .row1 > div > form { margin-left: 20px; } } @media all and (max-width: 1080px){ #HeaderWrapper > .row1 > div > form { float: right; } } @media all and (max-width: 910px){ #HeaderWrapper > .row1 > div > form { background: none !important; box-shadow: none !important; margin-left: 0; padding-left: 0; padding-right: 0; width: 30px; } #HeaderWrapper > .row1 > div > form:after { display: none; } #HeaderWrapper > .row1 > div > form > input { display: none; } #HeaderWrapper > .row1 > div > form > button { border: 0 none !important; } #HeaderWrapper > .row1 > div > form > button:hover { background: none !important; } #HeaderWrapper > .row1 > div > form > button > span:before { content: "\E81E"; font-size: 24px; } #HeaderWrapper > .row1 > div > form > button:hover > span:before { color: #FFFFFF !important; } } /* Layout - Content */ #ContentWrapper { position: relative; width: 100%; } #ContentWrapper > div { margin: 0 auto; max-width: 1240px; padding: 0 20px; position: relative; z-index: 2; } #ContentWrapper > .content { padding-bottom: 50px; } #ContentWrapper > .row > div { overflow: hidden; } #ContentWrapper > .row > .row2 { background: #0076D7; border-top: 1px solid #FFFFFF; } #ContentWrapper > div:after { clear: both; content: ""; display: block; } #ContentWrapper > div > aside { float: right; padding: 53px 0 0; width: 41.666666666666664%; /* 500 */ } #ContentWrapper > div > section { margin: 0 45% 0 0; /* 0 540 0 0 */ overflow: hidden; padding: 26px 0 0; } /* Social Icons */ #ContentWrapper .social-icons { display: flex; gap: 3px; position: absolute; right: 40px; top: -35px; z-index: 1; } #ContentWrapper .social-icons a { align-items: center; background: #3a5a9a; box-shadow: 0 3px 5px rgb(0 0 0 / 30%); border-radius: 50%; display: flex; height: 40px; justify-content: center; width: 40px; } #ContentWrapper .social-icons a.instagram { background: #d925da; } /* Menü - Submenü */ #ContentWrapper > div > section > ul.submenu { display: none; } /* Aside - Überschrift */ #ContentWrapper > div > aside > .asideHeadline { font-size: 22px; margin: 0 0 25px; text-align: right; } @media all and (max-width: 850px){ #ContentWrapper > .content { min-height: 0 !important; } #ContentWrapper > div > aside { float: none; padding-top: 0; width: 100%; } #ContentWrapper > div > section { margin-right: 0; overflow: visible; } /* Menü - Submenü */ #ContentWrapper > div > section > ul.submenu { display: block; } } @media all and (max-width: 800px){ #ContentWrapper > .row > .row1 { margin-left: -20px; margin-right: -20px; } #ContentWrapper .social-icons { right: 20px; } } @media all and (max-width: 730px){ body.intro #ContentWrapper > .row { display: none; } body.intro #ContentWrapper > .content { padding-top: 40px; } } @media all and (max-width: 600px){ body.intro #ContentWrapper > .row { margin-top: 50px; } } @media all and (max-width: 500px){ body.intro #ContentWrapper > .row { margin-top: 36px; } } /* Layout - Content (gesamte Breite) */ body.entirewidth #ContentWrapper > .content > section { margin-right: 0; } /* Layout - Content - Info Balken */ #ContentWrapper > .row > div > .infoBar { background: #000000; background: rgba(0, 0, 0, 0.4); float: left; height: 100px; overflow: hidden; position: relative; width: 75.833333333333329%; /* 910 */ } #ContentWrapper > .row > div > .infoBar:before { background: #FFFFFF; background: rgba(255, 255, 255, 0.25); content: ""; height: 1px; left: 0; position: absolute; top: -1px; width: 100%; } #ContentWrapper > .row > div > .infoBar:after { clear: both; content: ""; display: block; } #ContentWrapper > .row > div > .infoBar > a { color: #FFFFFF; display: block; float: left; font-family: "PT Sans", sans-serif; height: 100%; padding: 10px; position: relative; width: 23%; } #ContentWrapper > .row > div > .infoBar > a.column0 { text-align: center; width: 13%; } #ContentWrapper > .row > div > .infoBar > a.column0.summer { display: none; } #ContentWrapper > .row > div > .infoBar > a.column1 { width: 18%; } #ContentWrapper > .row > div > .infoBar > a.column2.summer { display: none; } #ContentWrapper > .row > div > .infoBar > a.column0 > span.icon { display: inline-block; float: none; margin-right: 0; } #ContentWrapper > .row > div > .infoBar > a.column0 > span.title { display: block; margin-top: 16px; } #ContentWrapper > .row > div > .infoBar > a.column5, #ContentWrapper > .row > div > .infoBar > a.column6 { display: none; } #ContentWrapper > .row > div > .infoBar > a.column6 > span.value { margin-top: 8px; } #ContentWrapper > .row > div > .infoBar > a:after { background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C */ bottom: -15px; content: ""; left: 0; position: absolute; right: 0; top: -15px; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); z-index: -1; } #ContentWrapper > .row > div > .infoBar > a:last-child:after { right: -5px; } #ContentWrapper > .row > div > .infoBar > a:hover:after { background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C */ } #ContentWrapper > .row > div > .infoBar > a > span.icon { display: block; float: left; height: 40px; margin: 6px 10px 0 0; text-align: center; width: 40px; } #ContentWrapper > .row > div > .infoBar > a > span.icon:before { font-family: "fontello"; font-size: 35px; font-weight: normal; line-height: 40px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); } #ContentWrapper > .row > div > .infoBar > a > span.icon.weather:before { content: "\E83F"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weathera:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherb:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherA:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherB:before { content: "\E849"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherc:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherd:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherf:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherC:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherD:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherF:before { content: "\E84A"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weathere:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherk:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weathers:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weathert:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherE:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherK:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherS:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherT:before { content: "\E856"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherg:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherh:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatheri:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherj:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherG:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherH:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherI:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherJ:before { content: "\E84D"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherl:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherm:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weathern:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherL:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherM:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherN:before { content: "\E84F"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weathero:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherp:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherO:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherP:before { content: "\E84F"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherq:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherr:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherx:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherQ:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherR:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherX:before { content: "\E84E"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weatheru:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherU:before { content: "\E84D"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherv:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherw:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherV:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherW:before { content: "\E857"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.weathery:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherz:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherY:before, #ContentWrapper > .row > div > .infoBar > a > span.icon.weatherZ:before { content: "\E855"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.lift:before { content: "\E83C"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.pist:before { content: "\E83D"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.snowheight:before { content: "\E83E"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.hiking:before { content: "\E846"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.webcam:before { content: "\E847"; } #ContentWrapper > .row > div > .infoBar > a > span.icon.events:before { content: "\E800"; font-size: 30px; } #ContentWrapper > .row > div > .infoBar > a > span.value, #ContentWrapper > .row > div > .infoBar > a > span.label, #ContentWrapper > .row > div > .infoBar > a > span.title { display: block; line-height: 1.3; } #ContentWrapper > .row > div > .infoBar > a > span.value { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ContentWrapper > .row > div > .infoBar > a > span.value > span { display: inline-block; font-size: 24px; font-weight: bold; margin: 0 5px 0 0; } #ContentWrapper > .row > div > .infoBar > a > span.label { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ContentWrapper > .row > div > .infoBar > a > span.title { color: #FFFFFF; color: rgba(255, 255, 255, 0.5); font-size: 14px; font-weight: bold; margin: 13px 0 0; text-align: center; text-transform: uppercase; } @media all and (max-width: 1000px){ #ContentWrapper > .row > div > .infoBar { width: 100%; } } @media all and (max-width: 800px){ #ContentWrapper > .row > div > .infoBar { height: auto; } #ContentWrapper > .row > div > .infoBar > a { text-align: center; width: 25% !important; } #ContentWrapper > .row > div > .infoBar > a.column0 { padding-bottom: 30px; padding-top: 31px; } #ContentWrapper > .row > div > .infoBar > a.column1 { display: none; } #ContentWrapper > .row > div > .infoBar > a > span.icon { display: inline-block; float: none; height: 45px; margin-right: 0; width: 45px; } #ContentWrapper > .row > div > .infoBar > a > span.icon:before { font-size: 35px; line-height: 45px; } #ContentWrapper > .row > div > .infoBar > a > span.title { display: none !important; } #ContentWrapper > .row > div > .infoBar > a > span.value { font-size: 13px !important; line-height: 1.2 !important; } #ContentWrapper > .row > div > .infoBar > a > span.value > span { font-size: 20px !important; } #ContentWrapper > .row > div > .infoBar > a > span.label { font-size: 13px !important; } } @media all and (max-width: 730px){ body.intro #ContentWrapper > .row > div > .infoBar { display: none; } } @media all and (max-width: 500px){ #ContentWrapper > .row > div > .infoBar { height: 60px !important; } #ContentWrapper > .row > div > .infoBar > a { padding-bottom: 7px !important; padding-top: 7px !important; width: 20% !important; } #ContentWrapper > .row > div > .infoBar > a.column1 { display: block; } #ContentWrapper > .row > div > .infoBar > a > span.icon { height: 35px; width: 35px; } #ContentWrapper > .row > div > .infoBar > a > span.icon:before { font-size: 30px; line-height: 35px; } #ContentWrapper > .row > div > .infoBar > a > span.value, #ContentWrapper > .row > div > .infoBar > a > span.label { display: none; } } /* Layout - Content - Online Shop */ #ContentWrapper > .row > div > .onlineShop { background: #E30613; float: left; height: 100px; position: relative; width: 24.166666666666668%; /* 290 */ } #ContentWrapper > .row > div > .onlineShop:before { background: #E30613; bottom: -5px; content: ""; left: -10px; position: absolute; top: -5px; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); width: 15px; } #ContentWrapper > .row > div > .onlineShop:after { color: #000000; color: rgba(0, 0, 0, 0.15); content: "\E841"; font-family: "fontello"; font-size: 120px; line-height: 120px; position: absolute; right: 5px; top: 0; } #ContentWrapper > .row > div > .onlineShop > form { padding: 20px 25px; position: relative; z-index: 1; } #ContentWrapper > .row > div > .onlineShop > form > h3 { color: #FFFFFF; font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 1; text-transform: uppercase; } #ContentWrapper > .row > div > .onlineShop > form > h3:before { content: "\E840"; font-family: 'fontello'; font-weight: normal; margin: 0 15px 0 0; } #ContentWrapper > .row > div > .onlineShop > form > a { background: #FFFFFF; border: 0 none; color: #E30613; cursor: pointer; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; height: 32px; line-height: 32px; text-transform: uppercase; display: block; float: right; padding-left: 10px; padding-right: 10px; margin-top: 10px; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } #ContentWrapper > .row > div > .onlineShop > form > a:hover { background: #034E8D; color: #FFFFFF; } #ContentWrapper > .row > div > .onlineShop > form > .row { margin: 11px 0 0; overflow: hidden; padding: 0 90px 0 0; position: relative; } #ContentWrapper > .row > div > .onlineShop > form > .row:before { background: #EA444E; bottom: 0; content: ""; position: absolute; right: 95px; top: 0; width: 25px; } #ContentWrapper > .row > div > .onlineShop > form > .row:after { color: #FFFFFF; content: "\E839"; font-family: 'fontello'; font-size: 14px; font-weight: normal; line-height: 32px; position: absolute; right: 95px; text-align: center; top: 0; width: 25px; z-index: 2; } #ContentWrapper > .row > div > .onlineShop > form > .row > select { background: #EA444E; border: 0 none; color: #FFFFFF; display: block; height: 32px; line-height: 32px; padding: 0 5px; width: 125%; -webkit-appearance: none; } #ContentWrapper > .row > div > .onlineShop > form > .row > input { background: #FFFFFF; border: 0 none; color: #E30613; cursor: pointer; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; height: 32px; line-height: 32px; position: absolute; right: 0; text-transform: uppercase; top: 0; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; width: 95px; } #ContentWrapper > .row > div > .onlineShop > form > .row > input:hover { background: #034E8D; color: #FFFFFF; } @media all and (max-width: 1000px){ #ContentWrapper > .row > div > .onlineShop { display: none; } } @media all and (max-width: 600px){ #ContentWrapper > .row > div > .onlineShop { clear: both; display: block; float: none; height: 90px; width: auto; } #ContentWrapper > .row > div > .onlineShop > form { padding: 15px 20px; } } /* Layout - Content - Newsticker */ #ContentWrapper > .row > div > .newsticker { float: left; height: 40px; overflow: hidden; padding: 0 20px 0 120px; position: relative; width: 45.833333333333329%; /* 910 */ } #ContentWrapper > .row > div > .newsticker:before { color: #FFFFFF; content: "\E841"; font-family: "fontello"; font-size: 25px; left: 10px; line-height: 40px; position: absolute; top: 0; } #ContentWrapper > .row > div > .newsticker:after { color: #000000; color: rgba(0, 0, 0, 0.75); content: "News"; font-family: "PT Sans", sans-serif; font-weight: bold; left: 70px; line-height: 40px; position: absolute; text-transform: uppercase; top: 0; } #ContentWrapper > .row > div > .newsticker li > a { color: #FFFFFF; display: inline-block; font-family: "PT Sans", sans-serif; line-height: 40px; } @media all and (max-width: 820px){ #ContentWrapper > .row > div > .newsticker { width: 100%; } } /* Layout - Content - Skiline */ #ContentWrapper > .row > div > a { background: #034E8D; color: #FFFFFF; float: left; font-family: "PT Sans", sans-serif; font-weight: bold; height: 40px; line-height: 40px; padding: 0 55px 0 25px; position: relative; text-transform: uppercase; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; width: 24.166666666666668%; /* 290 */ } #ContentWrapper > .row > div > a:before { background: #034E8D; bottom: -5px; content: ""; left: -4px; position: absolute; top: -5px; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; width: 15px; } #ContentWrapper > .row > div > a:after { color: #FFFFFF; content: '\E83B'; font-family: 'fontello'; font-size: 12px; font-weight: normal; line-height: 40px; position: absolute; right: 25px; top: 0; } #ContentWrapper > .row > div > a:hover, #ContentWrapper > .row > div > a:hover:before { background: #E30613; } #ContentWrapper > .row > div > a > span.icon { float: left; height: 40px; margin: 0 12px 0 0; width: 35px; } #ContentWrapper > .row > div > a > span.icon:after { color: #FFFFFF; content: "\E843"; display: block; font-family: "fontello"; font-weight: normal; line-height: 40px; } #ContentWrapper > .row > div > a > span.text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media all and (max-width: 1080px){ #ContentWrapper > .row > div > a > span.text > span { display: none; } } @media all and (max-width: 820px){ #ContentWrapper > .row > div > a { display: none; } } /* Layout - Footer */ #FooterWrapper { bottom: 0; position: absolute; width: 100%; } #FooterWrapper > .row1 { background: #E3E4E5; position: relative; } #FooterWrapper > .row2 { background: #034E8D; } #FooterWrapper > div > div { height: 100%; margin: 0 auto; max-width: 1240px; padding: 0 20px; position: relative; } #FooterWrapper > div > div:after { clear: both; content: ""; display: block; } #FooterWrapper > .row1 > div { padding-bottom: 40px; padding-top: 40px; } #FooterWrapper > .row1 > div:before { background: #E3E4E5; content: ""; height: 50px; left: 50px; position: absolute; top: -15px; -moz-transform: skewX(-50deg) skewY(10deg); -webkit-transform: skewX(-50deg) skewY(10deg); -o-transform: skewX(-50deg) skewY(10deg); -ms-transform: skewX(-50deg) skewY(10deg); transform: skewX(-50deg) skewY(10deg); width: 200px; z-index: -1; } #FooterWrapper > .row1 > div > .column1 { float: left; padding: 0 55px 0 0; width: 30%; } #FooterWrapper > .row1 > div > .column2 { float: left; width: 70%; } /* Scroll - Top */ #FooterWrapper > a.scrollTop { background: #034E8D; background: rgba(3, 78, 141, 0.9); bottom: 5px; color: #FFFFFF; opacity: 0; overflow: hidden; position: fixed; right: 5px; text-align: center; -webkit-transition: max-height 300ms ease, opacity 300ms ease; -moz-transition: max-height 300ms ease, opacity 300ms ease; -ms-transition: max-height 300ms ease, opacity 300ms ease; -o-transition: max-height 300ms ease, opacity 300ms ease; transition: max-height 300ms ease, opacity 300ms ease; height: 50px; width: 50px; z-index: 19; } body.showQuickBooking #FooterWrapper > a.scrollTop { display: none; } #FooterWrapper > a.scrollTop:hover { background: #034E8D; } #FooterWrapper > a.scrollTop:before { content: "\E807"; font-family: "fontello"; font-size: 22px; line-height: 50px; } #FooterWrapper > a.scrollTop.show { opacity: 1; } @media all and (max-width: 1340px){ /* Scroll - Top */ #FooterWrapper > a.scrollTop { right: 20px; } } @media all and (max-width: 900px){ #FooterWrapper > .row1 > div > .column1 { float: none; margin-bottom: 30px; padding-right: 0; width: 100%; } #FooterWrapper > .row1 > div > .column2 { float: none; width: 100%; } } @media all and (max-width: 730px){ #FooterWrapper > .row1 > div > .column1 { margin-bottom: 0; text-align: center; } } @media all and (max-width: 500px){ /* Scroll - Top */ #FooterWrapper > a.scrollTop { margin: 0 0 0 -25px; left: 50%; right: auto; } } /* Layout - Footer - Kontakt */ #FooterWrapper > .row1 > div > .column1 > p.contact { line-height: 1.4; position: relative; } #FooterWrapper > .row1 > div > .column1 > p.contact:after { background: url("/westendorf/img/layout/skiwelt-wilderkaiser-brixental.png") no-repeat scroll left top; background-size: 100px auto; bottom: 0; content: ""; height: 52px; position: absolute; right: 0; width: 100px; z-index: 1; } #FooterWrapper > .row1 > div > .column1 > p.contact > span { display: block; font-size: 15px; } #FooterWrapper > .row1 > div > .column1 > p.contact > span.title { color: #E30613; font-size: 16px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; } #FooterWrapper > .row1 > div > .column1 > p.contact > span.phone { margin: 10px 0 0; } #FooterWrapper > .row1 > div > .column1 > p.contact > span.mail { margin: 5px 0 0; } #FooterWrapper > .row1 > div > .column1 > p.contact > span > a { color: #2D343E; padding: 0 0 0 35px; position: relative; } #FooterWrapper > .row1 > div > .column1 > p.contact > span > a:hover { color: #E30613; } #FooterWrapper > .row1 > div > .column1 > p.contact > span.phone > a:before { content: '\E835'; font-family: 'fontello'; font-size: 30px; left: 0; line-height: 1; position: absolute; top: -3px; } #FooterWrapper > .row1 > div > .column1 > p.contact > span.mail > a:before { content: '\E82E'; font-family: 'fontello'; font-size: 15px; left: 0; line-height: 1; position: absolute; top: 3px; } @media all and (max-width: 1150px){ #FooterWrapper > .row1 > div > .column1 > p.contact:after { display: none; } } @media all and (max-width: 900px){ #FooterWrapper > .row1 > div > .column1 > p.contact { float: left; margin-right: 5%; width: 47.5%; } } @media all and (max-width: 730px){ #FooterWrapper > .row1 > div > .column1 > p.contact { float: none; margin-right: 0; text-align: center; width: 100%; } } /* Layout - Footer - Tag Cloud */ ul.tagCloud { margin: 44px 0 0; } ul.tagCloud > li { display: inline-block; margin: 0 5px 2px 0; } ul.tagCloud > li > a { background: #D2D3D6; color: #2D343E; display: block; font-size: 13px; line-height: 25px; padding: 0 10px; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } ul.tagCloud > li > a:hover { background: #034E8D; color: #FFFFFF; } @media all and (max-width: 900px){ ul.tagCloud { float: right; margin-bottom: 30px; margin-top: 0; width: 47.5%; } } @media all and (max-width: 730px){ ul.tagCloud { float: none; margin-top: 30px; text-align: center; width: 100%; } } /* Layout - Footer - Suche */ #FooterWrapper > .row1 > div > .column1 > form { margin: 45px 0 0; } #FooterWrapper > .row1 > div > .column1 > form > p { font-size: 15px; line-height: 1.4; margin: 0 0 10px; } #FooterWrapper > .row1 > div > .column1 > form > p > span { display: block; } #FooterWrapper > .row1 > div > .column1 > form > p > span.title { font-weight: bold; text-transform: uppercase; } #FooterWrapper > .row1 > div > .column1 > form > .row { position: relative; } #FooterWrapper > .row1 > div > .column1 > form > .row:after { color: #2D343E; content: "\E81E"; font-family: "fontello"; font-size: 22px; font-weight: normal; height: 35px; left: 5px; line-height: 35px; position: absolute; text-align: center; top: 0; width: 30px; } #FooterWrapper > .row1 > div > .column1 > form > .row > input { background: #FFFFFF; border: 0 none; color: #2D343E; display: block; font-size: 15px; height: 35px; padding: 0 45px 0 40px; width: 100%; } #FooterWrapper > .row1 > div > .column1 > form > .row > input::-ms-input-placeholder { color: #2D343E; } #FooterWrapper > .row1 > div > .column1 > form > .row > button { background: #034E8D; border: 0 none; cursor: pointer; height: 35px; position: absolute; right: 0; top: 0; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; width: 35px; } #FooterWrapper > .row1 > div > .column1 > form > .row > button:hover { background: #E30613; } #FooterWrapper > .row1 > div > .column1 > form > .row > button > span:before { content: "\E83B"; color: #FFFFFF; display: block; font-family: "fontello"; font-size: 13px; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; top: 0; width: 35px; } #FooterWrapper > .row1 > div > .column1 > form > .row > button:hover > span:before { color: #FFFFFF; } @media all and (max-width: 900px){ #FooterWrapper > .row1 > div > .column1 > form { float: right; margin-top: 0; width: 47.5%; } } @media all and (max-width: 730px){ #FooterWrapper > .row1 > div > .column1 > form { display: inline-block; float: none; max-width: 280px; width: 100%; } } /* Layout - Footer - Info Balken */ #FooterWrapper > .row2 > div > .infoBar { float: left; } #FooterWrapper > .row2 > div > .infoBar > p { color: #FFFFFF; } #FooterWrapper > .row2 > div > .infoBar > p > span { display: inline-block; font-size: 14px; line-height: 47px; margin: 0 25px 0 0; } #FooterWrapper > .row2 > div > .infoBar > p > span.lift:before { content: "\E83C"; font-family: "fontello"; font-size: 25px; margin: 0 10px 0 0; } #FooterWrapper > .row2 > div > .infoBar > p > span.pist:before { content: "\E83D"; font-family: "fontello"; font-size: 24px; margin: 0 10px 0 0; } #FooterWrapper > .row2 > div > .infoBar > p > span.house:before { content: "\E845"; font-family: "fontello"; font-size: 23px; font-weight: bold; margin: 0 10px 0 0; } #FooterWrapper > .row2 > div > .infoBar > p > span.hiking:before { content: "\E846"; font-family: "fontello"; font-size: 24px; margin: 0 10px 0 0; } #FooterWrapper > .row2 > div > .infoBar > p > span > span { font-size: 20px; font-weight: bold; margin: 0 5px 0 0; } @media all and (max-width: 950px){ #FooterWrapper > .row2 > div > .infoBar > p > span.house { display: none; } } @media all and (max-width: 730px){ #FooterWrapper > .row2 > div > .infoBar { float: none; } #FooterWrapper > .row2 > div > .infoBar > p { text-align: center; } #FooterWrapper > .row2 > div > .infoBar > p > span.house { display: inline-block; margin-right: 0; } } @media all and (max-width: 550px){ #FooterWrapper > .row2 > div > .infoBar { display: none; } } #FooterWrapper > .row1 > div > .column1 > p.switch { display:none; position:relative; margin: 20px 0 0 0; } #FooterWrapper > .row1 > div > .column1 > p.switch > a { display:block; text-transform:uppercase; font-weight:bold; font-size:15px; } #FooterWrapper > .row1 > div > .column1 > p.switch > a:before { content: '\e859'; font-family: 'fontello'; font-size: 18px; font-weight:normal; line-height: 1; margin-right:15px; position: relative; top: 2px; } #FooterWrapper > .row1 > div > .column1 > p.switch.mobile { display:block; } #FooterWrapper > .row1 > div > .column1 > p.switch.mobile > a:before { content: '\e858'; font-family: 'fontello'; font-size: 30px; font-weight:normal; line-height: 1px; margin-right:15px; position: relative; } @media all and (max-width: 900px){ #FooterWrapper > .row1 > div > .column1 > p.switch { display: block; float: left; width: 47.5%; } } @media all and (max-width: 730px){ #FooterWrapper > .row1 > div > .column1 > p.switch { display: inline-block; float: none; width: 100%; } } /* Layout - Animation */ #GalleryWrapper { height: 550px; overflow: hidden; position: absolute; top: 100px; width: 100%; z-index: 1; } @media all and (max-width: 900px){ #GalleryWrapper { top: 80px; } } @media all and (max-width: 730px){ body.intro #GalleryWrapper { display: none; } } /* Layout - Sommer - Edition */ /* Layout - Header */ body.summer #HeaderWrapper > .row1 { background: #B1CA35; } body.summer #HeaderWrapper > .row2 { background: #6D9815; border-bottom: 1px solid #B1CA35; } /* Layout - Header - Sprachauswahl */ body.summer #HeaderWrapper > .row1 > div > ul.lang > li.selected:after { background: #B1CA35; } body.summer #HeaderWrapper > .row1 > div > ul.lang > li.more:hover { background: #B1CA35; } body.summer #HeaderWrapper > .row1 > div > ul.lang > li:last-child:before { background: #b1ca35; } /* Layout - Header - Suche */ body.summer #HeaderWrapper > .row1 > div > form { background: #6D9815; } body.summer #HeaderWrapper > .row1 > div > form > button { background: #B1CA35; } body.summer #HeaderWrapper > .row1 > div > form > button:hover { background: #FFFFFF; } body.summer #HeaderWrapper > .row1 > div > form > button:hover > span:before { color: #B1CA35; } /* Layout - Content */ body.summer #ContentWrapper > .row > .row2 { background: #B1CA35; } /* Layout - Content - Info Balken */ body.summer #ContentWrapper > .row > div > .infoBar > a.column0 { width: 13%; } body.summer #ContentWrapper > .row > div > .infoBar > a.column0.winter { display: none; } body.summer #ContentWrapper > .row > div > .infoBar > a.column0.summer { display: block; } body.summer #ContentWrapper > .row > div > .infoBar > a.column2.summer { display: block; } body.summer #ContentWrapper > .row > div > .infoBar > a.column2.winter { display: none; } body.summer #ContentWrapper > .row > div > .infoBar > a.column3, body.summer #ContentWrapper > .row > div > .infoBar > a.column4 { display: none; } body.summer #ContentWrapper > .row > div > .infoBar > a.column5, body.summer #ContentWrapper > .row > div > .infoBar > a.column6 { display: block; } /* Layout - Content - Online Shop */ body.summer #ContentWrapper > .row > div > .onlineShop > form > .row > input:hover { background: #6D9815; } /* Layout - Content - Newsticker */ body.summer #ContentWrapper > .row > div > .newsticker { background: #B1CA35; float: none; width: 70%; } /* Layout - Content - Skiline */ body.summer #ContentWrapper > .row > div > a { background: #6D9815; display: none; } body.summer #ContentWrapper > .row > div > a:before { background: #6D9815; } body.summer #ContentWrapper > .row > div > a:hover, body.summer #ContentWrapper > .row > div > a:hover:before { background: #E30613; } /* Layout - Footer */ body.summer #FooterWrapper > .row2 { background: #6D9815; } /* Scroll - Top */ body.summer #FooterWrapper > a.scrollTop { background: #6D9815; background: rgba(109, 152, 21, 0.9); } body.summer #FooterWrapper > a.scrollTop:hover { background: #6D9815; } /* Layout - Footer - Tag Cloud */ body.summer ul.tagCloud > li > a:hover { background: #6D9815; } /* Layout - Footer - Suche */ body.summer #FooterWrapper > .row1 > div > .column1 > form > .row > button { background: #6D9815; } body.summer #FooterWrapper > .row1 > div > .column1 > form > .row > button:hover { background: #E30613; } @media all and (max-width: 500px){ body.summer #ContentWrapper > .row > div > .infoBar > a { width: 20% !important; } } /* Newsticker */ #NewstickerWrapper { background: #E30613; display: none; width: 100%; position: fixed; height: 40px; z-index: 5; overflow: hidden; top: 0; left: 0; } body.winter #NewstickerWrapper { background: #e50000; } #NewstickerWrapper.fixed { display: none !important; } #NewstickerWrapper > .content > .headline { position: absolute; width: 210px; line-height: 40px; font-weight: bold; color: #FFF; text-transform: uppercase; padding: 0 0 0 60px; font-family: "PT Sans", sans-serif; } #NewstickerWrapper > .content > .headline:before { content: "\E841"; font-family: fontello; font-size: 15px; left: 25px; line-height: 55px; position: absolute; top: -5px; } #NewstickerWrapper > .content > .headline > .counter { position: absolute; background: rgba(0, 0, 0, 0.2); width: 20px; height: 20px; border-radius: 20px; line-height: 20px; font-size: 13px; font-weight: bold; color: #FFFFFF; font-weight: bold; text-align: center; top: 5px; margin-left: 2px; } #NewstickerWrapper > .content > ul { background: #6D9815; margin: 0 0 0 210px; padding: 0 0 0 10px; height: 40px; overflow: hidden; } body.winter #NewstickerWrapper > .content > ul { background: #034E8D; } #NewstickerWrapper > .content > ul > li { color: #FFFFFF; font-weight: 600; font-familiy: "PT Sans", sans-serif; overflow: hidden; height: 40px; line-height: 40px; text-transform: uppercase; position: relative; } /*#NewstickerWrapper > .content > ul > li .js-marquee-wrapper { position: relative; left: -100%; }*/ #NewstickerWrapper > .content > ul > li .js-marquee { margin: 0 !important; } #NewstickerWrapper > .content > ul > li .item:after { content: "+++"; padding: 0 10px 0 10px; } #NewstickerWrapper > .content > ul > li .item:last-child:after { content: ""; padding: 0 10px 0 10px; } #NewstickerWrapper > .content > ul > li a { color: #FFFFFF; display: inline-block; font-weight: bold; font-family: "PT Sans", sans-serif; } #NewstickerWrapper > .content > ul > li a:hover { text-decoration: underline; } #NewstickerWrapper > .content > ul > li span { font-family: "PT Sans", sans-serif; } @media all and (max-width: 1190px){ #NewstickerWrapper > .content > .headline { width: 90px; padding: 0 10px; } #NewstickerWrapper > .content > .headline:before { display: none; } #NewstickerWrapper > .content > .headline > .full { display: none; } #NewstickerWrapper > .content > ul { margin: 0 0 0 90px; } #NewstickerWrapper > .content > ul > li { max-width: auto; } } /* Menü - Hauptmenü - Desktop */ .mobileTrigger { display: none; } nav.desktop { left: 20px; padding: 0 220px 0 273px; position: absolute; right: 20px; top: 0; z-index: 1; } nav.desktop > ul:after { clear: both; content: ""; display: block; } nav.desktop > ul > li { float: left; padding: 0 0 5px 0; position: relative; } nav.desktop > ul > li:hover { } nav.desktop > ul > li > a { color: #FFFFFF; display: block; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: bold; line-height: 60px; padding: 0 12px; position: relative; text-transform: uppercase; } nav.desktop > ul > li > a:after { background: #0076D7; content: ""; display: block; height: 13px; left: -1px; margin: -5.5px 0 0; position: absolute; top: 50%; width: 1px; } nav.desktop > ul > li:first-child > a:after, nav.desktop > ul > li:hover > a:after, nav.desktop > ul > li > a.selected:after { display: none; } nav.desktop > ul > li:hover > a, nav.desktop > ul > li > a.selected { background: #0076D7; } nav.desktop > ul > li:hover > a:before, nav.desktop > ul > li > a.selected:before { background: #FFFFFF; border-bottom: 1px solid #034E8D; border-top: 1px solid #034E8D; content: ""; display: block; height: 7px; left: 0; position: absolute; top: 0; width: 100%; } nav.desktop > ul > li:hover > ul { display: block; } nav.desktop > ul > li > ul { background: #FFFFFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); display: none; left: 0; overflow: auto; padding: 30px 20px; position: absolute; top: 60px; } nav.desktop > ul > li > ul:after { background: #0076D7; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 100%; } nav.desktop > ul > li.last > ul { left: auto; right: 0; } nav.desktop > ul > li.singleColumn > ul { height: auto; } nav.desktop > ul > li.singleColumn:hover > ul { padding-bottom: 30px; } nav.desktop > ul > li.singleColumn > ul > li { border-left: 1px solid #E3E4E5; position: relative; } nav.desktop > ul > li.singleColumn > ul > li:first-child { padding-top: 10px; } nav.desktop > ul > li.singleColumn > ul > li:last-child { padding-bottom: 10px; } nav.desktop > ul > li.singleColumn > ul > li:first-child:before { background: #E3E4E5; border-radius: 4px; content: ""; display: block; height: 7px; left: -4px; position: absolute; top: 0; width: 7px; } nav.desktop > ul > li.singleColumn > ul > li:last-child:after { background: #E3E4E5; border-radius: 4px; bottom: 0; content: ""; display: block; height: 7px; left: -4px; position: absolute; width: 7px; } nav.desktop > ul > li.singleColumn > ul > li > a { color: #3A424E; display: block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; padding: 3px 20px; position: relative; white-space: nowrap; } nav.desktop > ul > li.singleColumn > ul > li > a:hover, nav.desktop > ul > li.singleColumn > ul > li > a.selected { background: #E30613; color: #FFFFFF; } nav.desktop > ul > li.singleColumn > ul > li > a:hover:before, nav.desktop > ul > li.singleColumn > ul > li > a.selected:before { border-left: 1px solid #8F9497; border-right: 1px solid #FFFFFF; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 1px; } nav.desktop > ul > li.singleColumn > ul > li.teaserGroup { display: none; } /* MultiColumns */ nav.desktop > ul > li.multiColumns > ul { width: 570px; } nav.desktop > ul > li.multiColumns > ul > .column { border-left: 1px solid #E3E4E5; position: relative; width: 250px; } nav.desktop > ul > li.multiColumns > ul > .column:before { background: #E3E4E5; border-radius: 4px; content: ""; display: block; height: 7px; left: -4px; position: absolute; top: 0; width: 7px; } nav.desktop > ul > li.multiColumns > ul > .column:after { background: #E3E4E5; border-radius: 4px; bottom: 0; content: ""; display: block; height: 7px; left: -4px; position: absolute; width: 7px; } nav.desktop > ul > li.multiColumns > ul > .column > li:first-child { padding-top: 10px; } nav.desktop > ul > li.multiColumns > ul > .column > li:last-child { padding-bottom: 10px; } nav.desktop > ul > li.multiColumns > ul > .column > li > a { color: #3A424E; display: block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; padding: 3px 20px; position: relative; } nav.desktop > ul > li.multiColumns > ul > .column > li:hover > a, nav.desktop > ul > li.multiColumns > ul > .column > li > a.selected { background: #E30613; color: #FFFFFF; } nav.desktop > ul > li.multiColumns > ul > .column > li:hover > a:before, nav.desktop > ul > li.multiColumns > ul > .column > li > a.selected:before { border-left: 1px solid #8F9497; border-right: 1px solid #FFFFFF; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 1px; } nav.desktop > ul > li.multiColumns > ul > .column > li > ul { border-left: 1px solid #E3E4E5; bottom: 0; display: none; left: 249px; overflow: auto; padding: 10px 0; position: absolute; top: 0; width: 280px; } nav.desktop > ul > li.multiColumns > ul > .column > li:hover > ul { display: block; } nav.desktop > ul > li.multiColumns > ul > .column > li > ul > li > a { color: #3A424E; display: block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; padding: 3px 15px; position: relative; } nav.desktop > ul > li.multiColumns > ul > .column > li > ul > li > a:hover, nav.desktop > ul > li.multiColumns > ul > .column > li > ul > li > a.selected { background: #E30613; color: #FFFFFF; } /* Menü - Teaser */ nav.desktop > ul > li.multiColumns > ul.teaser { width: 890px; } nav.desktop > ul > li.multiColumns > ul.teaser > .column { min-height: 370px; width: 250px; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup { background: #F1F1F2; float: right; margin: 11px 0 32px; opacity: 0; -webkit-transition: opacity 200ms ease-in 1s; -moz-transition: opacity 200ms ease-in 1s; -ms-transition: opacity 200ms ease-in 1s; -o-transition: opacity 200ms ease-in 1s; transition: opacity 200ms ease-in 1s; width: 300px; } nav.desktop > ul > li.multiColumns:hover > ul.teaser > li.teaserGroup { opacity: 1; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > h2 { display: none; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > span { background: #e30613; color: #ffffff; font-weight: bold; line-height: 40px; padding: 0 15px; position: absolute; right: 0; z-index: 1; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > a > img { display: block; width: 100%; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption { padding: 15px; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > a { color: #E30613; display: block; font-family: "PT Sans", sans-serif; font-size: 20px; font-weight: bold; line-height: 1.3; text-transform: uppercase; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > a:hover { color: #034E8D; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > p > span.text { display: block; line-height: 1.4; margin: 10px 0 0; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls { bottom: -40px; left: 0; margin: 0; position: absolute; right: 0; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls > .owl-pagination > .owl-page > span { background: #F1F1F2; border-radius: 20px; display: block; height: 13px; margin: 0 4px; opacity: 1; width: 13px; } nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls > .owl-pagination > .owl-page:hover > span, nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls > .owl-pagination > .owl-page.active > span { background: #E30613; } /* Menü - Orte */ nav.desktop > ul > li.multiColumns.towns { position: static; } nav.desktop > ul > li.multiColumns.towns > ul { overflow: hidden; width: 100%; } nav.desktop > ul > li.multiColumns.towns > ul > .column { border-left: 0 none; float: none; margin-right: 0; padding-top: 0; width: 100%; } nav.desktop > ul > li.multiColumns.towns > ul > .column:before { display: none; } nav.desktop > ul > li.multiColumns.towns > ul > .column:after { display: none; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li { border-left: 0 none; float: none; margin-bottom: 0; padding-bottom: 0; width: 100%; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li:after { clear: both; content: ""; display: block; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li:first-child { padding-top: 0; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > a { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-right: 4%; padding-left: 0; position: relative; width: 32%; } nav.desktop > ul > li.multiColumns > ul > .column > li:hover > a:before, nav.desktop > ul > li.multiColumns > ul > .column > li > a.selected:before { border: 0 none; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li:hover > a { background: none; color: #E30613; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul { border-left: 1px solid #E3E4E5; clear: both; display: block; float: left; height: auto; left: auto; margin-bottom: 20px; margin-right: 4%; overflow: visible; position: relative; width: 32%; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul:before { background: #E3E4E5; border-radius: 4px; content: ""; display: block; height: 7px; left: -4px; position: absolute; top: 0; width: 7px; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul:after { background: #E3E4E5; border-radius: 4px; bottom: 0; content: ""; display: block; height: 7px; left: -4px; position: absolute; width: 7px; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a { padding: 3px 0 3px 15px; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a:before { color: #E30613; content: '\E83B'; display: inline-block; font-family: 'fontello'; font-size: 11px; font-weight: normal; line-height: 1; margin: 0 10px 0 5px; position: relative; top: -2px; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a:hover:before, nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a.selected:before { color: #FFFFFF; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map { background: #F1F1F2; float: right; margin: -73px -40px -27px; padding: 73px 40px 55px; position: relative; width: 64%; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map:before { background: #F1F1F2; content: ""; height: 80px; left: -15px; position: absolute; top: 30%; -moz-transform: skewX(-15deg) skewY(40deg); -webkit-transform: skewX(-15deg) skewY(40deg); -o-transform: skewX(-15deg) skewY(40deg); -ms-transform: skewX(-15deg) skewY(40deg); transform: skewX(-15deg) skewY(40deg); width: 50px; z-index: 1; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a { background: #E30613; border-radius: 8px; height: 16px; left: 0; position: absolute; top: 0; width: 16px; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:after { background: #E30613; background: rgba(227, 6, 19, 0.2); border-radius: 50%; box-shadow: 0 0 0 4px #E30613; box-sizing: content-box; content: ""; height: 100%; left: -3px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; top: -3px; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform 0.2s ease, opacity 0.2s ease; -moz-transition: transform 0.2s ease, opacity 0.2s ease; -ms-transition: transform 0.2s ease, opacity 0.2s ease; -o-transition: transform 0.2s ease, opacity 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease; width: 100%; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover, nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate { background: #034E8D; } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover:after, nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate:after { background: #034E8D; background: rgba(3, 78, 141, 0.2); box-shadow: 0 0 0 4px #034E8D; opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.brixen { left: 60.529986052998602%; /* 434 */ top: 70.623059866962308%; /* 314 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.ellmau { left: 59.972105997210598%; /* 430 */ top: 48.006651884700666%; /* 212 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.going { left: 66.806136680613662%; /* 479 */ top: 43.350332594235034%; /* 191 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.hopfgarten { left: 46.443514644351467%; /* 333 */ top: 70.623059866962308%; /* 314 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.itter { left: 41.980474198047418%; /* 301 */ top: 66.631929046563187%; /* 296 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.kelchsau { left: 47.001394700139471%; /* 337 */ top: 79.270509977827047%; /* 353 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.scheffau { left: 50.627615062761507%; /* 363 */ top: 53.993348115299334%; /* 239 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.soell { left: 44.490934449093444%; /* 319 */ top: 57.984478935698448%; /* 257 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.westendorf { left: 56.206415620641565%; /* 403 */ top: 77.718403547671841%; /* 346 */ } nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > img { display: block; max-width: 699px; width: 100%; } @media all and (max-width: 1150px){ nav.desktop > ul > li > a { padding-left: 10px; padding-right: 10px; } } @media all and (max-width: 1050px){ nav.desktop > ul > li > a { padding-left: 7px; padding-right: 7px; } } /* Menü - Hauptmenü Desktop - Teaser2 */ nav.desktop > ul > li.multiColumns.winter { position: static; } nav.desktop > ul > li.multiColumns > ul.teaser.teaser2 { left: 0; width: 100%; } nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft { bottom: 30px; height: auto; left: 20px; position: absolute; top: 30px; width: 200px; } nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article { height: calc(25% - 15px); margin: 0 0 20px 0; overflow: hidden; position: relative; } nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article:nth-of-type(4n) { margin-bottom: 0; } nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article > h2 { display: none; } nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article > figure > a > img { display: block; width: 100%; } nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article > figure > .title { background: rgba(255, 255, 255, 0.75); bottom: 0; color: #e30613; font-family: "PT Sans",sans-serif; font-weight: bold; height: 40px; padding: 7px 10px; position: absolute; text-transform: uppercase; width: 100%; } nav.desktop > ul > li.multiColumns > ul.teaser2 > .column { margin: 0 0 0 225px; } @media all and (max-width: 1150px){ nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft { width: 180px; } nav.desktop > ul > li.multiColumns > ul.teaser2 > .column { margin-left: 205px; } } @media all and (max-width: 1120px){ nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft { width: 170px; } nav.desktop > ul > li.multiColumns > ul.teaser2 > .column { margin-left: 190px; width: 210px; } nav.desktop > ul > li.multiColumns > ul.teaser2 > .column > li > ul { left: 220px; width: 230px; } nav.desktop > ul > li.multiColumns > ul.teaser.teaser2 > li.teaserGroup { width: 275px; } } /* Menü - Hauptmenü Mobile */ .mobileTrigger.show:before { content: "\E819"; display: block; float: left; font-family: "fontello"; font-size: 34px; margin: 0 10px 0 0; } .mobileTrigger.show { color: #FFFFFF; cursor: pointer; display: block; font-weight: bold; left: 280px; line-height: 60px; padding: 0 20px; position: absolute; text-transform: uppercase; } nav.mobile { display: block; position: absolute; right: 0; top: 59px; width: 100%; z-index: 99999; } nav.mobile > ul { background: #FFFFFF; height: 0; opacity: 0; overflow: hidden; position: relative; width: 100%; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } nav.mobile > ul:after { background: #034E8D; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 100%; } nav.mobile > ul.open { height: auto; opacity: 1; overflow: visible; padding: 55px 0 20px; } nav.mobile > ul > li > ul { display: none; } nav.mobile > ul > li > ul.open { display: block; margin: 1px 0 0; } nav.mobile > ul > li > ul > li > ul, nav.mobile > ul > li > ul > div > li > ul { display: none; } nav.mobile > ul > li > ul > li > ul.open, nav.mobile > ul > li > ul > div > li > ul.open { display: block; } /* 1. Ebene */ nav.mobile > ul > li { margin: 0 0 1px; } nav.mobile > ul > li > a { color: #034E8D; display: block; font-family: "PT Sans", sans-serif; font-size: 18px; font-weight: bold; padding: 6px 50px 6px 20px; position: relative; text-transform: uppercase; } nav.mobile > ul > li > a:before { content: "\E805"; font-family: 'fontello'; font-weight: normal; position: absolute; right: 20px; top: 6px; } nav.mobile > ul > li > a:hover, nav.mobile > ul > li > a.selected { background: #034E8D; color: #FFFFFF; } /* 2. Ebene */ nav.mobile > ul > li > ul > li, nav.mobile > ul > li > ul > div > li { margin: 0 0 1px; } nav.mobile > ul > li > ul > li > a, nav.mobile > ul > li > ul > div > li > a { color: #2D343E; display: block; font-weight: normal; padding: 4px 50px 4px 30px; position: relative; } nav.mobile > ul > li > ul > li > a.hasItems:before, nav.mobile > ul > li > ul > div > li > a.hasItems:before { content: "\E805"; font-family: 'fontello'; font-weight: normal; position: absolute; right: 20px; top: 5px; } nav.mobile > ul > li > ul > li > a:hover, nav.mobile > ul > li > ul > li > a.selected, nav.mobile > ul > li > ul > div > li > a:hover, nav.mobile > ul > li > ul > div > li > a.selected { background: #E30613; color: #FFFFFF; } /* 3. Ebene */ nav.mobile > ul > li > ul > li > ul > li > a, nav.mobile > ul > li > ul > div > li > ul > li > a { border-bottom: 1px solid #E8E8E8; color: #2D343E; display: block; font-size: 15px; font-weight: normal; line-height: 1.5; padding: 6px 30px; } nav.mobile > ul > li > ul > li > ul > li > a:before, nav.mobile > ul > li > ul > div > li > ul > li > a:before { color: #E30613; content: '\E83B'; display: inline-block; font-family: 'fontello'; font-size: 11px; font-weight: normal; line-height: 1; margin: 0 10px 0 0; position: relative; top: -1px; } nav.mobile > ul > li > ul > li > ul > li:last-child > a, nav.mobile > ul > li > ul > div > li > ul > li:last-child > a { border-bottom: 0 none; } nav.mobile > ul > li > ul > li > ul > li > a:hover, nav.mobile > ul > li > ul > li > ul > li > a.selected, nav.mobile > ul > li > ul > div > li > ul > li > a:hover, nav.mobile > ul > li > ul > div > li > ul > li > a.selected { color: #E30613; } /* Menü - Teaser */ nav.mobile > ul > li > ul > li.teaserGroup { display: none; } nav.mobile > ul > li > ul > .teaserleft { display: none; } /* Menü - Orte */ nav.mobile > ul > li > ul.towns > li > ul, nav.mobile > ul > li > ul.towns > div > li > ul { display: block; } nav.mobile > ul > li > ul.towns > li > a, nav.mobile > ul > li > ul.towns > div > li > a { background: #E30613; color: #FFFFFF; } nav.mobile > ul > li > ul.towns > li > .map, nav.mobile > ul > li > ul.towns > div > li > .map { background: #F1F1F2; padding: 30px 10px; text-align: center; } nav.mobile > ul > li > ul.towns > li > .map > img, nav.mobile > ul > li > ul.towns > div > li > .map > img { display: inline-block; max-width: 699px; width: 100%; } @media all and (max-width: 1000px){ nav { display: none; } } @media all and (max-width: 800px){ .mobileTrigger.show { left: 0; } } @media all and (max-width: 400px){ nav.mobile > ul.open { padding-top: 50px; } } /* Menü - Metamenü */ /* Metamenü - Header */ ul.metamenuHeader { float: left; margin: 0 0 0 50px; position: relative; z-index: 3; } ul.metamenuHeader:after { clear: both; content: ""; display: block; } ul.metamenuHeader > li { float: left; position: relative; } ul.metamenuHeader > li > a { color: #FFFFFF; display: block; font-family: "PT Sans", sans-serif; font-size: 13px; line-height: 40px; padding: 0 12px; position: relative; text-transform: uppercase; } ul.metamenuHeader > li > a:after { background: #034E8D; content: ""; height: 13px; margin: -6.5px 0 0; position: absolute; right: 0; top: 50%; width: 1px; } ul.metamenuHeader > li:last-child > a:after { display: none; } ul.metamenuHeader > li > a:hover, ul.metamenuHeader > li > a.selected { color: #034E8D; } /* Metamenü - Untermenü */ ul.metamenuHeader > li > ul { background: #ffffff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); display: none; left: 0; overflow: auto; padding: 30px 20px; position: absolute; top: 40px; } ul.metamenuHeader > li:hover > ul { display: block; } ul.metamenuHeader > li > ul:after { background: #0076d7; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 100%; } ul.metamenuHeader > li > ul > li { border-left: 1px solid #e3e4e5; position: relative; } ul.metamenuHeader > li > ul > li:first-child { padding-top: 10px; } ul.metamenuHeader > li > ul > li:last-child { padding-bottom: 10px; } ul.metamenuHeader > li > ul > li:first-child:before { background: #e3e4e5 none repeat scroll 0 0; border-radius: 4px; content: ""; display: block; height: 7px; left: -4px; position: absolute; top: 0; width: 7px; } ul.metamenuHeader > li > ul > li:last-child:after { background: #e3e4e5 none repeat scroll 0 0; border-radius: 4px; bottom: 0; content: ""; display: block; height: 7px; left: -4px; position: absolute; width: 7px; } ul.metamenuHeader > li > ul > li > a { color: #3a424e; display: block; font-family: "PT Sans",sans-serif; font-size: 14px; font-weight: normal; line-height: 1.5; padding: 3px 12px; position: relative; white-space: nowrap; } ul.metamenuHeader > li > ul > li > a:hover, ul.metamenuHeader > li > ul > li > a.selected { background: #e30613 none repeat scroll 0 0; color: #ffffff; } ul.metamenuHeader > li > ul > li > a:hover:before, ul.metamenuHeader > li > ul > li > a.selected:before { border-left: 1px solid #8f9497; border-right: 1px solid #ffffff; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 1px; } /* Metamenü - Footer */ ul.metamenuFooter { float: right; margin: 0 -13px 0 0; padding: 10px 0; } ul.metamenuFooter:after { clear: both; content: ""; display: block; } ul.metamenuFooter > li { float: left; } ul.metamenuFooter > li > a { color: #FFFFFF; display: block; font-family: "PT Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 1.4; padding: 5px 12px; position: relative; text-transform: uppercase; } ul.metamenuFooter > li > a:after { background: #FFFFFF; background: rgba(255, 255, 255, 0.3); content: ""; height: 13px; margin: -6.5px 0 0; position: absolute; left: -1px; top: 50%; width: 1px; } ul.metamenuFooter > li > a:hover:after, ul.metamenuFooter > li > a.selected:after, ul.metamenuFooter > li:first-child > a:after { display: none; } ul.metamenuFooter > li > a:hover, ul.metamenuFooter > li > a.selected { background: #FFFFFF; color: #034E8D; } @media all and (max-width: 1140px){ /* Metamenü - Header */ ul.metamenuHeader { margin-left: 20px; } } @media all and (max-width: 730px){ /* Metamenü - Footer */ ul.metamenuFooter { float: none; margin-right: 0; text-align: center; } ul.metamenuFooter > li { display: inline-block; float: none; } } @media all and (max-width: 720px){ /* Metamenü - Header */ ul.metamenuHeader { display: none; } } @media all and (max-width: 500px){ /* Metamenü - Footer */ ul.metamenuFooter > li { display: block; } ul.metamenuFooter > li > a:after { display: none; } } /* Menü - Breadcrumb */ ul.breadcrumb { float: left; padding: 0 20px; width: 75.833333333333329%; /* 910 */ } ul.breadcrumb > label { color: #FFFFFF; float: left; font-size: 14px; line-height: 40px; padding: 0 10px 0 0; position: relative; } ul.breadcrumb > li { float: left; margin: 0 25px 0 0; position: relative; } ul.breadcrumb > li:last-child { margin-right: 0; } ul.breadcrumb > li:after { color: #FFFFFF; content: "\E803"; display: block; float: left; font-family: "Fontello"; height: 20px; position: absolute; right: -15px; top: 8px; width: 10px; } ul.breadcrumb > li:last-child:after { content: ""; } ul.breadcrumb > li > a { color: #FFFFFF; display: block; font-family: "PT Sans", sans-serif; font-size:14px; line-height: 40px; padding: 0 10px 0 0; white-space: nowrap; text-decoration:underline; } ul.breadcrumb > li:last-child > a { text-decoration:none; } @media all and (max-width: 820px){ ul.breadcrumb { display: none; } } /* Menü - Footer - Sitemap */ ul.footerSitemap { margin: -30px 0 0; } ul.footerSitemap:after { clear: both; content: ""; display: block; } ul.footerSitemap > li { float: left; margin: 30px 2% 0 0; position: relative; width: 23.5%; } ul.footerSitemap > li:nth-of-type(4n) { margin-right: 0; } ul.footerSitemap > li:nth-of-type(4n) + * { clear: both; } ul.footerSitemap > li > a { color: #034E8D; display: block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; line-height: 1.5; margin: 0 0 5px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } ul.footerSitemap > li > a:hover, ul.footerSitemap > li > a.selected { color: #E30613; } ul.footerSitemap > li > ul > li > a { color: #3A424E; display: block; font-family: "PT Sans", sans-serif; font-size: 15px; font-weight: normal; line-height: 1.5; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; } ul.footerSitemap > li > ul > li > a:before { content: '\E83B'; font-family: 'fontello'; font-size: 8px; margin: 0 8px 0 0; position: relative; top: -2px; } ul.footerSitemap > li > ul > li > a:hover, ul.footerSitemap > li > ul > li > a.selected { color: #E30613; } @media all and (max-width: 1150px){ ul.footerSitemap > li { width: 32%; } ul.footerSitemap > li:nth-of-type(4n) { margin-right: 2%; } ul.footerSitemap > li:nth-of-type(4n) + * { clear: none; } ul.footerSitemap > li:nth-of-type(3n) { margin-right: 0; } ul.footerSitemap > li:nth-of-type(3n) + * { clear: both; } } @media all and (max-width: 900px){ ul.footerSitemap { display: none; } } /* Menü - Seitenmenü */ ul.pagenav { margin: 0 0 10px 0; text-align: center; } ul.pagenav > li { display: inline-block; } ul.pagenav > li > a { background: #E3E4E5; font-size: 14px; margin: 0 2px; padding: 8px 10px; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } ul.pagenav > li > a:hover, ul.pagenav > li > a.selected { background: #E30613; color: #FFFFFF; } /* Menü - Submenü */ ul.submenu { clear: both; } ul.submenu > li > ul > li { display: inline-block; margin: 0 1px 3px 0; } ul.submenu > li > ul > li > a { background: #D2D3D6; color: #2D343E; display: block; font-size: 13px; line-height: 30px; padding: 0 10px; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } ul.submenu > li > ul > li > a:hover, ul.submenu > li > ul > li > a.selected { background: #034E8D; color: #FFFFFF; } /* Menü - Mobilemenü */ ul.mobilemenuFooter { display: none; float: right; margin: 0 -13px 0 0; padding: 0 0 10px; } ul.mobilemenuFooter:after { clear: both; content: ""; display: block; } ul.mobilemenuFooter > li { float: left; } ul.mobilemenuFooter > li > a { color: #FFFFFF; display: block; font-family: "PT Sans", sans-serif; font-size: 14px; font-weight: bold; line-height: 1.4; padding: 5px 12px; position: relative; text-transform: uppercase; } ul.mobilemenuFooter > li > a:after { background: #FFFFFF; background: rgba(255, 255, 255, 0.3); content: ""; height: 13px; margin: -6.5px 0 0; position: absolute; left: -1px; top: 50%; width: 1px; } ul.mobilemenuFooter > li > a:hover:after, ul.mobilemenuFooter > li > a.selected:after, ul.mobilemenuFooter > li:first-child > a:after { display: none; } ul.mobilemenuFooter > li > a:hover, ul.mobilemenuFooter > li > a.selected { background: #FFFFFF; color: #034E8D; } @media all and (max-width: 720px){ ul.mobilemenuFooter { display: block; float: none; margin-right: 0; text-align: center; } ul.mobilemenuFooter > li { display: inline-block; float: none; } } @media all and (max-width: 500px){ ul.mobilemenuFooter { margin-top: -9px; } ul.mobilemenuFooter > li { display: block; } ul.mobilemenuFooter > li > a:after { display: none; } } /* Menü - Sommer - Edition */ /* Menü - Hauptmenü Desktop */ body.summer nav.desktop > ul > li > ul:after { background: #B1CA35; } body.summer nav.desktop > ul > li > a:after { background: #B1CA35; } body.summer nav.desktop > ul > li:hover > a, body.summer nav.desktop > ul > li > a.selected { background: #B1CA35; color: #FFFFFF; } body.summer nav.desktop > ul > li:hover > a:before, body.summer nav.desktop > ul > li > a.selected:before { border-bottom: 1px solid #6D9815; border-top: 1px solid #6D9815; } /* MultiColumns */ body.summer nav.desktop > ul > li.multiColumns > ul > div > li > a { color: #3A424E; } body.summer nav.desktop > ul > li.multiColumns > ul > div > li > a:hover, body.summer nav.desktop > ul > li.multiColumns > ul > div > li > a.selected { color: #FFFFFF; } /* Menü - Teaser */ body.summer nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > a:hover { color: #6D9815; } /* Menü - Orte */ body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover, body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate { background: #6D9815; } body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover:after, body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate:after { background: #6D9815; background: rgba(109, 152, 21, 0.2); box-shadow: 0 0 0 4px #6D9815; } /* Menü - Hauptmenü Mobile */ body.summer nav.mobile > ul:after { background: #6D9815; } body.summer nav.mobile > ul > li > a { color: #6D9815; } body.summer nav.mobile > ul > li > a:hover, body.summer nav.mobile > ul > li > a.selected { background: #6D9815; color: #FFFFFF; } /* Menü - Metamenü */ /* Metamenü - Header */ body.summer ul.metamenuHeader > li > a:after { background: #6D9815; } body.summer ul.metamenuHeader > li > a:hover, body.summer ul.metamenuHeader > li > a.selected { color: #6D9815; } body.summer ul.metamenuHeader > li > ul:after { background: #B1CA35; } /* Metamenü - Footer */ body.summer ul.metamenuFooter > li > a:hover, body.summer ul.metamenuFooter > li > a.selected { color: #6D9815; } /* Menü - Mobilemenü */ body.summer ul.mobilemenuFooter > li > a:hover, body.summer ul.mobilemenuFooter > li > a.selected { color: #6D9815; } /* Menü - Breadcrumb */ body.summer ul.breadcrumb > li:after { background: #B1CA35; } body.summer ul.breadcrumb > li > a { color: #FFFFFF; } /* Menü - Footer - Sitemap */ body.summer ul.footerSitemap > li > a { color: #6D9815; } body.summer ul.footerSitemap > li > a:hover, body.summer ul.footerSitemap > li > a.selected { color: #E30613; } /* Menü - Submenü */ body.summer ul.submenu > li > ul > li > a:hover, body.summer ul.submenu > li > ul > li > a.selected { background: #6D9815; color: #FFFFFF; } /* Menü - Metamenü - Teaser */ ul.metamenuHeader > li.teaser > ul { width: 540px; } ul.metamenuHeader > li.teaser.noteaser > ul { width: auto; } ul.metamenuHeader > li.teaser > ul > .column { border-left: 1px solid #E3E4E5; min-height: 270px; position: relative; width: 250px; } ul.metamenuHeader > li.teaser.noteaser > ul > .column { min-height: 0; } ul.metamenuHeader > li.teaser > ul > .column:before { background: #E3E4E5; border-radius: 4px; content: ""; display: block; height: 7px; left: -4px; position: absolute; top: 0; width: 7px; } ul.metamenuHeader > li.teaser > ul > .column:after { background: #E3E4E5; border-radius: 4px; bottom: 0; content: ""; display: block; height: 7px; left: -4px; position: absolute; width: 7px; } ul.metamenuHeader > li.teaser > ul > .column > li:first-child { padding-top: 10px; } ul.metamenuHeader > li.teaser > ul > .column > li:last-child { padding-bottom: 10px; } ul.metamenuHeader > li.teaser > ul > .column > li > a { color: #3A424E; display: block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; padding: 3px 20px; position: relative; } ul.metamenuHeader > li.teaser > ul > .column > li:hover > a, ul.metamenuHeader > li.teaser > ul > .column > li > a.selected { background: #E30613; color: #FFFFFF; } ul.metamenuHeader > li.teaser > ul > .column > li:hover > a:before, ul.metamenuHeader > li.teaser > ul > .column > li > a.selected:before { border-left: 1px solid #8F9497; border-right: 1px solid #FFFFFF; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 1px; } ul.metamenuHeader > li.teaser > ul > .column > li > ul { border-left: 1px solid #E3E4E5; bottom: 0; display: none; left: 249px; overflow: auto; padding: 10px 0; position: absolute; top: 0; width: 250px; } ul.metamenuHeader > li.teaser > ul > .column > li:hover > ul { display: block; } ul.metamenuHeader > li.teaser > ul > .column > li > ul > li > a { color: #3A424E; display: block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; padding: 3px 15px; position: relative; } ul.metamenuHeader > li.teaser > ul > .column > li > ul > li > a:hover, ul.metamenuHeader > li.teaser > ul > .column > li > ul > li > a.selected { background: #E30613; color: #FFFFFF; } /* Menü - Teaser */ ul.metamenuHeader > li.teaser > ul > li.teaserGroup { background: #F1F1F2; float: right; margin: 11px 0 32px; opacity: 0; padding-top: 0; -webkit-transition: opacity 200ms ease-in 1s; -moz-transition: opacity 200ms ease-in 1s; -ms-transition: opacity 200ms ease-in 1s; -o-transition: opacity 200ms ease-in 1s; transition: opacity 200ms ease-in 1s; width: 230px; } ul.metamenuHeader > li.teaser:hover > ul > li.teaserGroup { opacity: 1; } ul.metamenuHeader > li.teaser:hover > ul > li.teaserGroup:before { display: none; } nav.desktop > ul > li.teaser:hover > ul.teaser > li.teaserGroup { opacity: 1; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > h2 { display: none; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > span { background: #e30613; color: #ffffff; font-weight: bold; line-height: 40px; padding: 0 15px; position: absolute; right: 0; z-index: 1; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > a:before { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -ms-transition: opacity 200ms ease-in 0s; -moz-transition: opacity 200ms ease-in 0s; -o-transition: opacity 200ms ease-in 0s; -webkit-transition: opacity 200ms ease-in 0s; transition: opacity 200ms ease-in 0s; z-index: 1; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article:hover > figure > a:before { opacity: 1; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > a > img { display: block; min-height: 230px; min-width: 100%; -ms-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -ms-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; width: auto; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article:hover > figure > a > img { -ms-transform: scale(1.4) rotate(-5deg); -moz-transform: scale(1.4) rotate(-5deg); -o-transform: scale(1.4) rotate(-5deg); -webkit-transform: scale(1.4) rotate(-5deg); transform: scale(1.4) rotate(-5deg); } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption { bottom: 0; padding: 15px; position: absolute; z-index: 2; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption > a { color: #FFFFFF; display: block; font-family: "PT Sans", sans-serif; font-size: 20px; font-weight: bold; line-height: 1.1; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); text-transform: uppercase; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption > a:hover { color: #FFFFFF; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption > p > span.text { color: #ffffff; display: block; line-height: 1.4; margin-bottom: 0; margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -ms-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s; -moz-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s; -o-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s; -webkit-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s; transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article:hover > figure > figcaption > p > span.text { max-height: 130px; opacity: 1; -ms-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s; -moz-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s; -o-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s; -webkit-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s; transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls { bottom: -40px; left: 0; margin: 0; position: absolute; right: 0; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls > .owl-pagination > .owl-page > span { background: #F1F1F2; border-radius: 20px; display: block; height: 13px; margin: 0 4px; opacity: 1; width: 13px; } ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls > .owl-pagination > .owl-page:hover > span, ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls > .owl-pagination > .owl-page.active > span { background: #E30613; } /* MultiColumns */ ul.metamenuHeader > li.multiColumns > ul { width: 550px; } ul.metamenuHeader > li.teaser.multiColumns > ul { width: 800px; } ul.metamenuHeader > li.teaser.noteaser.multiColumns > ul { width: 550px; } /* Elemente - Überschriften */ h1 { color: #8F9497; font-family: "PT Sans", sans-serif; font-size: 48px; font-weight: bold; line-height: 1; text-transform: uppercase; } h2 { color: #E30613; font-family: "PT Sans", sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; } h3 { font-family: "PT Sans", sans-serif; font-size: 18px; font-weight: normal; } /* Folgeüberschriften */ h1.cms + h2.cms { margin-top: -20px; } @media all and (max-width: 700px){ h1 { font-size: 26px; } } /* Elemente - Textinhalt */ /* Elemente - Aufzählung */ .cmsList > h2 { margin: 0 0 15px; } .cmsList > ul > li:before { background: #E30613; content: ""; height: 8px; left: 0; position: absolute; top: 11px; width: 8px; } .cmsList > ul > li { margin: 3px 0; padding: 0 0 0 20px; position: relative; } /* 2-spaltig */ .cmsList2Columns > ul > li { float: left; width: 50%; } .cmsList2Columns > ul > li:nth-child(2n+1) { padding-right: 20px; } .cmsList2Columns > ul > li:nth-child(2n) + li { clear: left; } .cmsList2Columns:after { clear: both; content: ""; display: block; } @media all and (max-width: 750px){ .cmsList2Columns > ul > li { clear: none !important; padding-right: 0 !important; width: 100%; } } /* Elemente - Bild-Text */ .cmsImage:after { clear: both; content: ""; display: block; } .cmsImage > .left { float: left; margin: 9px 20px 10px 0; max-width: 45%; } .cmsImage > .right { float: right; margin: 9px 0 10px 20px; max-width: 45%; } .cmsImage img { display: block; max-width: 100%; } .cmsImage figcaption { font-size: smaller; font-style: italic; line-height: 1.5; margin: 8px 0 0 0; } @media all and (max-width: 750px){ .cmsImage > .left, .cmsImage > .right { float: none; margin: 0 0 10px 0; max-width: none; } } /* Elemente - Bildergalerie */ .cmsGallery:after { clear: both; content: ""; display: block; } .cmsGallery + * { margin-top: -10px; } .cmsGallery > li { float: left; margin: 0 4.545454545454546% 4.545454545454546% 0; /* 0 30 30 0 */ position: relative; width: 47.727272727272727%; /* 315 */ } .cmsGallery > li:nth-child(2n) { margin-right: 0; } .cmsGallery > li:nth-child(2n) + li { clear: left; } .cmsGallery > li > figure { overflow: hidden; position: relative; } .cmsGallery > li > figure > a { display: block; position: relative; } .cmsGallery > li > figure > a > img { display: block; width: 100%; } .cmsGallery > li > figure > a > span:before { content: "\E836"; font-family: "fontello"; color: #ffffff; font-size: 18px; font-weight: normal; } .cmsGallery > li > figure > a > span { background: #E30613; background: rgba(227, 6, 19, 0.8); bottom: 3px; display: block; height: 33px; position: absolute; right: 3px; text-align: center; width: 33px; z-index: 2; } .cmsGallery > li > figure > figcaption { font-style: italic; font-weight: 300; line-height: 1.5; padding: 6px 0; } .cmsGallery > li:hover > figure > figcaption { left: 0; opacity: 1; } .cmsGallery > li > figure:after { content: "\E809"; font-family: "fontello"; font-size: 36px; left: 0; position: absolute; text-align: center; top: -50px; width: 100%; } .fancybox-wrap .fancydownload:before { content: '\e801'; font-family: 'fontello'; font-size: 18px; font-weight: normal; margin: 0 10px 0 0; } .fancybox-wrap .fancydownload { background: none repeat scroll 0 0 #000000; border-radius: 4px; color: #ffffff; cursor: pointer; font-size: 14px; padding: 5px; position: relative; text-align: center; text-transform: uppercase; z-index: 1; } @media all and (max-width: 800px){ .cmsGallery > li { margin: 0 4% 4% 0; width: 48%; } .cmsGallery > li:nth-child(3n) { margin-right: 4%; } .cmsGallery > li:nth-child(3n) + li { clear: none; } .cmsGallery > li:nth-child(2n) { margin-right: 0; } .cmsGallery > li:nth-child(2n) + li { clear: left; } } @media all and (max-width: 500px){ .cmsGallery + * { margin-top: auto; } .cmsGallery > li { clear: both !important; float: none !important; margin: 0 0 20px 0 !important; width: 100% !important; } } /* Element - Bildergalerie (gesamte Breite) */ body.entirewidth .cmsGallery > li { margin: 0 1.666666666666667% 1.666666666666667% 0; /* 0 20 20 0 */ width: 23.75%; /* 285 */ } body.entirewidth .cmsGallery > li:nth-child(4n) { margin-right: 0; } body.entirewidth .cmsGallery > li:nth-child(2n) + li { clear: none; } @media all and (max-width: 900px){ body.entirewidth .cmsGallery > li { margin: 0 4% 4% 0; width: 48%; } body.entirewidth .cmsGallery > li:nth-child(3n) { margin-right: 4%; } body.entirewidth .cmsGallery > li:nth-child(3n) + li { clear: none; } body.entirewidth .cmsGallery > li:nth-child(2n) { margin-right: 0; } body.entirewidth .cmsGallery > li:nth-child(2n) + li { clear: left; } } /* Elemente - Teaser */ /* Einzelteaser */ .cmsTeaser:after { clear: both; content: ""; display: block; } .cmsTeaser > article { background: #F1F1F2; margin: 0 0 25px; overflow: hidden; position: relative; } .cmsTeaser > article > span { background: #e30613; color: #ffffff; font-family: "PT Sans",sans-serif; font-weight: bold; line-height: 40px; padding: 0 10px; position: absolute; right: -54px; text-align: center; text-transform: uppercase; top: 25px; -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 200px; z-index: 1; } .cmsTeaser > article.down > span { bottom: 25px; top: auto; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cmsTeaser > article.down > span .cmsTeaser.leftImg > article > span { left: -54px; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cmsTeaser > article > h2 { display: none; } .cmsTeaser > article > figure:after { clear: both; content: ""; display: block; } .cmsTeaser > article > figure > a { display: block; float: right; margin: 0 0 0 20px; width: 34.848484848484851%; /* 230 */ } .cmsTeaser.leftImg > article > figure > a { float: left; margin-left: 0; margin-right: 20px; } .cmsTeaser > article > figure > a > img { display: block; width: 100%; } .cmsTeaser > article > figure > figcaption { padding: 20px 20px 0; } .cmsTeaser > article > figure > figcaption > a { color: #E30613; font-family: "PT Sans", sans-serif; font-size: 24px; font-weight: bold; line-height: 1.1; text-transform: uppercase; } .cmsTeaser > article > figure > figcaption > a:hover { color: #034E8D; } .cmsTeaser > article > figure > figcaption > p:after { clear: both; content: ""; display: block; } .cmsTeaser > article > figure > figcaption > p > span { display: block; } .cmsTeaser > article > figure > figcaption > p > span.date { font-weight: normal; } .cmsTeaser > article > figure > figcaption > p > span.text { margin: 10px 0; } .cmsTeaser > article > figure > figcaption > p > span.addition { font-weight: bold; } .cmsTeaser > article > figure > figcaption > p > a { background: #E30613; color: #FFFFFF; display: inline-block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; line-height: 40px; margin: 5px 0 20px; padding: 0 20px; text-transform: uppercase; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; } .cmsTeaser.leftImg > article > figure > figcaption > p > a { float: right; } .cmsTeaser > article > figure > figcaption > p > a:hover { background: #034E8D; } /* Hochformat */ .cmsTeaserWrapper { margin-bottom: -25px; } .cmsTeaserWrapper:after { clear: both; content: ""; display: block; } .cmsTeaserWrapper > .cmsTeaserHigh { background: #F1F1F2; float: left; margin: 0 3.03030303030303% 20px 0; /* 0 20 20 0 */ min-height: 320px; position: relative; width: 48.484848484848484%; /* 320 */ } .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) { margin-right: 0; } .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) + * { clear: both; } .cmsTeaserWrapper > .cmsTeaserHigh > article { margin-bottom: 0; padding-bottom: 60px; position: static; } .cmsTeaserWrapper > .cmsTeaserHigh > article > figure > figcaption > a { display: inline-block; } .cmsTeaserWrapper > .cmsTeaserHigh > article > figure > figcaption > p > a { bottom: 20px; left: 20px; margin: 0; position: absolute; right: 20px; text-align: center; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article { min-height: 285px; padding-bottom: 0; position: relative; overflow: hidden; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a { display: block; float: none; margin-left: 0; width: 100%; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a:before { background: #000000; background: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; opacity: 0; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -ms-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; z-index: 1; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article:hover > figure > a:before { opacity: 1; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a > img { display: block; min-height: 320px; min-width: 100%; -moz-transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; width: auto; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article:hover > figure > a > img { -moz-transform: scale(1.4) rotate(-5deg); -webkit-transform: scale(1.4) rotate(-5deg); -o-transform: scale(1.4) rotate(-5deg); -ms-transform: scale(1.4) rotate(-5deg); transform: scale(1.4) rotate(-5deg); } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption { bottom: 0; padding-bottom: 20px; position: absolute; z-index: 2; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > a { text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > a, .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > a:hover { color: #FFFFFF; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > p > span, .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > p > a { display: none; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > p > span.text { color: #FFFFFF; display: block; margin-bottom: 0; margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; line-height: 1.4; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -webkit-transition: max-height 200ms ease-out, opacity 100ms ease-out; -moz-transition: max-height 200ms ease-out, opacity 100ms ease-out; -ms-transition: max-height 200ms ease-out, opacity 100ms ease-out; -o-transition: max-height 200ms ease-out, opacity 100ms ease-out; transition: max-height 200ms ease-out, opacity 100ms ease-out; } .cmsTeaserWrapper > .cmsTeaserHigh.var > article:hover > figure > figcaption > p > span.text { max-height: 200px; opacity: 1; -webkit-transition: max-height 400ms ease-in, opacity 200ms ease-in; -moz-transition: max-height 400ms ease-in, opacity 200ms ease-in; -ms-transition: max-height 400ms ease-in, opacity 200ms ease-in; -o-transition: max-height 400ms ease-in, opacity 200ms ease-in; transition: max-height 400ms ease-in, opacity 200ms ease-in; } /* Gruppenteaser */ .cmsGroupTeaser:after { clear: both; content: ""; display: block; } .cmsGroupTeaser > h2 { margin: 0 0 20px; } .cmsGroupTeaser > div { float: left; margin: 0 3.03030303030303% 0 0; /* 0 20 0 0 */ width: 48.484848484848484%; /* 320 */ } .cmsGroupTeaser > div:nth-child(2) { margin-right: 0; } .cmsGroupTeaser > div > article { background: #F1F1F2; margin: 0 0 6.25%; /* 0 0 20 */ min-height: 325px; position: relative; overflow: hidden; width: 100%; } .cmsGroupTeaser > div > article > span { background: #e30613; color: #ffffff; font-family: "PT Sans",sans-serif; font-weight: bold; line-height: 40px; padding: 0 10px; position: absolute; right: -54px; text-align: center; text-transform: uppercase; top: 25px; -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 200px; z-index: 1; } .cmsGroupTeaser > div > article.down > span { bottom: 25px; top: auto; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cmsGroupTeaser > div > article > h2 { display: none; } .cmsGroupTeaser > div > article > figure > a { display: none; } .cmsGroupTeaser > div > article > figure > figcaption { padding: 20px; } .cmsGroupTeaser > div > article > figure > figcaption > a { color: #E30613; font-family: "PT Sans", sans-serif; font-size: 24px; font-weight: bold; line-height: 1.1; text-transform: uppercase; } .cmsGroupTeaser > div > article.mark > figure > figcaption > a { padding: 0 80px 0 0; } .cmsGroupTeaser > div > article > figure > figcaption > a:hover { color: #034E8D; } .cmsGroupTeaser > div > article > figure > figcaption > p > span { display: block; } .cmsGroupTeaser > div > article > figure > figcaption > p > span.date { font-weight: normal; } .cmsGroupTeaser > div > article > figure > figcaption > p > span.text { margin: 10px 0; } .cmsGroupTeaser > div > article > figure > figcaption > p > span.addition { font-weight: bold; } .cmsGroupTeaser > div > article > figure > figcaption > p > a { background: #E30613; bottom: 20px; color: #FFFFFF; display: inline-block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; left: 20px; line-height: 1.3; margin: 15px 0 0; padding: 10px 20px; position: absolute; right: 20px; text-align: center; text-transform: uppercase; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; } .cmsGroupTeaser > div > article > figure > figcaption > p > a:hover { background: #034E8D; } /* Variante (Titel + Bild) */ .cmsGroupTeaser > div > article.var { min-height: 285px; overflow: hidden; } .cmsTeaser > article > figure > span.dateview, .cmsGroupTeaser > div > article > figure > span.dateview { background: #e30613; color: #ffffff; font-weight: bold; line-height: 40px; padding: 0 15px 0 15px; position: absolute; right: 0; z-index: 1; } .cmsGroupTeaser > div > article.var > figure > a { display: block; } .cmsGroupTeaser > div > article.var > figure > a:before { background: #000000; background: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; opacity: 0; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -ms-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; z-index: 1; } .cmsGroupTeaser > div > article.var:hover > figure > a:before { opacity: 1; } .cmsGroupTeaser > div > article.var > figure > a > img { display: block; min-height: 320px; min-width: 100%; -moz-transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; width: auto; } .cmsGroupTeaser > div > article.var:hover > figure > a > img { -moz-transform: scale(1.4) rotate(-5deg); -webkit-transform: scale(1.4) rotate(-5deg); -o-transform: scale(1.4) rotate(-5deg); -ms-transform: scale(1.4) rotate(-5deg); transform: scale(1.4) rotate(-5deg); } .cmsGroupTeaser > div > article.var > figure > figcaption { bottom: 0; position: absolute; z-index: 2; } .cmsGroupTeaser > div > article.var > figure > figcaption > a { text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); } .cmsGroupTeaser > div > article.var > figure > figcaption > a, .cmsGroupTeaser > div > article.var > figure > figcaption > a:hover { color: #FFFFFF; } .cmsGroupTeaser > div > article.var > figure > figcaption > p > span, .cmsGroupTeaser > div > article.var > figure > figcaption > p > a { display: none; } .cmsGroupTeaser > div > article.var > figure > figcaption > p > span.text { color: #FFFFFF; display: block; margin-bottom: 0; margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; line-height: 1.4; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); -webkit-transition: max-height 200ms ease-out, opacity 100ms ease-out; -moz-transition: max-height 200ms ease-out, opacity 100ms ease-out; -ms-transition: max-height 200ms ease-out, opacity 100ms ease-out; -o-transition: max-height 200ms ease-out, opacity 100ms ease-out; transition: max-height 200ms ease-out, opacity 100ms ease-out; } .cmsGroupTeaser > div > article.var:hover > figure > figcaption > p > span.text { max-height: 200px; opacity: 1; -webkit-transition: max-height 400ms ease-in, opacity 200ms ease-in; -moz-transition: max-height 400ms ease-in, opacity 200ms ease-in; -ms-transition: max-height 400ms ease-in, opacity 200ms ease-in; -o-transition: max-height 400ms ease-in, opacity 200ms ease-in; transition: max-height 400ms ease-in, opacity 200ms ease-in; } @media all and (max-width: 1240px){ /* Einzelteaser */ .cmsTeaser > article { padding: 20px; } .cmsTeaser > article > figure > figcaption { padding: 0; } /* Hochformat */ .cmsTeaserWrapper > .cmsTeaserHigh > article { padding: 0 0 40px; } .cmsTeaserWrapper > .cmsTeaserHigh > article > figure > figcaption { padding: 20px } } @media all and (max-width: 950px){ /* Gruppenteaser */ .cmsGroupTeaser > div { float: none; margin-right: 0; width: 100%; } } @media all and (max-width: 850px){ /* Gruppenteaser */ .cmsGroupTeaser > div { float: left; margin-right: 3.03030303030303%; /* 20 */ width: 48.484848484848484%; /* 320 */ } .cmsGroupTeaser > div:nth-child(2) { margin-right: 0; } } @media all and (max-width: 600px){ /* Einzelteaser */ .cmsTeaser > article > figure > a { float: none; margin-bottom: 20px; margin-left: 0; width: 100%; } .cmsTeaser > article > figure > figcaption > p > a { display: block; text-align: center; } /* Hochformat */ .cmsTeaserWrapper { margin-bottom: 0; } .cmsTeaserWrapper > .cmsTeaserHigh { float: none; margin-bottom: 20px; margin-right: 0; min-height: 0; width: 100%; } .cmsTeaserWrapper > .cmsTeaserHigh > article > figure > a { margin-bottom: 0; } /* Gruppenteaser */ .cmsGroupTeaser > div { float: none; margin-right: 0; width: 100%; } .cmsGroupTeaser > div > article { margin-bottom: 10px; } } /* Element - Teaser (gesamte Breite) */ /* Einzelteaser */ body.entirewidth .cmsTeaser > article > figure > a { max-width: 320px; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh { float: left; margin-right: 2.6666666666666666%; width: 23%; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(4n) { margin-right: 0 } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) + * { clear: none; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(4n) + * { clear: both; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh { min-height: 280px; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article { height: 280px; min-height: 280px; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a > img { height: 280px; min-height: 280px; } @media all and (max-width: 850px){ body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh { margin-right: 4%; width: 48%; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) { margin-right: 0; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) + * { clear: both; } } @media all and (max-width: 420px){ body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh { width: 100%; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh { min-height: 320px; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article { height: auto; min-height: 320px; } body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a > img { height: auto; min-height: 320px; } } /* Element - Teaser (Kontext) */ .cmsContextTeaser > article > figure > figcaption > p > a { float: right; } /* Gruppenteaser */ .cmsContextGroupTeaser { background: #F1F1F2; overflow: hidden; padding: 20px; } .cmsContextGroupTeaser > h3 { background: #8F9497; color: #FFFFFF; font-weight: bold; margin: -20px -20px 20px; padding: 10px 20px; position: relative; text-transform: uppercase; } .cmsContextGroupTeaser > h3:before { background: #8F9497; content: ""; height: 50px; position: absolute; right: 50px; top: 0; -moz-transform: skewX(-50deg) skewY(10deg); -webkit-transform: skewX(-50deg) skewY(10deg); -o-transform: skewX(-50deg) skewY(10deg); -ms-transform: skewX(-50deg) skewY(10deg); transform: skewX(-50deg) skewY(10deg); width: 130px; z-index: 1; } .cmsContextGroupTeaser > h3 > span { position: relative; z-index: 2; } .cmsContextGroupTeaser > ul > li > a { color: #E30613; display: inline-block; font-weight: normal; padding: 0 0 0 20px; position: relative; } .cmsContextGroupTeaser > ul > li > a > span { font-weight: 300; } .cmsContextGroupTeaser > ul > li > a:before { content: '\E83B'; font-family: 'fontello'; font-size: 12px; left: 0; position: absolute; top: 3px; } .cmsContextGroupTeaser > ul > li > a:hover { color: #034E8D; } /* Elemente - Tabelle */ .cmsTable > h2 { margin: 0 0 10px 0; } .cmsTable > table { border: 2px solid #F1F1F2; width: 100%; } .cmsTable > table > tbody > tr { background: #FFFFFF; } .cmsTable > table > tbody > tr > td { border-right: 2px solid #F1F1F2; } .cmsTable > table > tbody > tr.val2 { background: #F1F2F2; } .cmsTable > table > tbody > tr.val2 > td { border-right: 2px solid #FFFFFF; } .cmsTable > table > tbody > tr > td:last-child { border-right: 0 none; } .cmsTable > table > tbody > tr > td { line-height: 1.5; padding: 5px 10px; } .cmsTable > p { font-size: smaller; font-style: italic; padding: 5px 10px 0 10px; } @media all and (max-width: 600px){ /* Tabelle (2-spaltig) */ .cmsTable2Columns > table > tbody > tr > td { border-right: 0 none !important; display: block; width: 100%; } } /* Elemente - Verlinkungen */ /* Links (intern & extern) */ .cmsLink > a:before { content: '\E83B'; font-family: 'fontello'; font-size: 12px; font-weight: normal; left: 0; position: absolute; top: 3px; } .cmsLink > a { color: #E30613; display: inline-block; font-weight: bold; padding: 0 0 0 20px; position: relative; } .cmsLink > a:hover { color: #034E8D; } /* Verweisliste */ .cmsRefs > h2 { margin: 0 0 10px; } .cmsRefs > ul > li > a:before { color: #E30613; content: '\E83B'; font-family: 'fontello'; font-size: 12px; font-weight: normal; left: 0; position: absolute; top: 3px; } .cmsRefs > ul > li > a { color: #2D343E; display: inline-block; font-weight: 300; padding: 0 0 0 20px; position: relative; } .cmsRefs > ul > li > a:hover { color: #E30613; } /* E-Mail */ .cmsMail > a:before { content: '\E833'; font-family: 'fontello'; font-weight: normal; left: 0; position: absolute; } .cmsMail > a { color: #E30613; display: inline-block; font-weight: bold; padding: 0 0 0 35px; position: relative; } .cmsMail > a:hover { color: #034E8D; } /* Elemente - Dropdown */ .cmsDrop > h3:before { border-right: 2px solid #FFFFFF; content: "\E807"; font-family: 'fontello'; font-weight: normal; height: 100%; left: 0; line-height: 51px; position: absolute; text-align: center; top: 0; width: 51px; } .cmsDrop > h3 { background: #F1F2F2; cursor: pointer; display: block; font-weight: normal; padding: 15px 10px 15px 70px; position: relative; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } .cmsDrop > h3:hover { background: #E30613; color: #FFFFFF; } .cmsDrop > h3.contentHide:before { content: "\E805"; } .cmsDrop > h3.contentHide + div { display: none; } .cmsDrop > h3 + div { overflow: hidden; } /* Elemente - HTML */ /* Elemente - Youtube */ .cmsYoutube > h2 { margin: 0 0 15px; } .cmsYoutube > div { background: #F1F1F2; height: 0; overflow: hidden; padding: 30px 0 56.25% 0; position: relative; } .cmsYoutube > div:before { color: #ADADAD; content: '\E852'; font-family: 'fontello'; font-size: 75px; height: 60px; left: 50%; line-height: 60px; margin: -30px 0 0 -40px; position: absolute; text-align: center; top: 50%; width: 80px; } .cmsYoutube > div > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cmsYoutube > p { font-size: smaller; font-style: italic; line-height: 1.3; margin: 10px 0 0 0; } /* Element - Youtube (Kontext) */ .cmsContextYoutube > h2 { margin: 0 0 15px; } .cmsContextYoutube > div { background: #F1F1F2; height: 0; overflow: hidden; padding: 30px 0 56.25% 0; position: relative; } .cmsContextYoutube > div:before { color: #ADADAD; content: '\E852'; font-family: 'fontello'; font-size: 75px; height: 60px; left: 50%; line-height: 60px; margin: -30px 0 0 -40px; position: absolute; text-align: center; top: 50%; width: 80px; } .cmsContextYoutube > div > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cmsContextYoutube > p { font-size: smaller; font-style: italic; line-height: 1.3; margin: 10px 0 0 0; } /* Elemente - Iframe */ .cmsIframe { overflow: auto; -webkit-overflow-scrolling: touch; } .cmsIframe > iframe { width: 100%; } /* Elemente - Downloads */ .cmsDownload + .cmsDownload { margin-top: -20px; } .cmsDownload { position: relative; } .cmsDownload > a { color: #2D343E !important; display: inline-block; font-weight: normal; padding: 0 0 0 65px; } .cmsDownload > a:hover { color: #E57D26 !important; } .cmsDownload > a:before { background: #E57D26; color: #FFFFFF; content: "FILE"; display: block; font-size: small; font-weight: bold; height: 27px; left: 0; line-height: 27px; position: absolute; text-align: center; top: 1px; width: 50px; } .cmsExcel > a:hover { color: #4CB86D !important; } .cmsExcel > a:before { background: #4CB86D; content: "XLS"; } .cmsPDF > a:hover { color: #E84C3D !important; } .cmsPDF > a:before { background: #E84C3D; content: "PDF"; } .cmsWord > a:hover { color: #3896D3 !important; } .cmsWord > a:before { background: #3896D3; content: "DOC"; } /* Elemente - Formular */ .cmsForm { background: #F1F2F2; padding: 25px; } .cmsForm > h2 { font-size: 21px; margin: 0 0 20px 0; } .cmsForm > h3 { font-weight: bold; margin: 20px 0; } .cmsForm > .row { margin: 10px 0; padding: 0 40px 0 0; position: relative; } .cmsForm > .row:after { clear: both; content: ""; display: block; } .cmsForm > .row.validation:before { color: #034E8D; content: '\E823'; font-family: 'fontello'; line-height: 44px; position: absolute; right: 0; top: 0; } .cmsForm > .row > label { display: block; float: left; line-height: 44px; padding: 0 10px 0 0; width: 30%; } .cmsForm > .row > .field { background: #FFFFFF; border: 1px solid #FFFFFF; height: 44px; outline: medium none; padding: 0 10px; width: 70%; } .cmsForm > .row > .field:focus { border: 1px solid #93C8FF; box-shadow: 0 0 4px #1983F0; } .cmsForm > .row > textarea.field { height: 100px; line-height: 1.3; padding-top: 10px; padding-bottom: 10px; } .cmsForm > .row > select.field { padding: 7px 10px 7px 7px; } .cmsForm > .row > input[type='file'].field { border: 0 none !important; height: auto; line-height: 1; padding: 8px 10px; } .cmsForm > .row > input[type='file'].field:focus { border: 0; box-shadow: none; } .cmsForm > .row.checkbox > div { float: left; width: 70%; } .cmsForm > .row.checkbox > label { line-height: 1.2; } .cmsForm > .row.checkbox > div > .checkbox { border: 0 none; float: left; margin: 3px 8px 0 0; padding: 0; width: auto; } .cmsForm > .row.checkbox > div > p { line-height: 1.2; padding: 0 0 0 25px; } .cmsForm > .row > p { display: inline-block; line-height: 44px; } .cmsForm > .infotext { line-height: 1.3; } .cmsForm > .row > .datepicker { cursor: pointer; width: 143px; } .cmsForm > .row > .calicon { background: #034E8D; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 18px; height: 42px; line-height: 42px; margin: 0 0 0 -35px; padding: 0 10px 0 9px; position: absolute; top: 1px; } .cmsForm > .row > .calicon:before { content: "\E800"; font-family: "fontello"; } .cmsForm > .row.region > div { margin: 3px 0; } .cmsForm > .row.region > div > input { display: block; float: left; margin: 4px 0 0 0; } .cmsForm > .row.region > div > span { display: block; line-height: 1.4; padding: 0 0 0 25px; } .cmsForm > .row > .spm { background: #FFFFFF; border: 0 none; float: left; padding: 15px; position: relative; width: 70%; } .cmsForm > .row > .spm:after { content: '\E826'; font-family: 'fontello'; font-size: 20px; left: 146px; position: absolute; top: 13px; } .cmsForm > .row > .spm > img { border: 1px solid #cfcfcf; float: left; } .cmsForm > .row > .spm > img + input { float: left; height: 32px; margin: 0 0 0 30px; padding: 0 8px; text-align: center; width: 90px; } .cmsForm > .row > .spm > p { clear: both; padding: 8px 0 0 0; } .cmsForm > .button { margin: 20px 40px 20px 0; position: relative; text-align: right; } .cmsForm > .button > input { /* Sende-Button */ background: #034E8D; border: 0; color: #FFFFFF; cursor: pointer; line-height: 40px; padding: 0 22px 2px 22px; font-weight: bold; text-transform: uppercase; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; } .cmsForm > .button > input:hover { background: #E30613; } .cmsForm > .msg { line-height: 1.3; margin: 0 40px 10px 0; padding: 4px 10px; } .cmsForm .error { background: #FFFFFF; border: 1px solid #FFA3A3 !important; box-shadow: 0 0 3px #FF0000; } @media all and (max-width: 900px){ .cmsForm > .row { padding-right: 0; } .cmsForm > .row > label { float: none; margin-bottom: 5px; padding-right: 20px; width: 100%; } .cmsForm > .row > .field { width: 100%; } .cmsForm > .row > .calicon { top: 50px; } .cmsForm > .row > .spm { width: 100%; } .cmsForm > .button { margin-right: 0; } .cmsForm > .msg { margin-right: 0; } } @media all and (max-width: 400px){ .cmsForm > .row > .spm { text-align: center; } .cmsForm > .row > .spm:after { content: "\e824"; left: 50%; margin: 0 0 0 -5px; top: 43px; } .cmsForm > .row > .spm > img { float: none; margin: 0 0 20px; } .cmsForm > .row > .spm > img + input { display: block; float: none; left: 50%; margin-left: -60px; position: relative; width: 120px; } .cmsForm > .row > .spm > p { font-size: 15px; text-align: left; } .cmsForm > .button > input { width: 100%; } } .cmsQuickbook { background: #F1F1F2; margin: 0 0 25px 0; padding: 20px; } .cmsQuickbook > h3 { margin: -20px -20px 0 -20px; overflow: hidden; padding: 0 0 20px 0; position: relative; } .cmsQuickbook > h3 > span { background: #e30613 none repeat scroll 0 0; color: #ffffff; display: block; font-weight: bold; padding: 10px 20px; position: relative; text-transform: uppercase; z-index: 2; } .cmsQuickbook > h3:before { background: #e30613 none repeat scroll 0 0; content: ""; height: 50px; position: absolute; right: 50px; top: 0; -ms-transform: skewX(-50deg) skewY(10deg); -moz-transform: skewX(-50deg) skewY(10deg); -o-transform: skewX(-50deg) skewY(10deg); -webkit-transform: skewX(-50deg) skewY(10deg); transform: skewX(-50deg) skewY(10deg); width: 130px; z-index: 1; } .cmsQuickbook > form.search { z-index: 1; } .cmsQuickbook > form.search:after { clear: both; content: ""; display: block; } .cmsQuickbook > form.search > div > div { float: left; margin: 0 4% 0 0; position: relative; width: 48%; } .cmsQuickbook > form.search > div > div.arrival { float: left; margin: 0 4% 0 0; position: relative; width: 48%; } .cmsQuickbook > form.search > div > div.departure { margin-right: 0; margin-top: 40px; } .cmsQuickbook > form.search > div > div.rooms { clear: both; float: none; padding: 5px 0 0; width: 100%; } .cmsQuickbook > form.search > div > div > h4 { font-weight: bold; margin: 12px 15px 10px 0; text-transform:uppercase; } .cmsQuickbook > form.search > div:last-child { margin-right: 0; } .cmsQuickbook > form.search > div > div > .dropdownvalue { background: #ffffff; cursor: pointer; height: 44px; margin: 0 0 5px 0; padding: 8px 10px 8px 10px; position: relative; width: 100%; } .cmsQuickbook > form.search > div > div > .dropdownvalue > div.ui-datepicker .ui-datepicker-next, .cmsQuickbook > form.search > div > div > .dropdownvalue > div.ui-datepicker .ui-datepicker-prev { margin-top: 2px !important; } .cmsQuickbook > form.search > div > div > .dropdownvalue.selected { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; } .cmsQuickbook > form.search > div > div.rooms > .dropdownvalue { background: url("/westendorf/img/layout/searchandbook.png") no-repeat scroll 8px 8px #ffffff; padding-left: 40px; padding-right: 36px; } .cmsQuickbook > form.search > div > div > .dropdownvalue:after { background: #034E8D; color: #FFFFFF; content: "\e805"; display: block; font-family: "fontello"; font-size: 20px; height: 100%; line-height: 44px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; } .cmsQuickbook > form.search > div > div.arrival > .dropdownvalue:after { content: "\E853"; } .cmsQuickbook > form.search > div > div > .dropdownvalue > span { display: block; overflow: hidden; white-space: nowrap; } .cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker { font-size: 1em !important; position: absolute; right: 0px; top: 46px; opacity: 0; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; visibility: hidden; } .cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active { opacity: 1; visibility: visible; z-index: 3; } .cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active.ui-datepicker-multi .ui-datepicker-group { float: left; } .cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active .ui-datepicker-group .ui-datepicker-calendar { width: 100%; } .cmsQuickbook > form.search > div > div > .dropdownvalue.single { background-position: 8px 14px; } .cmsQuickbook > form.search > div > div > .dropdownvalue.double { background-position: 8px -48px; } .cmsQuickbook > form.search > div > div > .dropdownvalue.multi { background-position: 8px -108px; } .cmsQuickbook > form.search > div > div > .dropdownvalue.open { border: 1px solid #004070; } .cmsQuickbook > form.search > div > div > .dropdownlist { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; cursor: pointer; right: 0; opacity: 0; padding: 10px 10px 10px 10px; position: absolute; top: 46px; visibility: hidden; width: 100%; -moz-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; z-index: 3; } .cmsQuickbook > form.search > div > div.rooms > .dropdownlist { top: 86px; } .cmsQuickbook > form.search > div > div > .dropdownlist.open { opacity: 1; visibility: visible; } .cmsQuickbook > form.search > div > div > .dropdownlist > h4 { background: #034e8d none repeat scroll 0 0; border-bottom: 1px solid #c5c5c5; color: #ffffff; height: 40px; line-height: 40px; margin: -10px -11px 0; padding: 0 10px; text-transform: uppercase; } .cmsQuickbook > form.search > div > div > .dropdownlist > a { color: #FFFFFF; font-weight: normal; position: absolute; right: 10px; top: 3px; } .cmsQuickbook > form.search > div > div > .dropdownlist > a:hover { text-decoration: none; } .cmsQuickbook > form.search > div > div > .dropdownlist > a:after { content: "\e82A"; font-family: "fontello"; font-size: 18px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p { color: #000000; font-size: 0.9em; opacity: 0.6; padding: 6px 10px 6px 5px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p:hover, .cmsQuickbook > form.search > div > div > .dropdownlist > p.selected { background: #EDEDED none repeat scroll 0 0; margin: 0 -10px; padding-left: 15px; padding-right: 20px; opacity:1; } .cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p { background: url("/westendorf/img/layout/searchandbook.png") no-repeat scroll 0px 8px #ffffff; padding-left: 35px; } .cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p:hover, .cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.selected { background: url("/westendorf/img/layout/searchandbook.png") no-repeat scroll 0px 8px #EDEDED; padding-left: 45px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p.single { background-position: 0 9px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p.single:hover, .cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.single.selected { background-position: 10px 9px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p.double { background-position: 0 -52px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p.double:hover, .cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.double.selected { background-position: 10px -52px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p.multi { background-position: 0 -112px; } .cmsQuickbook > form.search > div > div > .dropdownlist > p.multi:hover, .cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.multi.selected { background-position: 10px -111px; } /* MEHRBETT -/Familienzimmer */ .cmsQuickbook > form.search > div > div > div.persondetails { clear: both; font-size: 0.9em; left: auto; right: 0; } .cmsQuickbook > form.search > div > div > div.persondetails.open { display: block; width: 660px; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room { background: #fff none repeat scroll 0 0; display: block; margin: 10px 0 10px 0; padding: 13px; position: relative; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room.hide { height: 0; margin: 0; overflow: hidden; padding: 0; border: none; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room:after { clear: both; content: ""; display: block; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > label { float: left; margin: 4px 0 0 0; width: 30%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row { float: left; width: 35%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages { clear: both; float: none; width: 100%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row > label { color: #000000; display: inline-block; padding: 4px 0 0 0; opacity: 0.8; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row > .field { color: #000000; float: left; height: 34px; margin: 0 5px 0 0; padding: 4px 7px; text-align: right; width: 60px; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label { float: left; padding-top: 14px; width: 30%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label.age { display: none; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label.age.active { display: block; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div { float: left; width: 70%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div > select { color: #000000; height: 34px; margin: 10px 1% 0 0; display: none; width: 24.25%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div > select:last-child { margin-right: 0; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div > select.active { display: inline-block; } /* BUTTONS */ .cmsQuickbook > form.search > div > div > div.persondetails > .buttons { float: left; } .cmsQuickbook > form.search > div > div > div.persondetails > .buttons:after { clear:both; content:" "; display:block; } .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add { background: #034e8d none repeat scroll 0 0; color: #ffffff; display: block; font-size: 16px; font-weight: bold; line-height: 41px; margin: 10px 0 0; padding: 0 20px; position: relative; text-transform: uppercase; -moz-transition: background 400ms ease, transition 400ms ease; -webkit-transition: background 400ms ease, transition 400ms ease; -o-transition: background 400ms ease, transition 400ms ease; transition: background 400ms ease, transition 400ms ease; } .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add:hover { background: #e30613 none repeat scroll 0 0; } .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add:before { content: '\E81F'; cursor: pointer; font-family: "Fontello"; font-weight: 300; margin: 0 5px 0 0; } .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .search { background: #034e8d none repeat scroll 0 0; color: #ffffff; float: right; font-weight: bold; line-height: 40px; margin: 10px 0 0; padding: 0 22px 2px; } .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .search:hover { background: #e30613; } .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .search:after { content: "\E81E"; display: block; float: left; font-family: "fontello"; font-weight: normal; margin: 0 10px 0 -5px; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > a.remove { display: none; position: absolute; right: 16px; top: 13px; z-index: 2; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > a.remove:hover { text-decoration: none; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > a.remove:before { color: #000000; content: "\E80A"; font-family: fontello; font-size: 18px; font-weight: 300; } .cmsQuickbook > form.search > div.buttons { float: right; margin: 10px 0 0 0; } .cmsQuickbook > form.search > div.buttons:after { clear: both; content: ""; display: block; } .cmsQuickbook > form.search > div.buttons > a.search { background: #e30613; color: #ffffff; display: block; float: right; font-size: 16px; font-weight: bold; line-height: 41px; padding: 0 20px; text-transform: uppercase; -o-transition: background 200ms ease-in 0s; -ms-transition: background 200ms ease-in 0s; -moz-transition: background 200ms ease-in 0s; -webkit-transition: background 200ms ease-in 0s; transition: background 200ms ease-in 0s; } .cmsQuickbook > form.search > div.buttons > a.search:before { content: "\E81E"; display: inline-block; font-family: "fontello"; font-style: normal; font-weight: normal; margin: 0 10px 0 -5px; } .cmsQuickbook > form.search > div.buttons > a.search:hover { background: #034e8d; text-decoration: none; } .cmsQuickbook > form.search > div.buttons > a.search.hide { display: none; } .cmsQuickbook > form.search > div.buttons > a.filter { float: left; margin: 25px 10px 0 0; padding: 0 0 0 15px; position: relative; } .cmsQuickbook > form.search > div.buttons > a.filter:before { content: "\E812"; font-family: "fontello"; left: 0; position: absolute; text-decoration: none; top: 0; } .cmsQuickbook > form.search > div.buttons > a.filter.open:before { content: "\E815"; } /* Views */ .cmsQuickbook > div.views { display: none; } .cmsQuickbook > div.views > h3 { border-top: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff; font-size: 18px; font-style: italic; font-weight: bold; margin: 0 0 10px; padding: 20px 0 0; } .cmsQuickbook > div.views > div.item { background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #d0d0d0; cursor: pointer; margin-bottom: 10px; padding: 5px; position: relative; } .cmsQuickbook > div.views > div.item:hover { border: 1px solid #b4b4b4; box-shadow: 0 0 5px #979797; } .cmsQuickbook > div.views > div.item:after { clear:both; content: " "; display:block; } .cmsQuickbook > div.views > div.item > img { display:block; float:left; margin-right:10px; width: 96px; } .cmsQuickbook > div.views > div.item > div { float: left; width: 108px; } .cmsQuickbook > div.views > div.item > div.price { bottom: 5px; font-size: 11px; position: absolute; right: 5px; width: auto; } .cmsQuickbook > div.views > div.item > div.price > span { color: #b51f1f; font-size: 14px; font-weight: bold; } .cmsQuickbook > div.views > div.item > div.distance { bottom:10px; position:absolute; font-size:14px; opacity:0.5; right:10px; } .cmsQuickbook > div.views > div.item > div > div.title { color: #002e5a; font-size: 13px; font-style: italic; font-weight: bold; word-wrap: break-word; } .cmsQuickbook > div.views > div.item > div > div.price { } body.summer .cmsQuickbook > form.search > div > div > .dropdownvalue:after { background: #6D9815; } body.summer .cmsQuickbook > form.search > div > div > .dropdownlist > h4 { background: #6D9815; } body.summer .cmsQuickbook > form.search > div > div > div.dropdownlist2 > .buttons > .search { background: #6D9815; } body.summer .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add { background: #6d9815 none repeat scroll 0 0; } body.summer .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add:hover { background: #e30613 none repeat scroll 0 0; } @media all and (max-width: 1070px){ .cmsQuickbook > form.search > div > div { width: 100%; } .cmsQuickbook > form.search > div > div.arrival { width: 100%; } .cmsQuickbook > form.search > div > div.departure { margin-top: 5px; } } @media all and (max-width: 1000px){ .cmsQuickbook > form.search > div > div > div.persondetails > div.room > label { margin-bottom: 5px; margin-top: 0; width: 100%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row { width: 50%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label { width: 100%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div { width: 100%; } } @media all and (max-width: 850px){ .cmsQuickbook { float: none; padding-top: 0; width: 100%; } .cmsQuickbook > form.search > div > div.arrival { width: 48%; } .cmsQuickbook > form.search > div > div { width: 48%; } .cmsQuickbook > form.search > div > div.departure { margin-top: 40px; } .cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker { left: 0; right: auto; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > label { margin-bottom: 0; margin-top: 5px; width: 30%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row { width: 35%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label { width: 30%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div { width: 70%; } } @media all and (max-width: 750px){ .cmsQuickbook > form.search > div > div > div.dropdownlist2.open { width: 100%; } } @media all and (max-width: 470px){ .cmsQuickbook > form.search > div > div { width: 100%; } .cmsQuickbook > form.search > div > div.arrival { width: 100%; } .cmsQuickbook > form.search > div > div.departure { margin-top: 5px; } } @media all and (max-width: 450px){ .cmsQuickbook > form.search > div > div > div.persondetails > div.room > label { margin-bottom: 5px; margin-top: 0; width: 100%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row { width: 50%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label { width: 100%; } .cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div { width: 100%; } } /* Element - Sommer - Edition */ /* Element - Teaser */ /* Einzelteaser */ body.summer .cmsTeaser > article > figure > figcaption > a:hover { color: #6D9815; } body.summer .cmsTeaser > article > figure > figcaption > p > a:hover { background: #6D9815; color: #FFFFFF; } /* Gruppenteaser */ body.summer .cmsGroupTeaser > div > article > figure > figcaption > a:hover { color: #6D9815; } body.summer .cmsGroupTeaser > div > article > figure > figcaption > p > a:hover { background: #6D9815; color: #FFFFFF; } body.summer .cmsTeaser > article > figure > figcaption > p > span.addition, body.summer .cmsGroupTeaser > div > article > figure > figcaption > p > span.addition, body.summer .cmsGroupTeaser > div > article.var > figure > figcaption > p > span.addition { background: #6D9815; } /* Variante (Titel + Bild) */ body.summer .cmsGroupTeaser > div > article.var > figure > figcaption > a:hover { color: #FFFFFF; } /* Element - Teaser (Kontext) */ body.summer .cmsContextGroupTeaser > ul > li > a:hover { color: #6D9815; } /* Element - Verlinkungen (Verweise, Links, E-Mail) */ /* Links (intern & extern) */ body.summer .cmsLink > a { color: #E30613; } body.summer .cmsLink > a:hover { color: #6D9815; } /* E-Mail */ body.summer .cmsMail > a { color: #E30613; } body.summer .cmsMail > a:hover { color: #6D9815; } /* Element - Formular */ body.summer .cmsForm > .row.validation:before { color: #6D9815; } body.summer .cmsForm > .row > .calicon { background: #6D9815; } body.summer .cmsForm > .button > input { background: #6D9815; } body.summer .cmsForm > .button > input:hover { background: #E30613; } /* Extension - Sitemap */ ul.sitemap { padding: 0 3px; } ul.sitemap:after { clear: both; content: ""; display: block; } ul.sitemap > li { border-left: 1px solid #E3E4E5; float: left; margin: 0 3% 30px 0; padding: 0 0 10px; position: relative; width: 48.5%; } ul.sitemap > li:before { background: #E3E4E5; border-radius: 4px; content: ""; display: block; height: 7px; left: -4px; position: absolute; top: 0; width: 7px; } ul.sitemap > li:after { background: #E3E4E5; border-radius: 4px; bottom: 0; content: ""; display: block; height: 7px; left: -4px; position: absolute; width: 7px; } ul.sitemap > li:nth-child(2n) { margin-right: 0; } ul.sitemap > li:nth-child(2n) + li { clear: both; } ul.sitemap > li > a { color: #0076D7; display: block; font-family: "PT Sans", sans-serif; font-size: 18px; font-weight: bold; line-height: 1.5; padding: 3px 20px; text-transform: uppercase; } ul.sitemap > li > a:hover, ul.sitemap > li > a.selected { color: #E30613; } ul.sitemap > li > ul > li > a { color: #3A424E; display: block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; padding: 3px 20px; position: relative; } ul.sitemap > li > ul > li > a:hover, ul.sitemap > li > ul > li > a.selected { background: #E30613; color: #FFFFFF; } ul.sitemap > li > ul > li > a:hover::before, ul.sitemap > li > ul > li > a.selected::before { border-left: 1px solid #8F9497; border-right: 1px solid #FFFFFF; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 1px; } ul.sitemap > li > ul > li > ul { margin: 5px 0 15px 20px; } ul.sitemap > li > ul > li > ul > li { padding: 0 0 0 15px; position: relative; } ul.sitemap > li > ul > li > ul > li:before { background: #E30613; content: ""; height: 6px; left: 0; position: absolute; top: 12px; width: 6px; } ul.sitemap > li > ul > li > ul > li > a { color: #2D343E; display: inline-block; font-size: 14px; font-weight: 300; line-height: 1.5; } ul.sitemap > li > ul > li > ul > li > a:hover, ul.sitemap > li > ul > li > ul > li > a.selected { color: #E30613; } @media all and (max-width: 500px){ ul.sitemap > li { float: none !important; margin-right: 0 !important; width: 100% !important; } } /* Extension - Sitemap (gesamte Breite) */ body.entirewidth ul.sitemap > li { margin: 0 2% 30px 0; width: 32%; } body.entirewidth ul.sitemap > li:nth-child(3n) { margin-right: 0; } body.entirewidth ul.sitemap > li:nth-child(2n) + li { clear: none; } @media all and (max-width: 900px){ body.entirewidth ul.sitemap > li { margin: 0 4% 4% 0; width: 48%; } body.entirewidth ul.sitemap > li:nth-child(3n) { margin-right: 4%; } body.entirewidth ul.sitemap > li:nth-child(3n) + li { clear: none; } body.entirewidth ul.sitemap > li:nth-child(2n) { margin-right: 0; } body.entirewidth ul.sitemap > li:nth-child(2n) + li { clear: left; } } /* Extension - Suchergebnisse */ /* Teaser */ .searchList > .menu > .searchAnchors { margin: 0 0 40px 0; } .searchList > .menu > .searchAnchors > span { background: #034E8D; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; line-height: 40px; margin: 0 20px 0 0; padding: 0 42px 0 15px; position: relative; text-transform: uppercase; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; } .searchList > .menu > .searchAnchors > span:hover { background: #E30613; } .searchList > .menu > .searchAnchors > span:before { content: "\E805"; display: none; font-family: fontello; font-weight: normal; margin: 0 10px 0 0; } .searchList > .menu > .searchAnchors > span:after { background: #FFFFFF; border-radius: 50%; color: #034e8d; content: attr(data-entries); font-size: 14px; height: 24px; line-height: 24px; position: absolute; right: 10px; text-align: center; top: 8px; -webkit-transition: color 200ms ease-in; -moz-transition: color 200ms ease-in; -ms-transition: color 200ms ease-in; -o-transition: color 200ms ease-in; transition: color 200ms ease-in; width: 24px; } .searchList > .menu > .searchAnchors > span:hover:after { color: #E30613; } .searchList > .wrapper > h2 { color: #8F9497; font-family: "PT Sans", sans-serif; font-size: 48px; font-weight: bold; line-height: 1; text-transform: uppercase; } .searchList > .wrapper > h2 + h3 { color: #E30613; font-family: "PT Sans", sans-serif; font-size: 18px; font-weight: bold; margin-top: -20px; text-transform: uppercase; } .searchList .cmsTeaser { float: left; margin-bottom: 15px !important; margin-top: 15px !important; margin-right: 4%; width: 48%; } .searchList .cmsTeaser:nth-of-type(2n) { margin-right: 0; } .searchList .cmsTeaser:nth-of-type(2n+1) { clear: both; } .searchList .cmsTeaser > article { float: none; margin-bottom: 0; margin-right: 0; padding: 25px; width: 100%; } .searchList .cmsTeaser.hasImg > article > figure > a { float: left; margin: 0 20px 0 0; overflow: hidden; position: relative; } .searchList .cmsTeaser.hasImg > article > figure > a > img { position: relative; } .searchList .cmsTeaser > article > figure > figcaption { padding: 0; } .searchList .cmsTeaser > article > figure > figcaption > a { display: block; } .searchList .cmsTeaser > article > figure > figcaption > a.link { color: #7b8086; display: block; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 1.2; margin-bottom: 10px; text-decoration: underline; text-transform: none; } .searchList .cmsTeaser > article > figure > figcaption > p > span.text { margin-top: 0; } .searchList .cmsTeaser > article > figure > figcaption > div.breadcrumb { opacity:0.6; font-size:12px; margin-bottom:10px; } .searchList .cmsTeaser > article > figure > figcaption > div.breadcrumb > a { text-decoration:underline; } .searchList .cmsTeaser > article > figure > figcaption > p > a { float: right; margin-bottom: 0; } .searchList .cmsLink { clear: both; margin: 0 0 40px 0; } .searchList .cmsLink:after { clear: both; content: ""; display: block; } .searchList .cmsLink > a { background: #034E8D; color: #FFFFFF; display: inline-block; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: bold; line-height: 40px; margin: 5px 0 20px 0; padding: 0 20px; text-transform: uppercase; -webkit-transition: background 200ms ease-in; -moz-transition: background 200ms ease-in; -ms-transition: background 200ms ease-in; -o-transition: background 200ms ease-in; transition: background 200ms ease-in; } .searchList .cmsLink > a:hover { background: #E30613; } .searchList .cmsLink > a:before { display: none; } .searchList .cmsTeaserWrapper .cmsTeaser:after { clear:both; content:" "; display:block; } .searchList .cmsTeaserWrapper .cmsTeaserSearchResult > article { float:left; width:48%; margin-right:2%; margin-bottom:2% } .searchList .cmsTeaserWrapper .cmsTeaserSearchResult > article > figure > figcaption > a { font-size:18px; } .searchList .cmsTeaserWrapper .cmsTeaserSearchResult > article > figure > figcaption > p { font-size:15px; } /* Formular */ .searchList form > .row { position: relative; width: 280px; } .searchList form > .row:after { color: #2D343E; content: "\E81E"; font-family: "fontello"; font-size: 22px; font-weight: normal; height: 35px; left: 5px; line-height: 35px; position: absolute; text-align: center; top: 0; width: 30px; } .searchList form > .row > input { background: #F1F1F2; border: 0 none; color: #2D343E; display: block; font-size: 15px; height: 35px; padding: 0 45px 0 40px; width: 100%; } .searchList form > .row > input::-ms-input-placeholder { color: #2D343E; } .searchList form > .row > button { background: #034E8D; border: 0 none; cursor: pointer; height: 35px; position: absolute; right: 0; top: 0; width: 35px; } .searchList form > .row > button:hover { background: #E30613; } .searchList form > .row > button > span:before { content: "\E83B"; color: #FFFFFF; display: block; font-family: "fontello"; font-size: 13px; height: 35px; left: 0; line-height: 35px; position: absolute; text-align: center; top: 0; width: 35px; } .searchList form > .row > button:hover > span:before { color: #FFFFFF; } @media all and (max-width: 1050px){ .searchList .cmsTeaser { width: 100%; } } @media all and (max-width: 850px){ .searchList .cmsTeaser.hasImg > article > figure > a > img { position: relative; top: 0; -webkit-transform: none; transform: none; } } @media all and (max-width: 600px){ .searchList .cmsTeaser.hasImg > article > figure > a { flaot: none; height: auto; margin: 0 0 20px 0; max-width: none; width: 100%; } } /* SkiData - Hütten & Bergrestaurants */ .skidataCatering > div:after { clear: both; content: ""; display: block; } .skidataCatering > div > article { background: #F1F1F2; float: left; margin: 0 5% 5% 0; width: 47.5%; } .skidataCatering > div > article:nth-child(2n) { margin-right: 0; } .skidataCatering > div > article:nth-child(2n) + * { clear: both; } .skidataCatering > div > article > h2 { display: none; } .skidataCatering > div > article > figure > a { display: block; height: 170px; overflow: hidden; } .skidataCatering > div > article > figure > a > img { display: block; width: 100%; } .skidataCatering > div > article > figure > .noImg { height: 170px; position: relative; } .skidataCatering > div > article > figure > .noImg > img { filter: grayscale(1); left: 50%; margin: -33px 0 0 -75px; opacity: 0.2; position: absolute; top: 50%; width: 150px; } .skidataCatering > div > article > figure > figcaption { min-height: 185px; padding: 45px 20px 45px; position: relative; } .skidataCatering > div > article > figure > figcaption > a { color: #E30613; font-family: "PT Sans", sans-serif; font-size: 18px; font-weight: bold; line-height: 1.1; text-transform: uppercase; } .skidataCatering > div > article > figure > figcaption > a:hover { color: #034E8D; } .skidataCatering > div > article > figure > figcaption > p { line-height: 1.5; } .skidataCatering > div > article > figure > figcaption > p > span.number { background: #034E8D; border-radius: 50%; color: #FFFFFF; font-size: 25px; font-weight: normal; left: 20px; line-height: 60px; position: absolute; text-align: center; top: -30px; width: 60px; } .skidataCatering > div > article > figure > figcaption > p > span.state { font-size: 14px; font-weight: normal; right: 20px; position: absolute; top: 8px; } .skidataCatering > div > article > figure > figcaption > p > span.state:before { border-radius: 50%; content: ""; float: left; height: 13px; margin: 4px 6px 0 0; width: 13px; } .skidataCatering > div > article > figure > figcaption > p > span.state.open:before { background: #6D9815; } .skidataCatering > div > article > figure > figcaption > p > span.state.closed:before { background: #E30613; } .skidataCatering > div > article > figure > figcaption > p > span > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .skidataCatering > div > article > figure > figcaption > p > span > span.mail { margin: 10px 0 0; } .skidataCatering > div > article > figure > figcaption > p > span > span.phone { display: none; margin: 15px -20px -20px; } .skidataCatering > div > article > figure > figcaption > p > span > span.phone > a { background: #6D9815; color: #FFFFFF; display: block; font-family: "PT Sans",sans-serif; font-weight: bold; padding: 6px 20px 10px; position: relative; text-align: center; text-transform: uppercase; } .skidataCatering > div > article > figure > figcaption > p > span > span.phone > a:hover { background: #597F07; } .skidataCatering > div > article > figure > figcaption > p > span > span.phone > a:before { content: '\E835'; font-family: 'fontello'; font-size: 25px; font-weight: normal; line-height: 1; margin: 0 10px 0 0; position: relative; top: 3px; } .skidataCatering > div > article > figure > figcaption > p > span > span.mail > a, .skidataCatering > div > article > figure > figcaption > p > span > span.web > a { color: #2D343E; font-size: 15px; padding: 0 0 0 27px; position: relative; } .skidataCatering > div > article > figure > figcaption > p > span > span.mail > a:hover, .skidataCatering > div > article > figure > figcaption > p > span > span.web > a:hover { color: #E30613; } .skidataCatering > div > article > figure > figcaption > p > span > span.mail > a:before { content: '\E82E'; font-family: 'fontello'; font-size: 13px; left: 0; line-height: 1; position: absolute; top: 3px; } .skidataCatering > div > article > figure > figcaption > p > span > span.web > a:before { content: '\E848'; font-family: 'fontello'; font-size: 18px; left: 2px; line-height: 1; position: absolute; top: 2px; } .skidataCatering > div > article > figure > figcaption > p > a { background: #034E8D; bottom: 0; color: #FFFFFF; display: block; font-family: "PT Sans", sans-serif; font-weight: bold; left: 0; padding: 8px 20px; position: absolute; right: 0; text-align: center; text-transform: uppercase; } .skidataCatering > div > article > figure > figcaption > p > a:hover { background: #E30613; } .skidataCatering > div > article > figure > figcaption > p > span > span.address, .skidataCatering > div > article > figure > figcaption > p > span > span.mail, .skidataCatering > div > article > figure > figcaption > p > span > span.web { display: none; } @media all and (max-width: 1000px){ .skidataCatering > div > article { float: none; margin-right: 0; width: 100%; } .skidataCatering > div > article > figure > a { max-height: 100%; } } @media all and (max-width: 850px){ .skidataCatering > div > article { float: left; margin: 0 5% 5% 0; width: 47.5%; } .skidataCatering > div > article > figure > a { max-height: 170px; } } @media all and (max-width: 600px){ .skidataCatering > div > article { float: none; margin-right: 0; width: 100%; } .skidataCatering > div > article > figure > a { max-height: 100%; } .skidataCatering > div > article > figure > figcaption > p > span > span.address, .skidataCatering > div > article > figure > figcaption > p > span > span.mail, .skidataCatering > div > article > figure > figcaption > p > span > span.web { display: block; } } /* SkiData - Hütten & Bergrestaurants (ges. Breite) */ body.entirewidth .skidataCatering > div > article { margin-bottom: 2%; margin-right: 2%; width: 32%; } body.entirewidth .skidataCatering > div > article:nth-child(3n) { margin-right: 0; } body.entirewidth .skidataCatering > div > article:nth-child(2n) + * { clear: none; } body.entirewidth .skidataCatering > div > article:nth-child(3n) + * { clear: both; } body.entirewidth .skidataCatering > div > article > figure > a { max-height: 200px; } @media all and (max-width: 1000px){ body.entirewidth .skidataCatering > div > article { float: left; margin-bottom: 5%; margin-right: 5%; width: 47.5%; } body.entirewidth .skidataCatering > div > article:nth-child(3n) { margin-right: 5%; } body.entirewidth .skidataCatering > div > article:nth-child(3n) + * { clear: none; } body.entirewidth .skidataCatering > div > article:nth-child(2n) { margin-right: 0; } body.entirewidth .skidataCatering > div > article:nth-child(2n) + * { clear: both; } } @media all and (max-width: 550px){ body.entirewidth .skidataCatering > div > article { float: none; margin-right: 0; width: 100%; } } /* SkiData - Hütten & Bergrestaurants (Detail) */ .skidataCateringDetail > h1 { padding: 0 115px 0 80px; position: relative; } .skidataCateringDetail > h2 { padding: 0 0 0 80px; } .skidataCateringDetail > h1 > span.number { background: #034E8D; border-radius: 50%; color: #FFFFFF; font-size: 25px; font-weight: normal; left: 0; line-height: 60px; position: absolute; text-align: center; top: 11px; width: 60px; } /* Status */ .skidataCateringDetail > p.state { position: absolute; right: 20px; top: 38px; } .skidataCateringDetail > p.state > span { font-weight: normal; } .skidataCateringDetail > p.state > span:before { border-radius: 50%; content: ""; float: left; height: 15px; margin: 7px 10px 0 0; width: 15px; } .skidataCateringDetail > p.state > span.open:before { background: #6D9815; } .skidataCateringDetail > p.state > span.closed:before { background: #E30613; } /* Kontakt */ .skidataCateringDetail > p.contact { line-height: 1.5; } .skidataCateringDetail > p.contact > span { display: block; } .skidataCateringDetail > p.contact > span.phone, .skidataCateringDetail > p.contact > span.mail { margin: 10px 0 0; } .skidataCateringDetail > p.contact > span.phone > a, .skidataCateringDetail > p.contact > span.mail > a, .skidataCateringDetail > p.contact > span.web > a { color: #2D343E; font-size: 15px; padding: 0 0 0 27px; position: relative; } .skidataCateringDetail > p.contact > span.phone > a:hover, .skidataCateringDetail > p.contact > span.mail > a:hover, .skidataCateringDetail > p.contact > span.web > a:hover { color: #E30613; } .skidataCateringDetail > p.contact > span.phone > a:before { content: '\E835'; font-family: 'fontello'; font-size: 22px; left: 2px; line-height: 1; position: absolute; top: 0; } .skidataCateringDetail > p.contact > span.mail > a:before { content: '\E82E'; font-family: 'fontello'; font-size: 13px; left: 0; line-height: 1; position: absolute; top: 3px; } .skidataCateringDetail > p.contact > span.web > a:before { content: '\E848'; font-family: 'fontello'; font-size: 18px; left: 2px; line-height: 1; position: absolute; top: 2px; } /* Bildergalerie */ .skidataCateringDetail .cmsGallery > li > figure > a > img { height: 180px; } @media all and (max-width: 900px){ /* Bildergalerie */ .skidataCateringDetail .cmsGallery > li > figure > a > img { height: 200px; } } @media all and (max-width: 800px){ .skidataCateringDetail > h1 { padding-left: 0; padding-right: 0; } .skidataCateringDetail > h2 { padding-left: 0; } .skidataCateringDetail > h1 > span.number { display: none; } /* Status */ .skidataCateringDetail > p.state { position: relative; right: auto; top: auto; } } @media all and (max-width: 500px){ /* Bildergalerie */ .skidataCateringDetail .cmsGallery > li > figure > a > img { height: auto; } } /* SkiData - Liftstatus */ .skidataLiftstate { font-size: 14px; } .skidataLiftstate > div > .headline { background: #F1F1F2; } .skidataLiftstate > div > .headline, .skidataLiftstate > div > .wrapper { display: table; width: 100%; } .skidataLiftstate > div > .headline > div, .skidataLiftstate > div > .wrapper > .row { display: table-row; } .skidataLiftstate > div > .headline > div > .column, .skidataLiftstate > div > .wrapper > .row > .column { display: table-cell; } .skidataLiftstate > div > .headline > div > .column { font-weight: bold; padding: 15px 10px; position: relative; text-align: left; text-transform: uppercase; } .skidataLiftstate > div > .headline > div > .column.sort { cursor: pointer; text-align: left; } .skidataLiftstate > div > .headline > div > .column.sort:hover, .skidataLiftstate > div > .headline > div > .column.sort.selected { background: #E30613; color: #FFFFFF; } .skidataLiftstate > div > .headline > div > .column.sort:before { content: "\E807"; height: 10px; font-family: 'fontello'; font-size: 9px; line-height: 10px; opacity: 0.7; position: absolute; right: 5px; text-align: center; top: 18px; width: 10px; } .skidataLiftstate > div > .headline > div > .column.sort:after { bottom: 18px; content: "\E805"; font-family: "fontello"; font-size: 9px; height: 10px; line-height: 10px; opacity: 0.7; position: absolute; right: 5px; text-align: center; width: 10px; } .skidataLiftstate > div > .headline > div > .column.selected.desc:after { opacity: 1; } .skidataLiftstate > div > .headline > div > .column.selected.asc:before { opacity: 1; } .skidataLiftstate > div > .wrapper > .row { background: none; } .skidataLiftstate > div > .wrapper > .row:nth-child(2n) { background: #F1F1F2; } .skidataLiftstate > div > .wrapper > .row > .column { padding: 8px 10px; vertical-align: middle; } .skidataLiftstate > div > div .column:last-child { border-right: 0 none !important; } .skidataLiftstate > div > .wrapper > .row:last-child > .column { border-bottom: 0 none; } .skidataLiftstate > div > div .column.number { max-width: 8%; min-width: 8%; text-align: center; width: 8%; } .skidataLiftstate > div > div .column.state { max-width: 8%; min-width: 8%; text-align: center; width: 8%; } .skidataLiftstate > div > .wrapper > .row > .column.state:after { -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; color: #FFFFFF; content: "\E818"; display: inline-block; font-family: 'fontello'; font-size: 15px; font-weight: bold; height: 26px; line-height: 26px; position: relative; top: -2px; vertical-align: middle; width: 26px; } .skidataLiftstate > div > .wrapper > .row > .column.state1:after { background: #7BB426; content: "\E818"; } .skidataLiftstate > div > .wrapper > .row > .column.state2:after, .skidataLiftstate > div > .wrapper > .row > .column.state0:after { background: #D41921; content: "\E80A"; font-size: 18px; } .skidataLiftstate > div > div .column.name { font-weight: bold; line-height: 1.4; max-width: 30%; min-width: 30%; text-align: left; width: 30%; } .skidataLiftstate > div > div .column.name > .time { font-size: smaller; font-weight: normal; } .skidataLiftstate > div > div .column.name > .number, .skidataLiftstate > div > div .column.name > .length, .skidataLiftstate > div > div .column.name > .height, .skidataLiftstate > div > div .column.name > .points { display: none; font-size: 13px; font-weight: normal; } .skidataLiftstate > div > div .column.name > .number > span, .skidataLiftstate > div > div .column.name > .length > span, .skidataLiftstate > div > div .column.name > .height > span, .skidataLiftstate > div > div .column.name > .points > span { font-weight: bold; } .skidataLiftstate > div > div .column.type { max-width: 10%; min-width: 10%; text-align: center; width: 10%; } .skidataLiftstate > div > .wrapper > .row > .column.type:after { background: url("/westendorf/img/skidata/skidata.png") scroll no-repeat center top; border: 4px solid #E31E2D; content: ""; display: inline-block; height: 27px; position: relative; vertical-align: middle; width: 27px; } .skidataLiftstate > div > .wrapper > .row > .column.chairlift1:after { background-position: center -38px; } .skidataLiftstate > div > .wrapper > .row > .column.chairlift2:after { background-position: center -57px; } .skidataLiftstate > div > .wrapper > .row > .column.chairlift3:after { background-position: center -76px; } .skidataLiftstate > div > .wrapper > .row > .column.chairlift4:after { background-position: center -95px; } .skidataLiftstate > div > .wrapper > .row > .column.chairlift6:after { background-position: center -114px; } .skidataLiftstate > div > .wrapper > .row > .column.chairlift8:after { background-position: center -133px; } .skidataLiftstate > div > .wrapper > .row > .column.draglift:after, .skidataLiftstate > div > .wrapper > .row > .column.conveyor:after, .skidataLiftstate > div > .wrapper > .row > .column.conveyor2:after { background-position: center -152px; } .skidataLiftstate > div > .wrapper > .row > .column.detachable-ropeway:after, .skidataLiftstate > div > .wrapper > .row > .column.ropeway:after { background-position: center -190px; } .skidataLiftstate > div > .wrapper > .row > .column.funicular:after, .skidataLiftstate > div > .wrapper > .row > .column.cablecar:after { background-position: center -19px; } .skidataLiftstate > div > .wrapper > .row > .column.babylift:after, .skidataLiftstate > div > .wrapper > .row > .column.babylift2:after { background-position: center top; } .skidataLiftstate > div > div .column.length { max-width: 12%; min-width: 12%; text-align: center; width: 12%; } .skidataLiftstate > div > .wrapper > .row > .column.length { line-height: 1.2; } .skidataLiftstate > div > div .column.height { max-width: 12%; min-width: 12%; text-align: center; width: 12%; } .skidataLiftstate > div > .wrapper > .row > .column.height { line-height: 1.2; } .skidataLiftstate > div > div .column.points { display: none !important; max-width: 10%; min-width: 10%; text-align: center; width: 10%; } .skidataLiftstate > div > .wrapper > .row > .column.points > div { background: #0076D7; border-radius: 20px; color: #FFFFFF; display: inline-block; font-size: 11px; font-weight: bold; height: 25px; line-height: 25px; position: relative; top: 3px; width: 25px; } @media all and (max-width: 1080px){ .skidataLiftstate > div > div .column.length, .skidataLiftstate > div > div .column.height { display: none !important; } .skidataLiftstate > div > div .column.points { display: none !important; } .skidataLiftstate > div > div .column.name > .length, .skidataLiftstate > div > div .column.name > .height, .skidataLiftstate > div > div .column.name > .points { display: block; } } @media all and (max-width: 600px){ .skidataLiftstate > div > div .column.type { border-right: 0 none !important; } .skidataLiftstate > div > div .column.length, .skidataLiftstate > div > div .column.height { display: none !important; } } @media all and (max-width: 450px){ .skidataLiftstate > div > div .column.number { display: none !important; } .skidataLiftstate > div > div .column.name { border-right: 0 none !important; } .skidataLiftstate > div > div .column.name > .number { display: block; } } /* SkiData - Liftstatus (Mobile) */ .mskidataLifts { margin: 10px 0; } .mskidataLifts.animated { visibility: hidden; } .mskidataLifts > p { background: #E3E4E5; cursor: pointer; padding: 20px; position: relative; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } .mskidataLifts > p:hover, .mskidataLifts > p.contentShow { background: #0076D7; color: #FFFFFF; } .mskidataLifts > p:before { content: "\E805"; font-family: 'fontello'; font-size: 32px; font-weight: normal; height: 25px; line-height: 25px; position: absolute; right: 20px; top: 22px; width: 29px; } .mskidataLifts > p.contentShow:before { content: "\E807"; } .mskidataLifts > p:after { clear: both; content: ""; display: block; } .mskidataLifts > p > span.icon { display: block; float: left; height: 60px; margin: 0 10px 0 0; text-align: center; width: 60px; } .mskidataLifts > p > span.icon:before { content: "\E83C"; font-family: "fontello"; font-size: 45px; font-weight: normal; line-height: 60px; } .mskidataLifts > p > span.value, .mskidataLifts > p > span.label { display: block; line-height: 1.3; } .mskidataLifts > p > span.value { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataLifts > p > span.value > span { display: inline-block; font-size: 24px; font-weight: bold; margin: 0 5px 0 0; } .mskidataLifts > p > span.label { display: block; font-size: 14px; margin: 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataLifts > p > span.bar { background: #FFFFFF; display: block; height: 15px; margin: 20px 50px 0 0; position: relative; } .mskidataLifts > p > span.bar > span { background: #B1CA35; height: 15px; left: 0; max-width: 0; position: absolute; top: 0; -webkit-transition: width 500ms ease-in 1500ms; -moz-transition: width 500ms ease-in 1500ms; -ms-transition: width 500ms ease-in 1500ms; -o-transition: width 500ms ease-in 1500ms; transition: width 500ms ease-in 1500ms; width: 0; } .mskidataLifts.animated > p > span.bar > span { width: 100%; } .mskidataLifts > p > span.percents { bottom: 20px; font-size: 14px; height: 15px; line-height: 1; position: absolute; right: 20px; text-align: right; width: 50px; } .mskidataLifts > .list { display: none; } .mskidataLifts > p.contentShow + .list { display: block; } .mskidataLifts > .list > .entry { margin: 5px 0; } .mskidataLifts > .list > .entry > p { background: #E3E4E5; cursor: pointer; padding: 10px 20px 15px; position: relative; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } .mskidataLifts > .list > .entry > p.contentShow + div { display: block; } .mskidataLifts > .list > .entry > p:hover, .mskidataLifts > .list > .entry > p.contentShow { background: #0076D7; color: #FFFFFF; } .mskidataLifts > .list > .entry > p:after { clear: both; content: ""; display: block; } .mskidataLifts > .list > .entry > p > span.headline { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataLifts > .list > .entry > p > span.bar { background: #FFFFFF; display: block; height: 15px; margin: 5px 50px 0 0; position: relative; } .mskidataLifts > .list > .entry > p > span.bar > span { background: #B1CA35; height: 15px; left: 0; position: absolute; top: 0; width: 0; } .mskidataLifts > .list > .entry > p > span.value { bottom: 15px; font-size: 14px; height: 15px; line-height: 1; position: absolute; right: 20px; text-align: right; width: 50px; } .mskidataLifts > .list > .entry > div { display: none; margin: 5px 0; } /* SkiData - Liftstatus (Übersicht) */ .skidataLiftOverview > .sort { padding: 10px; } .skidataLiftOverview > .sort:after { clear: both; content: ""; display: block; } .skidataLiftOverview > .sort > div.region { float: left; } .skidataLiftOverview > .sort > div.type { float: right; margin: 0 0 0 20px; } .skidataLiftOverview > .sort > div:after { clear: both; content: ""; display: block; } .skidataLiftOverview > .sort > div > label { display: block; float: left; font-weight: normal; line-height: 35px; margin: 0 10px 0 0; } .skidataLiftOverview > .sort > div > select { border: 1px solid #F1F1F2; float: left; max-width: 225px; padding: 5px; } .skidataLiftOverview > div > div .column.name > .region { font-size: 13px; font-weight: 300; } .skidataLiftOverview > div > .wrapper > .row.hide { display: none; } @media all and (max-width: 950px){ .skidataLiftOverview > .sort > div { float: none; margin: 0 0 10px; width: 100%; } .skidataLiftOverview > .sort > div > label { margin-right: 0; width: 40%; } .skidataLiftOverview > .sort > div > select { margin-left: 0; max-width: 100%; width: 60%; } } /* SkiData - Pistenstatus */ .skidataPistestate { font-size: 14px; } .skidataPistestate > div > .headline { background: #F1F1F2; } .skidataPistestate > div > .headline, .skidataPistestate > div > .wrapper { display: table; width: 100%; } .skidataPistestate > div > .headline > div, .skidataPistestate > div > .wrapper > .row { display: table-row; } .skidataPistestate > div > .headline > div > .column, .skidataPistestate > div > .wrapper > .row > .column { display: table-cell; } .skidataPistestate > div > .headline > div > .column { font-weight: bold; padding: 15px 10px; position: relative; text-align: left; text-transform: uppercase; } .skidataPistestate > div > .headline > div > .column.sort { cursor: pointer; text-align: left; } .skidataPistestate > div > .headline > div > .column.sort:hover, .skidataPistestate > div > .headline > div > .column.sort.selected { background: #E30613; color: #FFFFFF; } .skidataPistestate > div > .headline > div > .column.sort:before { content: "\E807"; height: 10px; font-family: 'fontello'; font-size: 9px; line-height: 10px; opacity: 0.7; position: absolute; right: 5px; text-align: center; top: 18px; width: 10px; } .skidataPistestate > div > .headline > div > .column.sort:after { bottom: 18px; content: "\E805"; font-family: "fontello"; font-size: 9px; height: 10px; line-height: 10px; opacity: 0.7; position: absolute; right: 5px; text-align: center; width: 10px; } .skidataPistestate > div > .headline > div > .column.selected.desc:after { opacity: 1; } .skidataPistestate > div > .headline > div > .column.selected.asc:before { opacity: 1; } .skidataPistestate > div > .wrapper > .row { background: none; } .skidataPistestate > div > .wrapper > .row:nth-child(2n) { background: #F1F1F2; } .skidataPistestate > div > .wrapper > .row > .column { padding: 8px 10px; vertical-align: middle; } .skidataPistestate > div > div .column:last-child { border-right: 0 none !important; } .skidataPistestate > div > .wrapper > .row:last-child > .column { border-bottom: 0 none; } .skidataPistestate > div > div .column.number { max-width: 10%; min-width: 10%; text-align: center; width: 10%; } .skidataPistestate > div > div .column.state { max-width: 10%; min-width: 10%; text-align: center; width: 10%; } .skidataPistestate > div > .wrapper > .row > .column.state:after { -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; color: #FFFFFF; content: "\E818"; display: inline-block; font-family: 'fontello'; font-size: 15px; font-weight: bold; height: 26px; line-height: 26px; position: relative; top: -2px; vertical-align: middle; width: 26px; } .skidataPistestate > div > .wrapper > .row > .column.state1:after { background: #7BB426; content: "\E818"; } .skidataPistestate > div > .wrapper > .row > .column.state2:after, .skidataPistestate > div > .wrapper > .row > .column.state0:after, .skidataPistestate > div > .wrapper > .row > .column.state3:after { background: #D41921; content: "\E80A"; font-size: 18px; } .skidataPistestate > div > div .column.name { font-weight: bold; line-height: 1.4; max-width: 42%; min-width: 42%; text-align: left; width: 42%; } .skidataPistestate > div > div .column.name > .time { font-size: smaller; font-weight: normal; } .skidataPistestate > div > div .column.name > .number, .skidataPistestate > div > div .column.name > .length, .skidataPistestate > div > div .column.name > .height { display: none; font-size: 13px; font-weight: normal; } .skidataPistestate > div > div .column.name > .number > span, .skidataPistestate > div > div .column.name > .length > span, .skidataPistestate > div > div .column.name > .height > span { font-weight: bold; } .skidataPistestate > div > div .column.name > .region { font-size: 13px; font-weight: 300; } .skidataPistestate > div > div .column.type { max-width: 10%; min-width: 10%; text-align: center; width: 10%; } .skidataPistestate > div > div .column.type > .icon { height: 18px; line-height: 18px; } .skidataPistestate > div > div .column.type > .icon:after { border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; content: ""; display: inline-block; height: 18px; position: relative; vertical-align: middle; width: 18px; } .skidataPistestate > div > div .column.type > .icon.easy-piste:after, /* leicht */ .skidataPistestate > div > div .column.type > .icon.teasy-piste:after { background: #148FDB; } .skidataPistestate > div > div .column.type > .icon.medium-piste:after, /* mittel */ .skidataPistestate > div > div .column.type > .icon.tmedium-piste:after { background: #E54225; } .skidataPistestate > div > div .column.type > .icon.difficult-piste2:after, /* schwer */ .skidataPistestate > div > div .column.type > .icon.difficult-piste:after, .skidataPistestate > div > div .column.type > .icon.tdifficult-piste2:after, .skidataPistestate > div > div .column.type > .icon.tdifficult-piste:after { background: #565759; } .skidataPistestate > div > div .column.type > .icon.skiroute:after, /* Skiroute */ .skidataPistestate > div > div .column.type > .icon.tskiroute:after { background: #FFBD38; } .skidataPistestate > div > .wrapper > .row > .column.type > .label { font-size: smaller; line-height: 1.2; margin: 5px 0 0; } .skidataPistestate > div > div .column.length { max-width: 14%; min-width: 14%; text-align: center; width: 14%; } .skidataPistestate > div > .wrapper > .row > .column.length { line-height: 1.2; } .skidataPistestate > div > div .column.height { max-width: 14%; min-width: 14%; text-align: center; width: 14%; } .skidataPistestate > div > .wrapper > .row > .column.height { line-height: 1.2; } @media all and (max-width: 1080px){ .skidataPistestate > div > div .column.type { border-right: 0 none !important; } .skidataPistestate > div > div .column.length { display: none !important; } .skidataPistestate > div > div .column.height { display: none !important; } .skidataPistestate > div > div .column.name > .length, .skidataPistestate > div > div .column.name > .height, .skidataPistestate > div > div .column.name > .points { display: block; } } @media all and (max-width: 450px){ .skidataPistestate > div > div .column.number { display: none !important; } .skidataPistestate > div > div .column.name > .number { display: block; } } /* SkiData - Pistenstatus (Mobile) */ .mskidataPiste { margin: 10px 0; } .mskidataPiste.animated { visibility: hidden; } .mskidataPiste > p { background: #E3E4E5; cursor: pointer; padding: 20px; position: relative; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } .mskidataPiste > p:hover, .mskidataPiste > p.contentShow { background: #0076D7; color: #FFFFFF; } .mskidataPiste > p:before { content: "\E805"; font-family: 'fontello'; font-size: 32px; font-weight: normal; height: 25px; line-height: 25px; position: absolute; right: 20px; top: 22px; width: 29px; } .mskidataPiste > p.contentShow:before { content: "\E807"; } .mskidataPiste > p:after { clear: both; content: ""; display: block; } .mskidataPiste > p > span.icon { display: block; float: left; height: 60px; margin: 0 10px 0 0; text-align: center; width: 60px; } .mskidataPiste > p > span.icon:before { content: "\E83D"; font-family: "fontello"; font-size: 45px; font-weight: normal; line-height: 60px; } .mskidataPiste > p > span.value, .mskidataPiste > p > span.label { display: block; line-height: 1.3; } .mskidataPiste > p > span.value { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataPiste > p > span.value > span { display: inline-block; font-size: 24px; font-weight: bold; margin: 0 5px 0 0; } .mskidataPiste > p > span.label { display: block; font-size: 14px; margin: 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataPiste > p > span.bar { background: #FFFFFF; display: block; height: 15px; margin: 20px 40px 0 0; position: relative; } .mskidataPiste > p > span.bar > span { background: #B1CA35; height: 15px; left: 0; max-width: 0; position: absolute; top: 0; -webkit-transition: width 500ms ease-in 1500ms; -moz-transition: width 500ms ease-in 1500ms; -ms-transition: width 500ms ease-in 1500ms; -o-transition: width 500ms ease-in 1500ms; transition: width 500ms ease-in 1500ms; width: 0; } .mskidataPiste.animated > p > span.bar > span { width: 100%; } .mskidataPiste > p > span.percents { bottom: 20px; font-size: 14px; height: 15px; line-height: 1; position: absolute; right: 20px; text-align: right; width: 40px; } .mskidataPiste > .list { display: none; } .mskidataPiste > p.contentShow + .list { display: block; } .mskidataPiste > .list > .entry { margin: 5px 0; } .mskidataPiste > .list > .entry > p { background: #E3E4E5; cursor: pointer; padding: 10px 20px 15px; position: relative; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } .mskidataPiste > .list > .entry > p.contentShow + div { display: block; } .mskidataPiste > .list > .entry > p:hover, .mskidataPiste > .list > .entry > p.contentShow { background: #0076D7; color: #FFFFFF; } .mskidataPiste > .list > .entry > p:after { clear: both; content: ""; display: block; } .mskidataPiste > .list > .entry > p > span.headline { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataPiste > .list > .entry > p > span.bar { background: #FFFFFF; display: block; height: 15px; margin: 5px 50px 0 0; position: relative; } .mskidataPiste > .list > .entry > p > span.bar > span { background: #B1CA35; height: 15px; left: 0; position: absolute; top: 0; width: 0; } .mskidataPiste > .list > .entry > p > span.value { bottom: 15px; font-size: 14px; height: 15px; line-height: 1; position: absolute; right: 20px; text-align: right; width: 50px; } .mskidataPiste > .list > .entry > div { display: none; margin: 5px 0; } /* SkiData - Pistenstatus (Übersicht) */ .skidataPistOverview > .sort { padding: 10px; } .skidataPistOverview > .sort:after { clear: both; content: ""; display: block; } .skidataPistOverview > .sort > div.region { float: left; } .skidataPistOverview > .sort > div.type { float: right; margin: 0 0 0 20px; } .skidataPistOverview > .sort > div:after { clear: both; content: ""; display: block; } .skidataPistOverview > .sort > div > label { display: block; float: left; font-weight: normal; line-height: 35px; margin: 0 10px 0 0; } .skidataPistOverview > .sort > div > select { border: 1px solid #F1F1F2; float: left; max-width: 225px; padding: 5px; } .skidataPistOverview > div > div > .column.name > .region { font-size: 13px; font-weight: 300; } .skidataPistOverview > div > .wrapper > .row.hide { display: none; } @media all and (max-width: 950px){ .skidataPistOverview > .sort > div { float: none; margin: 0 0 10px; width: 100%; } .skidataPistOverview > .sort > div > label { margin-right: 0; width: 40%; } .skidataPistOverview > .sort > div > select { margin-left: 0; max-width: 100%; width: 60%; } } /* SkiData - Schneebericht */ .skidataSnowreport { font-size: 15px; } .skidataSnowreport > div { border: 2px solid #F1F1F2; display: table; width: 100%; } .skidataSnowreport > div > .row:nth-child(2n) { background: #F8F8F8; } .skidataSnowreport > div > .row:after { clear: both; content: ""; display: block; } .skidataSnowreport > div > .row > .column { padding: 8px 10px; line-height: 1.4; } .skidataSnowreport > div > .row > .column.label { border-right: 2px solid #F8F8F8; float: left; width: 50%; } .skidataSnowreport > div > .row > .column.value { float: left; text-align: right; width: 50%; } .skidataSnowreport > div > .row:nth-child(2n) > .column.label { border-right: 2px solid #FFFFFF; } .skidataSnowreport > div > .row > .column.label, .skidataSnowreport > div > .row > .column.label > a { font-weight: bold; } @media all and (max-width: 500px){ .skidataSnowreport > div > .row { padding: 8px 10px; } .skidataSnowreport > div > .row > .column { padding: 0; } .skidataSnowreport > div > .row > .column.label, .skidataSnowreport > div > .row > .column.value { border-right: 0 none !important; float: none; width: 100%; } .skidataSnowreport > div > .row > .column.label { margin: 0 0 5px; } .skidataSnowreport > div > .row > .column.value { text-align: left; } } /* SkiData - Schneebericht (Mobile) */ .mskidataSnowreport { margin: 10px 0; } .mskidataSnowreport.animated { visibility: hidden; } .mskidataSnowreport > p { background: #E3E4E5; cursor: pointer; padding: 20px; position: relative; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } .mskidataSnowreport > p:hover, .mskidataSnowreport > p.contentShow { background: #0076D7; color: #FFFFFF; } .mskidataSnowreport > p:before { content: "\E805"; font-family: 'fontello'; font-size: 32px; font-weight: normal; height: 25px; line-height: 25px; position: absolute; right: 20px; top: 22px; width: 29px; } .mskidataSnowreport > p.contentShow:before { content: "\E805"; } .mskidataSnowreport > p:after { clear: both; content: ""; display: block; } .mskidataSnowreport > p > span.icon { display: block; float: left; height: 60px; margin: 0 10px 0 0; text-align: center; width: 60px; } .mskidataSnowreport > p > span.icon:before { content: "\E83E"; font-family: "fontello"; font-size: 45px; font-weight: normal; line-height: 60px; } .mskidataSnowreport > p > span.value, .mskidataSnowreport > p > span.label { display: block; line-height: 1.3; } .mskidataSnowreport > p > span.value { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataSnowreport > p > span.value > span { display: inline-block; font-size: 24px; font-weight: bold; margin: 0 5px 0 0; } .mskidataSnowreport > p > span.label { display: block; font-size: 14px; margin: 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataSnowreport > .list { display: none; } .mskidataSnowreport > p.contentShow + .list { display: block; } .mskidataSnowreport > .list > div { margin: 5px 0; } /* SkiData - Schneebericht (Kontext) */ .skidataContextSnowreport { background: #F1F1F2; overflow: hidden; padding: 20px 30px 20px; position: relative; } .skidataContextSnowreport > h3 { background: #034E8D; color: #FFFFFF; font-weight: bold; margin: -20px -30px 30px; padding: 10px 20px; position: relative; text-transform: uppercase; } .skidataContextSnowreport > h3:after { clear: both; content: ""; display: block; } .skidataContextSnowreport > h3 > span { position: relative; z-index: 2; } .skidataContextSnowreport > h3 > span.date { float: right; font-weight: normal; } .skidataContextSnowreport > div { border: 0 none; } .skidataContextSnowreport > div:after { clear: both; content: ""; display: block; } .skidataContextSnowreport > div > .left { float: left; position: relative; width: 45.454545454545454545454545454545%; } .skidataContextSnowreport > div > .left > img { position: absolute; right: 0; top: 25px; } .skidataContextSnowreport > div > .right { float: right; width: 45.454545454545454545454545454545%; } .skidataContextSnowreport > .snowData > div > .row { margin: 0 0 30px 0; position: relative; } .skidataContextSnowreport > .snowData > .right > .row { display: block; padding: 0 0 0 75px; } .skidataContextSnowreport > .snowData > div > .row > .value { color: #8f9497; display: block; font-size: 14px; line-height: 1.2; } .skidataContextSnowreport > .snowData > div > .row > .circle { height: 54px; left: 0; position: absolute; top: -2px; width: 54px; } .skidataContextSnowreport > .snowData > div > .row > .value > span { color: #034e8d; font-family: "PT Sans", sans-serif; font-size: 24px; font-weight: bold; } .skidataContextSnowreport > .snowData > div > .row > .label { color: #2D343E; display: block; font-size: 14px; line-height: 1.2; } .skidataContextSnowreport > .snowData > div > .row.mountain { margin-bottom: 45px; text-align: right; } .skidataContextSnowreport > .snowData > div > .row.valley { padding: 0 45px 0 0; text-align: right; } .skidataContextSnowreport > .snowData > div > .row > .icon { color: #2D343E; height: 54px; left: 0; padding: 3px 0 0 10px; position: absolute; width: 54px; top: -2px; } .skidataContextSnowreport > .snowData > div > .row > .icon:before { content: "\E877"; font-family: fontello; font-size: 30px; } .skidataContextSnowreport > .snowData > div > .row.lifts > .icon { padding-left: 15px; padding-top: 2px; } .skidataContextSnowreport > .snowData > div > .row.lifts > .icon:before { content: "\E875"; } .skidataContextSnowreport > .infra { border-top: 1px solid #e0e0e1; padding: 3px 0 3px 0; } .skidataContextSnowreport > .infra > div > .row { font-size: 14px; line-height: 30px; padding: 0 30px 0 20px; position: relative; } .skidataContextSnowreport > .infra > div > .row:before { background: #FFFFFF; bottom: -1px; content: ""; height: 1px; left: 20px; position: absolute; right: 0; width: auto; } .skidataContextSnowreport > .infra > div > .row:after { background: #b1ca35; border-radius: 50%; content: ""; display: block; height: 8px; left: 0; position: absolute; top: 12px; width: 8px; } .skidataContextSnowreport > .infra > div > .row:last-of-type:before { display: none; } .skidataContextSnowreport > .infra > div > .row > a { display: block; font-weight: 300; } .skidataContextSnowreport > .infra > div > .row .label { display: block; letter-spacing: -0.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .skidataContextSnowreport > .infra > div > .row .value { font-weight: 900; position: absolute; right: 0; top: 0; } .skidataContextSnowreport > .buttons { border-top: 1px solid #e0e0e1; margin: 20px 0 0 0; padding: 20px 0 0 0; } .skidataContextSnowreport > .buttons > div > a { background: #FFFFFF; display: block; font-family: "PT Sans", sans-serif; font-size: 15px; font-weight: bold; letter-spacing: -0.2px; line-height: 32px; padding: 0 10px 0 10px; -webkit-transition: background 500ms ease 0s, color 500ms ease 0s; transition: background 500ms ease 0s, color 500ms ease 0s; white-space: nowrap; } .skidataContextSnowreport > .buttons > div > a.map:before { color: #e30613; content: "\E876"; font-family: fontello; font-size: 14px; margin: 0 10px 0 0; -webkit-transition: background 500ms ease 0s, color 500ms ease 0s; transition: background 500ms ease 0s, color 500ms ease 0s; } .skidataContextSnowreport > .buttons > div > a.report:before { color: #e30613; content: "\E878"; font-family: fontello; font-size: 14px; margin: 0 10px 0 0; -webkit-transition: background 500ms ease 0s, color 500ms ease 0s; transition: background 500ms ease 0s, color 500ms ease 0s; } .skidataContextSnowreport > .buttons > div > a:hover { background: #E30613; color: #FFFFFF; } .skidataContextSnowreport > .buttons > div > a.map:hover:before { color: #FFFFFF; } .skidataContextSnowreport > .buttons > div > a.report:hover:before { color: #FFFFFF; } .skidataContextSnowreport > .reportTeaser { border-top: 1px solid #e0e0e1; margin: 20px 0 0 0; padding: 20px 0 0 0; } .skidataContextSnowreport > .reportTeaser > label { display: block; line-height: 1.4; } .skidataContextSnowreport > .reportTeaser > .buttons { margin: 10px 0 0 0; } .skidataContextSnowreport > .reportTeaser > .buttons:after { clear: both; content: ""; display: block; } .skidataContextSnowreport > .reportTeaser > .buttons > li { float: left; margin: 0 20px 0 0; width: 45.454545454545454545454545454545%; } .skidataContextSnowreport > .reportTeaser > .buttons > li > a { background: #128c7e; background: #3fda4c; color: #FFFFFF; display: block; line-height: 40px; padding: 0 5px 0 5px; font-weight: bold; font-family: "PT Sans", sans-serif; position: relative; text-align: center; transition: background 300ms ease 0s, color 300ms ease 0s; } .skidataContextSnowreport > .reportTeaser > .buttons > li > a:hover { background: #FFFFFF; color: #128C7E; color: #3fda4c; } .skidataContextSnowreport > .reportTeaser > .buttons > li > a:before { content: "\F232"; display: inline-block; font-family: fontello; font-size: 28px; font-weight: normal; margin: 0 10px 0 0; line-height: 1; position: relative; top: 4px; } .skidataContextSnowreport > .reportTeaser > .buttons > li.mail { margin-right: 0; float: right; } .skidataContextSnowreport > .reportTeaser > .buttons > li.mail > a { background: #034e8d; } .skidataContextSnowreport > .reportTeaser > .buttons > li.mail > a:hover { background: #FFFFFF; color: #034e8d; } .skidataContextSnowreport > .reportTeaser > .buttons > li.mail > a:before { content: "\E868"; font-size: 18px; font-weight: normal; top: 1px; } .skidataContextSnowreport > .reportTeaser > .buttons > li > a > span { display: block; font-size: 12px; margin: 1px 0 0 0; opacity: 0.8; } .skidataContextSnowreport > .flakes > span { position: absolute; color: #8f9497; line-height: 1; } .skidataContextSnowreport > .flakes > span:before { content: "\E844"; font-family: fontello; } .skidataContextSnowreport > .flakes > .flake1 { font-size: 9px; left: 25%; top: 54px; } .skidataContextSnowreport > .flakes > .flake2 { font-size: 17px; left: 11%; top: 164px; } .skidataContextSnowreport > .flakes > .flake3 { font-size: 9px; left: 42%; top: 192px; } .skidataContextSnowreport > .flakes > .flake4 { font-size: 11px; right: 30px; top: 80px; } .skidataContextSnowreport > .flakes > .flake5 { font-size: 9px; right: 30px; top: 180px; } .skidataContextSnowreport > .flakes > .flake6 { font-size: 9px; right: 45px; top: 191px; } @media all and (max-width: 1210px){ .skidataContextSnowreport > .reportTeaser > .buttons > li { width: 100%; } .skidataContextSnowreport > .reportTeaser > .buttons > li.mail { margin-top: 10px; } .skidataContextSnowreport > .buttons > .left { display: block; text-align: center; width: 100%; } .skidataContextSnowreport > .buttons > .right { display: block; margin: 10px 0 0 0; text-align: center; width: 100%; } } @media all and (max-width: 1100px){ .skidataContextSnowreport > .infra > .left { width: 100%; } .skidataContextSnowreport > .infra > .left > .row:last-of-type:before { display: block; } .skidataContextSnowreport > .infra > .right { width: 100%; } } @media all and (max-width: 1000px){ .skidataContextSnowreport > div > .left > img { width: 240px; } } @media all and (max-width: 850px){ .skidataContextSnowreport > .reportTeaser > .buttons > li { width: 45.454545454545454545454545454545%; } .skidataContextSnowreport > .reportTeaser > .buttons > li.mail { margin-top: 0; } .skidataContextSnowreport > .buttons > .left { width: 45.454545454545454545454545454545%; } .skidataContextSnowreport > .buttons > .right { margin-top: 0; width: 45.454545454545454545454545454545%; } .skidataContextSnowreport > .infra > .left { width: 45.454545454545454545454545454545%; } .skidataContextSnowreport > .infra > .left > .row:last-of-type:before { display: none; } .skidataContextSnowreport > .infra > .right { width: 45.454545454545454545454545454545%; } } @media all and (max-width: 550px){ .skidataContextSnowreport > .buttons > .left { width: 100%; } .skidataContextSnowreport > .buttons > .right { margin-top: 10px; width: 100%; } } @media all and (max-width: 500px){ .skidataContextSnowreport { padding-left: 20px; padding-right: 20px; } .skidataContextSnowreport > .infra > .left { width: 100%; } .skidataContextSnowreport > .infra > .left > .row:last-of-type:before { display: block; } .skidataContextSnowreport > .infra > .right { width: 100%; } } @media all and (max-width: 420px){ .skidataContextSnowreport > .snowData { text-align: center; } .skidataContextSnowreport > .snowData > .left { float: none; width: auto; display: inline-block; width: 240px; } .skidataContextSnowreport > .snowData > .right { margin: 0 0 30px 0; text-align: left; width: 100%; } .skidataContextSnowreport > .snowData > .right:after { clear: both; content: ""; display: block; } .skidataContextSnowreport > .snowData > .right > .row { float: left; margin: 0 2% 0 0; width: 49%; } .skidataContextSnowreport > .snowData > .right > .row.lifts { margin-right: 0; } .skidataContextSnowreport > .snowData > .right > .row { padding-left: 55px; } .skidataContextSnowreport > .snowData > .right > .row > .circle > canvas { height: 44px !important; width: 44px !important; } .skidataContextSnowreport > .snowData > .right > .row > .icon { height: 44px; padding-left: 10px; padding-top: 5px; width: 44px; } .skidataContextSnowreport > .snowData > .right > .row > .icon:before { font-size: 20px; } .skidataContextSnowreport > .snowData > .right > .row > .value > span { font-size: 20px; } .skidataContextSnowreport > .snowData > div > .row.lifts > .icon { padding-left: 13px; padding-top: 4px; } } @media all and (max-width: 400px){ .skidataContextSnowreport > .reportTeaser > .buttons > li { margin-right: 2%; width: 49%; } .skidataContextSnowreport > .reportTeaser > .buttons > li > a { font-size: 14px; } .skidataContextSnowreport > .reportTeaser > .buttons > li > a:before { font-size: 22px; margin-right: 5px; } } /* SkiData - Webcams */ .skidataWebcams > ul:after { content: ""; clear: both; display: block; } .skidataWebcams > ul li { float: left; height: 180px; margin: 0 3.03030303030303% 3.03030303030303% 0; /* 0 20 20 0 */ overflow: hidden; position: relative; width: 48.484848484848484%; /* 320 */ } .skidataWebcams > ul li:nth-child(2n) { margin-right: 0; } .skidataWebcams > ul li:nth-child(2n) + li { clear: left; } .skidataWebcams > ul li > p.town { color: #FFFFFF; font-size: 24px; font-weight: bold; left: 0; line-height: 1.2; padding: 10px 20px; position: absolute; right: 0; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); top: 0; z-index: 2; } .skidataWebcams > ul li > a:before { background: #000000; background: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; opacity: 0; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -ms-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; z-index: 1; } .skidataWebcams > ul li:hover > a:before { opacity: 1; } .skidataWebcams > ul li > a > img { background: #F1F2F2; display: block; height: 100%; text-align: center; text-indent: -9999px; -moz-transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; vertical-align: middle; width: 100%; } .skidataWebcams > ul li:hover > a > img { -moz-transform: scale(1.4) rotate(-5deg); -webkit-transform: scale(1.4) rotate(-5deg); -o-transform: scale(1.4) rotate(-5deg); -ms-transform: scale(1.4) rotate(-5deg); transform: scale(1.4) rotate(-5deg); } .skidataWebcams > ul li > p.title { bottom: -80px; color: #FFFFFF; left: 0; line-height: 1.4; padding: 10px 20px; position: absolute; right: 0; text-align: right; -webkit-transition: bottom 200ms ease-in-out; -moz-transition: bottom 200ms ease-in-out; -ms-transition: bottom 200ms ease-in-out; -o-transition: bottom 200ms ease-in-out; transition: bottom 200ms ease-in-out; z-index: 2; } .skidataWebcams > ul li:hover > p.title { bottom: 0; } .skidataWebcams > ul li > p.title > a { color: #FFFFFF; font-size: 18px; font-weight: bold; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .skidataWebcams > ul li > p.title > span { display: block; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } @media all and (max-width: 500px){ .skidataWebcams > ul li { float: none !important; height: auto !important; margin-right: 0 !important; width: 100% !important; } } /* SkiData - Webcams (Mobile) */ .mskidataWebcams { margin: 10px 0; } .mskidataWebcams.animated { visibility: hidden; } .mskidataWebcams > p { background: #E3E4E5; cursor: pointer; padding: 20px; position: relative; } .mskidataWebcams > p:hover, .mskidataWebcams > p.contentShow { background: #0076D7; color: #FFFFFF; } .mskidataWebcams > p:before { content: "\E805"; font-family: 'fontello'; font-size: 32px; font-weight: normal; height: 25px; line-height: 25px; position: absolute; right: 20px; top: 22px; width: 29px; } .mskidataWebcams > p.contentShow:before { content: "\E807"; } .mskidataWebcams > p:after { clear: both; content: ""; display: block; } .mskidataWebcams > p > span.icon { display: block; float: left; height: 60px; margin: 0 10px 0 0; text-align: center; width: 60px; } .mskidataWebcams > p > span.icon:before { content: "\E847"; font-family: "fontello"; font-size: 45px; font-weight: normal; line-height: 60px; } .mskidataWebcams > p > span.value, .mskidataWebcams > p > span.label { display: block; line-height: 1.3; } .mskidataWebcams > p > span.value { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataWebcams > p > span.value > span { display: inline-block; font-size: 24px; font-weight: bold; margin: 0 5px 0 0; } .mskidataWebcams > p > span.label { display: block; font-size: 14px; margin: 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mskidataWebcams > p > span.bar { background: #FFFFFF; display: block; height: 15px; margin: 20px 50px 0 0; position: relative; } .mskidataWebcams > p > span.bar > span { background: #B1CA35; height: 15px; left: 0; max-width: 0; position: absolute; top: 0; -webkit-transition: width 500ms ease-in 1500ms; -moz-transition: width 500ms ease-in 1500ms; -ms-transition: width 500ms ease-in 1500ms; -o-transition: width 500ms ease-in 1500ms; transition: width 500ms ease-in 1500ms; width: 0; } .mskidataWebcams.animated > p > span.bar > span { width: 100%; } .mskidataWebcams > p > span.percents { bottom: 20px; font-size: 14px; height: 15px; line-height: 1; position: absolute; right: 20px; text-align: right; width: 50px; } .mskidataWebcams > .list { display: none; } .mskidataWebcams > p.contentShow + .list { display: block; } .mskidataWebcams > .list > div { margin: 5px 0; } .mskidataWebcams .skidataWebcams > ul li { float: none; margin-right: 0; width: 100%; } .mskidataWebcams .owl-controls { margin-top: 0; text-align: center; } .mskidataWebcams .owl-controls .owl-pagination > div > span { background: #034E8D; border-radius: 10px !important; font-weight: bold; margin: 0 3px; opacity: 1 !important; } .mskidataWebcams .owl-controls .owl-pagination > div:hover > span, .mskidataWebcams .owl-controls .owl-pagination > div.active > span { background: #E30613; } /* SkiData - Webcams (gesamte Breite) */ body.entirewidth .skidataWebcams > ul > li { margin: 0 1.666666666666667% 1.666666666666667% 0; /* 0 20 20 0 */ width: 23.75%; /* 285 */ } body.entirewidth .skidataWebcams > ul > li:nth-child(4n) { margin-right: 0; } body.entirewidth .skidataWebcams > ul > li:nth-child(2n) + li { clear: none; } @media all and (max-width: 900px){ body.entirewidth .skidataWebcams > ul > li { margin: 0 4% 4% 0; width: 48%; } body.entirewidth .skidataWebcams > ul > li:nth-child(3n) { margin-right: 4%; } body.entirewidth .skidataWebcams > ul > li:nth-child(3n) + li { clear: none; } body.entirewidth .skidataWebcams > ul > li:nth-child(2n) { margin-right: 0; } body.entirewidth .skidataWebcams > ul > li:nth-child(2n) + li { clear: left; } } /* SkiData - Webcam Feratel */ .webcamDetail > div.feratel { height: 0; overflow: hidden; padding: 30px 0 68% 0; position: relative; } .webcamDetail > div > img { display: block; width: 100%; } .webcamDetail > div.feratel > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } body.entirewidth .webcamDetail > div.feratel { padding-bottom: 56.25%; } @media all and (max-width: 810px){ body.entirewidth .webcamDetail > div.feratel { padding-bottom: 66.35%; } } @media all and (max-width: 640px){ .webcamDetail > div.feratel { padding-bottom: 72%; } } @media all and (max-width: 540px){ .webcamDetail > div.feratel { padding-bottom: 56.25%; } body.entirewidth .webcamDetail > div.feratel { padding-bottom: 56.25%; } } /* SkiData - Wetter */ .skidataWeather:after { clear: both; content: ""; display: block; } .skidataWeather > h3 { clear: both; color: #E30613; font-weight: bold; margin-top: 30px; text-align: center; text-transform: uppercase; } .skidataWeather > p { text-align: center; } .skidataWeather > div { background: #F1F1F2; float: left; margin: 0 2% 30px 0; min-height: 220px; padding: 10px; position: relative; text-align: center; width: 32%; } .skidataWeather > div:nth-of-type(3n) { margin-right: 0; } .skidataWeather > div + p { clear: both; content: ""; display: block; } .skidataWeather > div > div.icon { background: url("/westendorf/img/weather/weather.png") scroll no-repeat center 0; background-size: 80px 2080px; float: left; height: 80px; margin: 0 15px 15px 0; text-align: center; width: 100%; } .skidataWeather > div > div.icona, .skidataWeather > div > div.iconA { background-position: center 0; } .skidataWeather > div > div.iconb, .skidataWeather > div > div.iconB { background-position: center -80px; } .skidataWeather > div > div.iconc, .skidataWeather > div > div.iconC { background-position: center -160px; } .skidataWeather > div > div.icond, .skidataWeather > div > div.iconD { background-position: center -240px; } .skidataWeather > div > div.icone, .skidataWeather > div > div.iconE { background-position: center -320px; } .skidataWeather > div > div.iconf, .skidataWeather > div > div.iconF { background-position: center -400px; } .skidataWeather > div > div.icong, .skidataWeather > div > div.iconG { background-position: center -480px; } .skidataWeather > div > div.iconh, .skidataWeather > div > div.iconH { background-position: center -560px; } .skidataWeather > div > div.iconi, .skidataWeather > div > div.iconI { background-position: center -640px; } .skidataWeather > div > div.iconj, .skidataWeather > div > div.iconJ { background-position: center -720px; } .skidataWeather > div > div.iconk, .skidataWeather > div > div.iconK { background-position: center -800px; } .skidataWeather > div > div.iconl, .skidataWeather > div > div.iconL { background-position: center -880px; } .skidataWeather > div > div.iconm, .skidataWeather > div > div.iconM { background-position: center -960px; } .skidataWeather > div > div.iconn, .skidataWeather > div > div.iconN { background-position: center -1040px; } .skidataWeather > div > div.icono, .skidataWeather > div > div.iconO { background-position: center -1120px; } .skidataWeather > div > div.iconp, .skidataWeather > div > div.iconP { background-position: center -1200px; } .skidataWeather > div > div.iconq, .skidataWeather > div > div.iconQ { background-position: center -1280px; } .skidataWeather > div > div.iconr, .skidataWeather > div > div.iconR { background-position: center -1360px; } .skidataWeather > div > div.icons, .skidataWeather > div > div.iconS { background-position: center -1440px; } .skidataWeather > div > div.icont, .skidataWeather > div > div.iconT { background-position: center -1520px; } .skidataWeather > div > div.iconu, .skidataWeather > div > div.iconU { background-position: center -1600px; } .skidataWeather > div > div.iconv, .skidataWeather > div > div.iconV { background-position: center -1680px; } .skidataWeather > div > div.iconw, .skidataWeather > div > div.iconW { background-position: center -1760px; } .skidataWeather > div > div.iconx, .skidataWeather > div > div.iconX { background-position: center -1840px; } .skidataWeather > div > div.icony, .skidataWeather > div > div.iconY { background-position: center -1920px; } .skidataWeather > div > div.iconz, .skidataWeather > div > div.iconZ { background-position: center -2000px; } .skidataWeather > div > p.title { font-size: 14px; margin: 0 0 10px; text-transform: uppercase; } .skidataWeather > div > p.title, .skidataWeather > div > p.temp > span { font-weight: bold; } .skidataWeather > div > p.text { clear: both; line-height: 1.2; margin-bottom: 0; } .skidataWeather > p { margin: 0 0 20px; } .skidataWeather > figcaption { clear: both; } @media all and (max-width: 550px){ .skidataWeather > div { float: none; margin-bottom: 10px; margin-right: 0; min-height: 0; width: 100%; } } /* SkiData - Webcam Feratel */ .webcamDetail > div.feratel { height: 0; overflow: hidden; padding: 30px 0 68% 0; position: relative; } .webcamDetail > div > img { display: block; width: 100%; } .webcamDetail > div.feratel > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } body.entirewidth .webcamDetail > div.feratel { padding-bottom: 56.25%; } @media all and (max-width: 810px){ body.entirewidth .webcamDetail > div.feratel { padding-bottom: 66.35%; } } @media all and (max-width: 640px){ .webcamDetail > div.feratel { padding-bottom: 72%; } } @media all and (max-width: 540px){ .webcamDetail > div.feratel { padding-bottom: 56.25%; } body.entirewidth .webcamDetail > div.feratel { padding-bottom: 56.25%; } } /* SkiData - Wetter (Mobile) */ .mskidataWeather { margin: 10px 0; } .mskidataWeather.animated { visibility: hidden; } .mskidataWeather > .preview { background: #E3E4E5; cursor: pointer; padding: 15px 10px; position: relative; -webkit-transition: background 200ms ease-in, color 200ms ease-in; -moz-transition: background 200ms ease-in, color 200ms ease-in; -ms-transition: background 200ms ease-in, color 200ms ease-in; -o-transition: background 200ms ease-in, color 200ms ease-in; transition: background 200ms ease-in, color 200ms ease-in; } .mskidataWeather > .preview:hover, .mskidataWeather > .preview.contentShow { background: #0076D7; color: #FFFFFF; } .mskidataWeather > .preview:after { clear: both; content: ""; display: block; } .mskidataWeather > .preview > p { float: left; width: 33.33333%; } .mskidataWeather > .preview > p > span { display: block; } .mskidataWeather > .preview > p > span.headline { text-align: center; } .mskidataWeather > .preview > p > span.icon { height: 60px; text-align: center; } .mskidataWeather > .preview > p > span.icon:before { content: "\E83F"; font-family: "fontello"; font-size: 45px; font-weight: normal; line-height: 60px; } .mskidataWeather > .preview > p > span.icona:before, .mskidataWeather > .preview > p > span.iconb:before, .mskidataWeather > .preview > p > span.iconA:before, .mskidataWeather > .preview > p > span.iconB:before { content: "\E849"; } .mskidataWeather > .preview > p > span.iconc:before, .mskidataWeather > .preview > p > span.icond:before, .mskidataWeather > .preview > p > span.iconf:before, .mskidataWeather > .preview > p > span.iconC:before, .mskidataWeather > .preview > p > span.iconD:before, .mskidataWeather > .preview > p > span.iconF:before { content: "\E84A"; } .mskidataWeather > .preview > p > span.icone:before, .mskidataWeather > .preview > p > span.iconk:before, .mskidataWeather > .preview > p > span.icons:before, .mskidataWeather > .preview > p > span.icont:before, .mskidataWeather > .preview > p > span.iconE:before, .mskidataWeather > .preview > p > span.iconK:before, .mskidataWeather > .preview > p > span.iconS:before, .mskidataWeather > .preview > p > span.iconT:before { content: "\E856"; } .mskidataWeather > .preview > p > span.icong:before, .mskidataWeather > .preview > p > span.iconh:before, .mskidataWeather > .preview > p > span.iconi:before, .mskidataWeather > .preview > p > span.iconj:before, .mskidataWeather > .preview > p > span.iconG:before, .mskidataWeather > .preview > p > span.iconH:before, .mskidataWeather > .preview > p > span.iconI:before, .mskidataWeather > .preview > p > span.iconJ:before { content: "\E84D"; } .mskidataWeather > .preview > p > span.iconl:before, .mskidataWeather > .preview > p > span.iconm:before, .mskidataWeather > .preview > p > span.iconn:before, .mskidataWeather > .preview > p > span.iconL:before, .mskidataWeather > .preview > p > span.iconM:before, .mskidataWeather > .preview > p > span.iconN:before { content: "\E84F"; } .mskidataWeather > .preview > p > span.icono:before, .mskidataWeather > .preview > p > span.iconp:before, .mskidataWeather > .preview > p > span.iconO:before, .mskidataWeather > .preview > p > span.iconP:before { content: "\E84F"; } .mskidataWeather > .preview > p > span.iconq:before, .mskidataWeather > .preview > p > span.iconr:before, .mskidataWeather > .preview > p > span.iconx:before, .mskidataWeather > .preview > p > span.iconQ:before, .mskidataWeather > .preview > p > span.iconR:before, .mskidataWeather > .preview > p > span.iconX:before { content: "\E84E"; } .mskidataWeather > .preview > p > span.iconu:before, .mskidataWeather > .preview > p > span.iconU:before { content: "\E84D"; } .mskidataWeather > .preview > p > span.iconv:before, .mskidataWeather > .preview > p > span.iconw:before, .mskidataWeather > .preview > p > span.iconV:before, .mskidataWeather > .preview > p > span.iconW:before { content: "\E857"; } .mskidataWeather > .preview > p > span.icony:before, .mskidataWeather > .preview > p > span.iconz:before, .mskidataWeather > .preview > p > span.iconY:before, .mskidataWeather > .preview > p > span.iconZ:before { content: "\E855"; } .mskidataWeather > .preview > p > span.value, .mskidataWeather > .preview > p > span.label { line-height: 1.3; } .mskidataWeather > .preview > p > span.value { font-size: 16px; margin: 0 0 4px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .mskidataWeather > .preview > p > span.value > span { display: inline-block; font-size: 18px; font-weight: bold; } .mskidataWeather > .preview > p > span.label { font-size: 14px; padding: 0 5px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .mskidataWeather > .list { display: none; } .mskidataWeather > .preview.contentShow + .list { display: block; } .mskidataWeather > .list > div { margin: 5px 0; } /* Extension - Packageslider */ .packageTeaser { background: #f1f1f2 none repeat scroll 0 0; margin-top: 0 !important; overflow: hidden; padding: 20px; } .packageTeaser > h3 { background: #8f9497 none repeat scroll 0 0; color: #ffffff; font-weight: bold; margin: -20px -20px 20px; padding: 10px 20px; position: relative; text-transform: uppercase; } .packageTeaser > h3:before { background: #8f9497 none repeat scroll 0 0; content: ""; height: 50px; position: absolute; right: 50px; top: 0; -ms-transform: skewX(-50deg) skewY(10deg); -moz-transform: skewX(-50deg) skewY(10deg); -o-transform: skewX(-50deg) skewY(10deg); -webkit-transform: skewX(-50deg) skewY(10deg); transform: skewX(-50deg) skewY(10deg); width: 130px; z-index: 1; } .packageTeaser > h3 > span { position: relative; z-index: 2; } .packageTeaser > div { background: #FFFFFF; display: none; margin: 35px 0 0 0; } .packageTeaser > div div.owl-item > div > div > a { color: #e30613; display: block; font-family: "PT Sans",sans-serif; font-size: 18px; font-weight: bold; line-height: 1.3; margin: 0 0 10px 0; text-transform: uppercase; } .packageTeaser > div div.owl-item > div > div > div.image { display: block; float: left; margin: 0 20px 10px 0; max-width: 45%; position: relative; } .packageTeaser > div div.owl-item > div > div > div.image > img { display: block; width: 100%; max-height:120px; } .packageTeaser > div div.owl-item > div > div > div.image > div.price { background: rgba(3, 78, 141, 0.8) none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 12px; font-weight: normal; padding: 3px 9px; position: absolute; right: 0; } .packageTeaser > div div.owl-item > div > div > div.image > div.price > span { font-weight: bold; } .packageTeaser > div div.owl-item > div > div > div.image > div.price > span { display: inline-block; font-size: 17px; font-weight: bold; opacity: 1; } .packageTeaser > div div.owl-item > div > div > div.image > div.price > span:before { display: none; } .packageTeaser > div div.owl-item > div { line-height: 1.5; } .packageTeaser > div div.owl-item > div > div { padding: 15px; } .packageTeaser > div div.owl-item > div > div > div > div.hotel { font-weight: bold; line-height: 1.2; margin: 0 0 5px 0; opacity: 0.8; } .packageTeaser > div div.owl-item > div > div > div > div.price { display: block; font-size: 12px; } .packageTeaser > div div.owl-item > div > div > div > div.price > span { color: #e30613; font-size: 18px; font-weight: bold; } .packageTeaser > div div.owl-item > div > div > div > span { display: block; } .packageTeaser > div div.owl-item > div > ul { background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0; bottom: -120%; color: #ffffff; height: 100%; padding: 20px; position: absolute; -o-transition: bottom 500ms ease 0s; -moz-transition: bottom 500ms ease 0s; -ms-transition: bottom 500ms ease 0s; -webkit-transition: bottom 500ms ease 0s; transition: bottom 500ms ease 0s; width: 100%; } .packageTeaser > div div.owl-item > div:hover > ul { bottom: 0; } .packageTeaser > div div.owl-item > div > ul> li.rule { font-size: 0.9em; margin: 5px 0 0 0; opacity: 0.5; } .packageTeaser > div div.owl-item > div > ul> li.buttons > a { background: #e30613 none repeat scroll 0 0; bottom: 20px; color: #ffffff; font-weight: bold; line-height: 40px; padding: 0 20px; position: absolute; right: 20px; text-transform: uppercase; } .packageTeaser > div .owl-controls { bottom: -45px; left: -3px; margin: 0 202px 0 0; position: absolute; right: 0; text-align: left; } .packageTeaser > div .owl-controls .owl-pagination > div > span { background: #034e8d none repeat scroll 0 0; border-radius: 0 !important; font-weight: bold; margin: 0 3px; opacity: 1 !important; } .packageTeaser > div .owl-controls .owl-pagination > div:hover > span:hover, .packageTeaser > div .owl-controls .owl-pagination > div.active > span { background: #e30613; } .packageTeaser > a { background: #034E8D; color: #FFFFFF; float: right; font-weight: bold; line-height: 40px; margin: 10px 0 0 0; padding: 0 20px; text-transform: uppercase; -o-transition: background 200ms ease-in 0s; -ms-transition: background 200ms ease-in 0s; -moz-transition: background 200ms ease-in 0s; -webkit-transition: background 200ms ease-in 0s; transition: background 200ms ease-in 0s; } .packageTeaser > a:hover { background: #e30613; } body.summer .packageTeaser > div div.owl-item > div > div > div.image > div.price { background: rgba(109,152,21, 0.8) none repeat scroll 0 0; } body.summer .packageTeaser > div .owl-controls .owl-pagination > div > span { background: #6d9815; } body.summer .packageTeaser > div .owl-controls .owl-pagination > div:hover > span:hover, body.summer .packageTeaser > div .owl-controls .owl-pagination > div.active > span { background: #e30613; } body.summer .packageTeaser > a { background: #6d9815; color: #FFFFFF; } body.summer .packageTeaser > a:hover { background: #e30613; } @media all and (max-width: 850px){ .packageTeaser > div .owl-controls { display: none !important; } } @media all and (max-width: 500px){ .packageTeaser > div div.owl-item > div > div > div.image { display: none; } } /* Extension - Gruppenteaser mit Verweisliste */ .cmsGroupTeaserReference > article { background: #f1f1f2; margin: 0 0 25px 0; } .cmsGroupTeaserReference > article:last-of-type { margin-bottom: 0; } .cmsGroupTeaserReference > article:after { clear: both; content: ""; display: block; } .cmsGroupTeaserReference > article > h2 { display: none; } .cmsGroupTeaserReference > article > figure:after { clear: both; content: ""; display: block; } .cmsGroupTeaserReference > article > figure > a { float: left; position: relative; width: 48.484848484848484848484848484848%; } .cmsGroupTeaserReference > article > figure > a > img { display: block; width: 100%; } .cmsGroupTeaserReference > article > figure > a > .title { background: #0076D7; color: #FFFFFF; font-family: "PT Sans", sans-serif; font-size: 18px; font-weight: 600; left: 20px; line-height: 1.2; padding: 3px 7px; position: absolute; right: 100px; text-transform: uppercase; top: 20px; z-index: 1; } .cmsGroupTeaserReference > article > figure > a > .button { background: #e30613; bottom: 20px; color: #FFFFFF; font-family: "PT Sans", sans-serif; font-size: 16px; font-weight: 600; line-height: 40px; padding: 0px 15px; position: absolute; right: 20px; text-transform: uppercase; -webkit-transition: background 200ms ease-in; transition: background 200ms ease-in; z-index: 1; } .cmsGroupTeaserReference > article > figure > a > .button:hover { background: #034E8D; } .cmsGroupTeaserReference > article > figure > figcaption { float: left; padding: 25px 10px 10px 20px; width: 51.515151515151515151515151515152%; } .cmsGroupTeaserReference > article > figure > figcaption > ul > li { display: block; line-height: 1; margin: 0 0 10px 0; } .cmsGroupTeaserReference > article > figure > figcaption > ul > li > a { color: #e30613; display: block; font-family: "PT Sans", sans-serif; font-weight: bold; line-height: 1; overflow: hidden; padding: 0 10px 0 40px; position: relative; -webkit-transition: color 200ms ease-in; transition: color 200ms ease-in; text-overflow: ellipsis; white-space: nowrap; } .cmsGroupTeaserReference > article > figure > figcaption > ul > li > a:hover { color: #034E8D; } .cmsGroupTeaserReference > article > figure > figcaption > ul > li > a:before { content: "\e841"; font-family: fontello; font-size: 14px; left: 0; position: absolute; top: 2px; } .cmsGroupTeaserReference > article > figure > figcaption > ul > li:nth-of-type { margin-bottom: 0; } body.summer .cmsGroupTeaserReference > article > figure > a > .title { background: #b1ca35; } body.summer .cmsGroupTeaserReference > article > figure > a > .button:hover { background: #6D9815; } body.summer .cmsGroupTeaserReference > article > figure > figcaption > ul > li > a:hover { color: #6D9815; } .cmsGroupTeaserReferenceSmall:after { clear: both; content: ""; display: block; } .cmsGroupTeaserReferenceSmall > article { float: left; margin: 0 1.818181818181818181818181818182% 1.818181818181818181818181818182% 0; width: 32.121212121212121212121212121212%; } .cmsGroupTeaserReferenceSmall > article:nth-of-type(3n) { margin-right: 0; } .cmsGroupTeaserReferenceSmall > article:nth-of-type(3n+1) { clear: both; } .cmsGroupTeaserReferenceSmall > article > figure > a { display: block; float: none; width: 100%; } .cmsGroupTeaserReferenceSmall > article > figure > a > .title { left: 5px; right: 5px; top: 5px; } .cmsGroupTeaserReferenceSmall > article > figure > figcaption { display: block; float: none; padding: 20px 0 10px 10px; width: 100%; } .cmsGroupTeaserReference.cmsAside > article > figure > a > .title { left: 5px; right: 5px; top: 5px; } @media all and (max-width: 1000px){ .cmsGroupTeaserReference.cmsAside > article > figure > a { width: 100%; } .cmsGroupTeaserReference.cmsAside > article > figure > figcaption { width: 100%; } } @media all and (max-width: 600px){ .cmsGroupTeaserReferenceSmall > article { margin: 0 4% 4% 0; width: 48%; } .cmsGroupTeaserReferenceSmall > article:nth-of-type(3n) { margin-right: 4%; } .cmsGroupTeaserReferenceSmall > article:nth-of-type(3n+1) { clear: none; } .cmsGroupTeaserReferenceSmall > article:nth-of-type(2n) { margin-right: 0; } .cmsGroupTeaserReferenceSmall > article:nth-of-type(2n+1) { clear: both; } } @media all and (max-width: 550px){ .cmsGroupTeaserReference > article > figure > a { width: 100%; } .cmsGroupTeaserReference > article > figure > figcaption { width: 100%; } } @media all and (max-width: 450px){ .cmsGroupTeaserReferenceSmall > article { width: 100%; } } /* Extension - Sommer - Edition */ /* Micado Ext. - Cookie Message */ body.summer .pageCookie { background: #B1CA35; } body.summer .pageCookie > a { color: #FFFFFF; } body.summer .pageCookie > .button:before { color: #B1CA35; } /* Extension - Banner - SkiMap */ body.summer .bannerSkiMap > a { color: #FFFFFF; } body.summer .bannerSkiMap > a:hover { background: #6D9815; color: #FFFFFF; } body.summer .bannerSkiMap > a:hover:before { color: #6D9815; } /* Extension - Incert - Gutscheine (Kontext) */ body.summer .incertVouchers > div div > p > a:hover { color: #6D9815; } body.summer .incertVouchers > a { background: #6D9815; color: #FFFFFF; } body.summer .incertVouchers > a:hover { background: #E30613; } body.summer .incertVouchers > div .owl-controls .owl-pagination > div > span { background: #6D9815; } body.summer .incertVouchers > div .owl-controls .owl-pagination > div:hover > span, body.summer .incertVouchers > div .owl-controls .owl-pagination > div.active > span { background: #E30613; } /* Extension - Google Earth */ body.summer .googleEarth > a { color: #FFFFFF; } body.summer .googleEarth > a:hover { background: #6D9815; } body.summer .googleEarth > a:hover:before { color: #6D9815; } /* Extension - Sitemap */ body.summer ul.sitemap > li > a { color: #B1CA35 } body.summer ul.sitemap > li > a:hover, body.summer ul.sitemap > li > a.selected { color: #E30613; } /* Extension - Suchergebnisse */ /* Formular */ body.summer .searchList form > .row > button { background: #6D9815; } body.summer .searchList form > .row > button:hover { background: #E30613; } /* SkiData - Hütten & Bergrestaurants */ body.summer .skidataCatering > div > article > figure > figcaption > a:hover { color: #6D9815; } body.summer .skidataCatering > div > article > figure > figcaption > p > span.number { background: #6D9815; } body.summer .skidataCatering > div > article > figure > figcaption > p > a { background: #6D9815; color: #FFFFFF; } body.summer .skidataCatering > div > article > figure > figcaption > p > a:hover { background: #E30613; } /* SkiData - Hütten & Bergrestaurants (Detail) */ body.summer .skidataCateringDetail > h1 > span.number { background: #6D9815; } /* SkiData - Liftstatus (Mobile) */ body.summer .mskidataLifts > p:hover, body.summer .mskidataLifts > p.contentShow, body.summer .mskidataLifts > .list > .entry > p:hover, body.summer .mskidataLifts > .list > .entry > p.contentShow { background: #6D9815; } /* SkiData - Pistenstatus (Mobile) */ body.summer .mskidataPiste > p:hover, body.summer .mskidataPiste > p.contentShow, body.summer .mskidataPiste > .list > .entry > p:hover, body.summer .mskidataPiste > .list > .entry > p.contentShow { background: #6D9815; } /* SkiData - Schneebericht (Mobile) */ body.summer .mskidataSnowreport > p:hover, body.summer .mskidataSnowreport > p.contentShow { background: #6D9815; } /* SkiData - Tarife */ body.summer .skidataTariffs > div > .row:hover > .column { background: #6D9815 !important; } /* SkiData - Webcams (Mobile) */ body.summer .mskidataWebcams > p:hover, body.summer .mskidataWebcams > p.contentShow { background: #6D9815; } body.summer .mskidataWebcams .owl-controls .owl-pagination > div > span { background: #6D9815; } body.summer .mskidataWebcams .owl-controls .owl-pagination > div:hover > span, body.summer .mskidataWebcams .owl-controls .owl-pagination > div.active > span { background: #E30613; } /* SkiData - Wetter (Mobile) */ body.summer .mskidataWeather > .preview:hover, body.summer .mskidataWeather > .preview.contentShow { background: #6D9815; } /* SkiData - Schneebericht (Kontext) */ body.summer .skidataContextSnowreport > h3 { background: #6D9815; } body.summer .skidataContextSnowreport > h3:before { background: #6D9815; } body.summer .skidataContextSnowreport > div > .snowquality > p { color: #6D9815; } body.summer .skidataContextSnowreport > div > a:hover { background: #6D9815; color: #FFFFFF; } body.summer .skidataContextSnowreport > div > a:hover:before { color: #6D9815; } /* SkiData - Tarifrechner */ body.summer .skidataTariffCalc > form > .row > .calicon { background: #6D9815; } /* SkiData - Widget Generator (Lift- & Pisten., etc.) */ body.summer .skidataWidgetGen > form > .button > input { background: #6D9815; } body.summer .skidataWidgetGen > form > .button > input:hover { background: #E30613; } /* Extension - Countdown (Kontext) */ body.summer .cmsCountdown > h3 { background: #E30613; } body.summer .cmsCountdown > h3:before { background: #E30613; } body.summer .cmsCountdown > a { background: #E30613; color: #FFFFFF; } body.summer .cmsCountdown > a:hover { background: #034E8D; } /* Extension - Suchen und Buchen - Sommer - Edition */ /* Extension - Suchen und Buchen - Map */ body.summer .cmsSearchandBook > div > .accommodationSearch > div.accommodationMap > h3:before { background: #6D9815; } body.summer .cmsSearchandBook > div > .accommodationSearch > div.accommodationMap > h3 > span { background: #6D9815; } body.summer .mapContent > a { background: #6D9815; color: #FFFFFF; } /* Extension - Suchen und Buchen - Suche */ body.summer .cmsSearchandBook > div > .accommodationSearch > div > form.search > div > div > .dropdownvalue:after { background: #6D9815; } body.summer .cmsSearchandBook > div > .accommodationSearch > div > form.search > div > div > .dropdownlist > h4 { background: #6D9815; } body.summer .cmsSearchandBook > div > .accommodationSearch > div > form.search > div > div > div.dropdownlist2 > .buttons > .search { background: #6D9815; } body.summer .cmsSearchandBook > div > .accommodationSearch > div > form.search > div > div > div.persondetails > .buttons > .add { background: #6d9815; } body.summer .cmsSearchandBook > div > .accommodationSearch > div > form.search > div > div > div.persondetails > .buttons > .add:hover { background: #e30613; } /* Extension - Suchen und Buchen - Liste */ body.summer .cmsSearchandBook > div > .accommodationList > div > div.header { background: #B1CA35; } body.summer .cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.content > h2:hover { color: #6D9815; } body.summer .cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.products > .product > .price > a.book { background: #6D9815; } body.summer .cmsSearchandBook > div > .accommodationList > div > div.hotelslist > article > div.products > .product > .price > a.book:hover { background: #E30613; } /* Extension - Suchen und Buchen - NoResult */ body.summer .cmsSearchandBook > div > .accommodationList > div.noResultTitle > h2 { background: #B1CA35; } body.summer .cmsSearchandBook > div > .accommodationList > div.noResult > div.filter > a.remove { background: #6D9815; } body.summer .cmsSearchandBook > div > .accommodationList > div.noResult > div.filter > a.remove:hover { background: #E30613; } body.summer .cmsSearchandBook > div > .accommodationList > div.noResult > a:hover { background: #6D9815; } /* Extension - Suchen und Buchen - Details */ body.summer .accommodationDetail > div > .triggerTopButton { background: #6D9815; } body.summer .accommodationDetail > div > .triggerTopButton:hover { background: #E30613; } body.summer .accommodationDetail > div > div.details > div.address > h3 { color: #B1CA35; } body.summer .accommodationDetail > div > div.details > div.facilities > div.group > ul > li:before { background: #B1CA35; } body.summer .accommodationDetailMap > div.address > div.location > h3 { color: #B1CA35; } body.summer .accommodationDetailMap > div.address > div.facilities > div.location > ul > li:before { background: #B1CA35; } body.summer .accommodationDetailMap > div.address > div.buttons > a.book { background: #B1CA35; } body.summer .accommodationDetailMap > div.address > div.buttons > a.request { background: #6D9815; } body.summer .accommodationDetailMap > div.address > div.buttons > a:hover { background: #E30613; } body.summer .accommodationDetail > div.packages > div.package > div.description > ul > li:before { background: #b1ca35; } body.summer .accommodationDetailMap > div#map .gm-style-iw .duration { color: #b1ca35; } /* Extension - Suchen und Buchen - Details - Menu */ body.summer div.accommodationDetailMenu { background: #B1CA35; } /* jQuery UI - Datepicker Custom */ .ui-datepicker { background: #FFFFFF; border: 5px solid #FFFFFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); display: none; font-family: "Open Sans", sans-serif; font-size: 14px; } .ui-datepicker .ui-datepicker-header { margin: 0 -5px; position: relative; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { background: #01498C; color: #FFFFFF; font-weight: 600; line-height: 1.8; margin: -5px 0 5px; padding: 10px 0; text-align: center; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: 1px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: 1px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { border-radius: 15px; cursor: pointer; display: block; height: 30px; position: absolute; text-align: center; top: 7px; width: 30px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after { color: #FFFFFF; font-family: "fontello"; font-size: 12px; line-height: 30px; opacity: 0.5; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after { content: "\E806"; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after { content: "\E808"; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span, .ui-datepicker .ui-datepicker-header .ui-datepicker-next > span { display: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:after, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:after { opacity: 1; } .ui-datepicker .ui-datepicker-calendar th > span { background: #01498C; color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; margin: -5px -5px 3px; padding: 0 0 5px; } .ui-datepicker .ui-datepicker-calendar td > a, .ui-datepicker .ui-datepicker-calendar td > span { background: #FFFFFF; border-radius: 15px; color: #77787A; display: block; font-size: 11px; font-weight: normal; margin: 2px; padding: 3px 0; text-align: center; width: 26px; } .ui-datepicker .ui-datepicker-calendar td > a.ui-state-hover { background: #E20613; color: #FFFFFF; } .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active { background: #0075D7; color: #FFFFFF; } .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled > span { color: #77787A; opacity: 0.5; } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #FFFFFF; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { background-image: url('/westendorf/img/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/westendorf/img/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { background: #000000; background: rgba(0, 0, 0, 0.75); cursor: pointer; height: 50px; position: absolute; right: 0; text-align: center; top: 0; width: 50px; z-index: 8040; } .fancybox-close.var { height: 35px; right: -17.5px; top: -17.5px; width: 35px; } .fancybox-close:hover { background: #000000; } .fancybox-close:before { color: #FFFFFF; content: '\E82A'; font-family: 'fontello'; font-size: 35px; font-weight: normal; line-height: 50px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .fancybox-close.var:before { font-size: 20px; line-height: 35px; } .fancybox-nav { background: transparent url('/westendorf/img/fancybox/blank.gif'); /* helps IE */ cursor: pointer; height: 100%; position: fixed; text-decoration: none; top: 0; width: 30%; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { background: #000000; background: rgba(0, 0, 0, 0.75); cursor: pointer; height: 100px; margin-top: -50px; position: absolute; text-align: center; top: 50%; transition: opacity 200ms ease-in-out 0s; width: 55px; z-index: 8040; } .fancybox-nav:hover span { background: #000000; } .fancybox-prev span { left: 0; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .fancybox-prev span:before { color: #FFFFFF; content: '\E806'; font-family: 'fontello'; font-size: 40px; font-weight: normal; line-height: 100px; margin: 0 10px 0 0; opacity: 1; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .fancybox-next span { right: 0; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .fancybox-next span:before { color: #FFFFFF; content: '\E808'; font-family: 'fontello'; font-size: 40px; font-weight: normal; line-height: 100px; margin: 0 0 0 10px; opacity: 1; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { margin-right: 0 !important; overflow-x: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow-x: auto; } /* Title helper */ .fancybox-title { background: #000000; background: rgba(0, 0, 0, 0.75); bottom: 0; color: #ffffff; font-weight: normal; overflow: hidden; padding-right: 145px !important; position: absolute; text-overflow: ellipsis; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); visibility: hidden; white-space: nowrap; width: 100%; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding: 10px 15px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } #fancybox-buttons { display: none !important; position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url('/westendorf/img/fancybox/fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } /* Animation 2.0 */ .micAnimation { height: 100%; width: 100%; } .micAnimation > ul { height: 100%; position: relative; z-index: 1; } .micAnimation > ul > .slide { height: 0; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; -ms-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .micAnimation > ul > .slide.animated { height: 100%; opacity: 1; } .micAnimation > ul > .slide.youtube > iframe { position: absolute; } .micAnimation > ul > .slide.youtube.adjust.alignment_0 > iframe { top: 0 !important; } .micAnimation > ul > .slide.youtube.adjust.alignment_2 > iframe { bottom: 0; top: auto !important; } .micAnimation > ul > .slide > img { display: block; height: auto; position: absolute; width: 100%; z-index: 1; } /* Text mit TextWrapper */ .micAnimation > ul > .slide > .textBox.textWrap { position: absolute; z-index: 2; } /* Text ohne TextWrapper */ .micAnimation > ul > .slide > .textBox:not(.textWrap) > p { position: absolute; z-index: 2; } .micAnimation > ul > .slide > .textBox:not(.textWrap) > p:last-child { z-index: 3; } /* Navigation - Pfeile */ .micAnimation > .arrows > a { color: inherit; display: block; font-family: "fontello"; font-size: 40px; font-weight: normal; line-height: 1; margin: -20px 0 0; opacity: 0; position: absolute; top: 50%; z-index: 2; -webkit-transition: all 800ms ease 500ms; -moz-transition: all 800ms ease 500ms; -ms-transition: all 800ms ease 500ms; -o-transition: all 800ms ease 500ms; transition: all 800ms ease 500ms; } .micAnimation > .arrows > a.prev:before { content: "\E806"; display: block; } .micAnimation > .arrows > a.prev { left: -60px; } .micAnimation > .arrows.animated > a.prev { left: 20px; opacity: 0.4; } .micAnimation > .arrows > a.next:before { content: "\E808"; display: block; } .micAnimation > .arrows > a.next { right: -60px; } .micAnimation > .arrows.animated > a.next { opacity: 0.4; right: 20px; } .micAnimation > .arrows > a.prev:hover, .micAnimation > .arrows > a.next:hover { color: inherit; opacity: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /* Navigation - Bullets */ .micAnimation > .bullets > ul { bottom: -20px; display: block; line-height: 1; opacity: 0; position: absolute; text-align: center; width: 100%; z-index: 3; -webkit-transition: all 800ms ease-out 1200ms; -moz-transition: all 800ms ease-out 1200ms; -ms-transition: all 800ms ease-out 1200ms; -o-transition: all 800ms ease-out 1200ms; transition: all 800ms ease-out 1200ms; } .micAnimation > .bullets.animated > ul { bottom: 20px; opacity: 1; } .micAnimation > .bullets > ul > li { background: #ffffff none repeat scroll 0 0; border-radius: 6px; cursor: pointer; display: inline-block; height: 12px; margin: 0 4px; width: 12px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .micAnimation > .bullets > ul > li:hover, .micAnimation > .bullets > ul > li.selected { background: #888; } /* Animation - Custom */ .micAnimation > ul > .slide > .textBox { display: table; line-height: 1.3; text-align: center; } .micAnimation > ul > .slide > .textBox > .text0 { font-size: 50px; font-weight: 900; } .micAnimation > ul > .slide > .textBox > .text1 { font-size: 30px; font-weight: 300; } @media all and (max-width: 500px){ .micAnimation > ul > .slide > .textBox { display: none; } } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url("/westendorf/img/owl/grabbing.png") 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Libs - Sommer - Edition */ body.summer .ui-datepicker .ui-datepicker-header .ui-datepicker-title { background: #6D9815; } body.summer .ui-datepicker .ui-datepicker-calendar th > span { background: #6D9815; } body.summer .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active { background: #B1CA35; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base, .noUi-handle { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51,51,51,0.45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB; } /* Handles and cursors; */ .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } [data-loader]{margin:8px;}[data-loader='circle']{width:25px;height:25px;-webkit-animation:circle infinite .75s linear;-moz-animation:circle infinite .75s linear;-o-animation:circle infinite .75s linear;animation:circle infinite .75s linear;border:2px solid #fff;border-top-color:transparent;border-radius:100%;}[data-loader='circle-side']{position:relative;width:25px;height:25px;-webkit-animation:circle infinite .75s linear;-moz-animation:circle infinite .75s linear;-o-animation:circle infinite .75s linear;animation:circle infinite .75s linear;border:2px solid #fff;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@-moz-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@-o-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}[data-loader='arrow-circle']{position:relative;width:25px;height:25px;-webkit-animation:arrow-circle infinite .75s linear;-moz-animation:arrow-circle infinite .75s linear;-o-animation:arrow-circle infinite .75s linear;animation:arrow-circle infinite .75s linear;border:2px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:100%;}[data-loader='arrow-circle']:before,[data-loader='arrow-circle']:after{position:absolute;top:19px;left:-3px;content:'';-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;}[data-loader='arrow-circle']:after{top:0;left:17px;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg);}@-webkit-keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}@-moz-keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}@-o-keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}@keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}[data-loader='ball-scale']{width:50px;height:50px;-webkit-animation:ball-scale infinite linear .75s;-moz-animation:ball-scale infinite linear .75s;-o-animation:ball-scale infinite linear .75s;animation:ball-scale infinite linear .75s;border-radius:100%;background-color:#fff;}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}@-moz-keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}@-o-keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}@keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}[data-loader='ball-rotate']{position:relative;width:15px;height:15px;-webkit-animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;-moz-animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;-o-animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;border-radius:100%;background-color:#fff;-webkit-animation-fill-mode:both;animation-fill-mode:both;}[data-loader='ball-rotate']:before,[data-loader='ball-rotate']:after{position:absolute;width:15px;height:15px;margin:2px;content:'';opacity:.8;border-radius:100%;background-color:#fff;}[data-loader='ball-rotate']:before{top:0;left:-28px;}[data-loader='ball-rotate']:after{top:0;left:25px;}@-webkit-keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@-moz-keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@-o-keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}[data-loader='ball-pulse']{position:relative;width:1px;height:1px;}[data-loader='ball-pulse']:before,[data-loader='ball-pulse']:after{position:absolute;display:inline-block;width:15px;height:15px;content:'';border-radius:100%;background-color:#fff;}[data-loader='ball-pulse']:before{left:-15px;-webkit-animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);-moz-animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);-o-animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);}[data-loader='ball-pulse']:after{right:-15px;-webkit-animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);-moz-animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);-o-animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);}@-webkit-keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}@-moz-keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}@-o-keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}@keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}[data-loader='ball-circle']{position:relative;width:40px;height:40px;}[data-loader='ball-circle']:before,[data-loader='ball-circle']:after{position:absolute;width:10px;height:10px;content:'';border-radius:100%;background-color:#fff;}[data-loader='ball-circle']:before{transform:translate(0,0);-webkit-animation:ball-circle-before infinite 1.5s linear;-moz-animation:ball-circle-before infinite 1.5s linear;-o-animation:ball-circle-before infinite 1.5s linear;animation:ball-circle-before infinite 1.5s linear;}[data-loader='ball-circle']:after{transform:translate(30px,30px);-webkit-animation:ball-circle-after infinite 1.5s linear;-moz-animation:ball-circle-after infinite 1.5s linear;-o-animation:ball-circle-after infinite 1.5s linear;animation:ball-circle-after infinite 1.5s linear;}@-webkit-keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@-moz-keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@-o-keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@-webkit-keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}@-moz-keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}@-o-keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}@keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}[data-loader='rectangle']{position:relative;width:10px;height:30px;-webkit-animation:rectangle infinite 1s ease-in-out -.2s;-moz-animation:rectangle infinite 1s ease-in-out -.2s;-o-animation:rectangle infinite 1s ease-in-out -.2s;animation:rectangle infinite 1s ease-in-out -.2s;background-color:#fff;}[data-loader='rectangle']:before,[data-loader='rectangle']:after{position:absolute;width:10px;height:30px;content:'';background-color:#fff;}[data-loader='rectangle']:before{left:-20px;-webkit-animation:rectangle infinite 1s ease-in-out -.4s;-moz-animation:rectangle infinite 1s ease-in-out -.4s;-o-animation:rectangle infinite 1s ease-in-out -.4s;animation:rectangle infinite 1s ease-in-out -.4s;}[data-loader='rectangle']:after{right:-20px;-webkit-animation:rectangle infinite 1s ease-in-out;-moz-animation:rectangle infinite 1s ease-in-out;-o-animation:rectangle infinite 1s ease-in-out;animation:rectangle infinite 1s ease-in-out;}@-webkit-keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}@-moz-keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}@-o-keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}@keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}[data-loader='heart']{position:relative;width:100px;height:90px;-webkit-animation:heart infinite .85s linear;-moz-animation:heart infinite .85s linear;-o-animation:heart infinite .85s linear;animation:heart infinite .85s linear;}[data-loader='heart']:before,[data-loader='heart']:after{position:absolute;top:0;left:30px;width:30px;height:50px;content:'';-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0;background:#fff;}[data-loader='heart']:after{left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;}@-webkit-keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}@-moz-keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}@-o-keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}@keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}[data-loader='jumping']{position:relative;width:50px;-webkit-perspective:200px;-moz-perspective:200px;-ms-perspective:200px;perspective:200px;}[data-loader='jumping']:before,[data-loader='jumping']:after{position:absolute;width:20px;height:20px;content:'';animation:jumping .5s infinite alternate;background:rgba(0,0,0,0);}[data-loader='jumping']:before{left:0;}[data-loader='jumping']:after{right:0;animation-delay:.15s;}@-webkit-keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}@-moz-keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}@-o-keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}@keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}[data-loader='satellite']{position:relative;width:48px;height:48px;animation:satellite 3s infinite linear;border:1px solid #fff;border-radius:100%;}[data-loader='satellite']:before,[data-loader='satellite']:after{position:absolute;left:0;width:15px;height:15px;content:'';border-radius:100%;background-color:#fff;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;}[data-loader='satellite']:after{right:0;width:24px;height:24px;margin:12px;}@-webkit-keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}@-moz-keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}@-o-keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}@keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}[data-loader='circle-scale']{position:relative;width:36px;}[data-loader='circle-scale']:before,[data-loader='circle-scale']:after{position:absolute;left:0;width:32px;height:32px;content:'';-webkit-animation:.75s circle-scale infinite linear alternate;-o-animation:.75s circle-scale infinite linear alternate;animation:.75s circle-scale infinite linear alternate;border:3px solid #fff;border-radius:100%;}[data-loader='circle-scale']:before{margin:2px;-webkit-animation-delay:.35s;-o-animation-delay:.35s;animation-delay:.35s;}[data-loader='circle-scale']:after{width:36px;height:36px;}@-webkit-keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}@-moz-keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}@-o-keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}@keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}[data-loader='ball-fade']{position:relative;width:15px;height:15px;-webkit-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86) .2s;-o-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86) .2s;animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86) .2s;border-radius:100%;background-color:rgba(255,255,255,.0);}[data-loader='ball-fade']:before,[data-loader='ball-fade']:after{position:absolute;width:15px;height:15px;content:'';-webkit-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86);-o-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86);animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86);border-radius:100%;background-color:rgba(255,255,255,.0);}[data-loader='ball-fade']:before{left:-20px;}[data-loader='ball-fade']:after{right:-20px;-webkit-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s;}@-webkit-keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}@-moz-keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}@-o-keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}@keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}[data-loader='spinner']{width:25px;height:25px;-webkit-animation:spinner 1.2s infinite ease-in-out;-o-animation:spinner 1.2s infinite ease-in-out;animation:spinner 1.2s infinite ease-in-out;background-color:#fff;box-shadow:0 0 10px #fff;}@-webkit-keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}@-moz-keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}@-o-keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}@keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}[data-loader='ball-roll']{position:relative;left:-20px;width:15px;height:15px;-webkit-animation:ball-roll 1s linear infinite alternate;-moz-animation:ball-roll 1s linear infinite alternate;animation:ball-roll 1s linear infinite alternate;border-radius:50%;}@-webkit-keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}@-moz-keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}@-o-keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}@keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}[data-loader='ball-auto']{width:8px;height:8px;animation:ball-auto 2.5s infinite linear;box-shadow:0 -20px 0 -3px #de5454,20px 0 0 -3px #1ecaba,0 20px 0 -3px #ffeb02,-20px 0 0 -3px #2c89e8;}@-webkit-keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}@-moz-keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}@-o-keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}@keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}[data-loader='wave']{width:3em;height:2em;animation:wave 1.5s linear infinite;background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}@-webkit-keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}@-moz-keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}@-o-keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}@keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}[data-loader='spinner-circle']{width:25px;height:25px;animation:.4s infinite linear spinner-circle;border-radius:50%;box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}@-webkit-keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}@-moz-keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}@-o-keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}@keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}[data-loader='circle-clock']{width:1em;height:1em;-webkit-animation:circle-clock .75s infinite alternate ease-in-out;-o-animation:circle-clock .75s infinite alternate ease-in-out;animation:circle-clock .75s infinite alternate ease-in-out;border-radius:50%;background:#fff;box-shadow:1.5em 0 0 0 #fff;}@-webkit-keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}@-moz-keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}@-o-keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}@keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}[data-loader='500px-spinner']{width:32px;height:16px;-webkit-animation:infinity_spinner 2s steps(60) infinite;-o-animation:infinity_spinner 2s steps(60) infinite;animation:infinity_spinner 2s steps(60) infinite;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAPACAYAAABU1nvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNjI2N0ZFOThFMjE2ODExODIyQTk2NDZFMjJDMzI5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkRDMjIwNEU3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkRDMjIwM0U3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw%2FeHBhY2tldCBlbmQ9InIiPz6doOLOAAAjTElEQVR42uydCXwV1b3Hb%2B5NgORmNwuBhDWIIAQChDVAAigioBaxrUutvvfUVv1Un7UVfa64a7W2lVrt9qpWqyyK%2BqBhMQECgZCARgiILGYhZA9kM5jt%2Ff7hDD05zF2SO3PGwpnPZz6EuTPnf%2Bac%2F%2FKd%2F5k5x6%2Bzs9Oms4Vgd2IPwN6BvQn7Key6J%2BtsduyhrAz6u5WV0SCe6CdUIAx7Ava%2BOoW2YT%2BBvdKD8Bjscdj9dX47jb2E3cw5FYjFPpCOeRDQiP0ouyt%2Bo9Yahj3Yw%2FUk8Dj2Cr4C1FyJXgjXNhL%2BFfZv2P%2BD2PUBXl5PQg9jr9cqMBp7IHcC9XstE9APeyR2h1BIOyvExoTr%2FV7Dmj2QlWHnfqeyC6kCVPtRQu0Osabmm3cw0xGbUFGbULCN9XGR0E3UNRcLrXyAKkB9H88dpDs%2F5qLp4pmu2Hbu3Dmvtrb2XhIeGxv71MSJE3ewc6hvS11cP5S1hLaV2nX6rclN31HBpdu3b19aXV39bEdHR3%2FsMRUVFQ%2Fxv7u5Xiw7wN%2FWw23jxo13nT59epmO3fdq82f2zW%2BBrk7etGnTCgi%2FU7QIdMEzXBcFuGkFp3itXVA22iKY5ndrquzs7HtaWlpE4d%2FExcXdi%2F7P5o7FujDJYFY2vzX4s375FnsfdpDM6RJmQi2aCbW2to7r5kL9%2FJr69u17LYRv1zFDspZLdczQTzDDZjszuzKhZg7mUgdhj6b%2FDxgwYL3WWna7vRLC52HLYMcO6XhGrQxy7VGCnnRq3cS74gR2gcutsrIyoqioKD4gIODD8ePHnzTSFWsb1XSAC5dqejA6e4wLx%2F5mh2O7iybq7IEwnzbFA4oHFA8oHvCaBxD9%2FDIyMlZ8%2B%2B23PzWSB0gHSDlGCtp7kIXiri0rKyseLPBWW1tbmg4P3I%2F%2B3%2BWLEtKBMRwP8CbUkpeXNw19%2FBbOC9XjAYTk7b6YoT%2FHA0N0YrkNmn6fjvBqCF8M4TvZoUM6jsjhJryf5QGtRjWufDzg41Q3ynA49gQGBk7ihNPWTM2pg3fuXHG9VzyA5g8vKCh4sL29vb%2B%2Fv%2F%2FbdXV1L1533XXtigcUDygeUDygeEA6DzzxxBP2adOmvQYeuN0qHngHPDBTGg%2Bcwpafn59GEIK7Xsps3XAe0PzARQIP2IBfv25tbZ3pAs8qEJKvmjNnTq6vjkiXBxoaGvq5Eo6QvAd3PpkT7hMP8E1SovVbSEhIC8DjS%2BGuT0Lwo6jcZDR7sQv3%2FCUrp82FcOqOI1occMsDBw8eHFxaWnorfg8AFe0KCgpaDSv4xux0vRovUDygeEDxgOIBXR7YunVrQnNz89%2Bl8AAYYEZNTc0i%2FEkB5wh%2BH4XIeK0UHjh27NiA%2Ffv3r3HhRt3lB4zhgZMnTw70JJx4wMj8QDceiI6O%2FhgcUOjirs%2FyAGCkyDQegA4E1NfXL0a%2FT6PhGghuRKV24a5XKR5QPKB4QPGA4gFTeSA7O%2Fv7cMG34DGsGD7%2FlvT09P3SeABh%2BDKE4X9qP1KsR9RbjX8Pms0DXeMFVVVVtXzNINQJoTf3gAd8Gy%2BYPHlyXp8%2Bfd7wSmkM5oFuwWjz5s0%2Fa2lpeRjHovV4AJV8GdDyjKnjBevXr%2B%2BLu7wSAqe1t7dHQymbiAeghKsXLVrUrHhA8YDigfOTB7755ps%2BBQUF4%2BFkgqXzQHFxcdi%2BffveR0HxJSUl9TExMQtSUlIqZfGA%2FciRI7NJOAtCoWjWe1zxwIYNG16H8Ec88EC8G3m67xN%2B3c3btLVdhZiQwh8jHpgyZUqWDoz4%2FD6hX2Zmpj%2F8%2FHHqS75gBJ7ViAMHEQ9Gmp4f2LRp092Igr%2Fztt%2BMzA%2BcdcUZGRl%2FcwchPA%2BgdZboPKL7%2Fj4h%2Bv4%2BxgMRlvIAtqvQ91PwW5SWH1A8oHjAVB7AQ8nimpqaOZGRkXvGjBlTKJUH4GaT8Ei2CxUhQe0JCQm3jRs3bqUsHvCHf7%2BaCe96msFTUjL%2B%2FatOkx%2F2kQfohuoEHgixw94Hdruljo4aqTyAu3cIHq9Van6ABqKFFkiSmR%2Bww81mdzvS2ko8kCSNB%2FLy8gLQh8XUn7zCBAQErETrfCVlvAB3fBfA9FVLeQC8979o4h9%2FF3jgIRy7yDIeyMrK6odjV9J4AfGAlh9Q4wWm8wDI%2BL%2FR7LdByY4lJye%2FEBUV1SiNByB8CZRvlRapgoKC3oaWvyKDB%2Bz0yjbM7wU%2BTMIpheOfatZcVcypiHc7kt2tFmYDdBxRJSujmgvdNiar6xHOH8FlNu5%2BOF87aP1zLJ5r2wkdHiDPN6IHPFAj8AB5xyCKhumCo1mfnp6%2BXRoPoLkHdLMfuz3H0vECqESH4gHFA4oHLigeOKeWeDJq7d%2B%2F%2F9ejR4%2FeC%2FNq43igxWbCJnbBD%2BFkXoBFJKDJay6%2B%2BOLbR4wYUWQmD5w1Cyjhk7CEd0k4S1peVFJScq3QWgksCuppuxYhE2yuX4Qh0BmuxZOzFcCdL4UFPCyeDaU7oVNIMMuu8%2Bl9LeMe7E2rs0RI16dDXTyAZn9RdCKw8z9NmDDhZbN5wA93P6e5uXkzz34gInppeb2U%2FAAez9MER7NBEG46DwwUKpArmwe6xX9ov8oPKB5QPHBh8cA59rtlyxYKuy2443atvy%2B99NIMCJfLA%2FxJ%2Ffr1WwOFW242DzwOS3hHFE4blHOsqTxA%2BQEIedTVeIHT6dxoFg%2FQf%2Fw%2B%2BeSTQ%2BiKRN4hQuPX0Ce%2BCM3H0P9fmTZekJmZmdrY2LiN5wH0%2BSI2yYmU8YJ53ToyIOCfgnBzecB25kNn3uHskj1e4KfyA4oHFA8oHnDHA6gE9LOjHXfeYRkPsC6oRSs8gL7%2FkynjBcQD7kKyhgbjx4%2BfGR8fv9eo8QKveIBPGTB7NjY%2FAIV7XhBOPPAemvwh%2FPsmU55OsMFbuPsqQ%2FMDuPuZcEJb3fFAaWlpIOo5cuDAgQ4z8gNzPfEA7prM7zPFA4oHFA8oHrggeYBqd5pyh7j7Nst5AIr3XF1d3cumdIGXPNCVykVUXDpr1qwSw5RQfH%2FAYwfb7SfggCYlJyeX%2BWqGDjQtRbO1tjPfHvM8sAr7OxBWii4ZYeMmSkGlQ%2FBbRUJCQgE7PkKnydsZB9QyJezH3aAfq3SVf2pq6gw4oUSBBxbzIRmu%2BJGmpqa3EbpnaaAaFRV11GbA%2BwN2b3iA%2Bjs3Nzfd6XT%2BEpX7EHxwd01NTeK6M9s%2F8%2FPzp3OnV7DmbXXBA%2FwW4u8tDzz22GMUpmloJxY8cC%2Bs4QHtbhgPLGJRsMIDD0QqHlA8oHhA8UBP8wN%2BUNAA2L7DUh4gy0AXvJKTk%2FMEvGKbZTyALvkcPHBNWlra15bxALqnir5DMcIM3fIAnNHfccdFjAf41zydbW1tPywuLt4zbNiwCl94wKv8wKeffjoQ3UOffs8WvWFSUtISgElNb%2FMDXvEAnM7xXbt2zUGrvN6tHTs7nQUFBW%2F7wgNe5weIBy6%2F%2FPKfoO%2BfFCoR7Ut%2BwN5THnDjeBQPKB5QPHCe8oDZW0%2FyA%2BZ2QQ%2FyA8YrYS94wDgztLl5fwCCCtAdl5jqiLzhAVdTwaASLf379%2F%2B5L1PBeJ0fAA%2BkoVX%2BKITifidOnHgF7nyWLB64XeQBqjNiyQOW8gCNO8nigT%2FAVG8TY3pMTMyzsnjgNj0emDRp0jbFA4oHFA8oHvj35oF169YdQlRUPOAND7yhxwM7d%2B6cL4sH7tDjgerq6qeys7OvszI%2F4AfzfACVmGVFfoAP5TRqkiM1P8D2roGssLCwHdJ5ADu9bX1jRETEPjaFiOIBxQOKBxQPKB6QzwP47XJLeaCqquppesfQUh6oq6tbRu8W9HigoSc84GJ%2Bwn8ZOX7DOSvcyDOWB0gJaeeP4Zw7QUZ3ecsD%2FuHh4ZtR83KOBwJhFdszMjK84gF256tpAOusGbW10XoIXq13bAgP4PppcGQf0Iyf%2BK1u9OjRtwwdOvS4VB7Iz8%2Bnb5AWDh8%2B%2FDhatVHxgOIBxQOKBxQPXNA88Hs3Axjnrl8AJbwCSsjPOfEN3O7UuXPnFnijhJouCL4iC%2FpyE7174kkJfc4P6PEA%2B%2F1UbGzsDZMmTcozPT%2Fw6aefTsf1ayl48eehFTZCcR9054i6aoTmXoGT%2F%2BZVUkln%2FQI09Q46Rh9K8%2Bfi%2F7VuXHH39YxQ01tQyM9pEhwXd%2B12PSM61tjYOBlO7EFUsgDnroODek0nGLlfz0jxgOIBxQOKBxQPGMADr9O5VvPANijyDWlpaaWW8QA9%2B6MMejU4c8aMGVtxbphpPJCZmTkFLbSWrQhyzgbr2QQFXmYaD6Snp%2B%2BiNZARNXe70I05aEW7qTxAayBfeeWVU3DO%2F9C5gm%2FZh71DGg%2Fk5%2BcHIWougV5NIUUdMmTIXxMTE0ts3sxPSDwAz9fFAy7mMva4wTWTdXxC6sEBieIBxQOKBxQPXGA8EBQUdKPwbbI1PIBY8iXKprGDQZGRkR%2BmpKRkScsP6GxtSUlJ3xs0aFCZKfkB%2Bs3T5YglsablB%2Bg3OkfkAa7yu4cOHfqh6TwAS3BC2BJaEwn970SFytHCiPRbNrDvl83lAbQmVfRjUg8%2BQQFK7lA8oHhA8YDiAct5gFaTtIQH0DpzYU1vUdh3Op3v4IH219J4AIqejJ0W7zrrJ4YPH75w1KhR62TzwFkfERUVNXbq1KkHZPNAV4%2FBzzxOwqXzAH3FDd34ASr%2FlEweCEIZ5Sgja9u2bZss5QG0kuIBxQOKB6znga%2B%2B%2BmpwTk7OQlSc3HbP5yPywAOtl1122aOuToLg5JqamncpfVxbW3sqMTFxnlQeqK%2Bvp7WU%2B7DuCystLZ1uxvuEt9O5dA1%2FHBFzMcq%2BTNChAhk8cBhlT2BfX%2FhzgenowoULE63igU5Q0VJQ0RrD3idEJQbj%2BjXwFRM8lYHKL4eyPmYFD5RCxg814VJ4AGUEY68gUM3Ozl5nKQ8A%2FRQPfPd4oGs%2Bori4uLXCm7Rd8xHhbt%2BFEpax%2BYj4woOgYNcXFxfn93Q%2Boj179kxCQFoIi7HFxMQckMoDEH5jWVnZa6ylvw0ODp4ilQcQMcdy3dwHOnetVB7AzVYJhwZIzQ%2FolN0ulQdQ9mThUJk0HoCyz0fZV%2FDHaFRdSn4AvyWhYkt4U8b1hxctWnSxZTwAU1%2BK6y3hgU5cvxwW9bgVPFACGTdowqWNF6AM4gHo5dYN4sx%2BUnkADNh24fIATD38888%2FfwjdkoDr%2FwA6elkqD6B1l8FUl4pmqK1vqLt%2BAb0RA2fyFjkVIQpG4ZpN5N1sXq5fgDvnW6ZrjWWS7RMP2M5MBXO%2FNzwA5Z4JM93C3yjkpPvEA5T58JYHZs%2BevY3WUhZaMl0qD4hrKdNay7J5QJTVqXhA8YDigQuDB0pKSvrgOTJi9OjRndJ54NChQ4l4GH2d8oLUBeiiXyIU%2F%2BNst3DN5nJ9Q%2Ba3w1G55SEhIbmkcDqn6K5viLu%2FjoQzR5RAayrDYy7vVoEerGdE3xRPQCF5uGYq%2F7huc7GeEfq%2BTM9j0hrL2tCty%2FWMjOCBsWPHvoCy%2FmIT1kymNZal8kBmZuaVTU1Na%2FnuCQoKmiuNB0DE62gtZeFxPU0qD9CLTEJ0HCiVByCrXZCl8gOKBxQPWM8DpnxvSDwwZsyYDRBc61GfzOIBmN3TeOJeKHaBNB6AQibpOCLigXdIluk8gEi3wVWrkyySaWMCTXt%2FYMeOHZcgBA9G6yW7dESyxgvIFUMnPuF5IDg4eKa08QIqk8oW4sY82fmBXEvHC3QrpXhA8YDigfOSB9DE7bRGMs3cKZ0H8Ax4O%2BLGsyg3Uq8LRB4wdLygqKgo5YsvvtjiYrDCtRIaxQP4LcaD8HN4wND8wPDhw0nLV7Mua8C1b7I1k98TomPXGIXP%2BQFXPFBSUkJF72fLFMvngYSEhDxeuOIBxQOKBxQPXHg8AC%2FYSmsk284M13dK44GVK1c6IiIi7oMuLEMZcnmA7B5PwqvR7Ck9UUJD3h%2FYvXt3QmVl5W5X04C4M0Nv3ycUxwO6vU8IEroDfuAq0VGhjHexv48y6P2BkVwOwQ%2F%2Fnzhy5MhXDeEBWMipo0ePvq0dh9VsdTqdN%2FGfehnFA7rrGcH%2BB8XExPwcFf%2B%2FoKCgB2ltZHFNbFc80NP1jm9HyC0XImIXD0D7n4eQ%2FyQggYK644FFigcUDygeUDxgOg%2FADdvRFX1EH2M6D8D%2B%2FdFKFNbvsemMpJvKA%2Bi6IWQJaPYk6TzApg3%2FqDdm6PP3BQjDiRBO74uEC5VsQCXfIoeGMmpM4wGWiAoSumkLbuBGfqpY0%2FIDonBaE5nWRhbmqTWMB%2B5AyK1wFREpd0Cf%2B0HBpPNArzfFA4oHFA%2BcnzzQowcKo%2FMD4eHhD0EX7qPhfqk80FslNIQHfDJDm4%2FvD%2FjsiHzlAS4s8910zlQwpvGAKJzOoXPNyg8oHnjDah64TfGA4gHFA4oHFA8oHlA84E3uz9T8AJrtYSN5wKv5CWFmAyGYlHC2qOmUZfNFCd3yADOhETDD7%2BPfEEF4I9myVTxQBYW7yhIeQGQsQBddnZaW9rVUHqAmx4VP5%2BbmThSFCzzwmKE8gMKacWE%2BFOt9CG6UzgNd3wbb7a24M1P4QPGA4gHFA%2F9%2BPAABKyIiIp6zeXg%2FyBQegLYvQ1%2F%2BGU1ZFRUVRVzQ2hMeIM%2FYKx5g7wi9jQJmaceGDRt2E64LKy8vf8k0HkDrHMLfXfkB0cwiIyMfnj59%2Bm9Q8AwreKAcXZAyZcqUUl8dUY%2FnK6Y1i0JCQiZrwlko7tF8xeSKSXhP8wO1qPUvGxsbp4k2bnZ%2BoBb7bkS51RMnTmy1Ij%2FQF38HQIn8bSZsigcUDygeUDzgNQ%2BwLZ72GTNmrOoND%2FR6vKC0tDSwpKRkEv48%2B9ru1KlTM%2BLi4u41e7xA44HvUX6APuGBF3tWAxzsh6XzwJgxY64ZMmTIMfz5le3M3ONSeaCNkhP494AmXCoPOJ3OuwYPHrzDprNan2H5gZycnEB4rAVcfqABF%2B7E%2F1cvWLDgtOk8gItbhfwArrdTmLUrHlA8oHhA8cCFywNMexOl8wAqdwABqHTatGkU%2FfSWCfHIA7CIg1D0cT7xAMzlz2lpaa%2FxDSWVB%2BADeLVulM4DuIDyRRRGyba%2F9MADxuUH8N9o6EHx2LFjV8TExFR6a3qG5Qc66b3tjo7Iffv2XQ5Q6ad4QPGA4oHzlgfEIOOQygO06prQrKOl8oA4jTM0fjHMaoI0HsjMzPRvamoqw51H84MW6M83cKfPQ5tJeKSpPIBC7oaJ%2FE5sstDQ0N9Cm9%2FUaU1jeQB%2FvEqTlohnodZDdC42hwfmz5%2F%2FYzQ7zwM0Ceoa3kFJ4YH169f3RfOkJiQklCcmJtKqzGT%2FtD7pKTN44JwxgNzc3Hb0e99jx4796MiRI7G9eaFR8YDiAcUD%2F148ID4bqPwA5QfweHaJ1PxAeXl5MZSpP9eXH6OpaToHKjzQTB6w04A0zO5JUbttZ6Z8HUQPqDrCW1lUbCTtRpy4nJyTcE4Q7vhmmPgzEP4DW%2Ffvljtxkw%2FQs6eWH%2Fg9DqygFqQlgYcOHfq6Gz0wlAfEcEx3G2fTXxKGwugJ25nVWWyGByPeErHT%2B6NO5rXk8gBMyAEvlgq3OwsXKx5QPKB44ALgAQj0tzQ%2FgL1cOBYrlQegMBlCZpyW%2FegnjQdoyAZKc9%2BpU6eugLv9bObMmf%2Bw%2FWvJcNN5QPOENAfJkB50nWH5AT4WJDAI8bQRDxwV%2B98nV8xtUcwsL2we8EtNTZ3F3G6MbB74ATT6V6h1vHQegIt9AsIf9VRjU3ggMzNzSVNTkyU80DUfUUxMzMfCFM9tcCIfYX%2BHVur2Yj6iT3SanBzRu9jfhw65np8QTZ%2BGAjJ54Yjl1MQfS%2BEBbJMEHtjECzebB%2BzR0dG5XEBpdzqdK1zxgIv5irvxAJ0jrm0u8AC%2FDfAfO3bsUdT65oqKihkwob1JSUm5nnhg%2B%2FbtAXV1dQ94q7Se%2FAA9FQ%2FkjtFDZpEbHugKyTt37pxfXV39uOi2qQtycnJ%2BqtcKGRkZHyMkL%2BLOfYIqQBOYjRTC7EEWinkeoLVLwvgC8%2FPzp%2Fj8fQF7hWMMVUiohOIBxQPW8QDAdCqtukYvtuDiZpk8sJTxwGDpPABzehh2utyS%2FEB2dvY4uNY9FJpl80CXDoSEhFyCprVzAlrR72ux79XLD3DrF%2FQ2P6CtX%2FABtUDX6gvggqdxcD7dHWp3Pfppkwwe8GPTPHdBaGVlZURYWNjXaN7DOtZhhxW8Js5PJ269CUbxwhNxiTtnQwtkesoPuLn2EVqYi6vAH3v8rrAZ%2BQFxMfRAmfkBxQOKBxQP%2BOvchR0mNg0eK42QXWp%2BAA8nMXv37t2AfhwnnQfIHefl5V0Pu%2F61TB7QPFYoPR3BMVR46me99YyYGeZ5Ibzrprutb8haYLTmgnfs2LG4oaFhAf48gibbZ%2Fp4gcYDfBNhP8Ts3fz8ADM5fqvjhZudH1A8oHhA8YDige8eDzAhnYWFhbHHjx%2B%2F9UzF7bug1atN5wFmZqQLfdevX78KdzBEKg%2BwhKUfwCRs9%2B7dm13xAPbvQYOLDecBLTkRGxt7Cja8yxUPwO5p0eXJpvCA5jXr6%2Bsb9%2BzZMwsn036d6KK95QFvHJHiAcUDigcUDygesJQH7K54wCg77zUPaAdKS0uj9%2B%2Ff%2Fz%2B4myj6LrWuru5F03lAaM5nUeBl2v8dDsceFGJOfkBvsAJ92C1YoSXMzQ9ocrHXkp3n5OTMqKmp%2BZsYNaXmB7KysuLhRt%2FCHaZZwgNpaWmlCxYsmIO%2Be81oHvDXcTpNuppzpq%2FuREyvNvr7AsUDigcUDyge%2BG7zgMwuiHUVkjk4iTl%2B%2FHhCa2vrytTU1DojlZB4INGd8MLCwlFHjx6lxXb74U4qUcjVhr0%2FwFysnx4P2M68ZR0Jj7eA%2FU0uNcbw9wfc8QBdmJ2d%2FbOTJ0%2F%2ByhIeIKeDPn%2FJDB6we8sDtEFx7jT6fULFA4oHFA8oHlA80CMeMFMJPfKAWWboNQ%2FwjojGERobG2%2BDM%2FkrnFC0FB7QXHFubu68ysrK56TzALld7BUNDQ0plvEAcanD4fjQUh5IS0vbCFN73lIeAJ6tBA88onhA8YDiAcUDigcs4wFmJSNtvZ84vfc8YLQr7jEPaAcAJnNOnDjxirTxAo0HWGXiq6qqlonXShkvELrKGh6gP6Kjo59RPKB4QPGA4gHFA4oHLOWBvLy8mZbyQGVl5YNW80CHpTwQGxv7DFvXRuSBP0jjgaKiopgvvviCpg8JEpRwS0hIyA0zZswok8IDbE6z4G4u1s%2BvAQr5Hv49gjsfbyoPbN68eRoqsVaYdFkuD2RlZQ0hb4gImNQTV8wrC9ltkU1nLmIuGLmcr5jWQKa1kGlNZB0%2FcjYYeZyv2AgegCMKPXXqFL0OPoE8rXQegPB2CPyW1kpWPKB4QPHAd54HfFm7lOeBzoiIiOcR%2FVZI5QF6m4bWP4iKinrQ4XA0ggXeRmB6SBoPaK1QUFAwobi4%2BE%2FaQVRmq9PpvMkbJfRnff4txwNkbpd4ywP0R0NDwzXdfmhvn4VjB9Aiq1CZL7n8gD%2FPA%2Bnp6dv9mdmVCTzg8BCauzkiFPYX7HewGT3OKAX8AoT%2B2JUj6jZfMbvbSi%2F15pz5iqdPn16EJp9EayF74wXdzVfsc34A1nAf7nwZrQJkWX6gsLCwD5zUElQiBXsEWYtUHigtLQ2gNZJZWPdTPKB4QPGA4gEpPEDvGPK%2FS%2BUB0aMWFRVBFfp8HhcX1yyFB5gPcbA88VNQrisoPwBr%2BEAYLzCHB5jZJh46dGgUCWc8EELrF2B3ywP%2BHA8E%2BZAfoKY%2BADMLZy3jsIQHmFv%2BCdzy08LMr3J5gNZIRFAiHphKXSE9PwA9cNAayd5Mtqd4QPGA4gHFA%2BcnDzC33S3vbNp4gcgD%2FO%2Fbt2%2B%2FtLm5OR4ykl2NFxjKA7yAzMzM%2B5uamm6Ukh%2FQeIA3X3jGy7zhAcPGC2z%2FWuWJzmmDMyqwbLyAZAFMY4Fod0PzB%2FRqPiJfeABgGgiB83SsRvGA4gHFAxc4D6DPuwUsWmtZKg%2FARFOEFjkujQcQHa9EdFzLKyEUda6pPEBllJWV2fbv30%2BLtNzMn4O7%2F3rhwoXDTOMBrYzDhw%2F%2FF4TfKhYAhf2FqTzAmVq8jvAnEQ9WmcoD2sG4uLiVWsUYD1zPTx1mGg%2Bw%2BEJl2I8ePRoIXYiA48oTZ%2FIxkwcWiy80FhYW%2BikeUDygeODC5oFOweYpEErlAQgUeaBMJg%2FMAA9k8UoIU0w3fLyA86iXsjJOUxmtra2P8cIdDsdh6MsW03mAa24%2BfHfCIrryA4a9T8iED7MJb1aejfUlJVEHDhx4BK46HtbyO8SDl0wZL2A3Eeci0p5mvHBKKg%2Bw1qIyGjyFY23TKhBgM%2FkDB8UDigcUD1xw%2BQExajpk80B%2Fy8YLSOegtLdCb36rOTYo6hTT8wMaD7Ay7KhEan19fTI8ZkZycvK7hnxfYDsz9J%2FoIoraXDx%2FUuXrpfGAIPy4ZtKKB0znAbIy7MQD27Kzs9eJk6TI5oFSeMv7wQPvWckD5LKXw2U%2FZikPOJ3Openp6VJ44DC4cAJb1U%2BT54cKvyiVB9BKi5ubm9eIj2bSeIDWUEaLbOwWCh2OZKk8AAJ6ta6ujkZU%2FWnKaUTRnVJ5AL%2Fn4fHsR7W1teMGDBiQM3To0JJer3eM%2Fp9eUVFBcxR2REZGvjJ16lRtTcwK1lJ621Cm0GdbVCoPYL9YsLYD0nmA%2B51MvFDxgOIBGfkB%2BuCxHF4va9u2bZus5oEixgOrLM0PIAg9imfFpyzjAZzXcdFFF42bPn36Pin5AehCMvarcU6A9owYGho6An92VSBIeB7sZHfHh%2BQTOq7YgXhwM4R7xQMbN26cCyh5hyZbDgwM%2FGDMmDG0JFVQt%2FWO2UZ3fsxTMCIeAIy8IPoMd%2Bsdk6Oqrq5OQBhu5INRj9YzYufGr8NGd6PHAx6cVAL3%2F4oL631C5ty6WZPiAcUDigekjBfA95fDQ26pqqraKL7AIJUHACV7x48ff3lcXFy1ZTwA4XdNnDhxtaaEHtcz0nvEY0%2FTgZxwr9YzIg5AGK5gskL5FnC5npELHjjriLzhAegBObohYWFhn%2BARLkN0RFLyA65csbT8ACuzTrQ2xQOKBxQPKB6wnAdMeZ8QLrrfyZMnF8FRTQELtA4cOPAvo0aN0k2ASuEBmoljwYIFN3rqAp94AFFxEMLxB65C8uzZs1NDQkJaRCU0hAcyMzOn0BrIroQjQG1lwjUdk8cD%2Ffr1ywKGbQULhLpyRKbwAATfQMsSWsYDgnDFA4oHFA8oHvju8sD5N18xHNIvEBVvAgOUJyUlPQt%2FcdLbLvA5P4CouIaWI9aOISB9NG%2FevOXulNDQ%2FAAvvMtLdXToffLZjQfsbsYLqllzVTGnYtMZLwim1%2FQgfIM4WAEWrEd3vMTKqBZih5%2Fmss3igSyE5ZvmzJlz3BtXbPR4wWvz58%2B%2Fq1M%2F%2FXbO4HWP1zNiu83V%2BwO0BqIL4XplBygeUDygeEDxwPnFA752gU888Nlnn4W3trZeM3jw4NKYmJi6niqhT%2B8P0LThgJEP2bNi44gRI%2F5j5MiRR70xQ0N4oKWlZSP3oBpcVla2gF1T6YkHTHl%2FICAg4HP8s1%2FophrBFZPMIMPzA%2BDA36empv5Gx1Hp5gcM5wFA6F1urlc8oHhA8YDiAcUD5vGAr0roEw8YYYa9Hi%2FIyspK9PPzuxmxoDApKWlvbxyRL%2FmByXhEf1kLyYgP96akpGT3xBX3mgfoky3wwG94Hqivr5%2FKzjlsOg9UVFQ8JF7r7%2B%2F%2Fkc31m%2FXm8kB4ePgLIKFPLeEBYPiDtAay4gHFA4oHFA8oHrCEB4xwRL3mAaNcca%2FGC9jHbhSS7QhMT02cOHEHO6dHH7v5wgMPd3R09KfUDKtIt9%2B95QGj1jfsdTmG8AB1gfi74gHFA4oHFA8oHlA8YDoP5Obmzquurr7XEh7Izs6%2BrrKy8lkjeKDH%2BYEtW7bMaWhoeMALf2IOD7S1tV0lWgSxQW95wK6TD4pgmi%2FaOGl6bGho6E5ek%2BPi4u5B%2F2dzx2JdmGQwK5vfGnrFAwUFBcl1dXWjce2baWlphxUPKB7whQf%2BX4ABAGSSMYsxT5XaAAAAAElFTkSuQmCC) center top no-repeat;}@-webkit-keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}@-moz-keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}@-o-keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}@keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}[data-loader='timer']{position:relative;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background-color:transparent;}[data-loader='timer']:after,[data-loader='timer']:before{position:absolute;content:'';background-color:#fff;}[data-loader='timer']:after{top:11px;left:11px;width:10px;height:2px;-webkit-transform-origin:1px 1px;-moz-transform-origin:1px 1px;transform-origin:1px 1px;-webkit-animation:timerhand 2s linear infinite;-moz-animation:timerhand 2s linear infinite;animation:timerhand 2s linear infinite;}[data-loader='timer']:before{top:11px;left:11px;width:8px;height:2px;-webkit-transform-origin:1px 1px;-moz-transform-origin:1px 1px;transform-origin:1px 1px;-webkit-animation:timerhand 8s linear infinite;-moz-animation:timerhand 8s linear infinite;animation:timerhand 8s linear infinite;}@-webkit-keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@-moz-keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@-o-keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}