/* Theme Name: Gulpener Author: Sascha Teschner Author URI: www.saschateschner.nl Version: 05092401 */ @import url('css/reset.css'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap'); @font-face {font-family: "MonstroSolid"; src: url('fonts/monstrosolid.woff2') format('woff2'), url('fonts/monstrosolid.woff') format('woff');} :not(#preloader):not(#status):not(.rellax):not(.wow):not(.z-content) {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} body, p {font-family: 'montserrat', sans-serif; } h1, h2, h3, .btn, input[type="submit"], nav, h5, .legend, .age-gate__submit {font-family: "MonstroSolid", 'sans-serif'; font-weight: normal} .large, .medium, strong {font-weight: 800;} strong {font-weight: 600;} .txt-center {text-align: center;} .txt-left {text-align: left;} .txt-right {text-align: right;} img.aligncenter {max-width: 750px; margin: auto;} .overflow-hidden, .noscroll, .lg-on {overflow: hidden;} img.cover {-o-object-fit: cover; object-fit: cover; max-width: none !important; height: 100%; display: block;} .rounded {border-radius: 1000px} a, footer article a {cursor: pointer; text-decoration: underline;} a.muted {cursor: not-allowed; opacity: 0.5; background-image: none;} a.btn, nav a, article a {text-decoration: none;} p {padding: 0 0 25px 0; margin: 0;} p:nth-last-child(1) {padding: 0;} h5 span:nth-last-child(1) {display: none;} .component.no-margin {margin: 0 auto;} body, input[type="email"] {font-size: 17px; line-height: 25px;} input[type="submit"] {border: 0;} #preloader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999999;} #status {position: absolute; left: 50%; top: 50%; opacity: 1; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px;} .lds-roller { /* change color here */ color: var(--hoppy-green) } .lds-roller, .lds-roller div, .lds-roller div:after { box-sizing: border-box; } .lds-roller { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7.2px; height: 7.2px; border-radius: 50%; background: currentColor; margin: -3.6px 0 0 -3.6px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 62.62742px; left: 62.62742px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 67.71281px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 70.90963px; left: 48.28221px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 70.90963px; left: 31.71779px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 67.71281px; left: 24px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 62.62742px; left: 17.37258px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12.28719px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } :root { --off-white: #FCFAF3; --black: #000000; --sunset-red: #D41130; --hoppy-green: #596B14; --fresh-green: #C3CE93; --pattern-green: #95AF64; --brewery-red: #AD2321; --white: #ffffff; --korenwolf-blue-dark: #2E4473; --korenwolf-beige: #F1E6D0; --black-25: rgba(0,0,0,0.25); --black-20: rgba(0,0,0,0.20); --black-10: rgba(0,0,0,0.10); } ::-moz-selection { color: var(--off-white); background: var(--sunset-red);} ::selection {color: var(--off-white); background: var(--sunset-red);} body {background-color: var(--off-white); color: var(--black); height: 100vh; } a {color: var(--black);} .grid a {color: var(--hoppy-green);} .bg-hoppy-green .grid a, .primary-nav .content-box a, .bg-hoppy-green a {color: var(--off-white);} .bg-black {background-color: var(--black); color: var(--off-white)} .bg-off-white {background-color: var(--off-white);} .bg-sunset-red {background-color: var(--sunset-red); color: var(--off-white)} .bg-hoppy-green {background-color: var(--hoppy-green); color: var(--off-white)} .bg-fresh-green {background-color: var(--fresh-green); color: var(--black)} .bg-pattern-green {background-color: var(--pattern-green); color: var(--off-white)} .bg-brewery-red {background-color: var(--brewery-red); color: var(--off-white)} .bg-white {background-color: var(--white)} .bg-korenwolf-blue-dark {background-color: var(--korenwolf-blue-dark); color: var(--off-white)} .bg-korenwolf-beige {background-color: var(--korenwolf-beige)} .bg-black-25 {background-color: var(--black-25)} .bg-black-20 {background-color: var(--black-20)} .bg-black-10 {background-color: var(--black-10)} .txt-sunset-red {color: var(--sunset-red);} .txt-hoppy-green {color: var(--hoppy-green);} .txt-fresh-green {color: var(--fresh-green);} .txt-pattern-green {color: var(--pattern-green);} .txt-brewery-red {color: var(--brewery-red);} .txt-off-white {color: var(--off-white);} .txt-korenwolf-blue-dark {color: var(--korenwolf-blue-dark)} .bg-none .odd-even article {background-color: var(--off-white); } .bg-none .odd-even article h3, .bg-none .owl-item h3 {color: var(--hoppy-green);} .bg-none .odd-even article h5 {color: var(--pattern-green);} .odd-even h5 {margin: 0 0 10px 0;} .bg.footer path#illustration {fill: var(--pattern-green);} .bg.footer path#gulpener, .bg.footer path#since {fill: var(--fresh-green);} .app, .dots {background-image: url("images/bg-dots-white.webp"); background-attachment: fixed;} #header .dots {background-image: url("images/bg-dots-black.webp");} .dots {left: 0; right: 0; top: 0; bottom: 0; position: absolute; opacity: 0.05} header figure path {fill: var(--sunset-red)} .gradient, .bg-black-gradient { background: rgb(32,35,39); background: linear-gradient(0deg, rgba(32,35,39,0.5) 0%, rgba(128,128,128,0.1) 100%); } article .cover, .color-box {left: 0; right: 0; top: 0; bottom: 0;} article .cover, article .inline, .color-box {position: absolute; } .odd-even article figure {background-color: transparent;} .btn, input[type="submit"] {position: relative; display: inline-block; transition: 2s ease all; border-radius: 3px; background-repeat: no-repeat; text-decoration: none; text-align: left;} .top-link, .btn.arrow, input.arrow {background-image: url("images/arrow-off-white.svg");} .btn.shop {background-image: url("images/shop-off-white.svg");} .odd-even .btn {background-color: var(--sunset-red); color: var(--off-white)} .btn.bg-korenwolf-blue-dark {color: var(--off-white)} .owl-nav button {background-image: url(images/arrow-off-white.svg); background-repeat: no-repeat; background-color: var(--sunny-red) !important;} .bg-none .owl-nav button, .bg-off-white .owl-nav button, .bg-white .owl-nav button {background-image: url(images/arrow-hoppy-green.svg); background-color: var(--off-white) !important;} .component {margin: 0; position: relative;} .component.no-overflow { overflow: hidden;} .grid h3 {position: relative;} .inner {position: relative; margin: auto;} .inner.normal {max-width: 1400px;} .inner.small {max-width: 1100px;} .full-height {height: 100vh;} .large-height {height: 75vh;} .normal-height {height: 50vh;} .bg-image {position: absolute;} .bg-cover {background-size: cover;} .bg-center {background-position: center;} .bg-fixed {background-attachment: fixed;} .bg-no-repeat, article .content.inline {background-repeat: no-repeat;} article figure, .app, .lift {position: relative} .overflow-hidden, figure, .app {overflow: hidden;} #header h1 {z-index: 1; position: relative;} article {width: 100%;} input[type=submit] {background-repeat: no-repeat; background-position: right center; display: inline-block; background-size: 20px;} .content-box {margin: 0 auto;} /*.content-box:nth-last-child(1) {margin: 0 auto;}*/ .content-box ul {padding: 0 0 25px 0;} .content-box li {list-style: none; list-style-position: inside; padding: 0 0 0 25px; position:relative;background-position: 0 8px; background-size: 15px; background-image: url("images/arrow-hoppy-green.svg");} .no-lift .content.lift {margin: 0;} .grid .content-box a, .content-box a {text-decoration: underline;} .content-box a.btn, .grid a, .owl-item a {text-decoration: none;} header {position: absolute; width: 100%; z-index: 10004; height: 0; text-align: center; top: 0;} header figure {display: inline-block; margin: 10px auto 0 auto;} .overflow-hidden header figure {display: none;} .primary-nav {background-color: var(--hoppy-green); height: 100%;} .primary-nav li {position: relative;} .primary-nav li a {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; color: var(--off-white); background-image: url("images/arrow-off-white.svg"); background-repeat:no-repeat; } .primary-nav li.shop a {background-image: url("images/shop-off-white.svg"); } .primary-nav li.arrow-down a {background-image: url("images/arrow-down-off-white.svg"); } .primary-nav ul, .primary-nav li {list-style: none; text-align: left;} .primary-nav li.arrow-down .sub-menu a {font-weight: normal; color: var(--fresh-green); background-image: url("images/arrow-fresh-green.svg")} .primary-nav ul {margin: auto;} .primary-nav.is-visible {transition: .3s ease-in-out !important; z-index: 220; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .primary-nav {z-index: 0; position: fixed; right: 0; top: 0; bottom: 0; height: auto; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} .primary-nav-trigger {cursor: pointer; line-height: 30px; background-size: cover; position: absolute; width: 50px; height: 50px; padding: 25px 0 0 0; margin: 0 0 0 0; } .primary-nav-trigger .menu-icon {display: inline-block; position: absolute; background-color: var(--off-white); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;} .primary-nav-trigger .menu-icon::before, .primary-nav-trigger .menu-icon:after {content: ''; width: 100%; height: 100%; position: absolute; background-color: var(--off-white); top: 18px; right: 0; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s;} .primary-nav-trigger .menu-icon.is-clicked {visibility: hidden; -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s;} .primary-nav-trigger .menu-icon.is-clicked::before, .primary-nav-trigger .menu-icon.is-clicked::after {visibility: visible !important;} .primary-nav-trigger .menu-icon.is-clicked::before {top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .primary-nav-trigger .menu-icon.is-clicked::after {top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .primary-nav-trigger .menu-icon {left: auto; -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);} .primary-nav-trigger .menu-icon {right: 10px; width: 30px; height: 5px;} .primary-nav-trigger .menu-icon::before {top: -11px;} .primary-nav-trigger .menu-icon::after {top: 11px;} .overflow-hidden .primary-nav.is-visible, .primary-nav {z-index: 10000 !important;} .menu, .overflow-hidden .menu {z-index: 10001 !important;} .menu-holder {position: fixed; width: 100%; z-index: 10001;} .media-holder {position: relative; /*overflow: hidden;*/ width: 100%;} .media-holder .block {display: block; z-index: 2;} .fluid {width: 100% !important; height: auto !important;} .fit {position: absolute; top: 50%; left: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); object-fit: cover;} .media-holder img {width: auto; height: 100%; object-fit: cover; object-position: center} .media-holder .content, .media-holder .cover {width: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0;} .media-holder .fit-image {object-fit: cover; display: flex; align-content: center; align-items: center;} .media-holder figure {margin: 0 0 0 0px; width: 100%; height: 100%;} .owl-carousel {z-index: 0 !important; margin: auto} .owl-carousel, .owl-stage, .owl-item {height: auto !important;} .owl-carousel.nav-full-height-outer .owl-stage-outer, .owl-carousel.nav-full-height-inner .owl-stage-outer {z-index: 2;} .owl-nav {position: absolute; width: 100%; top: calc(50% - 25px); height: 0;} .owl-nav button {font-size: 0 !important; background-repeat: no-repeat; background-position: center; background-color: transparent; border: 0 !important;} .owl-nav .owl-prev { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);} .owl-nav .owl-next {float: right} .owl-nav .owl-prev {margin: 0 0 0 10px;} .owl-nav .owl-next {margin: 0 10px 0 0; } .owl-carousel.nav-full-height-inner .owl-nav {top: 0; bottom: 0; height: 100% !important; z-index: 2;} .owl-carousel.nav-full-height-inner .owl-nav button {height: 100%;} .owl-carousel.nav-full-height-inner .owl-nav .owl-prev {margin: 0 0 0 0px;} .owl-carousel.nav-full-height-inner .owl-nav .owl-next {margin: 0 0px 0 0;} .single-slider .owl-nav .owl-prev, .single-slider .owl-nav .owl-next {margin: 0; } .owl-carousel .owl-dots {text-align: center;} .owl-carousel button.owl-dot {width: 15px; height: 15px; border: 2px solid var(--off-white) !important; display: inline-block; background-color: transparent; margin: 0 5px; border-radius: 100px;} .owl-carousel button.owl-dot.active {background-color: var(--off-white);} .bg-white .owl-carousel button.owl-dot, .bg-off-white .owl-carousel button.owl-dot {border: 2px solid var(--hoppy-green) !important;} .bg-white .owl-carousel button.owl-dot.active, .bg-off-white .owl-carousel button.owl-dot.active {background-color: var(--hoppy-green);} .owl-item, .owl-item.cloned {opacity: 0} .owl-item.active {opacity: 1;} .disabled {display: none;} .z-header {height: auto !important; } .z-section.z-active {background-color: var(--off-white); color: var(--hoppy-green)} .z-header::before {position: absolute; content: ""; -webkit-transition: -webkit-transform 125ms ease-in-out; transition: transform 125ms ease-in-out; background-position: center; background-repeat: no-repeat; width: 25px; height: 25px; right: 10px; top: 9px; background-size: 25px; background-image: url("images/arrow-white.svg");} .z-active .z-header::before {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); content: ""; -webkit-transition: -webkit-transform 125ms ease-in-out; transition: transform 125ms ease-in-out;background-position: center; background-repeat: no-repeat; background-image: url("images/arrow-dark-grey.svg");} .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-header .z-title {display: block;} .z-section {margin: 0 0 4px 0; } .z-section:nth-last-child(1) {margin: 0;} .grid {display: grid;} .row {display: flex;} .social-link {display: inline-block; position: relative;} .social-link:hover {padding: 0 !important; background-color: var(--off-white); background-size: 25px;} .social-link {width: 50px; height: 50px; padding: 0 !important; background-size: 20px;} .facebook {background-image: url("images/facebook.svg");} .instagram {background-image: url("images/instagram.svg");} .youtube {background-image: url("images/youtube.svg");} .top-link {transition: all 0.25s ease-in-out; position: fixed; bottom: 0; right: 0; display: inline-flex; cursor: pointer; align-items: center; justify-content: center; z-index: 10004; border: 0px; background-repeat: no-repeat; background-position: center; background-size: 20px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: var(--brewery-red); border-radius: 3px;} .top-link.show {visibility: visible; opacity: 1;} .top-link.hide {visibility: hidden; opacity: 0;} .screen-reader-text{position:absolute;clip-path:inset(50%);margin:-1px;border:0;padding:0;width:1px;height:1px;overflow:hidden;word-wrap:normal!important;clip:rect(1px,1px,1px,1px)}.screen-reader-text:focus{display:block;top:5px;left:5px;z-index:100000;clip-path:none;background-color:#eee;padding:15px 23px 14px;width:auto;height:auto;text-decoration:none;line-height:normal;color:#444;font-size:1em;clip:auto!important} footer {z-index: 1; position: relative; margin: 0px auto 0 auto;} footer a {text-decoration: underline !important;} .component {z-index: 1;} .bg {position: absolute; z-index: 0;} input[type="text"], input[type="tel"], input[type="email"], textarea { width: 100%; background-color: var(--off-white) !important; border: 1px solid var(--pattern-green); outline: 0; color: var(--black); margin: 0 0 10px 0;} input[type="submit"] {cursor: pointer} .dev {border: 2px solid #ff0000;} .bar {width: 94px; height: 28px;} .zero {background-image: url("images/taste-0.svg")} .half {background-image: url("images/taste-05.svg")} .one {background-image: url("images/taste-1.svg")} .one-and-a-half {background-image: url("images/taste-15.svg")} .two {background-image: url("images/taste-2.svg")} .two-and-a-half {background-image: url("images/taste-25.svg")} .three {background-image: url("images/taste-3.svg")} .product-description .bar {margin: 0 0 10px 0;} .product.tip {background-image: url("images/eat-tip.svg"); padding: 2px 0 10px 50px; background-size: 40px;} figure.product-image {position: relative;} .product-image .award {position: absolute;} .product-image .award .padding-s {padding: 0;} .single-products .grid.two-cols figure {overflow: visible} .age-gate__submit.age-gate__submit--yes {background-color: var(--hoppy-green)} .age-gate__submit.age-gate__submit--no {background-color: var(--sunset-red)} .age-gate__submit {font-weight: normal !important; font-size: 22px !important;} .age-gate__headline {font-size: 30px !important; line-height: 30px !important;} .age-gate__heading {display: none;} .bg.card {position: absolute; top: 0; bottom: 0; left: 0; right: 0;} @media (min-width: 980px) { body {font-size: 18px; line-height: 26px;} h1 {font-size: 65px; line-height: 65px;} #header h1 {font-size: 10vw; line-height: normal} h2 {font-size: 36px; line-height: 44px;} .section-title h2 {font-size: 90px; line-height: 80px;} h2.large {font-size: 135px; line-height: 135px} h3 {font-size: 42px; line-height: 42px;} h4 {font-size: 18px; line-height: 20px;} h5 {font-size: 24px;} .btn, input[type="submit"] {font-size: 36px;} nav li a {font-size: 65px; line-height: 65px;} nav ul.sub-menu li a {font-size: 48px; line-height: 48px;} .large {font-size: 30px; line-height: 42px;} .medium {font-size: 24px; line-height: 36px;} .inner.normal, .inner.small {width: 98%;} .padding-s {padding: 25px;} .padding-n {padding: 50px;} .padding-l {padding: 75px;} #header .padding-xl {padding: 250px 0 150px 0;} .padding-s-np {padding: 25px 0} .padding-n-np {padding: 50px 0} .padding-l-np {padding: 75px 0} .section-title.txt-left h2 {width: 50%; } footer .grid h3 {margin: 0 0 37.5px 0;} .grid.odd-even h3, .two-cols .extended h3, .content-box h2 {margin: 0 0 25px 0;} .v-align {display: flex; align-items: center; align-content: center;} .primary-nav-trigger {width: 50px; height: 50px; margin: 0 0 0 0; right: 20px; top: 27.5px;} .smaller .primary-nav-trigger {top: 0px;} .primary-nav {padding: 75px 0 0 0; height: 100%;} .primary-nav.is-visible {width: 40%; min-width: 600px; height: 100%;} .primary-nav ul.menu {padding: 0; margin: 0 0 50px 0;} .primary-nav ul li a {padding: 2px 10px 2px 10px; background-position: right 10px center; background-size: 30px;} .primary-nav ul li a:hover {padding: 2px 10px 2px 20px; background-size: 35px;} .primary-nav li.arrow-down .sub-menu a {background-size: 20px; background-position: right 15px center;} .primary-nav li.arrow-down .sub-menu a:hover {background-size: 25px;} .large-height {min-height: 900px;} .grid.two-cols {column-count: 2; column-gap: 25px; grid-template-columns: 1fr 1fr; grid-row-gap: 20px;} .grid.three-cols {column-count: 3; column-gap: 12px; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 12px;} .grid.four-cols {column-count: 4; column-gap: 12px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-row-gap: 12px;} .grid.odd-even {grid-row-gap: 25px;} .grid.two-cols .v-align, .grid.three-cols .v-align {width: 100%; height: 100%;} .grid.odd-even figure {width: 50%;} .grid.odd-even .content {width: 50%; position: absolute;} .grid.content {margin: -37.5px auto 0 auto;} article:hover img {opacity: 1; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01);} .owl-nav button {background-size: 20px; width: 50px; height: 50px;} .owl-nav button.owl-next {margin: -10px -75px 0 0} .owl-nav button.owl-prev {margin: -10px 0 0 -75px} .media-holder .block {width: 50%;} .media-holder .v-align.center-bottom .block {width: 100%; } .media-holder .v-align.right-center {justify-content: flex-end;} .media-holder .v-align.left-bottom {align-items: flex-end;} .media-holder .v-align.right-bottom {align-items: flex-end; justify-content: flex-end;} .media-holder .v-align.center-bottom {align-items: flex-end;} .media-holder .v-align.left-bottom .block, .media-holder .v-align.right-bottom .block {margin: 0 0 50px 0;} .media-holder .v-align.center-bottom .block {margin: 0 auto 50px auto;} .content-box {margin: 0 auto 25px auto;} .content-box.padding-n {padding: 50px 50px 0 50px;} .content-box.padding-n:nth-last-child(1) {padding: 50px;} .overflow-hidden .component {opacity: 0.95; filter: blur(3px);} .component:nth-last-child(1) {margin: 0 auto 75px auto;} .top-link {width: 60px; height: 60px; bottom: 30px; right: 30px;} .top-link, .owl-nav button {background-size: 25px;} .top-link:hover, .owl-nav button:hover {background-size: 35px;} .btn, input[type="submit"] {padding: 13px 60px 10px 30px !important; font-size: 28px; line-height: 22px; background-position: center right 20px; background-size: 20px;} input[type="text"], input[type="email"] {padding: 13px 30px 10px 30px} .btn:hover, input[type="submit"]:hover {padding: 13px 60px 10px 30px !important; background-position: center right 22.5px; background-size: 20px;} .image-gallery.grid figure:hover .magnifier {width: 30px; height: 30px;} .two-cols .product.single {padding: 25% 10% 0 10%; margin: -7.5% auto -7.5% auto;} .product-description {grid-template-columns: 4fr 2fr; column-gap: 25px; align-items: start;} .product-description .legend {line-height: 18px;} .product.v-align {align-items: center; justify-content: center; align-content: center;} .product-repeater-description {grid-template-columns: 1fr 2fr; column-gap: 25px;} .product-image .award {width: 100px; right: 5%; bottom: 50px;} .odd-even figure {position: relative; z-index: 1;} .odd-even .content { z-index: 2;} .odd-even.content-first article:nth-child(even) figure {order: 2; margin: 0 0 0 50%;} .odd-even.content-first article:nth-child(odd) figure {margin: 0 0 0 ;} .odd-even.content-first article:nth-child(even) .content {margin: 0 0 0 0;} .odd-even.content-first article:nth-child(odd) .content {left: calc(50%)} .odd-even.figure-first article:nth-child(odd) figure { margin: 0 0 0 0;} .odd-even.figure-first article:nth-child(even) figure { margin: 0 0 0 50%;} .odd-even.figure-first article:nth-child(odd) .content {left: calc(50%) } .odd-even.figure-first article:nth-child(even) .content { margin: 0 } .grid.repeater {grid-row-gap: 0px;} .grid.repeater.two-cols.right figure {order: 2;} .grid.repeater.three-cols {column-count: 3; grid-template-columns: 1fr 2fr;} .grid.repeater.three-cols.right {grid-template-columns: 2fr 1fr;} .grid.repeater.three-cols.right figure {order: 3;} .grid.repeater.four-cols.right {grid-template-columns: 3fr 1fr;} .grid.repeater.four-cols.right figure {order: 4;} .grid.repeater.four-cols {column-count: 4; grid-template-columns: 1fr 3fr;} .grid.repeater {margin: 0 auto;} .grid.repeater.center { align-items: center; align-content: center;} .grid.repeater.center figure {height: 100%;} .content.lift {margin: -40px 0 0 0;} footer .grid {grid-template-columns: 1fr 2fr 2fr; column-gap: 25px; margin: 0 0 150px 0;} footer .lift {margin: -50px auto 50px auto;} .bg.footer {bottom: -10px; right: 0; width: 60%} .bg.header {bottom: -10px; right: 0; width: 50%; z-index: 0} .media-holder figure.mobily-only, .media-holder figure.mobily-only img {display: none !important; visibility: hidden; z-index: -10; width: 0; height: 0;} } @media screen and (max-width: 979px) { body {font-size: 17px; line-height: 24px;} nav .content-box {font-size: 15px; line-height: 20px;} a#more:before {content: ""; display: block; height: 50px; margin: -50px 0 0;} footer .component.small, .content-box h2, .content-box h3, .content-box h4 {margin: 0 0 20px 0;} .content .inner.small {width: 90%; max-width: 90%;} .owl-nav button {background-size: 20px; width: 40px; height: 40px} .top-link {width: 50px; height: 50px; bottom: 0px;} .btn, input[type="submit"] {padding: 10px 60px 10px 30px !important; font-size: 22px; line-height: 22px; background-position: center right 20px; background-size: 20px;} input {padding: 10px 30px;} .btn:nth-child(2) {margin-top: 10px;} .btn {font-size: 22px;} .media-holder .v-align {align-items: flex-end; display: flex;} .media-holder .block {z-index: 2;} .media-holder .v-align .block {margin: 0 0 25px 0;} .primary-nav-trigger {right: 15px; top: 15px;} .primary-nav {padding: 125px 0 0 0;} .primary-nav.is-visible {width: 100%; height: 100%;} .top-link {width: 50px; height: 50px;} .top-link, .owl-nav button {background-size: 20px;} .bg.footer {bottom: -10px; right: 0; width: 101%} .bg.header {bottom: -10px; right: 0; width: 100%} .grid.four-cols {column-count: 2; column-gap: 10px; grid-template-columns: 1fr 1fr; grid-row-gap: 10px;} h5 {font-size: 18px;} .product-description .legend {column-count: 2; column-gap: 10px; grid-template-columns: 1fr 1fr; grid-row-gap: 10px;} footer {width: 90%;} .media-holder figure.desktop-only, .media-holder figure.desktop-only img {display: none !important; visibility: hidden; z-index: -10; position: unset} } @media (min-width: 481px) and (max-width: 979px) { h1, #header h1 {font-size: 75px; line-height: 75px;} h2 {font-size: 32px; line-height: 32px;} .section-title h2 {font-size: 42px; line-height: 36px;} h2.large {font-size: 95px; line-height: 75px} h3 {font-size: 28px; line-height: 28px;} .btn, input[type="submit"] {font-size: 24px;} header figure {width: 175px;} nav li {padding: 3px 12px;} nav li a {font-size: 40px; line-height: 40px; background-position: right 8px center; background-size: 24px;} nav ul.sub-menu li a {font-size: 32px; line-height: 32px; background-position: right 0px center; background-size: 18px;} .large, .medium {font-size: 20px; line-height: 30px;} .padding-s {padding: 15px;} .padding-n, .padding-l {padding: 30px;} #header .padding-xl {padding: 180px 0 60px 0;} .padding-s-np {padding: 15px 0} .padding-n-np, .padding-l-np {padding: 30px 0} footer .grid {margin: 0 0 60px 0;} footer .grid h3, .grid h3, .primary-nav ul.menu {margin: 0 0 30px 0;} footer h2.large {margin: 30px auto;} .content.lift {margin: -30px 0 10px 0;} .top-link {bottom: 60px; right: 30px;} .content-box {margin: 0 auto 30px auto;} .content-box.padding-n {padding: 30px 30px 0 30px;} .content-box.padding-n:nth-last-child(1) {padding: 60px;} figure.product.single {width: 25%; margin: 125px auto 0 auto} .product.v-align {text-align: center;} .product.v-align img {width: 33.333333%; margin: -2px auto 150px auto} .bg.header {bottom: -10px; right: 0; width: 70%} .component:nth-last-child(1) {margin: 0 auto 60px auto;} .owl-nav button.owl-next {margin: 0px -30px 0 0} .owl-nav button.owl-prev {margin: 0px 0 0 -30px} .large-height {height: 90vh; min-height: 600px;} .media-holder .cover h2 {margin: 80px auto 0 auto} .product-image .award {width: 90px; bottom: 5%; right: -50px} } @media (max-width: 480px) { h1, #header h1 {font-size: 45px; line-height: 45px;} h2 {font-size: 28px; line-height: 28px;} .section-title h2, .hero h1 {font-size: 36px; line-height: 30px; margin: 0 0 20px 0;} h2.large {font-size: 85px; line-height: 65px} h3 {font-size: 28px; line-height: 24px;} .btn, input[type="submit"] {font-size: 22px;} header figure {width: 150px;} nav li {padding: 2px 10px;} nav li a {font-size: 36px; line-height: 36px; background-position: right 5px center; background-size: 20px;} nav ul.sub-menu li a {font-size: 28px; line-height: 28px; background-position: right 0px center; background-size: 15px;} .large, .medium {font-size: 18px; line-height: 28px;} .padding-s {padding: 10px;} .padding-n {padding: 20px;} .padding-l {padding: 20px;} #header .padding-xl {padding: 150px 0 50px 0;} .padding-s-np {padding: 10px 0} .padding-n-np {padding: 20px 0} .padding-l-np {padding: 20px 0} footer .grid {margin: 0 0 40px 0;} footer .grid h3, .grid h3, .primary-nav ul.menu, .repeater figure {margin: 0 0 20px 0;} footer h2.large {margin: 20px auto;} .content.lift {margin: -20px 0 10px 0;} .top-link {bottom: 40px; right: 20px;} .content-box {margin: 0 auto 20px auto;} .content-box.padding-n {padding: 20px 20px 0 20px;} .content-box.padding-n:nth-last-child(1) {padding: 40px;} figure.product.single {width: 50%; margin: 100px auto 0 auto} .product.v-align {text-align: center;} .product.v-align img {width: 50%; margin: -2px auto 100px auto} .bg.header {bottom: -10px; right: 0; width: 70%} .component:nth-last-child(1) {margin: 0 auto 40px auto;} .age-gate__submit {display: block !important; width: 100% !important;} .owl-nav button.owl-next {margin: -10px -20px 0 0} .owl-nav button.owl-prev {margin: -10px 0 0 -20px} .large-height {height: 75vh; min-height: 600px;} .media-holder .cover h2 {margin: 85px auto 0 auto} .product-image .award {width: 75px; bottom: 5%; right: -35px} } @media (min-width: 700px) and (max-width: 979px) { .grid.three-cols figure {width: 50%;} .grid.three-cols .content {width: calc(50%); position: absolute; left: calc(50% ); z-index: 1} .grid.two-cols, .grid.odd-even, .grid.repeater {column-count: 2; column-gap: 20px; grid-template-columns: 1fr 1fr; grid-row-gap: 20px;} #header .grid.two-cols {column-count: 1; grid-template-columns: 1fr;} .product-repeater-description {grid-template-columns: 1fr 2fr; column-gap: 20px;} .product-repeater-description .v-align {display: flex; align-items: center; align-content: center;} .grid.repeater.three-cols figure {width: 100%;} } @media (min-width: 1300px) { .product-image .award {width: 150px;} } @media (min-width: 481px) { header figure {width: 200px;} } @media (max-width: 699px) { footer {text-align: center;} .product-repeater-description figure {width: 50%; margin: 10px auto 10px auto} } @media (min-width: 480px) { img.alignleft, img.alignright {max-width: 250px;} } @media (min-width: 650px) { .owl-outer {height: auto !important;} } @media (min-width: 650px) and (max-width: 980px) { .item-slider figure {order: 2;} } @media screen and (max-device-width: 979px){ body{-webkit-text-size-adjust: none;} input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;} } @media (min-width: 650px) { #page-nav .pager {width: 50%;} #page-nav .older {float: right;} } @media (max-width: 649px) { #page-nav .pager {width: 100%;} #page-nav.v-align {display: block;} #page-nav .older {text-align: right;} } @media (min-width: 1600px) { .small-height {height: 35vh;} } /** * 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%} [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0.7;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} .featherlight-next, .featherlight-previous {display: block; position: absolute; top: calc(50% - 22.5px); bottom: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background-repeat: no-repeat; width: 40px; height: 40px; background-size: 30px; border: 3px solid var(--white-45); border-radius: 100px; background-position: center;} .featherlight-previous {left: calc(100% - 50px); right: 0px; background-image: url(images/arrow-right-black.svg); display: none;} .featherlight-next {left: 0px; right: calc(100% - 50px); background-image: url(images/arrow-left-black.svg); display: none;} html.with-featherlight{overflow:hidden} .featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer; background: var(--dark-grey);background:rgba(0,0,0,0)} .featherlight:last-of-type{background: rgba(0,0,0,0.8)} .featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle} .featherlight .featherlight-inner{display:block} .featherlight script.featherlight-inner,.featherlight link.featherlight-inner,.featherlight style.featherlight-inner{display:none} .featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0} .featherlight-close { background-color: var(--black);} .featherlight .featherlight-image{width:100%} .featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch} .featherlight iframe{border:none}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .featherlight .featherlight-content { position: relative; text-align: left; vertical-align: middle; display: inline-block; overflow: auto; padding: 25px 50px 0; border-bottom: 25px solid transparent; margin-left: 5%; margin-right: 5%; max-height: 95%; max-width: 700px; background-color: var(--black); color: var(--white); cursor: auto; white-space: normal; -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; display: block; top: 0; right: 0; background-image: url(images/close-white.svg); background-repeat: no-repeat; background-position: center; /* dimensions: 25px x 25px */ line-height: 0px; width: 45px; height: 45px; font-size: 0; /* styling */ cursor: pointer; text-align: center; background-size: 30px; border: none; padding: 0; border-radius: 100px; } @media only screen and (max-width: 979px) { .featherlight .featherlight-content {margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent} } @media print { html.with-featherlight > * > :not(.featherlight){display:none} } .featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none} .featherlight-loading .featherlight-previous,.featherlight-loading .featherlight-next{display:none} .featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-first-slide.featherlight-last-slide .featherlight-next{display:none} @media only screen and (max-device-width: 1024px){ .featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px} .featherlight-next:hover,.featherlight-previous:hover{background:none} .featherlight-next span,.featherlight-previous span{display:block} } @media only screen and (max-width: 1024px) { .featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px} } @media all { .thumbnail a {text-decoration:none} /*.company div {display:inline-block}*/ .company div .detail{display:none} .featherlight div .teaser{display:none} } /*! 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/arrow-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.9); 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;}