/* Theme Name: Mosaderma custom theme Author: Sascha Teschner Author URI: www.saschateschner.nl Version: 09072501 */ /* CSS IMPORT */ @import url('css/reset.css'); @font-face { font-family: 'Domaine Semibold'; src: url('fonts/domaine-display-web-semibold.woff2') format('woff2'), url('fonts/domaine-display-web-semibold.woff') format('woff'); } @font-face { font-family: 'Averta regular'; src: url('fonts/averta-regular.woff2') format('woff2'), url('fonts/averta-regular.woff') format('woff'); } @font-face { font-family: 'Averta bold'; src: url('fonts/averta-bold.woff2') format('woff2'), url('fonts/averta-bold.woff') format('woff'); font-weight: normal; font-style: normal; } :not(#preloader):not(#status):not(.rellax):not(.lightboxOverlay):not(.lightbox):not(.lb-outerContainer):not(.wow):not(.z-content) {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .txt-center {text-align: center;} .txt-left {text-align: left;} .txt-right {text-align: right;} body, input, textarea {font-family: 'Averta regular'; font-weight: 400;} h1, h2 {font-family: 'Domaine Semibold'; font-weight: normal} h3,h4,h5,h6,time {font-weight: normal;} a.v-align, a.btn, .content-box strong, input[type="button"], form input[type="submit"], .content-box h1 {font-family: 'Averta bold'; font-weight: 400;} body {font-size: 17px; line-height: 26px;} .small-text p {font-size: 14px; line-height: 21px;} body, nav li.small a {font-weight: 400;} a.v-align, a.btn, .hero li, input[type="button"], form input[type="submit"] {font-size: 20px;} .teaser.repeat h3 {font-size: 18px;} time, h5 {font-size: 15px;} div, figure, article {border-radius: 0px;} input[type=submit] {background-repeat: no-repeat; background-position: right center; display: inline-block; background-size: 20px;} a, footer article a {cursor: pointer; text-decoration: underline;} a:hover, a.btn, nav a, article a {text-decoration: none;} p {padding: 0 0 25px 0; margin: 0;} p:nth-last-child(1) {padding: 0;} h4 span:nth-last-child(1), time span:nth-last-child(1) {display: none;} figure {margin-bottom: 0 !important;} #preloader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999;} #status {width: 80px; height: 80px; position:absolute; left:50%; top:50%; background-repeat:no-repeat; background-position:center; margin:-40px 0 0 -40px;} .lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:2px;border:2px solid #b70037;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;border-color:#b70037 transparent transparent}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} ::-moz-selection { color: var(--white); background-color: var(--dark-grey);} ::selection {color: var(--white); background-color: var(--dark-grey);} :root {--white: var(--fff); --black: #000000; --dark-grey: #191919; --beige: #A89B88; --black-25: rgba(0,0,0,0.25); --black-10: rgba(0,0,0,0.10); --black-20: rgba(0,0,0,0.20); --black-50: rgba(0,0,0,0.50); --white-95: rgba(243,243,243,1); --white-10: rgba(255,255,255,0.1); --green-dark: #006b63; --green-medium: #009767; --green-dark-white-90: #e6f0f0; --green-medium-white-90: #e6f5f0; --green-dark-black-70: #004b45;} .bg-dark-grey {background-color: var(--dark-grey); color: var(--white)} body {background-color: #fbfbfa; color: #403E3D; height: 100vh;} a {color: #000;} .bg-white {background-color: var(--white);} .bg-white a, nav li a {color: #3d0012;} .bg-brown-white-90 {background-color: #fbfbfa;} .bg-brown-white-10 {background-color: #DCD7D1;} .bg-brown-white-50 {background-color: #ece9e6;} .bg-green-dark {background-color: var(--green-dark); color: var(--white);} .bg-green-dark a {color: var(--white);} .bg-green-dark-white-90 {background-color: var(--green-dark-white-90); } .bg-green-medium-white-90 {background-color: var(--green-medium-white-90);} .bg-green-dark-black-70 {background-color: var(--green-dark-black-90);} .bg-black-5 {background-color: rgba(0,0,0,0.05);} .border-brown-black-70 {border: 1px solid #403f3d;} .grid a:nth-child(odd) .bg-odd-even {background-color: var(--white);} .grid a:nth-child(even) .bg-odd-even {background-color: #ece9e6;} .txt-red {color: #DC0916;} .txt-white {color: var(--white);} .txt-shadow {text-shadow: 2px 2px 2px #000000;} .txt-green-dark-black-70 {color: var(--green-dark-black-90);} .content-box h2 {color: #DC0916} h2, .hero a, .bg-red-white-90, h3.z-header {color: #4B0F16} .hero h2:after, .teaser h3:after {content: ''; width: 100px; height: 0px; display: block} .hero li {margin: 0 0 1px 0;} .hero li:nth-last-child(1) {margin: 0;} article a {color: var(--white)fff;} .breadcrumbs a, footer .grid a, .grid.overview a {text-decoration: underline;} .breadcrumbs a:hover, footer .grid a:hover, footer .grid a.btn, .grid.overview a:hover {text-decoration: none;} .component {position: relative;} .component.no-margin {margin: 0;} .lift {z-index: 1;} .inner {position: relative; margin: auto;} .inner.extra-small {max-width: 750px;} .inner.small {max-width: 1000px;} .inner.normal {max-width: 1200px;} .inner.large {max-width: 1400px;} .inner.wide {max-width: 1800px; width: 98%} .bg-cover {background-size: cover;} .bg-center {background-position: center;} .bg-fixed {background-attachment: fixed;} .bg-no-repeat {background-repeat: no-repeat;} figure, .wrapper {position: relative; overflow: hidden;} article {width: 100%;} .overflow-hidden {overflow: hidden;} .rounded {border-radius: 1000px;} .box-shadow {-webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px 10px rgba(0,0,0,0.1);} .grid {display: grid;} .inline-grid {font-size: 0;} .inline-grid figure {display: inline-block;} .inline-grid.five-cols figure img {border: 1px solid #d8d8d8; padding: 5px} .btn, button {padding: 10px 30px 10px 10px; display: inline-block; background-repeat: no-repeat; text-decoration: none;} .btn {background-image: url("images/arrow-brown-black-50-next.svg"); background-position: center right 3.5px;} .btn:hover {background-position: center right 0px;} .btn.back {background-image: url("images/arrow-brown-black-50-prev.svg"); background-position: center left 5px; padding: 10px 10px 10px 30px; color: #3d0012} .btn.back:hover {background-position: center left 0px; } .content-box {margin: 0 auto 25px auto;} .content-box:nth-last-child(1) {margin: 0 auto;} .content-box ul {padding: 0 0 25px 0;} .content-box.padding-xxs {padding: 3px;} .content-box a {text-decoration: underline;} .content-box a.btn, .grid a, .owl-item a, .teaser a {text-decoration: none;} .content-box a:hover {text-decoration: none;} .content-box h2, .content-box h3, .content-box h4 {margin: 0 0 25px 0;} .content-box blockquote {margin: 0 0 25px 0;} ul.overview.no-margin {margin: 0} ul.overview li, .content-box li, .extended-list li {background-image: url(images/arrow-brown-black-20-next.svg); background-size: 15px; padding: 0 0 5px 25px; background-position: 0 7px;} .content-box form li {background-image: none; padding: 0;} .hero li {background-image: url("images/arrow-brown-black-20-next.svg");} .three-cols .content, .owl-item .content, .one-col .content {background-image: url("images/arrow-brown-black-50-next.svg"); } .content.no-link {background-image: none;} img.alignleft, img.alignright {max-width: 250px;} img.aligncenter {max-width: 750px; margin: auto;} img.cover {-o-object-fit: cover; object-fit: cover; max-width: none !important; height: 100%; display: block;} header {position: absolute; width: 100%; z-index: 2;} header .inner {width: 100%; max-width: 100%;} header figure {display: inline-block;} #drawer {position: fixed;} #drawer .menu li {font-size: 18px;} #drawer .menu li.small {font-size: 15px;} #drawer li a {color: #3D0012;} #drawer li.small a{color: #6B6865;} .smaller nav {background-color: #fbfbfa} .owl-carousel {z-index: 0 !important; position: relative;} .owl-nav {position: absolute; width: 100%; height: 0; bottom: 50%;} .owl-nav button {background-color: transparent; border: 0px !important; font-size: 0 !important; background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; position: absolute; bottom: calc(50% - 50px);} .owl-nav .owl-prev {background-image: url(images/arrow-brown-black-50-prev.svg); margin: 0 0 0 -60px} .owl-nav .owl-next {background-image: url(images/arrow-brown-black-50-next.svg); margin: 0 -60px 0 0; right: 0;} .owl-dots {z-index: 1; width: 100%; text-align: center;padding: 7.5px 0;} .owl-dots button { background-color: transparent; padding: 5px; outline: 0;} .owl-dots button span {width: 20px; height: 20px; background-color: #DC0916; border-radius: 100px; ; margin: 0px 2px; display: block; border: 0px solid #646464 !important;} .owl-dots button.active span {opacity: 0.3;} .owl-carousel, .owl-stage-outer, .owl-stage, .owl-item {height: auto !important;} .z-active .z-header::before {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .z-header::before {position: absolute; width: 20px; height: 20px; content: ""; -webkit-transition: -webkit-transform 125ms ease-in-out; transition: transform 125ms ease-in-out; background-image: url(images/arrow-brown-black-20-next.svg); background-size: 15px; background-position: center; background-repeat: no-repeat; left: 5px; top: 11px} .z-active .z-header::before {position: absolute; width: 20px; height: 20px; content: ""; -webkit-transition: -webkit-transform 125ms ease-in-out; transition: transform 125ms ease-in-out;background-position: center; background-repeat: no-repeat;} .z-accordion > .z-section > .z-header {position: relative; margin: 0; display: block; outline: none; cursor: pointer; line-height: 24px !important;} .z-accordion > .z-section > .z-header.z-focus {z-index: 9999 !important;} .z-accordion.vertical > .z-section > .z-content {display: none;} .z-accordion.transition.vertical > .z-section > .z-content {height: 0px; overflow: hidden; display: block!important;} .z-accordion .data p:last-child() {padding: 0 !important;} .z-header .z-title {padding: 10px 0 10px 30px; display: block;} .z-section {margin: 0; } h3.z-header {height: auto !important;} .v-align {display: flex; align-items: center;} .bg {position: absolute; z-index: -1;} footer {z-index: 1; position: relative;} footer figure {width: 150px; display: inline-block; margin: 0 5px;} footer .no-space {font-size: 0;} .facebook {background-image: url("images/facebook.svg");} .instagram {background-image: url("images/instagram.svg");} .download {background-image: url("images/document-brown-black-50.svg")} .breadcrumbs a {background-repeat: no-repeat; background-image: url("images/arrow-brown-black-50-prev.svg"); background-position: center left; padding: 0 0 0 25px;} .icon {width: 50px; height: 50px; margin: 0 15px 0 0; background-size: 25px;} .border-white {border: 1px solid var(--white);} .border-brown-black-50 {border: 1px solid #6a6865;} .grid a.v-align {justify-content: center} a.v-align:hover .icon {background-size: 30px;} .icon.phone {background-image: url("images/phone.svg");} .icon.mail {background-image: url("images/mail.svg");} .top-link {transition: all 0.25s ease-in-out; position: fixed; bottom: 0; right: 0; display: inline-flex; cursor: pointer; align-items: center; justify-content: center; width: 50px; height: 50px; z-index: 2; border-radius: 1000px; border: 1px solid #403f3d; background-color: #fbfbfa; background-image: url("images/arrow-brown-black-50-up.svg"); background-repeat: no-repeat; background-position: center; background-size: 15px;} .top-link:hover {background-size: 20px;} .top-link.show {visibility: visible; opacity: 1;} .top-link.hide {visibility: hidden; opacity: 0;} .screen-reader-text{position:absolute;clip-path:inset(50%);margin:-1px;border:0;padding:0;width:1px;height:1px;overflow:hidden;word-wrap:normal!important;clip:rect(1px,1px,1px,1px)}.screen-reader-text:focus{display:block;top:5px;left:5px;z-index:100000;clip-path:none;background-color:#eee;padding:15px 23px 14px;width:auto;height:auto;text-decoration:none;line-height:normal;color:#444;font-size:1em;clip:auto!important} .social {background-repeat: no-repeat; background-position: left center; padding: 5px 0 5px 35px; display: block; background-size: 20px;} h4:after {content: ""; width: 50px; height: 2px; display: block; margin: 8px 0 5px 0; background-color: var(--white);} h4.txt-center:after {margin: 8px auto 5px auto;} .bg-white h4:after, .grid a:nth-child(odd) .bg-odd-even h4:after {background-color: #ece9e6;} form input[type="button"], form input[type="submit"] {padding: 10px 25px; border-radius: 100px; cursor: pointer; color: var(--white); border: 0;} form input[type="button"], form input[type="submit"] {background-color: #B70037;} form input[type="button"] {opacity: 0.8;} form input[type="button"]:hover {opacity: 1;} form td, form td font {font-size: 17px !important; line-height: 26px;} .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {background: #DCD7D1 !important; color: var(--white) !important;} .gform_wrapper.gravity-theme .gf_step_number {border: 2px solid #DCD7D1 !important; color: #DCD7D1 !important;} .gform_wrapper.gravity-theme .gf_page_steps {border-bottom: 1px solid #DCD7D1 !important;} .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {background: #DCD7D1 !important; border: 2px solid #DCD7D1 !important;} .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {color: #3d0012 !important;} .gform_heading {background-color: rgba(0,0,0,0.05); padding: 3.5px 20px; border-radius: 100px; font-size: 14px !important; display: inline-block; margin: 0 0 12.5px 0;} @media (min-width: 980px) { header figure {width: 300px; height: auto; margin: 10px 0 0 10px;} #drawer-toggle, #drawer-toggle-label {display: none; visibility: hidden;} nav {z-index: 3; width: 100%; right: 0; text-align: right; height: 50px;} .smaller nav {height: 50px;} nav .inner {width: 100%;} nav .inner .menu {width: calc(100% - 110px); position: absolute; right: 0; margin: 40px 10px 0 0;} .smaller nav .inner .menu {margin: 5px 10px 0 0;} .wrapper {padding: 150px 0 0 0;} nav li {display: inline-flex; padding: 0px 5px 0 5px; position: relative; align-items: center;} nav li a {padding: 5px 5px 5px 5px; display: inline-flex; align-items: center;} nav .light li a {color: var(--white); text-shadow: 2px 2px 0px #000000;} .smaller nav li a {color: var(--white);} .hero p {font-size: 22px; line-height: 30px;} h1 {font-size: 50px; line-height: 55px;} .content-box h1 {font-size: 36px; line-height: 46px; margin: 0 0 25px 0;} h2 {font-size: 36px; line-height: 40px;} h3 {font-size: 24px; line-height: 32px;} h4 {margin: 0 0 10px 0;} .item-slider h3 {margin: 0;} .teaser.repeat .content h3, .teaser h3 {font-size: 24px; line-height: 34px;} h2, footer h3, .overview h3 {margin: 0 0 25px 0;} .padding-s {padding: 50px;} .padding-s-m {padding: 50px 75px;} .padding-m-s {padding: 75px 50px;} .padding-s-l {padding: 50px 100px;} .padding-s-xl {padding: 50px 150px;} .padding-s-xxl {padding: 50px 200px;} .padding-xs {padding: 25px;} .padding-np-xs-xs-xs {padding: 0 25px 25px 25px} .hero h2:after {margin: 30px 0 30px 30px;} .hero li {padding: 0 0 5px 25px; background-position: 0 6px;} .hero.fluid {width: 100% !important; height: auto !important;} .hero.fluid figure {width: 75%} .hero.fluid .content {width: 50%; margin: 0 0 0 -10%;} .hero.fixed figure {width: 100%; min-height: 350px} .hero.fixed img {width: auto; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); object-fit: cover;} .hero.fixed .content {position:absolute; right: 10%; bottom: 10%; width: 33.33333%} .hero.fixed figure.full {height: calc(100vh - 150px);} .hero.fixed figure.high {height: 80vh;} .hero.fixed figure.medium {height: 65vh;} .hero.fixed figure.normal {height: 50vh;} .hero .bg-gradient { background: rgb(32,35,39); background: linear-gradient(0deg, rgba(32,35,39,0.5) 0%, rgba(128,128,128,0.1) 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .hero .content.bg-none h2, .hero .content.bg-none a {color: var(--white) !important; } .hero .content.bg-none {left: 10%; right: 10%;} .teaser h3:after {margin: 10px 0 10px -10px;} .teaser.repeat a:nth-child(even) figure, .teaser .pic-right figure, .teaser.repeat div:nth-child(even) figure {order: 2;} .teaser.repeat a:nth-child(odd) article, .teaser.repeat div:nth-child(odd) article {margin: 0 0 0 0px;} .teaser a article:before, .teaser div article:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .teaser.repeat a:nth-child(odd) article:before, .teaser article.pic-left:before, .teaser.repeat div:nth-child(odd) article:before {border-left: 25px #fbfbfa solid;} .teaser.repeat a:nth-child(even) article:before, .teaser article.pic-right:before, .teaser.repeat div:nth-child(even) article:before {border-right: 25px #fbfbfa solid;} .teaser.repeat a:nth-child(odd) figure, .teaser .pic-left figure, .teaser.repeat div:nth-child(odd) figure {margin: 0 0 0 -25px;} .teaser.repeat a:nth-child(even) figure, .teaser .pic-right figure, .teaser.repeat div:nth-child(even) figure {margin: 0 -25px 0 0px;} .teaser.repeat a:nth-child(odd) .content, .teaser .pic-right .content, .teaser.repeat a:nth-child(even) .content, .teaser .pic-left .content, .teaser.repeat div:nth-child(odd) .content, .teaser.repeat div:nth-child(even) .content {margin: 0 0 0 25px;} .component {margin: 0 auto 50px auto; position: relative;} .component.small-margin {margin: 0 auto 17.5px auto} article.v-align figure {width: calc(50% + 50px)} article.v-align .content {width: 50%;} .height-normal {height: 60vh; min-height: 500px;} .height-large {height: 80vh; min-height: 500px;} .bg {left: 0; right: 0; top: 0; bottom: 33%;} .extended-list {-webkit-columns: 2 150px; -moz-columns: 2 150px; columns: 2 150px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px;} .text-column.two-cols {-webkit-columns: 2 150px; -moz-columns: 2 150px; columns: 2 150px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em;} .grid.one-col {grid-row-gap: 50px} .grid.two-cols {column-count: 2; column-gap: 25px; grid-template-columns: 1fr 1fr; grid-row-gap: 25px;} .grid.three-cols {column-count: 3; column-gap: 25px; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 25px;} .grid.two-cols.pic-right figure {order: 2;} .grid article:hover img {-moz-transform: scale(1.05) translateY(-5px); -webkit-transform: scale(1.05) translateY(-5px); -o-transform: scale(1.05) translateY(-5px); -ms-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px);} footer .grid article:hover img {-moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px);} .top-link { margin: 0 3em 3em 0;} ul.overview { margin: 0 0 25px 0;} ul.overview.two-cols {column-count: 2; column-gap: 20px; grid-template-columns: 1fr 1fr;} .content-box h2.section-title.lift {position: absolute; top: -17.5px} /*.content-box.extra-margin {margin: 0 -50px 25px -50px;}*/ .three-cols .content, .owl-item .content {padding: 25px 50px 25px 25px; background-position: center right 25px;} .three-cols article:hover .content, .owl-item article:hover .content {background-position: center right 30px;} .one-col .content, .teaser .content {background-position: bottom 5px left 25px ;} .one-col article:hover .content, .teaser article:hover .content {background-position: bottom 5px left 30px ;} } @media screen and (max-width: 979px) { #drawer-toggle {position: absolute; opacity: 0;} #drawer-toggle-label {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 50px; width: 50px; display: block; position: fixed; z-index: 3 !important; cursor: pointer !important;} #drawer-toggle-label div {width: 50px; height: 50px; position: absolute;} #drawer-toggle-label:before {content: ''; display: block; position: absolute; height: 2px; width: 25px; background: #000; right: 12.5px; top: 14px; box-shadow: 0 9px 0 #000, 0 18px 0 #000; cursor: pointer !important;} #drawer-toggle:checked ~ #drawer-toggle-label:before {box-shadow: 0 0px 0 #000, 0 0px 0 #000; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px} #drawer-toggle:checked ~ #drawer-toggle-label:after {content: ''; display: block; position: absolute; height: 2px; width: 25px; background: #000; right: 12.5px; top: 14px; box-shadow: 0 0px 0 #000, 0 0px 0 #000; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 10px;} #drawer ul.menu {list-style-type:none; padding: 0 0 0 0;} #drawer ul a {display: block; padding: 10px;} #drawer .menu li a {padding: 15px 10px;} #drawer .menu li.small a {padding: 5px 10px;} .outer {overflow: hidden !important;} #drawer {top: 0; right:-250px; height: 100%; width: 250px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 100; background-color: #f7f6f5;} #drawer .inner.v-align {display: block;} .wrapper {margin: 0; height: auto; -webkit-overflow-scrolling: touch; position: relative; width: 100%; right: 0;} #drawer-toggle:checked ~ #drawer-toggle-label {height: 100%; width: calc(100% - 250px); right: 250px; background-color: rgba(101,105,83,0.0); top: 15px;} #drawer-toggle:checked ~ #drawer {right: 0px;} #drawer-toggle:checked ~ .wrapper {overflow-x: hidden !important; overflow-y:scroll; -webkit-overflow-scrolling: touch; right: 250px} #drawer-toggle:checked ~ header {overflow: hidden !important; overflow-y:scroll; -webkit-overflow-scrolling: touch; } #drawer-toggle:checked ~ body {overflow: hidden;} #drawer {padding: 75px 0 0 0;} #drawer .active {display: none;} #drawer-toggle-label {right: 15px; top: 15px;} .smaller #drawer-toggle-label{right: 15px; top: 2px;} .smaller #drawer-toggle:checked ~ #drawer-toggle-label {top: 2px;} nav li {display: block; padding: 0px 5px 0 5px; position: relative; align-items: center;} nav li a {padding: 5px 5px 5px 5px; display: block; align-items: center;} .hero h2:after {margin: 30px 0 30px 30px;} .hero li {padding: 0 0 5px 25px; background-position: 0 6px;} .hero .content, .inner {width: 95%;} h4 {margin: 0 0 10px 0;} article.v-align, .hero.v-align {display: block; width: 100%} ul.overview { margin: 0 0 25px 0;} .three-cols .content, .owl-item .content {padding: 25px 50px 25px 25px; background-position: center right 25px;} .three-cols article:hover .content, .owl-item article:hover .content {background-position: center right 30px;} .one-col .content, .teaser .content {background-position: bottom 5px left 25px ;} .one-col article:hover .content, .teaser article:hover .content {background-position: bottom 5px left 30px ;} .bg {left: 0; right: 0; top: 0; bottom: 25%;} } @media (min-width: 481px) and (max-width: 979px) { header figure {width: 200px; height: auto; margin: 10px 0 0 10px;} h1 {font-size: 32px; line-height: 34px;} h2 {font-size: 28px; line-height: 32px;} h3, .teaser.repeat .content h3, .teaser h3 {font-size: 22px; line-height: 26px;} .padding-s {padding: 30px;} .padding-s-m {padding: 30px 45px;} .padding-m-s {padding: 30px 45px;} .padding-s-l {padding: 30px 60px;} .padding-s-xl {padding: 30px 30px;} .padding-s-xxl {padding: 30px 30px;} .padding-xs {padding: 15px;} .padding-np-xs-xs-xs {padding: 0 15px 15px 15px} h2, footer h3, .overview h3 {margin: 0 0 15px 0;} .content-box h1 {margin: 0 0 30px 0;} .component {margin: 0 auto 30px auto; position: relative;} .component.small-margin {margin: 0 auto 7.5px auto} .hero .content {margin: -30px auto 0 auto} .wrapper {padding: 120px 0 0 0;} .top-link {margin: 0 30px 30px 0;} .grid {grid-row-gap: 15px} .grid.three-cols, footer .grid.two-cols {column-count: 2; column-gap: 15px; grid-template-columns: 1fr 1fr;} } @media (min-width: 980px) and (max-width: 1100px) { nav li {padding: 0 3px;} nav li a {font-size: 16px;} } @media (max-width: 480px) { header figure {width: 150px; height: auto; margin: 10px 0 0 10px;} h1 {font-size: 30px; line-height: 32px;} h2 {font-size: 26px; line-height: 30px;} h3, .teaser.repeat .content h3, .teaser h3 {font-size: 22px; line-height: 24px;} .padding-s {padding: 10px;} .padding-s-m {padding: 20px 40px;} .padding-m-s {padding: 20px 40px;} .padding-s-l {padding: 20px 40px;} .padding-s-xl {padding: 20px;} .padding-s-xxl {padding: 20px;} .padding-xs {padding: 10px;} .padding-np-xs-xs-xs {padding: 0 10px 10px 10px} h2, footer h3, .overview h3 {margin: 0 0 10px 0;} .content-box h1 {margin: 0 0 20px 0;} .component {margin: 0 auto 20px auto; position: relative;} .component.small-margin {margin: 0 auto 5px auto} .hero .content {margin: -30px auto 0 auto} .wrapper {padding: 100px 0 0 0;} .top-link {margin: 0 20px 20px 0;} .grid {grid-row-gap: 10px} footer .content-box {width: 100%;} .owl-stage-outer {height: auto !important; position: relative; } .owl-stage {background-color: rgba(0,0,0,0); height: auto !important; } } @media screen and (max-device-width: 979px){ body{-webkit-text-size-adjust: none;} } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(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:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-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:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}