/* Theme Name: Discovery Museum custom theme Author: Sascha Teschner Author URI: www.saschateschner.nl Version: 22072601 */ /* CSS IMPORT */ @import url('css/reset.css'); @import url('https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css'); :not(#preloader):not(#status):not(.rellax):not(.fancybox__slide):not(.fancybox__track):not(.lb-outerContainer):not(.wow):not(.z-content):not(.fancybox__container):not(.fancybox__backdrop):not(.fancybox__view):not(.fancybox__content):not(.fancybox__image):not(.fancybox__slide):not(.fancybox__viewport):not(.fancybox__track):not(.enviso-dialog-backdrop) { transition: all 0.2s ease-in-out;} .txt-center {text-align: center;} .txt-left {text-align: left;} .txt-right {text-align: right;} @font-face{font-family:'brownbold';src:url(fonts/brown-bold-webfont.woff2) format("woff2"),url(fonts/brown-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'brownlight';src:url(fonts/brown-light-webfont.woff2) format("woff2"),url(fonts/brown-light-webfont.woff) format("woff");font-weight:400;font-style:normal} h1,h2,h3,h4, nav a, a.btn, .breadcrumbs, .content-box li strong, .content-box strong, .v-align li, .lp-form-field, button.lp-form-button, .edge .content-box li, input[type=button], .image-choices-field .image-choices-choice-text, .gfield_label, input[type=submit], strong, .gform_wrapper.gravity-theme .gf_progressbar_title, .extra-button a, strong {font-family:'brownbold'; font-weight: normal;} body, input[type=text], textarea, .odd-even .v-align li, .mega-sub-menu .mega-sub-menu a.mega-menu-link, h5 {font-family: 'brownlight', arial, sans-serif; font-weight: normal !important;} html {scroll-behavior: smooth;} 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;} figure {margin: 0 !important;} h6:first-letter, li:first-letter {text-transform: uppercase;} #preloader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(3.5px);} #status {width: 80px; height: 80px; position:absolute; left:50%; top:50%; background-repeat:no-repeat; background-position:center; margin:-40px 0 0 -40px;} /* HTML:
*/ .loader { width: 50px; padding: 8px; aspect-ratio: 1; border-radius: 50%; background: #fff; --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box; -webkit-mask: var(--_m); mask: var(--_m); -webkit-mask-composite: source-out; mask-composite: subtract; animation: l3 1s infinite linear; } @keyframes l3 {to{transform: rotate(1turn)}} :root {--red: #ff0000;} ::-moz-selection { color: #fff; background: #000;} ::selection {color: #fff; background: #000;} body {background-color: #fff; color: #000; height: 100vh;} .dev-mode {border: 2px dashed var(--red);} .dev-mode section {opacity: 0.8; filter: blur(2px)} .bg-white, .odd-even article:nth-child(even), article.grid.four-cols.small-left:nth-child(even) {background-color: #fff; color: #000;} article.grid.four-cols.small-left:nth-child(even) .btn.bg-black {color: #fff !important;} .bg-white a, nav li a {color: #000 !important;} nav li a.wpml-ls-link {color: #fff !important;} nav li span:nth-last-child(1) {display:block !important;} .bg-black {background-color: #000; color: #fff;} .bg-black a {color: #fff;} .bg-grey-normal, .odd-even article:nth-child(odd), article.grid.four-cols.small-left:nth-child(even), .grid.three-cols-large-right article:nth-child(even) a, .list-view article:nth-child(even) {background-color: #DCDCDC; color: #000;} .bg-grey-normal a, .odd-even article:nth-child(odd) a, article.grid.four-cols.small-left:nth-child(even) a, .odd-even article:nth-child(even) a {color: #000 !important;} .bg-grey-dark {background-color: #646464; color: #fff;} .bg-grey-dark a, footer .bg-grey-dark a {color: #fff !important;} .list-view article {background-color: #fff;} .bg-yellow {background-color: #ffff00; color: #000;} .bg-yellow a {color: #000;} .bg-yellow .grid.header a {color: #fff;} .bg-green {background-color: #00d278; color: #fff;} .bg-green a {color: #fff;} .bg-blue-light {background-color: #00dcff; color: #fff;} .bg-blue-light a {color: #fff;} .bg-blue-dark {background-color: #0073ff; color: #fff;} .bg-blue-dark a {color: #fff;} .bg-purple {background-color: #6900ff; color: #fff;} .bg-purple a {color: #fff;} .bg-violet {background-color: #af1ec8; color: #fff;} .bg-violet a {color: #fff;} .bg-pink {background-color: #ff00dc; color: #fff;} .bg-pink a {color: #fff;} .bg-orange-dark {background-color: #ff3700 !important; color: #fff;} .bg-orange-dark a, nav li.bg-orange-dark a {color: #fff !important;} .bg-orange-light {background-color: #ff7300; color: #fff;} .bg-orange-light a {color: #fff;} .bg-yellow-darkened, .bg-yellow .grid.header, .bg-yellow .arrow {background-color: #828200; color: #fff;} .bg-green-darkened, .bg-green .grid.header, .bg-green .arrow {background-color: #008750; color: #fff;} .bg-blue-light-darkened, .bg-blue-light .grid.header, .bg-blue-light .arrow {background-color: #006e82; color: #fff;} .bg-blue-dark-darkened, .bg-blue-dark .grid.header, .bg-blue-dark .arrow {background-color: #003c82; color: #fff;} .bg-purple-darkened, .bg-purple .grid.header, .bg-purple .arrow {background-color: #320082; color: #fff;} .bg-violet-darkened, .bg-violet .grid.header, .bg-violet .arrow {background-color: #5a0f64; color: #fff;} .bg-pink-darkened, .bg-pink .grid.header, .bg-pink .arrow {background-color: #82006e; color: #fff;} .bg-orange-dark-darkened, .bg-orange-dark .grid.header, .bg-orange-dark .arrow {background-color: #821e00; color: #fff;} .bg-orange-light-darkened, .bg-orange-light .grid.header, .bg-orange-light .arrow {background-color: #823c00; color: #fff;} .txt-grey-normal {color: #DCDCDC} .circle, .custom-object {position:absolute;} .bg-yellow .circle {background-image: url("images/circles-yellow-darkened.svg");} .bg-green .circle {background-image: url("images/circles-green-darkened.svg");} .bg-blue-light .circle {background-image: url("images/circles-blue-light-darkened.svg");} .bg-blue-dark .circle {background-image: url("images/circles-blue-dark-darkened.svg");} .bg-purple .circle {background-image: url("images/circles-purple-darkened.svg");} .bg-violet .circle {background-image: url("images/circles-violet-darkened.svg");} .bg-pink .circle {background-image: url("images/circles-pink-darkened.svg");} .bg-green .circle {background-image: url("images/circles-green-darkened.svg");} .bg-orange-dark .circle {background-image: url("images/circles-orange-dark-darkened.svg");} .bg-orange-light .circle {background-image: url("images/circles-orange-light-darkened.svg");} .bg-yellow .details {background-color: #ff3700;} .bg-yellow .details.outside {background-color: transparent; color: 000;} .bg-yellow article a .details {color: #ffffff;} .bg-yellow article a .details.outside {color: #000;} .details {background-color: #ffff00; color: #000;} .details.alt {background-color: #ff3700; color: #fff;} article a {color: #ffffff;} .breadcrumbs a {text-decoration: underline;} .breadcrumbs a:hover {text-decoration: none;} .component {margin: auto; position: relative;} .lift {z-index: 1;} .inner {position: relative; margin: auto;} .inner.normal {max-width: 1150px;} .inner.large {max-width: 1500px;} .inner.small {max-width: 750px;} .inner.xsmall {max-width: 450px;} .bg-cover {background-size: cover;} .bg-center {background-position: center;} .bg-fixed {background-attachment: fixed;} .bg-no-repeat {background-repeat: no-repeat;} figure {position: relative; overflow: hidden;} article {width: 100%; overflow: hidden;} .overflow-hidden {overflow: hidden;} .wrapper {position: relative; overflow: hidden;} .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} .grid.three-cols-large-right a {display: grid; column-count: 3; gap: 20px; grid-template-columns: 1fr 2fr;} .grid.three-cols-large-right article {background-color: #fff} .grid.three-cols-large-right article .details {position: relative; background-color: transparent; display: flex; align-content: center; align-items: center;} .grid.three-cols-large-right article .details .meta, .grid.three-cols-large-right article .details h3 {display: block; width: 100%;} a.btn {padding: 5px 15px 7.5px 15px; display: inline-block;} a.btn.bg-black, .bg-black a.btn.bg-black {color: #fff !important} a.btn.bg-white {color: #000;} a.btn.bg-yellow {color: #000 !important;} a.btn.bg-orange-dark {color: #fff !important} a.btn.bg-grey-normal {color: #000;} a.btn.bg-grey-normal:hover {color: #000;} a.btn.bg-black:hover, a.btn.bg-yellow:hover, a.btn.bg-orange-dark:hover, a.btn.bg-white:hover {background-color: #646464; color: #fff !important;} a.btn.bg-grey-dark:hover {background-color: #ffff00 !important; color: #000;} a.btn.overview {background-image: url("images/icon-overview-white.svg"); background-repeat: no-repeat; background-size: 25px; padding: 5px 15px 7.5px 40px; background-position: left 7.5px center;} .bg-yellow footer a.btn.bg-grey-dark, .bg-yellow a.btn {color: #fff;} .bg-yellow footer a.btn.bg-grey-dark:hover {color: #000;} .header .btn {margin: 5px 0 0 0;} .content-box {margin: 0 auto 35px auto;} .content-box:nth-last-child(1) {margin: 0;} .content-box ul, .content-box ol {padding: 0 0 25px 0;} .content-box li {list-style: none; list-style-position: inside; padding: 0 0 0 20px; background-size: 10px; background-image: url("images/icon-triangle-li-black.svg"); background-position: left top 9.5px;} .bg-black .content-box li, .bg-grey-dark .content-box li, .bg-blue-dark .content-box li, .bg-grey-dark li {background-image: url("images/icon-triangle-li-white.svg") !important;} .content-box a {text-decoration: underline;} .content-box a.btn {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;} .component.edge:nth-child(1) {margin-top: 0;} .component.no-margin {margin: 0 auto;} .component .v-align li, .bg-black .component .odd-even .v-align li, .bg-black .component .content-box li {list-style: none; list-style-position: inside; padding: 0 0 0 20px; background-size: 10px; background-image: url("images/icon-triangle-li-black.svg") !important; background-position: left top 9.5px;} .component .v-align li:nth-last-of-type(1) {margin: 0 0 20px 0;} li span:nth-last-child(1) {display: none;} .component .header .v-align li {background-image: url("images/icon-triangle-li-white.svg") !important;} .component:nth-last-child(1) {margin-bottom: -20px;} img.alignleft, img.alignright {max-width: 250px; padding: 10px; background-color: #fff;} img.aligncenter {max-width: 750px; margin: auto; padding: 10px;} h5 span:last-child {display: none;} header {position: fixed; width: 100%; z-index: 2;} header .inner {width: 100%; max-width: 100%;} header figure {display: inline-block;} #jumbo-menu {position: fixed;} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-family:'brownbold' !important; font-weight: normal;} .mega-wpml-ls-item {width: 100%; display: block;} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-flyout ul.mega-sub-menu {width: auto !important; left: 0; right: 0} .mega-wpml-ls-item {background-color: #000 !important;} .mega-wpml-ls-item a { color: #fff !important;} #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {background-color: transparent !important} /* WPML-taalkeuze: hoofditem */ #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-wpml-ls-current-language > a.mega-menu-link { background: #000 !important; color: #fff !important; } /* Achtergrond van het uitklapmenu */ #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-wpml-ls-current-language > ul.mega-sub-menu { background: #000 !important; padding: 0 !important } /* Links NL, DE enzovoort */ #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-wpml-ls-current-language > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { background: #000 !important; color: #fff !important; } /* Hover en focus */ #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-wpml-ls-current-language > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-wpml-ls-current-language > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus { background: #222 !important; color: #fff !important; } #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {display: none !important } li.bg-grey-dark {background-color: #646464 !important;} li.bg-yellow {background-color: #ffff00 !important;} #wpadminbar:hover {opacity: 1;} .details {width: auto; position: absolute;} .details.outside {position: relative; width: 100%;} .details.small {font-size: 15px; line-height: 15px;} time {font-size: 15px;} .archive .grid h3 {margin: 0;} h6 {display: block; padding: 0 0 8px 0; font-size: 15px; line-height: 15px; margin-top: -5px;} .list-view article a {display: flex; align-content: center; align-items: center;} .list-view figure {width: 25%; padding-bottom: 25%; background-color: #000000;} .list-view figure img { position: absolute; height: auto; max-height: 100%; width: auto; margin: auto; left:0; right:0; top: 0; bottom: 0} .list-view .details {position: relative; background-color: transparent; width: 75%;} .header .circles {position: absolute; left: 0; right: 0; top: 0; bottom:0; background-size: cover;} .header .custom-object.image-small-left-bottom {left: 0; bottom: 0} .bg-blue-light .header .circles {background-image: url("images/hd-circle-blue-light.svg");} .bg-blue-dark .header .circles {background-image: url("images/hd-circle-blue-dark.svg");} .bg-green .header .circles {background-image: url("images/hd-circle-green.svg");} .bg-orange-dark .header .circles {background-image: url("images/hd-circle-orange-dark.svg");} .bg-orange-light .header .circles {background-image: url("images/hd-circle-orange-light.svg");} .bg-pink .header .circles {background-image: url("images/hd-circle-pink.svg");} .bg-purple .header .circles {background-image: url("images/hd-circle-purple.svg");} .bg-violet .header .circles {background-image: url("images/hd-circle-violet.svg");} .bg-yellow .header .circles {background-image: url("images/hd-circle-yellow.svg");} .list-view figure {width: 25%; padding-bottom: 25%; background-color: #000000;} .list-view figure img { position: absolute; height: auto; max-height: 100%; width: auto; margin: auto; left:0; right:0; top: 0; bottom: 0} .single-collection .header figure {width: 25%; padding-bottom: 25%; background-color: #000000;} .single-collection .header figure img { position: absolute; height: auto; max-height: 100%; width: auto; margin: auto; left:0; right:0; top: 0; bottom: 0} .arrow {-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute;} .separator:nth-last-child(1) span {display: none !important;} .navigation-button-toggler {z-index: 999;} .bg-image {position: absolute; left: 0; right:0; top: 0; bottom: 0; display: flex; align-content: center; align-items: center; opacity: 0.7; filter: blur(8px)} .bg-image img {object-fit: cover;} .owl-carousel {z-index: 0 !important;} .owl-carousel .details.small {padding: 5px; background-color: #000; color: #fff;} .owl-nav {position: absolute; width: 100%; height: 0;} .owl-nav button {background-color: transparent; border: 0px !important;} .owl-nav button {font-size: 0 !important; background-repeat: no-repeat; background-position: center;} .owl-nav .owl-prev {background-image: url(images/prev.svg);} .owl-nav .owl-next {float: right; background-image: url(images/next.svg);} .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: transparent; border-radius: 100px; ; margin: 0px 2px; display: block; border: 5px solid #646464 !important;} .owl-dots button.active span {border: 5px solid #000 !important;} .owl-carousel, .owl-stage-outer, .owl-stage, .owl-item {height: auto !important;} .magnifier {width: 35px; height: 35px; background-image: url("images/magnifier-black.svg"); position: absolute; right: 10px; bottom: 10px;} a:hover .magnifier {width: 40px; height: 40px;} .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/icon-triangle-li-black.svg); background-size: 15px; background-position: center; background-repeat: no-repeat; left: 5px; top: 9px} .bg-black .z-header::before, .bg-grey-dark .z-header::before {background-image: url(images/icon-triangle-li-white.svg);} .bg-black .z-active .z-header::before, .bg-grey-dark .z-active .z-header::before {background-image: url(images/icon-triangle-li-black.svg);} .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-active {background-color: #dcdcdc;} .bg-black .z-active, .bg-grey-dark .z-active {background-color: #fff; color: #000;} .z-header .z-title {padding: 5px 0 5px 30px; display: block;} .z-section {margin: 0 0 10px 0;} h3.z-header {height: auto !important;} .wpml-ls-display {display: none;} .wpml-ls-item a {color: #fff; opacity: 0.5;} .wpml-ls-current-language a, .wpml-ls-item a:hover {opacity: 1;} .wpml-ls-legacy-list-horizontal {border: 0px solid transparent; padding: 0 !important; clear: both;} footer {z-index: 1; position: relative;} footer a.social {background-color: #646464; fill: #fff; display: inline-block} footer a.social:hover {background-color: #ffff00; fill: #000;} footer .no-space {font-size: 0;} footer .one-col {text-align: center;} /*footer img {width: auto; margin: 0 0 10px 0;}*/ footer img.max-width {max-width: 200px !important; height: auto} footer img.max-height {max-width: auto !important; width: auto !important; max-height: auto; } footer a.btn {font-size: 17px; line-height: 25px;} .lpt-webinarStatic {max-width: 100% !important; width: 100% !important;} button.lp-form-button, button.onFormSubmittedFeedbackButton.onFormSubmittedFeedbackButtonSuccess, input[type="submit"], input[type="button"] {padding: 5px 15px 7.5px 15px !important; text-transform: none !important; background-color: #000 !important; color: #fff !important; cursor: pointer; border: 0 !important;} .lp-form-field input[type=text], .lp-form-field input[type=email], .gform_wrapper input[type="text"], .gform_wrapper input[type="email"] {border-bottom: 2px solid #000 !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important;} .lp-form-field .lp-label {width: 25% !important;} .lp-form-field input[type=text], .lp-form-field input[type=email] {width: 75% !important;} .onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {font-family:'brownbold' !important; font-weight: normal !important;} .image-choices-field .image-choices-choice {margin: 0 !important; padding: 0;} .image-choices-field .image-choices-choice-image-wrap {} .ginput_container.ginput_container_radio {text-align: center;} .image-choices-field .image-choices-choice-text, .image-choices-field .image-choices-choice-price {font-size: 18px; font-weight: bold; } .image-choices-field .image-choices-choice {border: 0 !important; padding: 0 !important} .image-choices-field .image-choices-choice-selected {background-color: #ffff00 !important; border: 0 !important;} .ginput_container_checkbox .gchoice input[type="checkbox"] {visibility: hidden !important; position: absolute !important; left: -9999px !important;} .gform_wrapper {display: block !important} .gform_wrapper .gform_page_footer {width: 100%; border-top: 2px solid rgba(0,0,0,0.0) !important; text-align: center; margin: 30px 0 !important;} .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {background-color: #000 !important;} .gform_wrapper.gravity-theme .gf_progressbar_blue {background-color: #f3f3f3 !important;} .gform_wrapper.gravity-theme .gf_progressbar {border-radius: 0 !important;} .gfield_label, .gform_wrapper.gravity-theme .gfield_label {font-weight: normal !important;} .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper .gfield_error label [aria-invalid="true"] + label, .gform_wrapper label + [aria-invalid="true"], .gform_wrapper .gfield_error label {color: #ff0000 !important;} .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper .gform_validation_errors {background: #ff0000 !important; border: 2px solid #ff0000 !important; border-radius: 0px !important; color: #fff !important;} .gform_wrapper .gform_validation_errors > h2 {color: #fff !important;} .gform_wrapper.gravity-theme .gf_progressbar_title {font-size: 14px !important; color: #000 !important; text-align: center !important;} .gquiz-field .gchoice {display: inline-block; } .gquiz-field .gchoice input[type=checkbox] {display: none !important;} .gquiz-field label {text-align: center; padding: 5px !important; cursor: pointer !important;} .gchoice input:checked ~ label {background: #ffff00; color: #000 !important;} .gchoice input:checked ~ .image-choices-choice-text {color: #000 !important;} .image-choices-choice-image-wrap {width: 100%; padding: 0;} .gform_wrapper.gravity-theme .gfield-choice-input + label {width: 100%; max-width: 100% !important; vertical-align: top !important:;} .image-choices-field .image-choices-choice-image-wrap {width: 100% !important; padding: 0 0 100% 0 !important; height: auto !important} .image-choices-choice-text {min-height: 60px !important} .bg-green-darkened .textFormFieldBlock label, .bg-green-darkened .consentBlock label p {color: #fff !important;} .bg-green-darkened .bg-none .content-box a {color: #fff;} @media (min-width: 980px) and (max-width: 1499px) { .gquiz-field .gchoice {width: 25% !important;} .six-cols.gquiz-field .gchoice {width: 16.66666666% !important;} .image-choices-field .image-choices-choice-image-wrap {padding: 0;} } @media (min-width: 1500px) { .gquiz-field .gchoice {width: 20% !important;} .six-cols.gquiz-field .gchoice {width: 16.66666666% !important;} } @media (min-width: 481px) and (max-width: 979px) { .gquiz-field .gchoice {width: 33.33333% !important;} } @media (max-width: 480px) { .gquiz-field .gchoice {width: 50% !important;} } .two-cols.wide h5 {line-height: 1} .two-cols.wide h3 {line-height: 1.1; margin: 0 0 5px 0;} .gform_legacy_markup_wrapper ul.gform_fields li.gfield {padding: 0 !important} input[type="search"] {border: 1px solid #fff; outline: 0; padding: 10px; width: 90%; margin: 0 auto 10px auto; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.1); box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);} input[type="search"]:focus {-webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.2); box-shadow: 0 0 15px 2px rgba(0,0,0,0.2); border: 1px solid #f5f5f5} .pum-content {outline: 0;} video {width: 100% !important; height: auto !important; z-index: 1; position: relative;} .gallery figure a {padding: 5px; display: block;} .special {position: fixed; z-index: 2; padding: 7.5px; border-radius: 100%; -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); animation: bounce-special 2s ease infinite;} .special:hover {-webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px 10px rgba(0,0,0,0.2);} .fancybox__backdrop {background-color:rgba(255,255,255,0.8) !important} .is-using-mouse {overflow: hidden;} .fancybox__content {max-width: 1150px; width: 100% !important;} .fancybox__nav, .fancybox__nav button {outline: 0 !important; border: 0 !important;} .fancybox__nav button, .carousel__button.is-close {background-color: #000 !important; border-radius: 0 !important;} a[name] {padding-top: 70px; margin-top: -70px; display: inline-block;} .component .enviso-dialog-content {overflow-x: hidden !important; overflow-y: scroll !important; max-width: 95% !important;} .enviso-dialog-description {padding: 25px 0 0 0 !important;} #custom-donation-dialog {overflow-y: auto !important} .flow {overflow-y: scroll;} #custom-donation-dialog.no-button .enviso-btn, .enviso-dialog-box > nav.enviso-dialog-top-navigation, .enviso-dialog-box > nav.enviso-dialog-top-navigation.no-image {display: none !important; visibility: hidden !important; width: 0 !important;} #cmplz-manage-consent .cmplz-manage-consent {bottom: 0 !important;} .max-height {max-height: 600px} @keyframes bounce-special { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} } @media (min-width: 481px) { .overview-box .grid.four-cols {column-count: 4; grid-template-columns: 1fr 1fr 1fr 1fr;} } /* De link vult de volledige gridcel */ .grid.two-cols.wide > a { display: block; min-width: 0; height: 100%; text-decoration: none; } /* Binnen iedere kaart: afbeelding links, tekst rechts */ .grid.two-cols.wide > a > article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); align-items: center; height: 100%; overflow: hidden; } /* Afbeelding: 1/3 */ .grid.two-cols.wide > a > article > figure { width: 100%; height: 100%; min-width: 0; margin: 0; overflow: hidden; } /* Afbeelding vult het figure-vlak */ .grid.two-cols.wide > a > article > figure img { display: block; width: 100%; height: 100%; object-fit: cover; } /* Tekst: 2/3 en verticaal gecentreerd */ .grid.two-cols.wide > a > article > .details { display: flex; flex-direction: column; justify-content: center; min-width: 0; height: 100%; padding: 30px; } .grid.two-cols.wide img {min-height: auto} .education-term-nav { position: relative; z-index: 1; width: 100%; background: #fff; } /* * De originele navigatie blijft ruimte innemen wanneer * de vaste kopie zichtbaar is. */ .education-term-nav.is-placeholder { visibility: hidden; } /* * Deze kopie wordt door JavaScript rechtstreeks * onder de body geplaatst. */ .education-term-nav-fixed { display: none; position: fixed; right: 0; left: 0; width: 100%; z-index: 9000; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .education-term-nav-fixed.is-active { display: block; } .education-overview, .education-term-sections { overflow: visible !important; } .education-overview-content {display: flow-root; overflow-x: clip; overflow-y: visible;} .education-term-nav { z-index: 9000; align-self: flex-start; width: 100%; background: #fff; } .education-term-section-parent:nth-child(odd) {background-color: #dcdcdc} /* Sticky buitenste balk */ .education-term-nav { z-index: 900; width: 100%; background: #fff; } /* Binnenzijde van de balk */ .education-term-nav-inner { display: flex; align-items: center; min-height: var(--education-nav-height); } /* Lijst met links */ .education-term-nav-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 10px 0; gap: 8px 24px; list-style: none; } /* Losse menu-items */ .education-term-nav-item { flex: 0 0 auto; margin: 0; padding: 0; } /* Links */ .education-term-nav-item a { display: block; padding: 8px 0; color: inherit; line-height: 1.2; text-decoration: none; white-space: nowrap; } /* Child-termen eventueel iets subtieler */ .education-term-nav-item-child a { font-size: 0.9em; font-weight: 400; } /* Hover en toetsenbordfocus */ .education-term-nav-item a:hover, .education-term-nav-item a:focus-visible { text-decoration: underline; text-underline-offset: 5px; } /* * Voorkomt dat een titel na aanklikken achter * de vaste header en sticky balk terechtkomt. */ .education-term-heading { scroll-margin-top: calc( var(--education-header-height) + var(--education-nav-height) + 30px ); } /* Ruimte tussen het termenmenu en de eerste hoofdterm */ .education-term-sections { padding-top: 40px; } /* Ruimte tussen de verschillende hoofdtermen */ .education-term-section-parent + .education-term-section-parent { margin-top: 100px; } /* Ruimte voor de eerste child-term binnen een parent */ .education-term-section-child { margin-top: 60px; } /* Iets meer ruimte tussen opeenvolgende child-termen */ .education-term-section-child + .education-term-section-child { margin-top: 80px; } .education-term-nav { width: 100%; background: #fff; border-top: 0px solid rgba(66, 57, 59, 0.12); border-bottom: 0px solid rgba(66, 57, 59, 0.12); } .education-term-nav-inner { width: 100%; } /* Alle parentgroepen */ .education-term-nav-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 14px 0; gap: 12px; list-style: none; } /* Eén complete parentgroep */ .education-term-nav-group { display: flex; flex: 0 0 auto; align-items: stretch; margin: 0; padding: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, 1); border-radius: 999px; background: #f5f2f3; } /* De hoofdterm */ .education-term-nav-parent { display: flex; align-items: center; padding: 11px 18px; background: #000000; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; } nav li a.education-term-nav-parent {color: #fff !important;} /* Childlijst binnen dezelfde afgeronde groep */ .education-term-nav-children { display: flex; align-items: stretch; margin: 0; padding: 0; list-style: none; } .education-term-nav-children > li { display: flex; margin: 0; padding: 0; } .education-term-nav-children > li + li { border-left: 1px solid rgba(255, 255, 255, 1); } /* De childtermen */ .education-term-nav-child { display: flex; align-items: center; padding: 11px 15px; background: #dcdcdc; color: #000; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; } /* Hover */ .education-term-nav-parent:hover, .education-term-nav-parent:focus-visible { background: #ff3700; } .education-term-nav-child:hover, .education-term-nav-child:focus-visible { background: #ff3700; color: #fff !important; } /* Duidelijke toetsenbordfocus */ .education-term-nav-parent:focus-visible, .education-term-nav-child:focus-visible { position: relative; z-index: 2; outline: 3px solid #a5d9e7; outline-offset: -3px; } @media (min-width: 980px) { .grid.two-cols.wide {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;} .grid.two-cols.wide article:hover {background-color: #fff000;} } @media (max-width: 979px) { .education-term-nav-inner { max-width: none; padding-right: 0; padding-left: 0; } .education-term-nav-list { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; padding: 10px 18px; gap: 10px; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .education-term-nav-list::-webkit-scrollbar { display: none; } .education-term-nav-group { scroll-snap-align: start; } .education-term-nav-parent { padding: 10px 15px; font-size: 14px; } .education-term-nav-child { padding: 10px 13px; font-size: 13px; } .education-term-sections { padding-top: 25px; } .education-term-section-parent + .education-term-section-parent { margin-top: 70px; } .education-term-section-child { margin-top: 45px; } .education-term-section-child + .education-term-section-child { margin-top: 60px; } .education-overview { /* * Hoogte van je mobiele vaste header. */ --education-header-height: 75px; --education-nav-height: 56px; } .education-term-nav-inner { width: 100%; min-height: var(--education-nav-height); padding-right: 0; padding-left: 0; } .education-term-nav-list { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; width: 100%; padding: 8px 18px; gap: 18px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .education-term-nav-list::-webkit-scrollbar { display: none; } .education-term-nav-item a { padding: 10px 0; font-size: 15px; } .education-term-nav-item-child a { font-size: 14px; } .education-term-heading { scroll-margin-top: calc( var(--education-header-height) + var(--education-nav-height) + 20px ); } .grid.two-cols.wide {gap: 10px} } @media (min-width: 980px) { header {height: 100px;} .smaller header {height: 50px;} header figure {width: 234px; height: 100px;} .smaller header figure {width: 117px; height: 50px;} nav .inner .menu {margin-left: auto;} nav .inner .menu, nav .inner .main-menu, nav .inner .main-menu li, nav .inner .main-menu li a {height: 100px;} .smaller nav .inner .menu, .smaller nav .inner .main-menu, .smaller nav .inner .main-menu li, .smaller nav .inner .main-menu li a {height: 50px;} .wpml-ls-legacy-list-horizontal a {line-height: 14px !important; padding: 0px 5px !important; font-size: 14px;} .language-switch {height: 100px; padding: 0;} .smaller .language-switch {height: 50px;} .wpml-ls-item:nth-last-child(1) {padding-bottom: 15px;} #jumbo-menu {z-index: 3; height: 100px; display: flex; align-items: center; align-content: flex-end; text-align: right; width: 100%} #jumbo-menu li span:nth-last-child(1) {display: inline !important;} .smaller #jumbo-menu {height: 50px;} #jumbo-menu #mega-menu-wrap-jumbo-menu {left: 0; right: 0; top: 0; width: 100%; position: absolute;} /*#mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu {width: calc(100% + 225px) !important; margin-left: -225px;}*/ .smaller #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-item > a.mega-menu-link {height: 50px; line-height: 50px;} #mega-menu-jumbo-menu {margin: 0 30px !important;} ul.mega-sub-menu {padding: 45px !important;} ul.mega-sub-menu ul.mega-sub-menu {padding: 0 !important;} ul.mega-sub-menu .mega-menu-row {margin: 0 auto 15px auto !important; float: none !important;} .mega-four-cols-submenu ul.mega-sub-menu li {display: inline-block !important; } #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {background-image: url("images/li-arrow-green.svg") !important; background-repeat: no-repeat !important; background-size: 10px !important} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {padding: 0px !important; background-position: 0 10px; margin: 0 0 6px 0 !important;} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {background-position: 3px 10px !important} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {line-height: 18px !important; margin: 0 0 10px 0 !important; padding: 0 10px 0 20px !important; vertical-align: top !important; display: flex !important; background-repeat: no-repeat !important; background-size: 8px !important; background-position: 0 6px} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {background-position: 3px 6px !important} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {margin: 0 !important;} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {transform: translate(0,0px) !important;} .mega-sub-menu li , .ega-sub-menu{max-width: 1200px !important; margin: auto !important} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {clear:both;} .mega-padding-bottom {padding: 0 0 20px 0 !important;} header.jumbo-menu { display: flex; align-items: stretch; width: 100%; max-width: none; margin: 0; padding: 0; box-sizing: border-box; } /* Logo links: vaste breedte */ header.jumbo-menu > figure { flex: 0 0 234px; width: 234px; max-width: 234px; margin: 0; padding: 0; z-index: 4; } .smaller header.jumbo-menu > figure { flex: 0 0 117px; width: 117px; max-width: 117px; z-index: 4; } header.jumbo-menu > figure a, header.jumbo-menu > figure img { display: block; } header.jumbo-menu > figure img { width: 100%; height: auto; max-width: 100%; } /* Nav vult alle resterende ruimte */ header.jumbo-menu > nav { display: flex; flex: 1 1 auto; align-items: stretch; justify-content: flex-end; width: auto; min-width: 0; margin: 0; padding: 0; } /* * Max Mega Menu-wrapper. * Deze mag niet 100% breed zijn, anders staat de inhoud * niet vanzelf tegen de rechterzijde. */ header.jumbo-menu #mega-menu-wrap-jumbo-menu { width: auto !important; max-width: 100%; margin-left: auto; } header.jumbo-menu ul#mega-menu-jumbo-menu {margin: 0 !important} header.jumbo-menu #jumbo-menu #mega-menu-wrap-jumbo-menu {right: 0px} header.jumbo-menu .active {text-align: left !important} header.jumbo-menu .active a {width: 100%; color: #fff !important;} header.jumbo-menu > nav#jumbo-menu { display: flex; align-items: stretch; justify-content: flex-end; min-width: 0; } /* Alleen Max Mega Menu mag flexibel groeien */ header.jumbo-menu > nav#jumbo-menu > #mega-menu-wrap-jumbo-menu { flex: 0 1 auto; width: auto; } /* Taalkeuze blijft exact 100px breed */ header.jumbo-menu > nav#jumbo-menu > .language-switch { flex: 0 0 100px; width: 100px; min-width: 100px; max-width: 100px; position: relative; margin: 0; } header.jumbo-menu .language-switch, header.jumbo-menu .language-switch * { box-sizing: border-box; } header.jumbo-menu .language-switch .active { display: flex; align-items: center; justify-content: center; width: 100px; height: 100%; margin: 0; padding: 0; } header.jumbo-menu .language-switch .active > a { display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; margin: 0; padding: 0; text-align: center; } header.jumbo-menu .language-switch #items { position: absolute; top: 100%; left: 0; z-index: 1000; width: 100px; min-width: 100px; margin: 0; padding: 0; text-align: center; } header.jumbo-menu .language-switch #items li {padding: 5px 0} header.jumbo-menu .language-switch #items a { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 10px 0; text-align: center; } #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu {width: calc(100% + 100px) !important} header.jumbo-menu .mega-sub-menu .mega-sub-menu li a {font-weight: 400 !important; background-image: url("images/icon-triangle-li-black.svg") !important;} .btn.larger {padding: 12px 22px 14.5px 22px; font-size: 24px;} #items {display: none; position: absolute;} #items.w3-show {display: block;} #items .wpml-ls-item {display: block;} nav.top .language-switch {text-align: center;} .language-switch .active a {color: #fff; display: inline-block; margin: auto; width: 50px; background-image: url("images/icon-triangle-down-white.svg"); text-transform: uppercase; background-position: right center; background-size: 8px} .language-switch .active {margin: 34px 0 0 0;} .smaller .language-switch .active {margin: 9px 0 0 0;} .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;} .wrapper {padding: 100px 0 0 0;} .v-align {display: flex; align-items: center;} .grid {display: grid;} .grid.two-cols {column-count: 2; gap: 20px; grid-template-columns: 1fr 1fr;} .grid.three-cols {column-count: 3; gap: 20px; grid-template-columns: 1fr 1fr 1fr; } .grid.four-cols {column-count: 4; gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-row-gap: 10px} .grid.five-cols {column-count: 5; gap: 5px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .grid.six-cols {column-count: 6; gap: 5px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .grid.three-cols.header {column-count: 3; gap: 20px; grid-template-columns: 2fr 1fr;} .grid.four-cols.small-left {column-count: 4; gap: 20px; grid-template-columns: 1fr 3fr;} .grid.three-cols.small-right {column-count: 3; gap: 20px; grid-template-columns: 2fr 1fr;} .grid.four-cols.small-right {column-count: 4; gap: 20px; grid-template-columns: 3fr 1fr} .grid.three-cols-large-right article:hover a {background-color: #000;} .grid.three-cols-large-right article:hover a .details {color: #fff;} .grid.three-cols-large-right article:hover img {-moz-transform: scale(1.1) translateY(-0px); -webkit-transform: scale(1.1) translateY(-0px); -o-transform: scale(1.1) translateY(-0px); -ms-transform: scale(1.1) translateY(-0px); transform: scale(1.1) translateY(-0px);} .grid.list-view {column-count: 2; gap: 20px; grid-template-columns: 1fr 1fr; grid-row-gap: 20px;} .grid.list-view {grid-row-gap: 20px;} .list-view article:nth-child(1), .list-view article:nth-child(4), .list-view article:nth-child(5), .list-view article:nth-child(8), .list-view article:nth-child(9), .list-view article:nth-child(12), .list-view article:nth-child(13), .list-view article:nth-child(16), .list-view article:nth-child(17), .list-view article:nth-child(20), .list-view article:nth-child(21), .list-view article:nth-child(24), .list-view article:nth-child(25), .list-view article:nth-child(28), .list-view article:nth-child(29), .list-view article:nth-child(32), .list-view article:nth-child(33), .list-view article:nth-child(36), .list-view article:nth-child(37), .list-view article:nth-child(40) {background-color: #fff;} .list-view article:nth-child(2), .list-view article:nth-child(3), .list-view article:nth-child(6), .list-view article:nth-child(7), .list-view article:nth-child(10), .list-view article:nth-child(11), .list-view article:nth-child(14), .list-view article:nth-child(15), .list-view article:nth-child(18), .list-view article:nth-child(19), .list-view article:nth-child(22), .list-view article:nth-child(23), .list-view article:nth-child(26), .list-view article:nth-child(27), .list-view article:nth-child(30), .list-view article:nth-child(31), .list-view article:nth-child(34), .list-view article:nth-child(35), .list-view article:nth-child(38), .list-view article:nth-child(39) {background-color: #DCDCDC;} article.grid.four-cols:nth-last-child(1) {margin-bottom: 0;} .grid.five-cols figure {margin: 0 0 5px 0;} .grid.four-cols figure {margin: 0 0 10px 0;} .grid article:hover img { transform: scale(1.1) translateY(-0px);} footer .grid article:hover img, .grid.list-view article:hover img {transform: scale(1) translateY(0px);} .inline-grid figure {width: 20%; padding: 20px;} .inline-grid figure:hover {padding: 15px;} footer article {padding: 0 5% 0 0;} footer a.social {width: 50px; height: 50px; margin: 0 5px; padding: 5px;} footer a.social svg {width: 40px; height: 40px;} footer a.btn {padding: 13px 15px;} .odd-even article figure, .odd-even article .content {width: 50%;} .odd-even.list article figure {width: 20%;} .odd-even.list article .content {width: 80%;} .odd-even article:nth-child(even) figure {order: 1} .odd-even article:nth-child(even) .content {order: 2} .odd-even article:nth-child(odd) figure {order: 2} .odd-even article:nth-child(odd) .content {order: 1} .odd-even h3 {margin: 0 0 20px 0;} .odd-even h3.no-margin {margin: 0;} .circle {width: 40%; padding: 0 0 40% 0;} .circle.left-top {left: -10%; top: 10%;} .circle.right-bottom {right: -10%; bottom: 50%;} .header .custom-object.image-small-left-bottom {max-width: 175px;} .fancybox__slide {padding: 50px !important;} .mobile-only {display: none;} .single-collection .header .content {width: 75%;} .inner.xsmall figure {max-width: 75%; margin: auto !important;} .map {height: 75vh; max-height: 800px} } @media (min-width: 980px) and (max-width: 1499px) { footer h3, footer .three-cols h3 {font-size: 26px; line-height: 34px;} .one-col h3, h1 {font-size: 36px; line-height: 42px;} .two-cols h3, h1.small {font-size: 26px; line-height: 32px;} .three-cols h3, footer h3, footer .three-cols h3, .two-cols.small h3 {font-size: 20px; line-height: 24px;} .six-cols h3 {font-size: 15px; line-height: 20px;} .two-cols.wide h3 {font-size: 19px;} .padding-n-n-n-n {padding: 37.5px} .padding-n-l-n-l {padding: 37.5px 50px;} .padding-s-s-s-s {padding: 25px;} .padding-n-s-n-s {padding: 37.5px 25px} .padding-s-n-s-n {padding: 25px 37.5px} .padding-xs-xs-xs-xs {padding: 15px} .padding-xs-n-xs-n {padding: 15px 37.5px} .padding-np-np-l-np {padding: 0 0 50px 0;} .padding-np-np-xs-np {padding: 0 0 15px 0;} .padding-n-np-n-np {padding: 37.5px 15px} .lift {margin: -50px auto 0 auto; position: relative} .component {width: calc(100% - 100px); margin: 20px auto 0 auto;} .component.edge {width: 100%; padding: 20px 50px 50px 50px;} .one-col .details {left: 37.5px; bottom: 37.5px; padding: 25px;} .two-cols .details, .three-cols .details, .item-slider .details {left: 10px; margin: 0 10px 0 0; bottom: 10px; padding: 5px 10px 7px 10px;} .details.outside {left: 0; bottom: 0; margin: 0 0 35px 0;} .details .meta {margin: 0;} .details {line-height: 20px;} .language-switch, .language-switch #items {width: 50px;} .one-col article:hover .details {bottom: 47.5px;} .two-cols article:hover .details, .three-cols article:hover .details, .item-slider article:hover .details {bottom: 15px;} .two-cols article:hover .details.outside, .three-cols article:hover .details.outside {left: 0; bottom: 0;} .arrow {right: -12.5px; bottom: calc(50% - 12.5px)} footer h3 {margin: 0 0 25px 0;} .special.right-bottom {right: 45px; bottom: 45px;} .special, .special:hover, .smaller .special:hover {width: 125px;} .smaller .special {width: 100px;} .fancybox__content {padding: 37.5px !important;} } @media (min-width: 980px) and (max-width: 1199px) { nav a {font-size: 14px;} #drawer .menu li {padding: 0 4px;} } @media (min-width: 1200px) and (max-width: 1499px) { nav a {font-size: 18px;} #drawer .menu li {padding: 0 10px;} } @media (min-width: 800px) and (max-width: 979px) { .grid.three-cols.small-right, .grid.four-cols.small-right {column-count: 3; gap: 15px; grid-template-columns: 2fr 1fr;} } @media (max-width: 799px) { .first {order: 1; margin: 0 0 20px 0 !important;} .second {order: 2;} .grid.table .col.right {margin: 0 0 15px 0;} } @media (min-width: 799px) { .grid.two-cols.one-four {grid-template-columns: 1fr 4fr;} .grid.two-cols.one-three {grid-template-columns: 1fr 3fr;} .grid.two-cols.one-two {grid-template-columns: 1fr 2fr;} } @media (min-width: 1500px) { body, textarea, input, .overview-box .txt-normal p, .gfield_label, button.lp-form-button {font-size: 18px; line-height: 28px; position: relative;} footer h3, footer .three-cols h3 {font-size: 32px; line-height: 34px;} .one-col h3, h1, .video-intro h2 {font-size: 56px; line-height: 66px;} .two-cols h3, h1.small {font-size: 36px; line-height: 42px;} .three-cols h3, nav a, .video-intro, p.large, .two-cols.small h3 {font-size: 22px; line-height: 30px;} .six-cols h3 {font-size: 16px; line-height: 20px;} .two-cols.wide h3 {font-size: 21px; } .padding-n-n-n-n {padding: 75px} .padding-n-l-n-l {padding: 75px 100px;} .padding-s-s-s-s {padding: 50px;} .padding-n-s-n-s {padding: 75px 50px} .padding-s-n-s-n {padding: 50px 75px} .padding-xs-xs-xs-xs {padding: 25px} .padding-np-np-xs-np {padding: 0 0 25px 0;} .padding-xs-n-xs-n {padding: 25px 75px} .padding-np-np-l-np {padding: 0 0 100px 0;} .padding-n-np-n-np {padding: 75px 0} .lift {margin: -100px auto 0 auto; position: relative} .component {width: calc(100% - 200px); margin: 20px auto 0 auto;} .component.edge {width: 100%; padding: 20px 100px 100px 100px;} .one-col .details .meta {margin: 25px 0 0 0;} .details .meta {margin: 0;} .v-align h1 {margin: 0 0 20px 0;} #drawer .menu li {padding: 0 20px;} .language-switch, .language-switch #items {width: 100px;} .one-col figure {max-height: 70vh; min-height: 600px; display: flex; align-content: center;} .one-col img {-o-object-fit: cover; object-fit: cover; } .one-col.small .details {left: 50px; bottom: 50px; padding: 25px; max-width: 450px;} .one-col.normal .details {left: 50px; bottom: 50px; padding: 25px; max-width: 600px;} .one-col.large .details {left: 75px; bottom: 75px; padding: 50px; max-width: 60%;} .two-cols .details, .three-cols .details, .item-slider .details {left: 20px; bottom: 20px; padding: 10px 20px 15px 20px; margin: 0 20px 0 0;} .details.outside {left: 0; bottom: 0; margin: 0 0 45px 0;} .one-col article:hover .details {bottom: 100px;} .two-cols article:hover .details, .three-cols article:hover .details, .item-slider article:hover .details {bottom: 30px;} .two-cols article:hover .details.outside, .three-cols article:hover .details.outside {left: 0; bottom: 0} .arrow {right: -17.5px; bottom: calc(50% - 17.5px); width: 35px; height: 35px;} footer h3 {margin: 0 0 50px 0;} .special.right-bottom {right: 95px; bottom: 95px;} .special, .special:hover, .smaller .special:hover {width: 150px;} .smaller .special {width: 100px;} .fancybox__content {padding: 75px !important;} } @media (max-width: 1499px) { body, textarea, input, .overview-box .txt-normal p, .gfield_label, button.lp-form-button {font-size: 17px; line-height: 25px; position: relative;} .arrow {width: 25px; height: 25px;} } @media screen and (max-width: 979px) { #wpadminbar {display: none !important} header {height: 75px; } header figure {width: 176px; height: 75px;} header.jumbo-menu {position: absolute} .smaller header {height: 50px;} .smaller header figure {width: 117px; height: 50px;} nav li, .extra-button {display: block; padding: 0px; position: relative; font-size: 18px;} .extra-button {display: inline-block; position: fixed; top: 0; z-index: 999;} .extra-button a {display: block;} .smaller .extra-button a {padding: 11px 10px 15px 10px} .wrapper {padding: 75px 0 0 0; min-height: 100%;} footer h3, footer .three-cols h3 {font-size: 26px; line-height: 34px;} .one-col h3, h1 {font-size: 28px; line-height: 34px;} h2 {font-size: 24px; line-height: 30px;} .two-cols h3 {font-size: 18px;} .three-cols h3, nav a, footer h3, footer .three-cols h3 {font-size: 18px; line-height: 20px;} .three-cols-large-right h3 {font-size: 17px; line-height: 20px;} .grid.two-cols article, .grid.three-cols article, .odd-even article {max-width: 700px; margin-left: auto; margin-right: auto;} .odd-even.list article {margin: 0 auto 15px auto;} .grid article:nth-last-child(1) {margin: 0 auto 0 auto;} .details {left: 10px; bottom: 10px; padding: 5px 10px 10px 10px;} .grid.three-cols-large-right .details {left: auto; bottom: auto; padding: 0;} .details.outside {left: 0; bottom: 0;} .breadcrumbs {margin: 0 0 15px 0;} .details .meta {margin: 0; font-size: 15px;} .video-intro h2:nth-last-child(1) {margin: 0 0 20px 0;} .list-view .details {bottom: auto; left: auto;} footer h3 {margin: 0 0 20px 0;} footer a.social {width: 40px; height: 40px; margin: 0 2.5px; padding: 2.5px;} footer a.social svg {width: 35px; height: 35px;} footer section {text-align: center; } footer .grid {max-width: 500px; margin: auto;} .circle {width: 65%; padding: 0 0 65% 0;} .circle.left-top { left: -15%; top: 5%;} .circle.right-bottom {right: -15%; bottom: 50%;} .header .custom-object.image-small-left-bottom {max-width: 100px;} .arrow {right: calc(50% - 10px); bottom: -10px; width: 20px; height: 20px;} .special.right-bottom {right: 20px; bottom: 20px;} .smaller .special.right-bottom {right: 10px; bottom: 10px;} .special, .special:hover, .smaller .special:hover {width: 100px;} .smaller .special {width: 75px;} .fancybox__slide {padding: 15px !important;} .fancybox__content > .carousel__button.is-close {top: 0px !important;} .fancybox__nav .carousel__button.is-next {right: 3px !important;} .fancybox__nav .carousel__button.is-prev {left: 3px !important;} .carousel__button {width: 35px !important; height: 35px !important;} input[type="submit"] {-webkit-appearance: none; border-radius: 0 !important;} .btn.larger {padding: 10px 20px 12.5px 20px; font-size: 22px;} .btn {margin: 5px auto;} .single-collection .header .content {width: 100%; text-align: center;} .single-collection .header figure {margin: auto !important;} .inner.xsmall figure {max-width: 50%; margin: auto !important;} .map {height: 75vh; max-height: 600px} nav#jumbo-menu {width: 100%; right: 0; top: 0; position: absolute;} header #mega-menu-wrap-jumbo-menu {position: relative; width: 100% !important; display: block;} #mega-menu-wrap-jumbo-menu {position: relative; width: 100% !important;} #mega-menu-wrap-jumbo-menu .mega-menu-toggle {width: 100% !important; display: block !important; position: relative;} #mega-menu-wrap-jumbo-menu .mega-menu-toggle .mega-toggle-blocks-right {width: 75px !important; position: absolute; right: 0; height: 75px; padding: 0!important} .smaller #mega-menu-wrap-jumbo-menu .mega-menu-toggle .mega-toggle-blocks-right {height: 50px} .mega-toggle-blocks-left, .mega-toggle-blocks-center {display: none !important;} .mega-toggle-blocks-right {width: 100% !important; background-color: #000;} .extra-button {display: none !important} .language-switch, .language-switch #items {width: 100px;} header.jumbo-menu figure {z-index: 8} /* Taalkeuze blijft exact 100px breed */ header.jumbo-menu > nav#jumbo-menu > .language-switch { flex: 0 0 100px; width: 100px; min-width: 100px; max-width: 100px; position: relative; margin: 0; } #mega-menu-wrap-jumbo-menu .mega-menu-toggle .mega-toggle-blocks-right {justify-content: center !important;} #mega-menu-wrap-jumbo-menu .mega-menu-toggle {height: 75px !important} .smaller #mega-menu-wrap-jumbo-menu .mega-menu-toggle {height: 50px !important} .smaller .extra-button {height: 50px} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-item > a.mega-menu-link {font-size: 16px !important} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 5px !important} #mega-menu-wrap-jumbo-menu #mega-menu-jumbo-menu > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 5px !important} } @media (min-width: 481px) and (max-width: 979px) { .padding-n-n-n-n {padding: 25px} .padding-n-l-n-l {padding: 25px;} .padding-s-s-s-s {padding: 25px;} .padding-n-s-n-s {padding: 25px} .padding-s-n-s-n {padding: 25px} .padding-xs-xs-xs-xs {padding: 15px} .padding-xs-n-xs-n {padding: 25px;} .padding-np-np-l-np {padding: 0 0 25px 0;} .padding-np-np-xs-np {padding: 0 0 15px 0;} .padding-n-np-n-np {padding: 25px} .component {width: calc(100% - 50px); margin: 15px auto 0 auto;} .component.edge {width: 100%; padding: 15px 25px 25px 25px; /*margin-top: 0;*/} .grid article {margin: 0 0 20px 0;} .inline-grid figure {width: 25%; padding: 10px;} .fancybox__content {padding: 25px !important;} .extra-button {right: 75px; } } @media (max-width: 480px) { .padding-n-n-n-n {padding: 15px;} .padding-n-l-n-l {padding: 15px;} .padding-s-s-s-s {padding: 15px;} .padding-n-s-n-s {padding: 15px} .padding-s-n-s-n {padding: 15px} .padding-xs-xs-xs-xs {padding: 10px} .padding-xs-n-xs-n {padding: 10px;} .padding-np-np-l-np {padding: 0 0 15px 0;} .padding-np-np-xs-np {padding: 0 0 10px 0;} .padding-n-np-n-np {padding: 15px} .component {width: calc(100% - 30px); margin: 10px auto 0 auto;} .component.edge {width: 100%; padding: 15px; /*margin-top: 0;*/} .grid article {margin: 0 0 15px 0;} .inline-grid figure {width: 33.333333%; padding: 5px;} .grid.one-col .details {position: relative; left: 0;} .extra-button {right: 60px; } footer {margin: 15px auto 0 auto} .single-collection footer, .tax-subcollection footer {margin: auto;} .owl-stage-outer {height: auto !important; position: relative; max-height: 210px;} .owl-stage {background-color: rgba(0,0,0,0); height: auto !important; } .fancybox__content {padding: 0px !important;} .fancybox__content .padding-xs-xs-xs-xs {padding: 15px 27.5px;} } @media (min-width: 481px) { footer {margin: 20px auto 0 auto;} .single-collection footer, .tax-subcollection footer {margin: auto;} } @media screen and (max-device-width: 1500px){ body {-webkit-text-size-adjust: none;} input[type="submit"] {-webkit-appearance: none; border-radius: 0;} } /** * 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} /*! lightgallery - v1.6.0 - 2017-08-08 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2017 Sachin N; Licensed GPLv3 */ .lg-icon { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0); color: #fff; cursor: pointer; display: block; background-repeat: no-repeat; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: 0; outline: none; width: 50px; height: 50px; background-size: 50px; background-position: center; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next, .lg-actions .lg-prev {background-image: url(images/icon-triangle-li-white.svg);} .lg-actions .lg-next { right: 20px; } .lg-actions .lg-prev { left: 20px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; height: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; background-position: center; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close { background-image: url(images/close-white.svg); background-repeat: no-repeat; } .lg-toolbar .lg-download:after { } .lg-sub-html { background-color: rgba(0, 0, 0, 0.0); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #191919; text-align: center; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { opacity: 0.5; cursor: pointer; display: inline-block; overflow: hidden; height: 100%; border: 0; padding: 5px 0; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { opacity: 1; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #191919; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb { background-image: url(images/close-white.svg); background-position: center; background-repeat: no-repeat; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #7e8b7d; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group {text-align: center; width: 100% !important;} .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item img {border: 0;} .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 0.8; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-autoplay-button, .lg-fullscreen, #lg-zoom-in, #lg-zoom-out, #lg-actual-size, #lg-share {display: none !important;}