/* Variable fonts usage: :root { font-family: "Inter", sans-serif; } @supports (font-variation-settings: normal) { :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; } } */ @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../Fonts/Inter/InterVariable.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 100 900; font-display: swap; src: url("../Fonts/Inter/InterVariable-Italic.woff2") format("woff2"); } /* static fonts */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("../Fonts/Inter/Inter-Thin.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("../Fonts/Inter/Inter-ThinItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("../Fonts/Inter/Inter-ExtraLight.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("../Fonts/Inter/Inter-ExtraLightItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("../Fonts/Inter/Inter-Light.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("../Fonts/Inter/Inter-LightItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../Fonts/Inter/Inter-Regular.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("../Fonts/Inter/Inter-Italic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../Fonts/Inter/Inter-Medium.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("../Fonts/Inter/Inter-MediumItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../Fonts/Inter/Inter-SemiBold.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("../Fonts/Inter/Inter-SemiBoldItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../Fonts/Inter/Inter-Bold.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("../Fonts/Inter/Inter-BoldItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("../Fonts/Inter/Inter-ExtraBold.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("../Fonts/Inter/Inter-ExtraBoldItalic.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("../Fonts/Inter/Inter-Black.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("../Fonts/Inter/Inter-BlackItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("../Fonts/Inter/InterDisplay-Thin.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("../Fonts/Inter/InterDisplay-ThinItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("../Fonts/Inter/InterDisplay-ExtraLight.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("../Fonts/Inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("../Fonts/Inter/InterDisplay-Light.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("../Fonts/Inter/InterDisplay-LightItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("../Fonts/Inter/InterDisplay-Regular.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("../Fonts/Inter/InterDisplay-Italic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("../Fonts/Inter/InterDisplay-Medium.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("../Fonts/Inter/InterDisplay-MediumItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("../Fonts/Inter/InterDisplay-SemiBold.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("../Fonts/Inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("../Fonts/Inter/InterDisplay-Bold.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("../Fonts/Inter/InterDisplay-BoldItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("../Fonts/Inter/InterDisplay-ExtraBold.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("../Fonts/Inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("../Fonts/Inter/InterDisplay-Black.woff2") format("woff2"); } @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("../Fonts/Inter/InterDisplay-BlackItalic.woff2") format("woff2"); } /* ------------------- */ /* Custom properties */ /* ------------------- */ :root { /* colors */ --clr-light: 40 82% 78%; /* logo creme */ --clr-dark: 78 38% 56%; /* logo greene */ --clr-white: 0 0% 100%; --clr-black: 0 0% 0%; /*--clr-lightgrey: 0 0% 95.3%;*/ --clr-lightgrey: 240 12.5% 96.9%; --clr-darkgrey: 0 0% 34.1%; --clr-lightblue: 210 69% 90%; --clr-darkblue: 232 56% 35%; --clr-accent: 31 97% 56%; --clr-links: 210 100% 40%; /* font-sizes */ --fs-900: 3.5rem; --fs-800: 2rem; --fs-700: 2.5rem; --fs-600: 2rem; --fs-500: 1.5rem; /*1.75rem;*/ --fs-400: 1.313rem; /*1.125rem;*/ --fs-300: 1rem; --fs-200: 0.875rem; /* font-families */ --ff-headlines: "InterVariable", sans-serif; --ff-sans-normal: "Inter", sans-serif; --ff-sans-bold: "Inter", sans-serif; /*--ff-serif: "Source Sans 3", sans-serif; --ff-sans-normal: "Source Sans 3", sans-serif; --ff-sans-bold: "Source Sans 3", sans-serif;*/ } /* ------------------- */ /* Reset */ /* ------------------- */ /* https://piccalil.li/blog/a-modern-css-reset/ */ /* Box sizing */ *, *::before, *::after { box-sizing: border-box; } *{ margin: 0; padding: 0; box-sizing: border-box; /*font-family: 'Poppins', sans-serif;*/ } /* Reset margins */ body, h1, h2, h3, h4, h5, p, figure, picture { margin: 0; } h1, h2, h3, h4{ font-weight: 600; } h5, h6, p { font-weight: 400; } /* set up the body */ body { font-family: var(--ff-sans-normal); font-size: var(--fs-400); color: hsl( var(--clr-darkgrey) ); background-color: transparent; line-height: 1.5; min-height: 100vh; } @media (max-width: 720px){ body { font-size: 1.2rem; line-height: 1.5rem; } } /* Reset margins */ body h1 { color: hsl( var(--clr-accent) ); /*background-image: linear-gradient(to left, #26348b, #a2cdee); /* blauverlauf der beiden blau im Logo */ /*color: transparent; background-clip: text; -webkit-background-clip: text;*/ margin-bottom: 1.4rem; } body h1,h2 { font-family: var(--ff-headlines); font-optical-sizing: auto; } a:link, a:visited { color: #06c; text-decoration: none; } a:hover, a:active { text-decoration: underline; } /* make images easier to work with */ img, picutre { max-width: 100%; display: block; } /* make form elements easier to work with */ input, button, textarea, select { font: inherit; } /* remove animations for people who've turned them off */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* ------------------- */ /* Utility classes */ /* ------------------- */ /* general */ .flex { display: flex; gap: var(--gap, 1rem); } .grid { display: grid; gap: var(--gap, 1rem); } .container { padding-inline: 2em; margin-inline: auto; max-width: 80rem; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; /* added line */ border: 0; } /* colors */ .bg-dark { background-color: hsl( var(--clr-dark) );} .bg-accent { background-color: hsl( var(--clr-accent) );} .bg-white { background-color: hsl( var(--clr-white) );} .bg-lightgrey { background-color: hsl( var(--clr-lightgrey) );} .text-dark { color: hsl( var(--clr-dark) );} .text-accent { color: hsl( var(--clr-light) );} .text-white { color: hsl( var(--clr-white) );} .text-black { color: hsl( var(--clr-black) );} /* typography */ .ff-serif { font-family: var(--ff-sans-normal); } .ff-sans-normal { font-family: var(--ff-sans-normal); } .ff-sans-bold { font-family: var(--ff-sans-bold); } .letter-spacing-1 { letter-spacing: 4.75px; } .letter-spacing-2 { letter-spacing: 2.7px; } .letter-spacing-3 { letter-spacing: 2.35px; } .uppercase { text-transform: uppercase; } .fs-900 { font-size: var(--fs-900); } .fs-800 { font-size: var(--fs-800); } .fs-700 { font-size: var(--fs-700); } .fs-600 { font-size: var(--fs-600); } .fs-500 { font-size: var(--fs-500); } .fs-400 { font-size: var(--fs-400); } .fs-300 { font-size: var(--fs-300); } .fs-200 { font-size: var(--fs-200); } .fs-900, .fs-800, .fs-700, .fs-600 { line-height: 1.1; } /* ------------------- */ /* Header */ /* ------------------- */ header{ position: relative; max-width: 1200px; height: 150px; margin: 0 auto; padding: 10px 40px; z-index: 100000; } .header-logo { position: absolute; width: 100%; height: 130px; background: url("../img/svg/rossmann-logo2.svg") left center no-repeat; background-size: 23%; } /* ------------------- */ /* Navigation */ /* ------------------- */ nav::before { content: ''; position: absolute; width: 100%; height: 100%; backdrop-filter: saturate(180%) blur(1.5rem);/* Chrome and Opera */ z-index: -1; } nav{ position: sticky; position:-webkit-sticky; top: 0px; z-index: 1; width: 100%; font-family: var(--ff-sans-normal); font-size: var(--fs-400); background: hsla(0, 0%, 0%, .05); border-color: hsla( var(--clr-linkleistenbg) ); -webkit-backdrop-filter: saturate(180%) blur(1.5rem); /* Safari 9+ */ letter-spacing: normal; } nav .headline, .desktop-item, .mobile-item{ text-transform: uppercase; letter-spacing: 2.7px; } nav .wrapper{ position: relative; max-width: 1300px; padding: 0px 30px; height: 36px; line-height: 30px; margin: auto; display: flex; align-items: center; justify-content: center; z-index: initial; } .wrapper .logo{ height: 30px; width: 500px; letter-spacing: 0; text-decoration: none; display: none; /*text-transform: uppercase;*/ } .wrapper .nav-links{ display: inline-flex; } .nav-links li{ list-style: none; } .nav-links li a{ color: hsl( var(--clr-linkleistenfontcolor) ); text-decoration: none; font-size: 16px; font-weight: 400; padding: 7.5px 30px; border-radius: 0px; transition: all 0.3s ease; } .nav-links a:hover{ border-radius: 5px 5px 0 0; background: rgba(61, 98, 200, 1); color: white; } .border1 a:hover{ border-radius: 5px;; } .nav-links .mobile-item{ display: none; } .nav-links .drop-menu{ position: absolute; z-index: 50; width: 215px; line-height: 45px; top: 45px; opacity: 0; visibility: hidden; box-shadow: 0 6px 10px rgba(0,0,0,0.15); } .nav-links li:hover .drop-menu, .nav-links li:hover .mega-box{ transition: all 0.3s ease-in-out; top: 36px; opacity: 1; visibility: visible; } .drop-menu::before { content: ''; position: absolute; width: 100%; height: 100%; backdrop-filter: saturate(180%) blur(1.5rem);/* Chrome and Opera */ z-index: -1; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .drop-menu{ width: 100%; display: block; padding: 0px; font-weight: 400; border-radius: 0px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: rgba(0, 0, 255, .5); -webkit-backdrop-filter: saturate(180%) blur(1.5rem); } .drop-menu li { padding: 0 15px; } .drop-menu li:first-child{ padding-top: 13.5px; } .drop-menu li:last-child{ padding-bottom: 18px; } .drop-menu li a{ width: 100%; display: block; padding: 0 5px 0 15px; font-weight: 400; border-radius: 0px; color: #fff; } .drop-menu li a:hover{ border-radius: 5px; color: white; background: hsla(360, 100%, 100%, 0.33); } .drop-menu .content::before { -webkit-backdrop-filter: saturate(180%) blur(1.5rem); backdrop-filter: saturate(180%) blur(1.5rem);/* Chrome and Opera */ border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .drop-menu .content{ width: 100%; height: 100%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: rgba(3, 59, 144, .5); } .mega-box::before { content: ''; position: absolute; width: 100%; height: 100%; backdrop-filter: saturate(180%) blur(1.5rem);/* Chrome and Opera */ z-index: -1; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .mega-box{ position: absolute; left: 30px; width: auto; padding: 0px; top: 46px; opacity: 0; visibility: hidden; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: rgba(0, 0, 255, .5); -webkit-backdrop-filter: saturate(180%) blur(1.5rem); /* Safari 9+ */ } .mega-box .content{ padding: 25px 50px 25px 20px; display: flex; justify-content: center; gap: 4rem; box-shadow: 0 6px 10px rgba(0,0,0,0.15); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: rgba(3, 59, 144, .5); } .mega-box .content .row{ flex-grow:1; line-height: 45px; } .content .row .headline{ color: hsl( var(--clr-light) ); font-size: 1.05rem; letter-spacing: .04rem; font-weight: 500; line-height: 1.35rem; hyphens: manual; padding-bottom:15px; } .content .row .mega-links{ margin-left: -40px; border-left: 1px solid rgba(255,255,255,0.15); } .content .row:first-child .mega-links{ border-left: none; } .row .mega-links li{ padding: 0 20px; } .row .mega-links li a{ padding: 0px; padding: 15px 20px 15px 20px; color: hsl( var(--clr-white) ); font-size: 17px; display: block; hyphens: auto; line-height: 1.35rem; } .row:first-child { margin-left:30px; } .row .mega-links li a:hover{ border-radius: 5px; background: hsla(360, 100%, 100%, 0.33); border-radius: 5px; } .wrapper .btn{ color: hsl( var(--clr-darkblue) ); font-size: 20px; cursor: pointer; display: none; } .wrapper .btn.close-btn{ position: absolute; color: hsl( var(--clr-lightblue) ); right: 30px; top: 10px; } @media screen and (max-width: 970px) { header{ display: none; } /* .wrapper::before{ content: ''; position: absolute; width: 100%; height: 100%; backdrop-filter: saturate(180%) blur(1.5rem);Chrome and Opera z-index: -1; } */ nav .wrapper{ height: 40px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; } .wrapper .btn{ display: block; } .wrapper .logo{ background: url("../img/svg/rossmann-logo3.svg") center center no-repeat; background-size: 23%; display: block; } .content .row .headline{ color: hsl( var(--clr-accent) ); /* mega-box Überschriftfarbe */ margin-top: 0px; } .drop-menu, .drop-menu .content{ background: none; } .mega-box::before { display: none; } .mega-box .content .row{ width: 100%; } .mega-box { background: none; } .mega-box, .mega-box .content, .mega-box .content .row { background: #113789; } /* .wrapper .nav-links::before { content: ''; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; backdrop-filter: saturate(180%) blur(1.5rem);Chrome and Opera z-index: -1; } */ .wrapper .nav-links{ color: hsl( var(--clr-white) ); position: fixed; height: 100vh; width: 100%; max-width: 410px; top: 0; left: -100%; background: rgba(17, 55, 137, 1); display: block; padding: 50px 10px; margin:0; line-height: 50px; overflow-y: auto; box-shadow: 0px 15px 15px rgba(0,0,0,0.15); transition: all 0.3s ease; /* -webkit-backdrop-filter: saturate(180%) blur(1.5rem); */ } .row:first-child { margin-left:0; } /* custom scroll bar ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background: hsl( var(--clr-lightblue) ); } ::-webkit-scrollbar-thumb { background: hsl( var(--clr-lightgrey) ); } */ #menu-btn:checked ~ .nav-links{ left: 0%; } #menu-btn:checked ~ .btn.menu-btn{ display: none; } #close-btn:checked ~ .btn.menu-btn{ display: block; } .wrapper .nav-links li{ margin: 15px 10px; width: calc(100% - 15px); } .wrapper .nav-links li a{ padding: 0 0 0 20px; display: block; font-size: 20px; } .wrapper .nav-links .drop-menu{ position: static; opacity: 1; top: 65px; visibility: visible; padding-left: 20px; width: 100%; max-height: 0px; overflow: hidden; box-shadow: none; transition: all 0.3s ease; } #showDrop:checked ~ .drop-menu, #showDrop2:checked ~ .drop-menu, #showDrop3:checked ~ .drop-menu, #showMega:checked ~ .mega-box{ max-height: 100%; } .wrapper .nav-links .desktop-item{ display: none; } .wrapper .nav-links .mobile-item{ display: block; color: hsl( var(--clr-white) ); font-size: 20px; font-weight: 500; padding: 0 0 0 20px; cursor: pointer; border-radius: 5px; transition: all 0.3s ease; } .wrapper .nav-links .mobile-item:hover{ background: #3e62c9; color: white; } .drop-menu li{ margin: 0; } .drop-menu li a{ border-radius: 5px; font-size: 18px; } .drop-menu .content::before{ background: none; } .mega-box{ position: static; top: 65px; opacity: 1; visibility: visible; padding: 0px 0px 0 0; max-height: 0px; overflow: hidden; transition: all 0.3s ease; background: none; } .mega-box .content{ box-shadow: none; flex-direction: column; padding: 0px 20px 0 20px; width: 100%; } .mega-box .content .row{ margin-bottom: 15px; padding-top: 45px; border-top: 1px solid rgba(255,255,255,0.15); } .mega-box .content .row:nth-child(1){ border-top: 0px; padding-top: 30px; } .content .row .mega-links{ border-left: 0px; padding-left: 15px; } .row .mega-links li{ width: calc(100% - 15px); } .content .row .headline{ font-size: 19px; margin-left: 15px } .nav-links label:hover{ background: #3A3B3C; /*#3A3B3C;*/ } /* .mega-box .content { width: 100%; } */ .row .mega-links li { padding-left: 15px; } .row .mega-links li a{ width: 100%; padding: 15px 15px 15px 15px; } #logo { display:none; } .drop-menu::before{ display: none; } } nav input{ display: none; } .body-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 30px; } .body-text div{ font-size: 45px; font-weight: 600; } #logo{ background: url("../img/svg/palme3.svg") no-repeat center bottom; background-size: 80%; } main { max-width: 100%; margin: 0 auto; height: auto; min-height: 500px; padding: 0; background-image: url("../img/svg/wave.svg"), url("../img/svg/palme3.svg"); background-position: center bottom, 80% bottom; background-repeat: repeat-x, no-repeat; background-size: 60px auto, 780px; } /*.mainpic { max-width: 100%; margin: 0 auto; min-height: 500px; max-height: 500px; padding: 0; background: url("../img/fotorama/home/jts_home1_ret.jpg") center center no-repeat; background-size: auto; }*/ /* ========================================= CARDS ========================================= */ .card-container{ } .card { display: grid; grid-template-columns: 400px auto; background-color: rgba(240,240,240,.4); border-radius: 16px; overflow: hidden; height: auto; /*box-shadow: 0px 2px 4px rgba(0,0,0,0.2);*/ -webkit-backdrop-filter: saturate(180%) blur(0.2rem); backdrop-filter: saturate(180%) blur(0.2rem);/* Chrome and Opera */ } .card:last-Child { margin-bottom: 5rem; } .card:nth-child(1) .card-img { background: url("../img/hydrauliksysteme/ueberlaufrinnenbecken.jpg") no-repeat right bottom; background-size: cover; } .card:nth-child(3) .card-img { background: url("../img/hydrauliksysteme/skimmerbecken.jpg") no-repeat center top; background-size: cover; } .card-img2 { background: url("../img/svg/route.svg") no-repeat center center; background-size: contain; } .card-content{ padding: 2.5rem; text-align: justify; } .card-content h3{ margin-bottom: 1rem; color: hsl( var(--clr-darkblue) ); opacity: .8; } .card-content p{ margin: 0; padding: 0; hyphens: auto; max-width: auto-fit; } .shadow { width: 100%; height: 36px; background: url("../img/shadows/shadow1.png") no-repeat center top; background-size: contain; opacity: .9; } @media screen and (max-width: 970px) { .card { grid-template-columns: 1fr; grid-template-rows: 300px auto; } .card:last-Child .card-img { background-position: top; background-size: cover; } .card-content{ padding: 1rem; text-align: left; } } /* ========================================= NEWSTICKER ========================================= */ .rossmann-news{ width: 100%; height: 48px; margin: 0; padding: 0; } @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .n-wrap { position: -webkit-sticky; position: sticky; top: 0; width: 100%; overflow: hidden; height: 3rem; background:rgba(2,93,201,.75); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); box-sizing: content-box; z-index: 1; } .ticker-wrap { width: 100%; padding-left: 100% ; box-sizing: content-box; } .ticker-wrap .ticker { display: inline-block; white-space: nowrap; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 20s; animation-duration: 20s; box-sizing: border-box; padding-right: 100%; } .ticker-wrap .ticker__item { display: inline-block; } .breaking-txt{ overflow:hidden; white-space:nowrap } .breaking-txt p{ font-family: inherit; font-weight: 700; font-size:1.3125rem; color: #fff; font-weight:700; margin-top: .60rem; } .breaking-txt a:hover,.breaking-txt a:active,.breaking-txt a:focus{ text-decoration:underline } .n-wrap:hover{ background:rgba(47,77,112,.75); } .ticker-wrap:hover .ticker{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .breaking-txt a,.breaking-txt span{ color: #fff; text-decoration:none; } .breaking-txt a:after,.breaking-txt span:after{ content:'+++'; margin:0 0.25rem 0 0.6rem; display:inline-block; } /* ========================================= MAIN ========================================= */ article { } article .wrapper2{ position: relative; max-width: 1300px; padding: 50px 30px; line-height: 34px; margin: auto; display: block; background-color: transparent; z-index: initial; } .blocksatz { text-align: justify; } .blocksatz p { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } article .center{ /* background: url("../img/svg/palme3.svg") right bottom no-repeat; background-size: 60%; */ } .distance { width: 100%; height: 5rem; } article h1 { font-size: 2.6rem; line-height: 3.4rem; max-width: 38ch; } article h2 { font-size: 1.8rem; line-height: 3.0rem; max-width: 38ch; margin: 10px 0 10px 0; padding-bottom: 0.25rem; } article p { max-width: 40rem; max-width: 65ch; padding-bottom: 1.4rem; hyphens: none; } @media (max-width: 720px){ article h1 { font-size: 2rem; line-height: 2.5rem; } article h2 { font-size: 1.5rem; } } article ul { list-style-type: none; margin-top: 0px; padding-bottom: 1.4rem; } article ul li { list-style-image: url("../img/list-style/lightblue-square.gif"); font-variant: normal; text-transform: none; text-align: start; vertical-align: baseline; text-indent: 0px; margin-bottom: .5rem; margin-left: 2.5rem; max-width: 65ch; } .olcards, .olcards * { margin: 0; padding: 0; box-sizing: border-box; } .olcards { list-style: none; counter-reset: cardCount; font-family: var(--ff-sans-normal); display: flex; flex-direction: column; --cardsGap: 1rem; gap: var(--cardsGap); padding-bottom: var(--cardsGap); } .olcards li { counter-increment: cardCount; display: flex; color: hsl( var(--clr-white) ); --labelOffset: 1rem; --arrowClipSize: 1.5rem; margin-top: var(--labelOffset); letter-spacing: .25rem; } .olcards li::before { content: counter(cardCount, decimal-leading-zero) ". Stunde"; background: white; font-family: var(--ff-sans-bold); color: var(--cardColor); font-size: 2rem; font-weight: 700; transform: translateY(calc(-1 * var(--labelOffset))); margin-right: calc(-1 * var(--labelOffset)); z-index: 1; display: flex; justify-content: center; align-items: center; padding-inline: 0.5em; letter-spacing: 0; } .olcards li .content { background-color: var(--cardColor); --inlinePadding: 1em; --boxPadding: 0.5em; display: grid; padding: var(--boxPadding) calc(var(--inlinePadding) + var(--arrowClipSize)) var(--boxPadding) calc(var(--inlinePadding) + var(--labelOffset)); gap: 0.25em 1em; clip-path: polygon( 0 0, calc(100% - var(--arrowClipSize)) 0, 100% 50%, calc(100% - var(--arrowClipSize)) 100%, calc(100% - var(--arrowClipSize)) calc(100% + var(--cardsGap)), 0 calc(100% + var(--cardsGap)) ); position: relative; } .olcards li .content::before { content: ""; position: absolute; width: var(--labelOffset); height: var(--labelOffset); background: var(--cardColor); left: 0; bottom: 0; clip-path: polygon(0 0, 100% 0, 0 100%); filter: brightness(0.75); } .olcards li .content::after { content: ""; position: absolute; height: var(--cardsGap); width: var(--cardsGap); background: linear-gradient(to right, rgba(0, 0, 0, 0.25), transparent 50%); left: 0; top: 100%; } .olcards li .content .text { grid-area: text; } table { margin: 3rem 0 9rem 0; border-collapse: collapse; background: rgba(245, 214, 154, 0.1); color: hsl( var(--clr-darkgrey) ); font-family: var(--ff-sans-normal); width: 100%; } caption, th, td { padding: 1rem; border-bottom: solid 4px white; } caption, th { font-weight: 800; } th, td { text-align: center; } caption, th:first-child, td:first-child { text-align: left; } #schularbeitstermine caption, #schularbeitstermine th:first-child, #schularbeitstermine td:first-child { text-align: center; } caption { background: hsl( var(--clr-dark) ); color: white; font-size: 1.5rem; font-family: var(--ff-sans-bold); letter-spacing: .08rem; text-transform: uppercase; } th { background: hsl( var(--clr-light) ); } tr:nth-of-type(2n) { background: rgba(245, 214, 154, 0.3); } .ds-container { width: 100%; padding: 2rem 3.125rem 3.125rem; } .ds-container h1{ margin-bottom: -1rem; } .ds-content { width: 100%; column-count: 1; font-size: 1rem; /*16px*/ line-height: 1.5rem; font-weight: 400; letter-spacing: -.022em; color: rgba(29, 29, 31, 1); vertical-align: baseline; letter-spacing: .014rem; margin: 3rem 0rem 0rem; padding: 0; text-align: justify; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .ds-container p { padding: 0 !important; margin: 0 !important; text-align: justify; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media (min-width: 51rem) { .ds-content { column-count: 2; column-gap: 2.4rem; } } @media (max-width: 720px){ caption { border: none; } th { display: none; } td { display: grid; gap: 0.5rem; grid-template-columns: 15ch auto; padding: 0.5rem 1rem; border-bottom: none; text-align: left; } td:first-child{ padding-top: 2rem; } td:last-child{ padding-bottom: 2rem;; } td::before { content: attr(data-cell) ": "; font-family: var(--ff-sans-bold); text-transform: capitalize; padding-right: .25rem; } #schularbeitstermine caption, #schularbeitstermine th:first-child, #schularbeitstermine td:first-child { text-align: left; } } /* ------------------- */ /* Anfahrtsplan */ /* ------------------- */ .map-content { width:100%; max-height: 600px; padding:0%; margin:0 auto; text-align: center; } .map-responsiveContainer { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .map-responsiveContainer iframe, .map-responsiveContainer object, .map-responsiveContainer embed { position: absolute; top: 0; left: 0; width: 100%; } .map_iframe { width: 1200px; height: 600px; margin:0; border: 0; } /* ------------------- */ /* Team */ /* ------------------- */ .team-container { width: 100%; padding:0 1.063rem; /*17px*/ display: flex; flex-wrap: wrap; justify-content: space-around; } .team-item { font-family: var(--ff-sans-normal); font-size: 1.125rem; line-height: 1.6rem; color: hsl( var(--clr-darkgrey) ); width: 100%; border: 1px solid #dfe1e5; background: #FCFCFC; /* #F8F8F8 */ height: auto; border-radius: 25px; margin:0 0 25px 0; padding: 40px 25px; display: block; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .team-item:hover { box-shadow: 0 1px 6px rgb(32 33 36 / 28%); border-color: rgba(223,225,229,0); background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .team-item:hover .circle img{ width: 130%; height: 130%; margin-top:-12%; margin-left: 0%; } .team-item p { color: hsl( var(--clr-darkgrey) ); font-size: var(--fs-500); margin: 0; padding: .15rem; } .team-item:hover p{ color: hsl( var(--clr-dark) ); } .team-item a{ color: rgb(0, 102, 204); text-decoration: none; } .team-item a:hover{ color: color: rgb(0, 102, 204); text-decoration: underline; } .team-item a:active{ color: var(--logocolor); text-decoration: none; } .team-item a:visited{ color: color: rgb(0, 102, 204); text-decoration: none; } .circle { background: white; text-align: center; margin: 0px auto 20px; position: relative; width: 50%; height: 0; padding: 50% 0 0; border-radius: 50%; overflow: hidden; } .circle img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } @media only screen and (min-width: 47.938rem) { /*767px*/ .team-container { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0 3.125rem 0 3.125rem; box-sizing: border-box; margin-top: 1.5rem; } .team-item { width: 31%; } .circle { margin: 0px auto 20px; width: 85%; height: 0; padding: 85% 0 0; border-radius: 50%; overflow: hidden; } .direktion :nth-of-type(3) { /* Tatrai links anordnen */ order: 2; } .direktion :nth-of-type(2) { /* Schibl in der Mitte anordnen */ order: 3; } .direktion :nth-of-type(4) { /* Zahradnik rechts anordnen */ order: 4; } } /* ------------------- */ /* Mailform */ /* ------------------- */ /** basic default styles **/ span.chyron { font-size: 1.2em; padding-top: 10px; } /** main blocks **/ #container { display: block; max-width: 800px; margin: 0 0; margin-top: 5px; margin-bottom: 66px; padding: 20px 0px; background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /** the form elements **/ #kontaktform { box-sizing: border-box; } #kontaktform .txtinput { display: block; font-family: var(--ff-sans-normal); border-style: solid; border-width: 1px; border-color: hsl(var(--clr-light)); margin-bottom: 20px; font-size: 16px; padding: 11px 25px; padding-left: 55px; width: 90%; color: #777; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #kontaktform .txtinput:focus { color: #333; border-color: hsl(var(--clr-dark)); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ccc; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ccc; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ccc; outline: 0 none; } #kontaktform input#name { background: #fff url('../img/mailform/user.png') 5px 12px no-repeat; } #kontaktform input#name:focus { background: #fcf7ec url('../img/mailform/user.png') 5px 12px no-repeat; } #kontaktform input#email { background: #fff url('../img/mailform/email.png') 5px 12px no-repeat; } #kontaktform input#email:focus { background: #fcf7ec url('../img/mailform/email.png') 5px 12px no-repeat; } #kontaktform input#phone { background: #fff url('../img/mailform/phone.png') 5px 12px no-repeat; } #kontaktform input#phone:focus { background: #fcf7ec url('../img/mailform/phone.png') 5px 12px no-repeat; } #kontaktform textarea { display: block; font-family: 'Open Sans', sans-serif; border-style: solid; border-width: 1px; border-color: hsl(var(--clr-light)); margin-bottom: 15px; font-size: 16px; padding: 11px 25px; padding-left: 55px; width: 90%; height: 180px; color: #777; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #kontaktform textarea:focus { color: #333; border-color: hsl(var(--clr-dark)); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ccc; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ccc; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px #ccc; outline: 0 none; } #kontaktform textarea.txtblock { background: #fff url('img/mailform/speech.png') 5px 4px no-repeat; } #kontaktform textarea.txtblock:focus { background: #fcf7ec url('img/mailform/speech.png') 5px 4px no-repeat; } #kontaktform #slider { width: 60%; } #kontaktform #aligned { box-sizing: border-box; float: left; width: 450px; margin-right: 50px; } #kontaktform #aside { float: left; width: 250px; padding: 0; box-sizing: border-box; } #wrapping { width: 100%; box-sizing: border-box; } span.radiobadge { display: block; margin-bottom: 8px; } span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; } select.selmenu { font-size: 17px; color: #676767; padding: 9px !important; border: 1px solid #aaa; width: 200px; } /** custom buttons **/ #buttons { display: block; padding-top: 10px;} #buttons #resetbtn { display: block; float: left; color: #808080; margin-right: 20px; height: 3em; padding: 0 1em; outline: 0; font-weight: bold; font-size: 16px; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; background-color: #ededed; border: 1px solid #aaa; box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4); -moz-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4); -webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 20px; } #buttons #resetbtn:hover { color: #fff; background-color: #aeaeae; border-color: #aeaeae; box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5); } #buttons #submitbtn { display: block; float: left; height: 3em; padding: 0 1em; border: 1px solid; outline: 0; font-weight: bold; font-size: 16px; color: #808080; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; border-color: #f09e23; box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4); -moz-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4); -webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #fcf7ec; } #buttons #submitbtn:hover, #buttons #submitbtn:active { border-color: hsl(var(--clr-dark)); color: #fff; background: hsl(var(--clr-dark)); box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5); } /** @group clearfix **/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /** all devices and responsive browser windows **/ @media screen and (min-width: 551px) { #container { width: 100%; } #kontaktform #aligned { width: 100%; float: none; display: block; } #kontaktform #aside { width: 100%; display: block; float: none; } #kontaktform .txtinput, #kontaktform textarea { width: 85%; } #prioritycase { float: left; display: block; } #recipientcase { float: left; display: block; margin-right: 55px; } } /* smaller screen dropoff *******/ @media only screen and (max-width: 550px) { #kontaktform .txtinput, #kontaktform textarea { width: 80%; } } /* iPhone Landscape ********/ @media only screen and (max-width: 480px) { select.selmenu { width: 190px; } } /* iPhone portrait *******/ @media only screen and (max-width: 320px) { #kontaktform .txtinput, #kontaktform textarea { width: 70%; } #kontaktform #aligned { overflow: hidden; } select.selmenu { width: 160px; } #recipientcase { margin-right: 30px; } } /* ------------------- */ /* Download-Button */ /* ------------------- */ .b-center { width: 180px; height: 60px; position: absolute; } .b-btn { width: 180px; height: 60px; cursor: pointer; background: hsl(var(--clr-lightgrey)); border: 1px solid #06c; outline: none; transition: .5s ease-in-out; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } .b-btn svg { position: absolute; left: 0; top: 0; fill: none; stroke: #fff; stroke-dasharray: 150 480; stroke-dashoffset: 150; transition: .5s ease-in-out; } .b-btn:hover { transition: .5s ease-in-out; background: rgba(0,102,204,.66); box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 10px; } .b-btn:active{ transition: .1s ease-in-out; background: rgba(0,102,204,1); box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 10px; } .b-btn:hover svg { stroke-dashoffset: -480; } .b-btn span { color: #06c; font-size: 18px; font-weight: 100; font-family: var(--ff-sans-normal); letter-spacing: .08rem; } .b-btn:hover span{ transition: .5s ease-in-out; color: white; } /* ------------------- */ /* Anfahrtsplan */ /* ------------------- */ .map-content { width:100%; max-height: 600px; padding:0%; margin:0 auto; text-align: center; } .map-responsiveContainer { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .map-responsiveContainer iframe, .map-responsiveContainer object, .map-responsiveContainer embed { position: absolute; top: 0; left: 0; width: 100%; } .map_iframe { width: 1200px; height: 600px; margin:0; border: 0; } /* ------------------- */ /* Inserat */ /* ------------------- */ .inserat { position: relative; max-width: 1300px; padding: 50px 30px 100px 30px; line-height: 34px; margin: auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2.5rem; z-index: initial; } .i-links{ grid-column: 1 / 1; text-align: center; padding-top:4rem } .i-rechts{ grid-column: 2 / 2; } .inserat ul { list-style-type: none; } .inserat ul p { font-family: inherit; margin: 1rem; letter-spacing: 0; } /* ------------------- */ /* Footer */ /* ------------------- */ footer { position: relative; z-index: inherit; width: 100%; font-family: var(--ff-sans-normal); font-size: var(--fs-300); background: hsl( var(--clr-lightblue) ); color: rgba(0, 0, 0, 0.56); border-width: 0px; } footer .grid-container{ position: relative; max-width: 1300px; padding: 50px 30px 100px 30px; line-height: 34px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2.5rem; z-index: initial; } .item-1{ grid-column: 1 / 1; } .item-2{ grid-column: 2 / 3; } .item-3{ grid-column: 3 / 4; } .item-4{ grid-column: 1 / 4; margin-top: 20px; color: rgba(0, 0, 0, 0.56); } .footer-list ul { list-style-type: none; } .footer-list ul p { font-family: var(--ff-sans-bold); color: rgba(243, 106, 25, 1); text-transform: uppercase; margin: 1em 0.5em 1.5em 0.5em; letter-spacing: 0.15rem; } .footer-list ul li { letter-spacing: 0.03rem; line-height: 1.3rem; word-spacing: 0px; font-variant: normal; text-transform: none; text-align: start; vertical-align: baseline; text-indent: 0px; margin: 0.4em 0.5em 0.4em 0.5em; } .zitat { font-family: var(--ff-serif); font-size: var(--fs-400); font-style: italic; line-height: 1.85rem !important; } .zitat::before { content: "» "; font-size: var(--fs-600); } .zitat::after { content: " «"; font-size: var(--fs-600); } .footer-list ul li hr { border-top: 1px solid rgba(0, 0, 0, 0.25); border-bottom: 0px solid rgba(0, 0, 0, 0.25); border-left: 0px solid rgba(0, 0, 0, 0.25); border-right: 0px solid rgba(0, 0, 0, 0.25); margin: 1em 0em 1em 0em; } .center-list-text { text-align-last: center; } footer a:link { color: rgba(0, 0, 0, 0.56); text-decoration: none;} footer a:visited { color: rgba(0, 0, 0, 0.56); text-decoration: none;} footer a:focus { color: rgba(0, 0, 0, 0.56); text-decoration: none;} footer a:hover { color: rgba(0, 0, 0, 0.56); text-decoration: underline;} footer a:active { color: rgba(0, 0, 0, 0.56); text-decoration: none;} @media screen and (max-width: 970px) { footer .grid-container{ padding: 50px 15px 100px 15x; line-height: 34px; display: grid; grid-template-columns: 1fr; grid-row-gap: 2.5rem; grid-column-gap: 0; max-width: 100%; } .item-1{ grid-column: 1 / 1; } .item-2{ grid-column: 1 / 2; } .item-3{ grid-column: 1/ 3; } .item-4{ grid-column: 1 / 4; } .footer-list ul { list-style-type: none; } .footer-list ul p { text-align: center; line-height: 1.65rem; } .footer-list ul li { letter-spacing: 0.03rem; line-height: 1.5rem; word-spacing: 0px; font-variant: normal; text-transform: none; text-align: center; vertical-align: baseline; text-indent: 0px; margin: 0.4em 0.5em 0.4em 0.5em; } } /* ============================ FOTORAMA ================================================ */ .fotorama .any { display: flex; align-items: flex-end; padding-bottom: 1rem; justify-content: center; text-align: center; font-family: var(--ff-sans-normal); font-size: 1.5rem; color: white; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.66); padding: auto auto auto 1rem; height: 100%; box-sizing: border-box; line-height: normal; } /* iPhone Landscape ********/ @media only screen and (max-width: 480px) { .fotorama .any { font-size: .85rem; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.66); } } /* iPhone portrait *******/ @media only screen and (max-width: 320px) { .fotorama .any { font-size: .65rem; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.66); } } /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none} /* ======================================================= AOS ================================================================== */ [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;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)} .fotorama__nav-wrap{ background: transparent !important; } .fotorama__nav-wrap, .fotorama__caption__wrap, .fotorama__caption__wrap{ background: transparent !important; } .fullscreen .fotorama--fullscreen { background: transparent !important; } .fullscreen .fotorama__wrap { background: rgba(0,0,0,0.7) !important; } .fullscreen .fotorama__img { top: 0px !important; width: 50% !important; height: auto !important; margin: auto !important; left: 0px !important; } /* ============================================================================================================================= */ /* ========================================= Fancybox v. 3 ========================================= */ body.compensate-for-scrollbar { overflow:hidden } .fancybox-active { height:auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility:hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index:2000000; /*backdrop-filter: saturate(180%) blur(1rem);/* Chrome and Opera */ /*-webkit-backdrop-filter: saturate(180%) blur(1rem); /* Safari 9+ */ } .fancybox-container * { box-sizing:border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top:0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y:auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function:cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function:cubic-bezier(.22, .61, .36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index:2999970 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility:visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:none } .fancybox-toolbar { right: 0; top:0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index:2999994 } .fancybox-is-open .fancybox-stage { overflow:hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index:2999994 } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width:0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display:block } .fancybox-slide--image { overflow: hidden; padding:44px 0 } .fancybox-slide--image:before { display:none } .fancybox-slide--html { padding:6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align:middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:2999950 } .fancybox-can-zoomOut .fancybox-content { cursor:zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor:zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor:grab } .fancybox-is-grabbing .fancybox-content { cursor:grabbing } .fancybox-container [data-selectable=true] { cursor:text } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width:100% } .fancybox-spaceball { z-index:1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width:100% } .fancybox-slide--video .fancybox-content { background:#000 } .fancybox-slide--map .fancybox-content { background:#e5e3df } .fancybox-slide--iframe .fancybox-content { background:#000 } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width:100% } .fancybox-iframe { left: 0; position: absolute; top:0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width:100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding:0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width:44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color:#ccc } .fancybox-button:hover { color:#fff } .fancybox-button:focus { outline:none } .fancybox-button.fancybox-focus { outline:1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline:none } .fancybox-button div { height:100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width:100% } .fancybox-button svg path { fill: currentColor; stroke-width:0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display:none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index:2999980 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index:401 } .fancybox-close-small:hover { color: #fff; opacity:1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top:0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow:hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display:none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width:70px } .fancybox-navigation .fancybox-button div { padding:7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding:31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right:env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index:2999996 } @supports (padding: max(0px)) { .fancybox-caption { padding:75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)) } } .fancybox-caption--separate { margin-top:-50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events:all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration:none } .fancybox-caption a:hover { color: #fff; text-decoration:underline } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index:2999999 } @keyframes a { to { transform:rotate(1turn) } } .fancybox-animated { transition-timing-function:cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform:translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform:translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform:translateZ(0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function:cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity:1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform:scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform:scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform:scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform:rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform:rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform:rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform:scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform:scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous { transform:translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform:translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform:translateZ(0) scale(1) } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right:6px } .fancybox-slide--image { padding:6px 0 } .fancybox-close-small { right:-6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width:36px } .fancybox-caption { padding-left: 12px; padding-right:12px } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right:max(12px, env(safe-area-inset-right)) } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align:center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin:0 0 20px } .fancybox-share p { margin: 0; padding:0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space:nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color:#fff } .fancybox-share__button:hover { text-decoration:none } .fancybox-share__button--fb { background:#3b5998 } .fancybox-share__button--fb:hover { background:#344e86 } .fancybox-share__button--pt { background:#bd081d } .fancybox-share__button--pt:hover { background:#aa0719 } .fancybox-share__button--tw { background:#1da1f2 } .fancybox-share__button--tw:hover { background:#0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width:25px } .fancybox-share__button svg path { fill:#fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width:100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index:99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y:hidden } .fancybox-show-thumbs .fancybox-thumbs { display:block } .fancybox-show-thumbs .fancybox-inner { right:212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width:100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow:hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width:7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow:inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius:10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width:100px } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index:99991 } .fancybox-thumbs__list a:focus:before { opacity:.5 } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity:1 } @media (max-width: 576px) { .fancybox-thumbs { width:110px } .fancybox-show-thumbs .fancybox-inner { right:110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } /* ========================================= Fancybox Klassen =============================================================================== */ .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; box-background: #fff; } .fancybox-slide--iframe .fancybox-content { width : 800px; height : 800px; max-width : 100%; max-height : 100%; margin: 0; padding: 150px; background: #FFFFFF; } .fancybox-close-small { top: 10px !important; right: 10px !important; color: #888 !important; } .fancybox-close-small:hover { color: #000 !important; } .fancybox-bg { background: #0f1826 !important; } /* ========================= Styles for animated modal ========================= */ /* Start state */ .animated-modal { max-width: 100%; max-height: 100%; border-radius: 8px; padding-bottom: 2.8rem !important; overflow: auto; transform: translateY(-50px); transition: all .7s; /* box-shadow: 0px 0px 25px rgba(0, 0, 0, .0); */ } .animated-modal h4, .animated-modal p { transform: translateY(-50px); opacity: 0; transition-property: transform, opacity; transition-duration: .4s; } /* Final state */ .fancybox-slide--current .animated-modal, .fancybox-slide--current .animated-modal h4, .fancybox-slide--current .animated-modal p { transform: translateY(0); opacity: 1; } /* Reveal content with different delays */ .fancybox-slide--current .animated-modal h4 { transition-delay: .5s; } .fancybox-slide--current .animated-modal p { transition-delay: .3s; } #modal .content-scroll { max-height: calc(100vh - 200px); overflow: auto; padding: 40px 20px 0 20px; }