/* Theme Name: REMJND Theme URI: https://remjnd.com/ Author: REMJND - Building Memorable Brands Author URI: https://remjnd.com/ Description: REMJND Theme Version: 1.16 Color1: #f1c241 (251,187,33 Color2: #f1c241 Color3: #333333 Font2: 'kadwa' */@charset "UTF-8";body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;}body,html{overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.cf{display:inline-block;}* html .cf{height:1%;}.cf{display:block;}video::-webkit-media-controls-enclosure{display:none !important;} .wrapper{width:90%;max-width:1200px;margin:auto;position:relative;} .bg-img{visibility:hidden;position:absolute;width:0;height:0;} @font-face{font-family:'montserrat';src:url('assets/montserrat.woff2') format('woff2'), url('assets/montserrat.woff') format('woff');font-weight:normal;font-style:normal;} @font-face{font-family:'montserrat';src:url('assets/montserrat-bold.woff2') format('woff2'), url('assets/montserrat-bold.woff') format('woff');font-weight:bold;font-style:normal;} @font-face{font-family:'kadwa';src:url('assets/kadwa-bold.woff2') format('woff2'), url('assets/kadwa-bold.woff') format('woff');font-weight:bold;font-style:normal;} body{background:#ddd;-webkit-overflow-scrolling:touch;} body, input, textarea{font-family:'montserrat',sans-serif;font-weight:400;font-size:17px;line-height:1.7em;color:#777;} #root{width:1500px;margin:auto;position:relative;background:#fff;padding-top:130px;} /* Responsive */ @media (max-width: 1800px){ #root{width:100%;} } @media (max-width: 1400px){ body, input, textarea{font-size:16px;line-height:1.6em;} } @media (max-width: 1200px){ #root{width:100%;} body, input, textarea{font-size:15px;} } @media (max-width: 1000px){ } @media (max-width: 780px){ body, input, textarea{font-size:14px;} } @media (max-height: 800px){ /*#root{padding-top:105px !important;}*/ } /* ########## MAINNAV 02 ########## */ #mainnav{position:fixed;z-index:10;top:0;left:50%;margin-left:-750px;background:#fff;width:1500px;padding:45px 0 5px 0;box-shadow:0 0 150px rgba(0,0,0,0.2);-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;} #mainnav a.logo{width:240px;height:170px;background:#f5f5f5;margin-top:15px;position:absolute;top:-70px;left:0;z-index:2;box-shadow:0 0 100px rgba(0,0,0,0.1);} #mainnav a.logo img{width:70%;height:auto;display:block;margin:15%;} #mainnav ul.cf li a:hover{text-decoration:none;} #mainnav .topbar{position:absolute;top:0;left:0;right:0;height:40px;background:#eee;z-index:1;color:#999;text-align:right;font-size:13px;line-height:40px;} #mainnav .topbar a{color:#999;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;display:inline-block;} #mainnav .topbar a:hover{color:#555;text-decoration:none;} #mainnav .topbar a svg{display:block;width:20px;height:20px;margin:0 10px 0 0;-webkit-transform:translateY(6px);transform:translateY(6px);} #mainnav .topbar a svg *{fill:#999;} #mainnav .topbar a.fulllink svg{display:none;} #mainnav .topbar em{font-style:normal;} @media (max-width:1800px){ #mainnav{width:100%;margin-left:-50%;} } @media (min-width: 1001px){ #mainnav ul.cf li.back, #mainnav .mobile{display:none;} #mainnav ul.cf{float:right;padding:18px 0 18px;} #mainnav ul.cf > li{display:block;position:relative;float:left;} #mainnav ul.cf > li.mobile{display:none;} #mainnav ul.cf > li > a{display:block;color:#777;padding:10px 12px 5px;font-size:18px;line-height:30px;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;font-weight:bold;font-family:'Kadwa',serif;} #mainnav ul.cf > li:last-child > a{color:#fff;background:#f1c241;margin-left:10px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} #mainnav ul.cf > li:last-child > a:hover{color:#fff;background:#333333;} #mainnav ul.cf > li > a:hover, #mainnav ul.cf > li.current-menu-item > a, #mainnav ul.cf > li.current_page_parent > a, #mainnav ul.cf > li.current-page-ancestor > a{color:#f1c241;} #mainnav ul.cf > li:last-child.current-menu-item > a{color:#fff;} #mainnav ul.cf > li > ul{display:none;position:absolute;top:46px;left:50%;margin-left:-170px;width:340px;background:#333333;box-shadow:0 0 100px rgba(0,0,0,0.1);box-sizing:border-box;text-align:center;} #mainnav ul.cf > li:hover > ul{display:block;} #mainnav ul.cf > li:hover > ul:after{content:'';position:absolute;top:-14px;left:50%;margin-left:-7px;width:0;height:0;border:7px solid transparent;border-bottom-color:#333333;} #mainnav ul.cf > li > ul li a{display:block;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;color:#fff;font-size:14px;line-height:1.4em;padding:7px;border-bottom:1px solid rgba(255,255,255,0.1);} #mainnav ul.cf > li > ul li a:hover{background:rgba(255,255,255,0.1);} #mainnav ul.cf > li > ul li.current_page_parent a, #mainnav ul.cf > li > ul li.current_page_item a{color:#f1c241;} #mainnav ul.cf > li > ul li ul{display:none;} } @media (max-width:1200px){ #mainnav{left:0;right:0;margin:0;width:100%;} #root{padding-top:120px !important;} } @media (max-width: 1110px){ #mainnav ul.cf > li > a{padding-left:7px;padding-right:7px;} } @media (max-width: 1000px){ #mainnav .mainnav{position:fixed;z-index:3;top:0;right:0;bottom:0;width:400px;background:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out, box-shadow .7s ease-in-out;transition:transform .3s ease-in-out, box-shadow .7s ease-in-out;overflow-y:scroll;-webkit-overflow-scrolling:touch;} #mainnav{height:50px;} #toggle-mainnav{width:40px;height:40px;background:#f1c241;position:absolute;top:5px;right:0;z-index:4;border-radius:3px;cursor:pointer;-webkit-transition:right .3s ease-in-out, top .3s ease-in-out;transition:right .3s ease-in-out, top .3s ease-in-out;} html.mainnav-open #toggle-mainnav{top:-25px;} html.mainnav-open, html.mainnav-open body{overflow:hidden;} html.mainnav-open #mainnav .mainnav{-webkit-transform:none;transform:none;box-shadow:0 0 150px rgba(0,0,0,0.3);} #mainnav ul.cf{margin-top:80px;border-top:1px solid #eee;} #mainnav .mainnav.hidden{overflow:hidden;pointer-events:none;} #mainnav ul.cf > li > ul{position:fixed;top:0;z-index:2;right:0;bottom:0;width:380px;background:#fff;padding-top:80px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out, box-shadow .3s ease-in-out;transition:transform .3s ease-in-out, box-shadow .3s ease-in-out;overflow-y:scroll;-webkit-overflow-scrolling:touch;} #mainnav ul.cf > li.open > ul{-webkit-transform:none;transform:none;box-shadow:0 0 50px rgba(0,0,0,0.3);pointer-events:auto;} #mainnav ul.cf li a{display:block;color:#555;padding:10px 20px;border-bottom:1px solid #eee;} #mainnav ul.cf li.back a{background:#eee;padding:5px 0 5px 30px;text-transform:uppercase;font-weight:bold;font-size:13px;position:relative;border-bottom-color:#ddd;border-top:1px solid #ddd;} #mainnav ul.cf li.back a:before{content:'';position:absolute;top:50%;left:15px;border:4px solid transparent;border-right-color:#555;width:0;height:0;margin-top:-4px;} #mainnav ul.cf > li.menu-item-has-children > a{position:relative;} #mainnav ul.cf > li.menu-item-has-children > a:before{content:'';position:absolute;top:50%;right:5%;border:4px solid transparent;border-left-color:#555;width:0;height:0;margin-top:-4px;} #mainnav ul.cf li a:hover{background:#f9f9f9;} #mainnav ul.cf li.back a:hover{background:#e9e9e9;} #mainnav ul.cf > li > ul li ul{display:none;} #mainnav-overlay{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);cursor:pointer;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0s .5s, background .2s ease-in-out;transition:transform 0s .5s, background .2s ease-in-out;} html.mainnav-open #mainnav-overlay{-webkit-transform:none;transform:none;background:rgba(0,0,0,0.8);-webkit-transition:-webkit-transform 0s, background .5s ease-in-out;transition:transform 0s, background .5s ease-in-out;} #mainnav .mobile{display:block;} #mainnav .buttons{position:fixed;top:15px;right:73px;z-index:5;} #mainnav .head{opacity:0;position:fixed;background:#fff;top:0;right:0;height:80px;width:400px;z-index:4;padding:15px 0 0 20px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0.1);font-size:24px;font-weight:300;line-height:50px;-webkit-transition:opacity .7s ease-in-out;transition:opacity .7s ease-in-out;} html.mainnav-open #mainnav .head{opacity:1;} #mainnav .buttons a{opacity:0;display:block;width:50px;height:50px;background:#eee;float:left;margin-left:8px;border-radius:3px;} #mainnav .buttons a:nth-child(1) svg{display:block;width:26px;height:26px;margin:12px;} #mainnav .buttons a:nth-child(2) svg{display:block;width:30px;height:30px;margin:10px;} #mainnav .buttons a:nth-child(2){-webkit-transition:opacity .5s .3s ease-in-out;transition:opacity .5s .3s ease-in-out;} #mainnav .buttons a:nth-child(1){-webkit-transition:opacity .5s .5s ease-in-out;transition:opacity .5s .5s ease-in-out;} html.mainnav-open #mainnav .buttons a{opacity:1;} #mainnav .contact{padding:20px 15px 20px 20px;font-size:13px;line-height:20px;} #mainnav .contact p{margin:10px 0;} #mainnav .contact a{color:#555;border-bottom:1px solid #ddd;} #mainnav #cart a{position:absolute;right:65px;top:0;padding-top:13px;padding-bottom:13px;padding-right:12px;padding-left:3px;background:rgba(255,255,255,0.2);border-radius:3px;} #mainnav a.shop{display:none;} #mainnav #cart a span{display:none;} #mainnav a.logo{margin-top:0;width:180px;height:135px;} #root{padding-top:100px !important;} html.mainnav-open #mainnav{height:100vh;} } @media (max-width: 850px){ #mainnav a.logo{left:0;margin-left:0;} #mainnav .topbar a.fulllink svg{display:block;} #mainnav .topbar a.fulllink span{display:none;} #mainnav .topbar em{display:none;} #mainnav .topbar a svg{margin:0 0 0 8px;width:23px;height:23px;} } @media (max-width: 550px){ #mainnav a.logo{margin-left:-5%;} } @media (max-width: 470px){ #mainnav .head, #mainnav .mainnav{width:350px;} #mainnav ul.cf > li > ul{width:335px;} } @media (max-height: 800px){ #mainnav ul.cf{padding:5px 0;} #mainnav{-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;} html.scrolled-100 #mainnav{-webkit-transform:translateY(-40px);transform:translateY(-40px);} #mainnav a.logo{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} html.scrolled-100 #mainnav a.logo{width:170px;height:120px;-webkit-transform:translateY(40px);transform:translateY(40px);} html.scrolled-100.mainnav-open #mainnav{-webkit-transform:translateY(0);transform:translateY(0);} } #toggle-mainnav .icon{width:30px;height:30px;display:block;cursor:pointer;position:relative;margin:5px 0 0 0;} #toggle-mainnav .icon:before, html.mainnav-open #toggle-mainnav .icon:before{content:'';position:absolute;top:50%;margin-top:-1px;width:40px;height:2px;border-radius:2px;background:#fff;} #toggle-mainnav .icon:before{-webkit-animation:animationOneReverse 1s ease forwards;animation:animationOneReverse 1s ease forwards;} @-webkit-keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} @keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} html.mainnav-open #toggle-mainnav .icon:before{-webkit-animation:animationOne 1s ease forwards;animation:animationOne 1s ease forwards;} @-webkit-keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}} @keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}} #toggle-mainnav .icon:after, html.mainnav-open #toggle-mainnav .icon:after{content:'';position:absolute;top:50%;margin-top:-1px;width:40px;height:2px;border-radius:2px;background:#fff;} #toggle-mainnav .icon:after{-webkit-animation:animationTwoReverse 1s ease forwards;animation:animationTwoReverse 1s ease forwards;} @-webkit-keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} @keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} html.mainnav-open #toggle-mainnav .icon:after{-webkit-animation:animationTwo 1s ease forwards;animation:animationTwo 1s ease forwards;} @-webkit-keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}} @keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}} #toggle-mainnav .burger:before{content:'';position:absolute;top:8px;width:40px;height:2px;border-radius:2px;background:#fafafa;-webkit-animation:animationBurgerTopReverse 1s ease forwards;animation:animationBurgerTopReverse 1s ease forwards;} @-webkit-keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} @keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} html.mainnav-open #toggle-mainnav .burger:before{-webkit-animation:animationBurgerTop 1s ease forwards;animation:animationBurgerTop 1s ease forwards;} @-webkit-keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}} @keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}} #toggle-mainnav .burger:after{content:'';position:absolute;bottom:8px;width:40px;height:2px;border-radius:2px;background:#fafafa;-webkit-animation:animationBurgerBottomReverse 1s ease forwards;animation:animationBurgerBottomReverse 1s ease forwards;} @-webkit-keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} @keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} html.mainnav-open #toggle-mainnav .burger:after{-webkit-animation:animationBurgerBottom 1s ease forwards;animation:animationBurgerBottom 1s ease forwards;} @-webkit-keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}} @keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}} /* MAINNAV 03 */ /* ########## CONTACT ########## */ #contact-overlay{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:8;background:rgba(20,20,20,0.5);cursor:pointer;} #contact{position:fixed;right:0;top:200px;z-index:9;-webkit-transform:translateX(300px);transform:translateX(300px);-webkit-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;width:375px;} html.contact-open #contact{-webkit-transform:translateX(0);transform:translateX(0);} #contact .button{padding:30px 20px 30px 15px;background:#f1c241;color:#333333;cursor:pointer;writing-mode:vertical-lr;-webkit-transform:rotate(180deg);transform:rotate(180deg);text-transform:uppercase;text-align:center;line-height:1.4em;border-radius:0 5px 5px 0;white-space:nowrap;font-size:14px;float:left;} #contact .button span{display:block;font-weight:bold;text-transform:none;font-size:20px;color:#fff;} #contact .button em{font-style:normal;} #contact .button img{display:none;} #contact .info{float:right;background:#333333;} #contact .info img{display:block;width:300px;height:auto;} #contact .info a{display:block;text-align:center;padding:10px;-webkit-transiton:background .2s ease-in-out;transiton:background .2s ease-in-out;font-size:14px;line-height:1.3em;} #contact .info a:hover{background:#494949;text-decoration:none;} /* Responsive */ @media (max-height:900px){ #contact{top:160px;width:325px;-webkit-transform:translateX(250px);transform:translateX(250px);} #contact .info img{width:250px;} } @media (max-width:700px){ #contact{top:auto;bottom:0;-webkit-transform:translate(50% , calc(100% - 50px));transform:translate(50% , calc(100% - 50px));right:50%;width:250px;} #contact .button{padding:17px 10px 17px 5px;font-size:12px;line-height:1.6em;float:none;-webkit-transform:none;transform:none;writing-mode:initial;color:#fff;border-radius:5px 5px 0 0;} #contact .button span{font-size:15px;display:none;} html.contact-open #contact{-webkit-transform:translate(50%,0);transform:translate(50%,0);} #contact .info img{width:250px;} #contact .button em{display:none;} } @media all and (-ms-high-contrast:none){ #contact{width:380px;-webkit-transform:translateX(280px);-ms-transform:translateX(280px);transform:translateX(280px);} #contact .button{writing-mode:lr;-webkit-transform:none;-ms-transform:none;transform:none;font-size:0;text-indent:-9999px;border-radius:0;width:70px;padding:15px;} #contact .button span{display:none;} #contact .button img{display:block;width:70px;height:auto;} #contact .info{width:280px;} #contact .info img{width:280px;} html.contact-open #contact{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} #barcode{position:relative;top:40px;-ms-transform:translateX(-50%);} } /* ########## HEADER ########## */ #header{position:fixed;background:#eee;top:50px;left:50%;width:1500px;margin-left:-750px;z-index:1;overflow:hidden;} #header h1{font-family:'kadwa',serif;font-weight:bold;color:#f1c241;line-height:1.1em;} #header img, #header video{object-fit:cover;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;} #header.overlay:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff;opacity:0.7;mix-blend-mode:color;} #header.overlay:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(50,50,50,0.6);} #header.halfscreen{height:50vh;max-height:550px;min-height:280px;} #header.fullscreen{height:calc(100vh - 50px);min-height:600px;} #header.fullscreen.simpletext > .wrapper{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 7%;box-sizing:border-box;text-align:center;} #header.halfscreen.simpletext > .wrapper{position:absolute;z-index:2;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);padding:0;box-sizing:border-box;} #header.overlaytext > .wrapper{position:absolute;z-index:2;top:0;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} #header.simpletext h1{font-size:55px;line-height:1.1em;} #header.halfscreen.simpletext h1.small{font-size:25px;} #header.overlaytext h1{font-size:55px;line-height:1.1em;} #header.contentsize > .wrapper{padding:18vh 0 15vh 0;box-sizing:border-box;position:relative;z-index:2;color:#fff;} #header.latestpost > .wrapper {padding-right:35%;} #header.latestpost > .wrapper h1{margin:0;font-size:50px;text-align:left;line-height:1.1em;} #header.latestpost > .wrapper p{margin:1em 0 0 0;font-size:18px;text-align:left;} #header.latestpost > .wrapper a{margin:1em 0 0 0;font-size:18px;text-transform:uppercase;font-weight:bold;display:inline-block;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;} #header.latestpost > .wrapper a:hover{color:#fff;text-decoration:none;} #header.latestpost .meta{font-size:13px;} #header.latestpost .meta em{/*text-decoration:underline;*/font-style:normal;} #header.singlepost h1{font-size:60px;line-height:1.1em;} #header.textonly{padding:140px 0 55px;text-align:center;} #header.textonly h1{font-size:50px;line-height:1.1em;} #header.textonly a{color:#444;font-weight:bold;text-transform:uppercase;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;} #header.textonly a:hover{color:#f1c241;text-decoration:none;} #header.plx3d ul.layers{overflow:hidden;position:absolute;width:100%;height:100%;z-ndex:1;top:0;left:0;} #header.plx3d ul.layers li{position:absolute;background-position:center center;background-size:cover;width:110%;height:110%;left:-5%;top:-5%;} #header .overlay-left{position:absolute;top:0;left:0;bottom:0;width:50%;background:rgba(251,187,33,0.9);} #header .overlay-left:after{content:'';position:absolute;top:0;right:100%;bottom:0;width:300px;background:rgba(251,187,33,0.9);} #header .overlay-left .inner{position:absolute;top:50%;text-align:left;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:85%;} #header .overlay-left .inner h1{color:#fff;} #header .overlay-left .inner p{color:#fff;margin:2em 0;} .downlink{display:block;width:80px;height:80px;opacity:0.5;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:3;} .downlink:hover{opacity:1;} .downlink svg{display:block;width:40px;height:40px;margin:20px;} .downlink svg *{fill:#fff;} #header.simpletext .downlink{position:absolute;bottom:10%;left:50%;margin-left:-40px;} #header.overlaytext .downlink{margin-left:-20px;} #play-video{display:inline-block;margin:auto;margin-top:70px;cursor:pointer;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} #play-video:hover{opacity:0.5;} #play-video svg{display:inline-block;width:80px;height:80px;-webkit-transform:translateY(30px);transform:translateY(30px);} #play-video svg *{fill:#fff;} #play-video em{display:inline-block;color:#fff;text-transform:uppercase;font-family:'Kadwa',serif;font-weight:bold;font-size:15px;font-style:normal;padding:0 20px;} #video{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.9);z-index:12;cursor:pointer;} #video .inner{position:absolute;top:50%;left:10%;width:80%;height:0;padding-bottom:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} #video .inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;} #subnav{margin-top:20px;} #subnav ul li{float:left;padding:4px 4px 0 0;} #subnav ul li:after, #subnav ul li:before{display:none;} #subnav ul li a{padding:10px 12px 3px;background:rgba(255,255,255,0.6);font-weight:bold;font-family:'Kadwa',serif;color:#272727;font-size:15px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;display:block;} #subnav ul li a:hover{background:#fff;text-decoration:none;} #subnav ul li.current_page_item a{background:#f1c241;color:#fff;} /* Responsive */ @media (max-width:1800px){ #header{width:100%;margin-left:0;left:0;} #header img, #header video{min-width:100%;} } @media (min-height:1300px){ #header.contentsize > .wrapper{padding-top:250px;padding-bottom:200px;} } @media (min-height:1100px){ #header.fullscreen{height:750px;} } @media (max-width:1200px){ #header{position:relative;top:auto;-webkit-transform:none;transform:none;left:0;width:100%;} #header.simpletext h1{font-size:45px;line-height:1.1em;} #header.overlaytext h1{font-size:35px;line-height:1.1em;} } @media (max-width:1000px){ #root #header.fullscreen, #root #header.halfscreen{height:80vw;min-height:350px;max-height:550px;} #header.simpletext h1, #header.latestpost > .wrapper h1{font-size:40px;line-height:1.1em;} #header.contentsize > .wrapper{padding:10vh 0 10vh 0;} #header.latestpost > .wrapper{padding-right:10%;} #header.latestpost > .wrapper p{font-size:14px;} #header.singlepost > .wrapper{text-align:left;padding-right:10%;box-sizing:border-box;} #header.singlepost h1, #header.textonly h1{font-size:35px;line-height:1.1em;} #header.halfscreen.simpletext > .wrapper{bottom:15px;} #downlink{display:none;} } @media (max-width:800px){ #header.textonly{text-align:left;padding:40px 0 30px;} #header.simpletext > .wrapper, #header.fullscreen > .wrapper{padding-left:0;padding-right:0;} #header.simpletext > .wrapper.alignm-left{top:auto;bottom:7%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);} #header.simpletext h1, #header.latestpost > .wrapper h1{font-size:4vw;line-height:1.1em;} #play-video{margin-top:5%;} #play-video svg{width:30px;height:30px;} #play-video em{font-size:12px;padding:0 10px;transform:translateY(20px);} } @media (max-width:550px){ #header.simpletext h1, #header.latestpost > .wrapper h1{font-size:6.5vw;line-height:1.1em;} } /* ########## COOKIES ########## */ #cookies{display:none;position:fixed;bottom:50px;left:50%;background:#fff;z-index:11;width:400px;font-size:13px;line-height:1.5em;text-align:center;box-shadow:0 0 150px rgba(0,0,0,0.1);-webkit-transform:translateX(-700px);transform:translateX(-700px);} #cookies .setting{display:none;} #cookies .head{color:#f1c241;text-transform:uppercase;padding:10px 10px 20px;font-size:20px;font-weight:bold;border-bottom:1px solid #ddd;background:#f5f5f5;} #cookies .head svg{display:inline-block;width:28px;height:28px;-webkit-transform:translateY(5px);transform:translateY(5px);} #cookies .head svg *{fill:#444;} #cookies .inner{padding:20px 20px;} #cookies p{margin:0 0 1.5em;} #cookies span.btn{display:block;padding:10px;font-weight:bold;background:#f1c241;text-transform:uppercase;color:#fff;margin:0.5em 0;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} #cookies span.btn:hover{background:#333;} #cookies span.settings, #cookies a{font-size:13px;} #cookies span.settings{display:inline-block;color:#f1c241;cursor:pointer;} #cookies span.settings:hover{text-decoration:underline;} #cookies a{display:inline-block;} #cookies .footer{background:#f1c241;} #cookies .footer ul li{display:inline-block;padding:6px;} #cookies .footer ul li svg{display:block;width:20px;height:20px;} #cookies .footer ul li svg *{fill:#fff;} #cookies .footer ul li.mail svg{width:30px;height:30px;-webkit-transform:translateY(3px);transform:translateY(3px);} #revokeCookies{color:#f1c241;cursor:pointer;} #revokeCookies:hover{text-decoration:underline;} .cookietable{border-collapse:collapse;font-size:14px;width:100%;} .cookietable tr.cat{background:#ddd;text-transform:uppercase;font-weight:bold;} .cookietable tr.cat td{border-color:#ccc;} .cookietable thead{border:1px solid #f1c241;} .cookietable th{border:1px solid #fff;padding:10px;background:#f1c241;text-transform:uppercase;color:#fff;} .cookietable th:nth-of-type(1){border-left:none;} .cookietable th:nth-of-type(3){border-right:none;} .cookietable td{border:1px solid #ddd;vertical-align:top;padding:10px;} .cookietable td:not(:last-child){white-space:nowrap;} /* Responsive */ @media (max-width:1800px){ #cookies{left:3vw;bottom:3vw;-webkit-transform:none;transform:none;} } @media (max-width:800px){ #cookies .inner{padding:20px 20px;} } @media (max-width:550px){ #cookies .head{font-size:18px;padding:10px 5px 15px;} #cookies .head svg{-webkit-transform:translateY(7px);transform:translateY(7px);} #cookies{width:94%;font-size:13px;} } /* ########## CONTENT ########## */ #content{position:relative;z-index:2;} #barcode{position:absolute;top:-38px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;} .section{position:relative;} div#content main{float:left;width:60%;padding-bottom:100px;padding-top:100px;} #content.has-bg{background:#fff;} .paddingtop{padding-top:100px;} .paddingbottom{padding-bottom:100px;} .margintop{margin-top:100px;} .marginbottom{margin-bottom:100px;} .halfpaddingtop{padding-top:50px;} .halfmargintop{margin-top:50px;} #content main .halfpaddingtop:first-child{padding-top:0;} .halfpaddingbottom{padding-bottom:50px;} .halfmarginbottom{margin-bottom:50px;} #content main .halfpaddingbottom:last-child{padding-bottom:0;} .boxedbgbtm-bgcolor-1, .boxedbgbtm-bgcolor-2, .boxedbgbtm-bgcolor-3{position:relative;} .boxedbgbtm-bgcolor-1:before, .boxedbgbtm-bgcolor-2:before, .boxedbgbtm-bgcolor-3:before{content:'';position:absolute;bottom:0;top:50%;left:0;right:0;z-index:1;} .bgcolor-1, .boxedbgtop-bgcolor-1, .boxedbgbtm-bgcolor-1:before{background:#fff;} .bgcolor-2, .boxedbgtop-bgcolor-2, .boxedbgbtm-bgcolor-2:before{background:#f3f3f3;} .bgcolor-3, .boxedbgtop-bgcolor-3, .boxedbgbtm-bgcolor-3:before{background:#333333;color:#fff;} .halfwidth .inner{max-width:900px;width:80%;} .halfwidth.alignd-center .inner{margin:auto;} .alignd-center{text-align:center;} .alignd-left{text-align:left;} .section.boxed .wrapper{padding:5%;box-sizing:border-box;z-index:2;} .boxedbgtop-bgcolor-1 .wrapper.bgcolor-1, .boxedbgbtm-bgcolor-1 .wrapper.bgcolor-1{box-shadow:0 0 150px rgba(0,0,0,0.1);} p{margin:1em 0;} p:first-child{margin-top:0;} p:last-child{margin-bottom:0;} p.prehl{text-transform:uppercase;letter-spacing:5px;margin-bottom:2.5em;font-size:15px;} h2{font-family:'kadwa',serif;font-weight:bold;font-size:55px;line-height:1.1em;color:#f1c241;} #content.has-sidebar h2{font-size:35px;} #content.has-sidebar h2:not(:first-child){margin-top:1.5em;} h3{font-family:'kadwa',serif;font-weight:bold;font-size:40px;line-height:1.1em;color:#333333;} h4{font-family:'kadwa',serif;font-weight:bold;font-size:25px;line-height:1.1em;color:#333333;} h3 span.yellow{color:#f1c241;} .bgcolor-3 h3{color:#fff;} h3:not(:first-child){margin-top:1.5em;} h3:not(:last-child){margin-bottom:0.2em;} h4:not(:first-child){margin-top:1.5em;} h4:not(:last-child){margin-bottom:0.2em;} #content.has-sidebar h3{font-size:25px;} #content.has-sidebar h3:not(:first-child){margin-top:1.5em;} /*h4{font-size:20px;font-weight:bold;line-height:1.2em;color:#f1c241;margin:1.5em 0;}*/ a{color:#f1c241;} a:hover{text-decoration:underline;} a.btn, span.btn{display:inline-block;border:3px solid #f1c241;text-transform:uppercase;text-decoration:none;font-weight:bold;padding:5px 10px;color:#f1c241;-webkit-transition:background .2s ease-in-out, color .2s ease-in-out;transition:background .2s ease-in-out, color .2s ease-in-out;cursor:pointer;} a.btn:hover, span.btn:hover{background:#f1c241;color:#fff;} #root a.backbutton{display:inline-block;border:3px solid #f1c241;text-transform:uppercase;text-decoration:none;font-weight:bold;padding:5px 10px;color:#f1c241;-webkit-transition:background .2s ease-in-out, color .2s ease-in-out;transition:background .2s ease-in-out, color .2s ease-in-out;cursor:pointer;margin-top:2em;} #root a.backbutton:hover{background:#f1c241;color:#393939;} ul:not([class]){margin:1em 0;} ol:not([class]){margin:1em 0 1em 22px;} ul:first-child, ol:first-child{margin-top:0;} ul:last-child, ol:last-child{margin-bottom:0;} ul:not([class]) li, ul.check li{position:relative;padding:3px 0 3px 27px;} ol:not([class]) li{position:relative;padding:3px 0 3px 10px;} ol:not([class]) li{list-style:decimal;} ul:not([class]) li:before{content:'';position:absolute;width:8px;height:8px;background-color:#f1c241;left:6px;top:13px;border-radius:50%;} ul.check li:before{content:'';position:absolute;width:4px;height:6px;background-color:#f1c241;left:3px;top:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} ul.check li:after{content:'';position:absolute;width:4px;height:18px;background-color:#f1c241;left:11px;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);} span.nowrap{white-space:nowrap;} #overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.9);z-index:11;cursor:url(assets/close.png) 17 17, pointer;} html.overlay-open, html.overlay-open body{position:relative;overflow:hidden;} #root .responsivetable{position:relative;} #root .responsivetable:after{content:'';position:absolute;top:0;bottom:0;right:0;width:50px;opacity:0.5;pointer-events:none;background:-moz-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 100%);background:-webkit-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%);background:linear-gradient(to right, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1);} #root .responsivetable .inner{width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;position:relative;} #root .responsivetable .inner table{width:100%;min-width:500px;} .tt{visibility:hidden;z-index:1;opacity:0.4;padding:7px 13px;background:#333;color:#ddd;position:absolute;top:-50px;left:50%;border-radius:3px;font-size:15px;-webkit-transform:translate(-50%,4px);transform:translate(-50%,4px);white-space:nowrap;} .tt::after{content:" ";width:0;height:0;bottom:-12px;border-style:solid;border-width:12px 12.5px 0 12.5px;border-color:#333 transparent transparent transparent;position:absolute;left:50%;margin-left:-12px;} .tooltip:hover{position:relative;} .tooltip:hover .tt{visibility:visible;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;-webkit-transition:-webkit-transform .2s ease-in-out, opacity .2s ease-in-out;transition:transform .2s ease-in-out, opacity .2s ease-in-out;} .barcode{overflow:hidden;} .barcode .code, .barcode .code:after{background:url(assets/barcode.gif) repeat right fixed;} .barcode .code.code-bottom{height:100px;position:relative;} .barcode .code.code-bottom.wrapper-left:after{content:'';position:absolute;right:-300px;left:100%;top:0;bottom:0;} .barcode .code.code-bottom.wrapper-right:after{content:'';position:absolute;left:-300px;right:100%;top:0;bottom:0;} .barcode .code.code-bottom.wrapper-right:after{content:'';position:absolute;left:-300px;right:100%;top:0;bottom:0;} .barcode .code.code-right{position:absolute;right:0;width:100px;} .barcode .code.code-right.fullheight{top:0;bottom:0;} iframe{border:none;} span.imagedescription{display:block;text-align:center;padding-top:10px;font-style:italic;color:#777;text-decoration:none !important;} a.fresco:hover{text-decoration:none;} /* Responsive */ @media (max-width: 1500px){ .section.has-barcode-right .wrapper{padding-right:100px;box-sizing:border-box;} } @media (max-width: 1400px){ .paddingtop{padding-top:80px;} .paddingbottom{padding-bottom:80px;} .margintop{margin-top:80px;} .marginbottom{margin-bottom:80px;} ul.check li:before{top:13px;} ul.check li:after{top:5px;} div#content main{padding:5% 0;} } @media (max-width: 1100px){ .paddingtop{padding-top:7%;} .paddingbottom{padding-bottom:7%;} .margintop{margin-top:7%;} .marginbottom{margin-bottom:7%;} .halfpaddingtop{padding-top:3.5%;} .halfmargintop{margin-top:3.5%;} #content main .halfpaddingtop{padding-top:7%;} .halfpaddingbottom{padding-bottom:3.5%;} .halfmarginbottom{margin-bottom:3.5%;} #content main .halfpaddingbottom{padding-bottom:7%;} .halfwidth .inner{width:85%;} h2{font-size:55px;} h3{font-size:37px;} #content.has-sidebar h2{font-size:25px;} #content.has-sidebar h3{font-size:20px;} } @media (max-width: 1000px){ div#content main{float:none;width:100%;padding:7% 0;} #barcode{width:150px;top:-28px;} p.prehl{letter-spacing:3px;margin-bottom:2.5em;font-size:12px;} .barcode .code.code-right{width:0;} .barcode .code.code-bottom{height:50px;} .section.has-barcode-right .wrapper{padding-right:0;} } @media (max-width: 900px){ h2{font-size:6vw;} h3{font-size:3.5vw;} #content.has-sidebar h2{font-size:4vw;} #content.has-sidebar h3{font-size:3vw;} } @media (max-width: 700px){ h2{font-size:9vw;} h3{font-size:5.5vw;} .alignm-center{text-align:center;} .alignm-left{text-align:left;} .halfwidth .inner{width:100%;} #content.has-sidebar h2{font-size:5vw;} #content.has-sidebar h3{font-size:4vw;} .section.boxed .wrapper{box-sizing:content-box;} #barcode{width:100px;top:-18px;} } @media (max-width: 700px){ h2{font-size:8vw;} h3{font-size:6.5vw;} } /* ########## BUTTON ########## */ #button{display:block;position:absolute;top:50px;right:50%;margin-right:-600px;width:120px;height:120px;border-radius:50%;background:#eee;z-index:3;line-height:1.2em;font-size:14px;text-transform:uppercase;font-weight:bold;font-family:'kadwa',serif;color:#333;text-align:center;-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-transition:color .2s ease-in-out, background .2s ease-in-out;transition:color .2s ease-in-out, background .2s ease-in-out;} #button:hover{background:#f1c241;color:#fff;text-decoration:none;} /* Responsive */ @media (max-width: 1400px){ #button{right:5%;margin-right:0;} } @media (min-width: 1001px){ #button span{display:block;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-45%);transform:translateY(-45%);} } @media (max-width: 1000px){ #button{position:relative;right:auto;top:auto;-webkit-transform:none;transform:none;width:100%;height:auto;text-align:center;border-radius:0;line-height:60px;} } /* ########## Sidebar ########## */ div#content .sidebar{float:right;width:30%;padding:100px 0;} div#content .sidebar .box{border:1px solid #ddd;padding:20px;text-align:center;margin-bottom:30px;} div#content .sidebar .box p.head{font-weight:bold;color:#f1c241;text-transform:uppercase;} div#content .sidebar .box.author{background:#333333;color:#fff;border:none;padding:0;cursor:pointer;} div#content .sidebar .box.author img{display:block;width:100%;height:auto;} div#content .sidebar .box.author p{margin:0;padding:10px 0;} div#content .sidebar .box.latestnews ul li{border-top:1px solid #ddd;padding:1em 0;font-size:15px;line-height:1.3em;} div#content .sidebar .box.latestnews ul li a{color:#777;} div#content .sidebar .box.categories ul li{border-top:1px solid #ddd;padding:1em 0;font-size:15px;line-height:1.3em;} div#content .sidebar .box.categories ul li a{color:#777;} div#content .sidebar .box.categories ul li.current{background:#f5f5f5;} div#content .sidebar .box.categories ul li.current a{color:#333;font-weight:bold;} div#content .sidebar .box.socialmedia ul li{display:inline-block;} div#content .sidebar .box.socialmedia ul li a{display:block;padding:5px;} div#content .sidebar .box.socialmedia ul li a svg{display:block;width:30px;height:30px;} div#content .sidebar .box.socialmedia ul li a svg *{fill:#f1c241;} div#content .sidebar .backlink{display:block;background:#f1c241;color:#fff;text-align:center;padding:10px 4px;font-weight:bold;text-transform:uppercase;text-decoration:none;margin-bottom:30px;} div#content .sidebar .backlink svg{display:inline-block;width:15px;height:15px;-webkit-transform:translateY(2px);transform:translateY(2px);} div#content .sidebar .backlink svg *{fill:#fff;} /* Responsive */ @media (max-width: 1400px){ div#content .sidebar{padding:5% 0;} } @media (max-width: 1000px){ div#content .sidebar{width:100%;padding:7% 0;display:flex;flex-wrap:wrap;justify-content:space-between;} div#content .sidebar .box.author{display:none;} div#content .sidebar .backlink{width:100%;box-sizing:border-box;} div#content .sidebar .box{width:47.5%;box-sizing:border-box;} } @media (max-width: 700px){ div#content .sidebar .box{width:100%;} } /* ########## TEXT ########## */ .text img{display:block;max-width:100%;height:auto;} /* ########## TEXT + TEXT ########## */ .texttext .left, .texttext .right{width:47.5%;} .texttext .left{float:left;} .texttext .right{float:right;} .texttext.smalltext{font-size:16px;line-height:1.5em;} .texttext.smalltext strong{display:block;border-top:1px solid #ddd;padding:0.3em 0 .5em;margin-top:2em;} .texttext.smalltext p:first-child strong{margin-top:0;} /* Responsive */ @media (max-width: 780px){ body, input, textarea{font-size:14px;} } @media (max-width: 700px){ .texttext.smalltext{float:none;width:100%;} .texttext .left, .texttext .right{width:100%;float:none,} .texttext .left{margin-bottom:2em;} } /* ########## TEXT + TEXT + TEXT ########## */ .texttexttext .left, .texttexttext .center, .texttexttext .right{width:30%;float:left;} .texttexttext .left, .texttexttext .center{margin-right:5%;} /* Responsive */ @media (max-width: 700px){ .texttexttext .left, .texttexttext .center, .texttexttext .right{float:none;width:100%;} .texttexttext .left, .texttexttext .center{margin-bottom:1em;} } /* ########## TEXT + BILD ########## */ .textimage .inner{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;} .textimage .txt{width:45%;} .textimage.innerpaddingtop .txt{padding-top:100px;} .textimage.innerpaddingbottom .txt{padding-bottom:100px;} .textimage .inner.it .txt{margin-left:55%;} .textimage .inner.it .img.nocrop + .txt{margin-left:0;} .textimage .img:not(.nocrop).img{width:50%;position:absolute;top:0;bottom:0;} .textimage .img.nocrop.img{width:50%;} .textimage .inner.ti .img.nocrop{float:right;order:2;} .textimage .inner.it .img.nocrop{float:left;} .textimage .img.border, .textimage .img .border{box-sizing:border-box;border:1px solid #ccc;} .textimage .img:not(.nocrop) img{display:block;object-fit:cover;width:100%;height:100%;} .textimage .img.nocrop img{display:block;width:100%;height:auto;} .textimage .inner.ti .img:not(.nocrop){right:0;} .textimage .inner.it .img:not(.nocrop){left:0;} .textimage.fullwidth .inner.ti .txt{position:relative;left:50%;margin-left:-600px;padding-right:105%;} .textimage.fullwidth .inner.it .txt{width:520px;} /* Responsive */ @media (max-width: 1480px){ .textimage.fullwidth .inner.ti .txt{left:5%;width:38%;margin-left:0;padding-right:0;} .textimage.fullwidth .inner.it .txt{width:39%;} .textimage.innerpaddingtop .txt{padding-top:5%;} .textimage.innerpaddingbottom .txt{padding-bottom:5%;} } @media (max-width: 1200px){ .textimage.fullwidth .inner.ti .txt{left:5%;width:calc(45% - 50px);} } @media (max-width: 1100px){ .textimage.innerpaddingtop .txt{padding-top:7%;} .textimage.innerpaddingbottom .txt{padding-bottom:7%;} } @media (max-width: 900px){ #root .textimage.fullwidth .inner .txt{left:5%;width:90%;} #root .textimage.fullwidth .img{width:100%;position:relative;height:60vw;} #root .textimage.imgsizem-big .img{width:100%;position:relative;height:100vw;} #root .textimage.fullwidth .inner.it .txt{width:90%;margin-left:5%;} #root .textimage .wrapper .inner .txt{left:5%;width:90%;padding:7% 0;} #root .textimage .wrapper .img{width:100%;position:relative;height:60vw;} #root .textimage .wrapper .inner.it .txt{width:100%;margin-left:0;} } /* ########## TEXT + IMAGE MAGAZINSTYLE ########## */ .textimage2cols .left, .textimage2cols .right{width:47.5%;} .textimage2cols .left{float:left;} .textimage2cols .right{float:right;} .textimage2cols img{display:block;width:100%;height:auto;} .textimage2cols .txt:not(:last-child), .textimage2cols .img:not(:last-child){margin:2em 0;} .textimage2cols .txt:not(:last-child){margin-bottom:2em;} #root .textimage2cols .img:first-child, #root .textimage2cols .txt:first-child{margin-top:0;} /* Responsive */ @media (min-width: 801px){ .textimage2cols .txt h3{font-size:40px;margin:-0.2em 0 0;} } @media (max-width: 800px){ .textimage2cols .left, .textimage2cols .right{float:none;width:100%;} .textimage2cols .txt:not(:last-child), .textimage2cols .img:not(:last-child){margin:7% 0;} .textimage2cols .txt:not(:last-child){margin-bottom:12%;} .textimage2cols.orderm-lr .left{margin-bottom:12%;} .textimage2cols.orderm-rl .right{margin-bottom:12%;} } /* ########## Hidden Text ########## */ span.open-hiddencontent, span.close-hiddencontent{margin-top:1em;display:inline-block;font-weight:bold;font-size:20px;color:#555;cursor:pointer;padding:8px 0;} span.close-hiddencontent{display:none;} span.close-hiddencontent svg{display:inline-block;width:13px;height:13px;margin-right:6px;} .hidden-content{display:none;} /* Responsive */ @media (max-width: 800px){ span.open-hiddencontent, span.close-hiddencontent{font-size:17px;} } /* ########## IMAGE ########## */ .image img, .image video{display:block;width:100%;height:auto;} .image .wd50{width:50%;} .image .wd50 + .imagedescription{width:50%;} .image .wd100{width:100%;} /* Responsive */ @media (max-width: 800px){ .image .wm50{width:50%;} .image .wm100{width:100%;} .image .wm50 + .imagedescription{width:50%;} .image .wm100 + .imagedescription{width:100%;} } /* ########## IMAGE + LINK 2X ########## */ .image2x .left, .image2x .right{position:relative;float:left;width:50%;} .image2x .left, .image2x .right, .image2x .inner{overflow:hidden;} .image2x img, .image2x video{display:block;width:100%;height:auto;-webkit-transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;backface-visibility:hidden;-webkit-transform:scale(1.005,1.005);transform:scale(1.005,1.005);} /* ########## IMAGE + LINK ########## */ .imagelink{position:relative;text-align:center;} .imagelink, .imagelink .inner{overflow:hidden;} .imagelink img, .imagelink video{display:block;width:100%;height:auto;-webkit-transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;} .imagelink .inner:hover img, .imagelink .inner:hover video{-webkit-transform:scale(1.01,1.01);transform:scale(1.01,1.01);} .imagelink a{position:absolute;top:0;right:0;bottom:0;left:0;} .imagelink a span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:90px;font-family:'kadwa',sans-seif;font-weight:bold;text-transform:uppercase;line-height:1.2em;text-decoration:underline;} /* Responsive */ @media (max-width: 1200px){ .imagelink a span{font-size:9vw;} .imagelink a span{width:85%;} } /* ########## IMAGE + HEADLINE ########## */ .imageheadline{position:relative;text-align:center;} .imageheadline, .imageheadline .inner{overflow:hidden;} .imageheadline img, .imageheadline video{display:block;width:100%;height:auto;} .imageheadline h2{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:90%;max-width:800px;color:#fff;} /* ########## IMAGE + LINK 2X ########## */ .imagelink2x .left, .imagelink2x .right{position:relative;float:left;width:50%;} .imagelink2x .left, .imagelink2x .right, .imagelink2x .inner{overflow:hidden;} .imagelink2x img, .imagelink2x video{display:block;width:100%;height:auto;-webkit-transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;backface-visibility:hidden;-webkit-transform:scale(1.005,1.005);transform:scale(1.005,1.005);} .imagelink2x .left:after, .imagelink2x .right:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(50,50,50,0.5);z-index:1;} .imagelink2x .inner:hover img, .imagelink2x .inner:hover video{-webkit-transform:scale(1.015,1.015);transform:scale(1.015,1.015);} .imagelink2x a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;} .imagelink2x a span{position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:45px;font-weight:bold;font-family:'kadwa',sans-seif;text-transform:uppercase;width:85%;text-decoration:underline;line-height:1.2em;display:block;text-align:center;} /* Responsive */ @media (max-width: 1920px){ .imagelink2x a span{font-size:2.8vw;} } /* ########## PARALLAX BANNER ########## */ .parallaxbanner{height:75vh;max-height:750px;background-size:cover;background-attachment:fixed;background-position:center;} /* Responsive */ @media (max-width: 1000px){ .parallaxbanner{background:none !important;height:auto;} .parallaxbanner img{visibility:visible;position:relative;display:block;width:100%;height:auto;} } /* ########## TEASER ########## */ .teaser .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;} .teaser .fill:after{content:'';flex:auto;} .teaser .item{position:relative;-webkit-transition:box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:box-shadow .2s ease-in-out, transform .2s ease-in-out;border-radius:3px;overflow:hidden;} #content.has-sidebar .teaser .item:not(:last-child){margin-bottom:2em;} .teaser .cols-2 .item{width:47.5%;} .teaser .cols-2 .item:not(:last-child){margin-right:5%;} .teaser .cols-3 .item{width:31%;} .teaser .cols-3 .item:not(:last-child){margin-right:3.5%;} .teaser .cols-4 .item{width:23%;} .teaser .cols-4 .item:not(:last-child){margin-right:2.6666666666%;} .teaser .cols-5 .item{width:19%;} .teaser .cols-5 .item:not(:last-child){margin-right:1.25%;} .teaser .item .img{position:relative;} .teaser .item img{display:block;width:100%;height:auto;margin:0 0 0.5em 0;} .teaser .item a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;} .teaser .item .img svg{display:none;} .teaser .item .img svg *{fill:#f1c241;} .teaser .item.haslink .inner{padding:20px 10px 10px;} .teaser .item:not(.haslink) .inner, #content.has-sidebar .teaser .item.haslink .inner{padding:20px 0 10px;} .teaser .item .inner p{margin-bottom:0;} .teaser .item.haslink:hover{box-shadow:0 20px 50px rgba(0,0,0,0.1);-webkit-transform:translateY(-5px);transform:translateY(-5px);} #content.has-sidebar .teaser .item.haslink{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;} #content.has-sidebar .teaser .item.haslink:hover{box-shadow:none;-webkit-transform:none;transform:none;opacity:0.5;} .teaser .item > svg{display:inline-block;margin:auto;height:70px;width:auto;margin-top:25px;} #content.has-sidebar .teaser .item > svg{margin-top:0;} .teaser .cols-5 .item h3{font-size:16px;line-height:1.2em;margin:0 0 0.2em;} #content.has-sidebar .teaser .item h3{font-size:20px;} .teaser .cols-5 .item p{margin:0;font-size:14px;line-height:1.4em;} .teaser .cols-4 .item h3{font-size:20px;line-height:1.2em;} .teaser .cols-3 .item h3{font-size:35px;line-height:1.2em;} /* Responsive */ @media (max-width: 950px){ .teaser .item .img svg{display:block;position:absolute;bottom:15px;left:15px;width:25px;height:auto;background:#fff;padding:5px;bborder-radius:50%;} .teaser .item .inner{padding:30px 0 0;} .teaser .item.haslink:hover{box-shadow:none;-webkit-transform:none;transform:none;} .teaser .cols-4 .item{width:47.5%;} .teaser .cols-4 .item:nth-of-type(1), .teaser .wrapper.cols-4 .item:nth-of-type(2){margin-bottom:5%;} } @media (max-width: 700px){ .teaser .cols-3 .item{width:46%;} .teaser .cols-3 .item h3{font-size:25px;} .teaser .cols-3 .item:nth-of-type(1){margin-right:7%;} .teaser .cols-3 .item:first-of-type{margin-bottom:10%;} } @media (max-width: 550px){ .teaser .item .inner{padding:5% 0 0;} .teaser .cols-2 .item{width:100%;} .teaser .cols-2 .item:first-of-type{margin-bottom:10%;} } @media (max-width: 450px){ .teaser .cols-3 .item, .teaser .wrapper.cols-4 .item{width:100%;} .teaser .cols-3 .item:not(:nth-of-type(3)){margin-bottom:10%;} .teaser .cols-4 .item:not(:nth-of-type(4)){margin-bottom:10%;} .teaser .cols-3 .item:nth-of-type(1){margin-right:0;} } /* ########## SEITLICHE BOX ########## */ .sidebox{overflow:hidden;} .sidebox .wrapper{box-sizing:border-box;} .sidebox .wrapper.left{padding:60px 60px 60px 0;} .sidebox .wrapper.right{padding:60px 0 60px 60px;} .sidebox .wrapper:before{content:'';position:absolute;top:0;bottom:0;} .sidebox .wrapper.left:before{right:100%;left:-1000px;} .sidebox .wrapper.right:before{left:100%;right:-1000px;} .sidebox .wrapper.bgcolor-1:before{background:#fff;} .sidebox .wrapper.bgcolor-2:before{background:#f3f3f3;} .sidebox .wrapper.bgcolor-3:before{background:#333333;color:#fff;} .sidebox .wrapper.left .txt{padding-right:300px;} .sidebox .wrapper.right .txt{padding-left:300px;} .sidebox .wrapper .button{display:block;position:absolute;top:60px;bottom:60px;width:250px;background:#f1c241;} .sidebox .wrapper.left .button{right:60px;} .sidebox .wrapper.right .button{left:60px;} .sidebox .wrapper .button span{color:#333333;display:block;position:absolute;top:50%;left:3%;right:3%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-weight:bold;line-height:1.3em;text-transform:uppercase;} /* Responsive */ @media (max-width: 1200px){ .sidebox .wrapper.left{padding:40px 40px 40px 0;} .sidebox .wrapper.right{padding:40px 0 40px 40px;} .sidebox .wrapper .button{top:40px;bottom:40px;} .sidebox .wrapper.left .button{right:40px;} .sidebox .wrapper.right .button{left:40px;} } @media (min-width: 951px){ .sidebox{background:none !important;} .sidebox.totop{padding:0 !important;} } @media (max-width: 950px){ .sidebox.totop{margin-top:0 !important;} #root .sidebox .wrapper{padding:0;background:none !important;} #root .sidebox .wrapper .txt{padding:0;} .sidebox .wrapper .button{top:auto;bottom:auto;position:relative;width:auto;display:inline-block;margin-top:1.5em;} .sidebox .wrapper.left .button{right:auto;} .sidebox .wrapper.right .button{left:auto;} .sidebox .wrapper .button span{position:relative;top:auto;left:auto;right:auto;-webkit-transform:none;transform:none;padding:12px 15px;} } /* ########## PARALLAX HEADLINE ########## */ .parallaxheadline{position:relative;overflow:hidden;width:100%;} .parallaxheadline img{display:block;width:100%;height:auto;} .parallaxheadline img.fg{position:absolute;top:0;left:0;} .parallaxheadline .hl{position:absolute;left:0;right:0;text-align:center;} .parallaxheadline h2{color:#f1c241;font-family:'kadwa',serif;font-weight:bold;text-transform:uppercase;margin:0;line-height:1em;font-size:200px;} .parallaxheadline p.sl{position:absolute;left:5%;right:5%;text-align:center;color:rgba(255,255,255,0.9);font-size:28px;text-shadow:0 0 50px #333333;} .parallaxheadline a{display:block;position:absolute;left:0;right:0;top:0;bottom:0;} .parallaxheadline.example .hl{top:40%;} .parallaxheadline.example p.sl{top:67%;} /* Responsive */ @media (max-width:1920px){ .parallaxheadline h2{font-size:12vw;} } @media (max-width:1700px){ .parallaxheadline{margin-top:-100px;} .parallaxheadline .inner{margin-top:100px;position:relative;overflow:hidden;} } @media (max-width:1600px){ .parallaxheadline p.sl{font-size:24px;} } @media (max-width:1300px){ .parallaxheadline{margin-top:-200px;} .parallaxheadline .inner{margin-top:200px;} .parallaxheadline p.sl{font-size:20px;} } @media (max-width:900px){ .parallaxheadline{margin-top:-300px;} .parallaxheadline .inner{margin-top:300px;} .parallaxheadline p.sl{font-size:18px;} } @media (max-width:720px){ .parallaxheadline{margin-top:0;} .parallaxheadline .inner{margin-top:0;} .parallaxheadline p.sl{font-size:16px;} .parallaxheadline .hl, .parallaxheadline p.sl{-webkit-transform:none !important;transform:none !important;opacity:1 !important;} } @media (max-width:580px){ .parallaxheadline p.sl{font-size:15px;line-height:1.2em;} } @media (max-width:480px){ .parallaxheadline p.sl{font-size:14px;} .parallaxheadline p.sl span{display:none;} } @media (max-width:420px){ .parallaxheadline p.sl{font-size:13px;} } /* ########## TIMELINE 4 SPALTEN ########## */ .timeline4cols .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;} .timeline4cols .wrapper > div{width:22%;font-size:15px;line-height:1.5em;} .timeline4cols .wrapper.cols-3 > div{width:30%;font-size:15px;line-height:1.5em;} .timeline4cols .wrapper .arrow{display:block;height:20px;background:#eee;width:calc(100% - 25px);margin-bottom:3em;} .timeline4cols.bgcolor-3 .wrapper .arrow{background:rgba(255,255,255,0.1);} .timeline4cols .wrapper .arrow:after{content:'';position:absolute;right:0;border:25px solid transparent;border-left-color:#eee;-webkit-transform:translate(25px,-17px);transform:translate(25px,-17px);} .timeline4cols.bgcolor-3 .wrapper .arrow:after{border-left-color:rgba(255,255,255,0.1);} /* Responsive */ @media (max-width:1000px){ .timeline4cols .wrapper > div{width:47.5%;position:relative;} .timeline4cols .wrapper > div:after{position:absolute;top:.6em;right:0;font-size:50px;font-weight:bold;color:rgba(0,0,0,0.1);} .timeline4cols .wrapper > div:nth-of-type(1):after{content:'01';} .timeline4cols .wrapper > div:nth-of-type(2):after{content:'02';} .timeline4cols .wrapper > div:nth-of-type(3):after{content:'03';} .timeline4cols .wrapper > div:nth-of-type(4):after{content:'04';} .timeline4cols.bgcolor-3 .wrapper > div:after{color:rgba(255,255,255,0.1);} .timeline4cols .wrapper strong{max-width:80%;display:block;margin-top:2em;} } @media (max-width:600px){ .timeline4cols .wrapper > div{width:calc(95% - 20px);padding-left:calc(5% + 20px);} .timeline4cols .wrapper .arrow{position:absolute;left:0;top:2em;width:20px;height:calc(100% - 50px);} .timeline4cols .wrapper .arrow:after{left:0;right:auto;top:100%;border-left-color:transparent;border-top-color:#eee;-webkit-transform:translate(-15px,0);transform:translate(-15px,0);} .timeline4cols.bgcolor-3 .wrapper .arrow:after{border-top-color:rgba(255,255,255,0.1);border-left-color:transparent;} .timeline4cols{padding-bottom:11%;} } /* ########## VIDEO + VIMEO ########## */ .imagevimeo .outer{cursor:pointer;position:relative;} .imagevimeo img, .imagevimeo video{display:block;width:100%;height:auto;} .imagevimeo .inner{position:absolute;bottom:50%;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:90%;max-width:700px;text-align:center;} .imagevimeo .play{margin:auto;color:rgba(255,255,255,0.8);-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out;} .imagevimeo .play svg{display:inline-block;width:75px;height:75px;margin:0 15px -27px;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;backface-visibility:hidden;} .imagevimeo .play svg path{fill:rgba(255,255,255,0.8);-webkit-transform-origin:5px 8px;transform-origin:5px 8px;} .imagevimeo .play span{display:inline-block;font-size:24px;font-family:'kadwa',serif;font-weight:bold;text-transform:uppercase;} .imagevimeo:hover .play{color:#fff;} .imagevimeo:hover .play svg{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .imagevimeo h2{color:#fff;margin-bottom:1em;} .imagevimeo .iframe{display:none;position:relative;padding-bottom:56.25%;background:#000;} .imagevimeo .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;} .imagevimeo .privacy{display:none;position:relative;padding:70px 15%;background:#333333;text-align:center;color:#ddd;} .imagevimeo .privacy p.h{color:#f1c241;font-family:'kadwa',serif;font-weight:bold;font-size:40px;text-transform:uppercase;line-height:1.1em;margin:0;} .imagevimeo .privacy p.p{margin:2em 0;} /* Responsive */ @media (max-width:1100px){ .imagevimeo h2{font-size:6vw;line-height:1.2em;margin-bottom:0.5em;} .imagevimeo .play span{font-size:16px;} .imagevimeo .play svg{width:55px;height:55px;margin-bottom:-20px;} } @media (max-width:800px){ .imagevimeo .privacy{padding:7%;} .imagevimeo .privacy p.h{font-size:30px;line-height:1.1em;} .imagevimeo .privacy p.p{margin:1em 0;} } /* ########## GALLERY ########## */ .gallery .gal li{float:left;width:25%;cursor:pointer;overflow:hidden;backface-visibility:hidden;} .gallery .gal li img{display:block;width:100%;height:auto;-webkit-transform:scale(1.01,1.01);transform:scale(1.01,1.01);-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;} .gallery .gal li img:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} /* Responsive */ @media (max-width:800px){ .gallery .gal li{width:50%;} } /* ########## BLOG TEASER ########## */ .blog-teaser{display:flex;flex-wrap:wrap;justify-content:space-between;} .blog-teaser:after{content:'';flex:auto;} .blog-teaser article{width:30%;position:relative;box-shadow:0 0 120px rgba(0,0,0,0.1);-webkit-transition:box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:box-shadow .2s ease-in-out, transform .2s ease-in-out;margin-bottom:5%;overflow:hidden;} .blog-teaser article:not(:nth-of-type(3n+3)){margin-right:5%;} .blog-teaser article:hover{box-shadow:0 30px 50px rgba(0,0,0,0.12);-webkit-transform:translateY(-7px);transform:translateY(-7px);} .blog-teaser article img{display:block;width:100%;height:auto;} .blog-teaser article .meta{display:block;font-size:12px;line-height:1.5em;margin:1.2em 0;opacity:0.7;} .blog-teaser article .meta em{/*text-decoration:underline;*/font-style:normal;} .blog-teaser article a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;font-size:0;text-indent:-9999px;} .blog-teaser article .inner{padding:20px;} .blog-teaser article .inner h1{font-family:'kadwa',serif;font-weight:bold;font-size:20px;line-height:1.3em;color:#444;} .blog-teaser article .inner p{font-size:16px;line-height:1.6em;} .blog-teaser article .date{position:absolute;top:10px;right:10px;background:#fff;padding:5px 8px;font-weight:bold;} .blog-teaser article .date span{display:block;text-align:center;color:#444;} .blog-teaser article .date span:nth-of-type(1){font-size:25px;line-height:1em;} .blog-teaser article .date span:nth-of-type(2){font-size:25px;line-height:.7em;} .blog-teaser article .date span:nth-of-type(3){font-size:13px;line-height:1.4em;} .blog-teaser article .date span em{display:none;} .publications .blog-teaser article{width:47.5%;} .publications .blog-teaser article:not(:nth-of-type(2n+2)){margin-right:5%;} .publications .blog-teaser article:not(:nth-of-type(3n+3)){margin-right:0%;} .pagination{clear:both;} .pagination .prev{float:left;} .pagination .next{float:right;} .bloglist.horizontal .blog-teaser article, .blogteaser.horizontal .blog-teaser article{width:100%;box-sizing:border-box;margin-right:0;} .bloglist.horizontal .blog-teaser article img, .blogteaser.horizontal .blog-teaser article img{width:30%;float:left;margin:0 20px 0 0;} .bloglist.horizontal .blog-teaser article .inner h1{padding-right:50px;} /* Responsive */ @media (max-width: 1200px){ .blog-teaser article .inner h1{font-size:27px;} .blog-teaser article .inner p{font-size:14px;} } @media (max-width: 850px){ .blog-teaser article{width:47.5%;} .blog-teaser article:nth-of-type(2){margin-right:0;} /*.blog-teaser article:last-of-type{display:none;}*/ .bloglist.horizontal .blog-teaser article img, .blogteaser.horizontal .blog-teaser article img{width:100%;float:none;} .blog-teaser article .inner h1{font-size:20px;} } @media (max-width: 570px){ .blog-teaser article{width:100%;margin-right:0 !important;} .blog-teaser article:first-of-type{margin-bottom:5%;} } /* ########## VIMEO ########## */ .vimeo .iframe{position:relative;padding-bottom:56.25%;background:#000;} .vimeo .iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;} /* ########## FACEBOOK VIDEO ########## */ .fb-video{width:100%;height:0;padding-bottom:56.25%;background:#000;position:relative;} #root .fb-video span, #root .fb-video span iframe{display:block;position:absolute;top:50%;left:0;width:100% !important;height:100% !important;margin-top:-25%;} /* ########## CONTACT FORM ########## */ .wpcf7 input:not([type=radio]):not([type=checkbox]), .wpcf7 textarea{display:block;box-sizing:border-box;padding:5px 8px;width:100%;font-family:'Montserrat',sans-serif;font-weight:400;font-size:16px;line-height:1.7em;color:#555;outline:none !important;border:1px solid #ddd;border-radius:0;-webkit-appearance:none;} .wpcf7 input:not([type=radio]):not([type=checkbox]):focus, .wpcf7 textarea:focus{border:1px solid #bbb;} .wpcf7 textarea{resize:vertical;height:150px;min-height:150px;max-height:350px;} #root .wpcf7 input[type=submit]{display:inline-block;background:#f1c241;color:#fff;cursor:pointer;width:auto;border:none;padding:12px 18px;position:relative;text-transform:uppercase;font-weight:bold;} .wpcf7 input[type=file]{font-size:14px;line-height:1em;padding:14px 8px;} .wpcf7 .mdtry{color:#f1c241;} .wpcf7 .recaptcha{margin-top:15px;} .wpcf7 .fieldwrap{padding-top:0.8em;} .wpcf7 .fieldwrap.half{width:47.5%;box-sizing:border-box;} .wpcf7 .fieldwrap.half.left{float:left;} .wpcf7 .fieldwrap.half.right{float:right;} .wpcf7 .fieldwrap.disclaimer{font-size:13px;line-height:1.4em;} .wpcf7 .fieldwrap.nopadding{padding-top:0;} .wpcf7 .wpcf7-not-valid-tip{font-size:12px;text-transform:uppercase;color:#f66;} .wpcf7 .wpcf7-response-output{margin:1em 0 0 0;border:1px solid;padding:8px 12px;line-height:1.4em;font-size:15px;} .wpcf7 .wpcf7-validation-errors{background:#fbebc8;border-color:#e4cc99;} .wpcf7 .wpcf7-mail-sent-ok{background:#edf9db;border-color:#c5e499;} .wpcf7 span.info{font-size:12px;color:#aaa;} span.wpcf7-list-item{margin:0 1em 0 0;} /* Responsive */ @media (max-width:1000px){ .wpcf7 span.info{display:block;margin-top:4px;} } @media (max-width:750px){ .wpcf7 span.info{display:inline-block;margin-top:0;} } @media (max-width:750px){ #root .wpcf7 .fieldwrap.half{width:100%;float:none;} } @media (max-width:470px){ .wpcf7 span.info{display:block;margin-top:4px;} } /* ########## IMAC 3D ########## */ .imac3d-wrapper{margin-top:-450px;position:relative;z-index:1;pointer-events:none;} .imac3d-inner{text-align:center;perspective-origin:50% 50%;perspective:2000px;transform-style:preserve-3d;max-height:910px;position:relative;z-index:2;} .imac3d-inner .display{margin:0 -100%;display:inline-block;position:relative;background-color:#111;z-index:100;border-radius:20px;border-top:10px solid #ccc;border-bottom:120px solid #ccc;transform:rotateX(-69deg);transform-origin:50% 100%;transform-style:preserve-3d;} .imac3d-inner .display:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px 15px 0 0;background:linear-gradient(70deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 59.9%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.35) 100%);} .imac3d-inner .screen{background-color:#fff;text-align:center;border-radius:2px;width:850px;max-width:100%;height:500px;margin:40px;background-repeat:no-repeat;background-position:center;background-size:cover;} .imac3d-inner .stand{background-color:#999;background:linear-gradient(#999 0, #ddd 100%);border-bottom:1px solid #fff;width:250px;height:250px;margin:0 auto;position:relative;z-index:-1;border-radius:20%;box-shadow:0 3px 6px rgba(0, 0, 0, 0.5), 0 0 100px rgba(0, 0, 0, 0.2);transform:translateY(-150px) rotateX(20deg);transform-origin:50% 100%;} /* Responsive */ @media (max-width:1330px){ .imac3d-wrapper{margin-top:-400px;} .imac3d-inner .screen{width:700px;height:411px;} .imac3d-wrapper .imac3d-inner{max-height:800px;} } @media (max-width:1000px){ .imac3d-inner{perspective:1800px;} .imac3d-wrapper{margin-top:-330px;} .imac3d-inner .screen{width:600px;height:353px;margin:35px 20px;} .imac3d-inner .display{border-top-width:5px;border-bottom-width:90px;} .imac3d-inner .stand{width:190px;height:190px;transform:translateY(-130px) rotateX(20deg);} .imac3d-wrapper .imac3d-inner{max-height:650px;} .imac3d-wrapper.darkbg:after{height:320px;} } @media (max-width:800px){ .imac3d-inner{perspective:1500px;} .imac3d-wrapper{margin-top:-290px;} .imac3d-inner .screen{width:450px;height:265px;margin:28px 16px;} .imac3d-inner .stand{width:150px;height:150px;transform:translateY(-100px) rotateX(20deg);} .imac3d-wrapper .imac3d-inner{max-height:520px;} .imac3d-wrapper.darkbg:after{height:230px;} } @media (max-width:500px){ .imac3d-inner{perspective:1200px;} .imac3d-wrapper{margin-top:-220px;} .imac3d-inner .screen{width:300px;height:176px;margin:23px 14px;} .imac3d-inner .stand{width:100px;height:100px;transform:translateY(-70px) rotateX(20deg);} .imac3d-wrapper .imac3d-inner{max-height:390px;} .imac3d-wrapper.darkbg:after{height:175px;} } /* ########## ERROR 404 PAGE ########## */ #error-404{height:calc(100vh - 120px);background:#fff;position:relative;} #error-404 h1{font-size:500px;color:#f5f5f5;position:absolute;top:50%;left:0;right:0;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);} #error-404 p{font-size:30px;color:#999;position:absolute;top:50%;left:50%;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} /* ########## Google Maps ########## */ #googlemaps{height:550px;} /* ########## PLX SCENE ########## */ .plxscene{position:relative;z-index:1;} .plxscene img{display:block;width:100%;height:auto;} .plxscene img.fg{position:absolute;top:0;left:0;z-index:3;pointer-events:none;} .plxscene .txt, .plxscene .txt2{position:absolute;z-index:2;left:0;right:0;top:0;line-height:1.1em;} .plxscene .txt span, .plxscene .txt2 span{display:block;color:#f1c241;font-family:'kadwa',serif;font-weight:bold;text-transform:uppercase;white-space:nowrap;padding-right:0.01em;font-size:100px;line-height:1em;} .plxscene .txt2{z-index:5;} .plxscene.example .txt{text-align:right;} .plxscene.example .txt span:nth-child(1){padding-top:14%;padding-right:48%;} .plxscene.example .txt span:nth-child(2){padding-right:53%;} .plxscene.example .txt span:nth-child(3){padding-right:58%;} /* Responsive */ @media (max-width: 1450px){ .plxscene .txt span, .plxscene .txt2 span{font-size:6vw;} } @media (max-width: 600px){ .plxscene .txt span, .plxscene .txt2 span{-webkit-transform:none !important;transform:none !important;opacity:1 !important;} } /* ########## Big Button ########## */ .bigbutton{background:#f1c241;padding:80px 0;text-align:center;} .bigbutton a{display:inline-block;padding:18px 24px;background:#fff;border-radius:5px;text-transform:uppercase;color:#333;font-weight:bold;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} .bigbutton a:hover{background:rgba(255,255,255,0.7);text-decoration:none;} /* ########## EDITORIAL ELEMENTS ########## */ .editorial .style-01 img{display:block;width:85%;height:auto;} .editorial .style-01 .txt{padding:70px 0 70px 70px;box-sizing:border-box;width:50%;position:absolute;z-index:2;bottom:0;right:0;} @media (max-width: 1200px){ .editorial .style-01 .txt{width:65%;} } @media (max-width: 1000px){ .editorial .style-01 .txt{padding:5% 0 5% 5%;} } @media (max-width: 700px){ .editorial .style-01 img{width:100%;} .editorial .style-01 .txt{float:none;margin:5% 0 0;width:100%;background:none;padding:0;position:relative;bottom:auto;} } .editorial .style-02 img{display:block;width:85%;height:auto;margin-left:15%;} .editorial .style-02 .txt{padding:70px 70px 70px 0;box-sizing:border-box;width:50%;position:absolute;z-index:2;bottom:0;left:0;} @media (max-width: 1200px){ .editorial .style-02 .txt{width:65%;} } @media (max-width: 1000px){ .editorial .style-02 .txt{padding:5% 5% 5% 0;} } @media (max-width: 700px){ .editorial .style-02 img{width:100%;margin-left:0;} .editorial .style-02 .txt{margin:5% 0 0;width:100%;background:none;padding:0;position:relative;bottom:auto;} } .editorial .style-03 img{display:block;width:85%;height:auto;} .editorial .style-03 .txt{padding:70px 0 70px 70px;box-sizing:border-box;width:50%;z-index:2;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);} @media (max-width: 1200px){ .editorial .style-03 .txt{width:65%;} } @media (max-width: 1000px){ .editorial .style-03 .txt{padding:5% 0 5% 5%;} } @media (max-width: 700px){ .editorial .style-03 img{width:100%;} .editorial .style-03 .txt{float:none;margin:5% 0 0;width:100%;background:none;padding:0;position:relative;-webkit-transform:none;transform:none;} } .editorial .style-04 img{display:block;width:85%;height:auto;margin-left:15%;} .editorial .style-04 .txt{padding:70px 70px 70px 0;box-sizing:border-box;width:50%;z-index:2;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);} @media (max-width: 1200px){ .editorial .style-04 .txt{width:65%;} } @media (max-width: 1000px){ .editorial .style-04 .txt{padding:5% 5% 5% 0;} } @media (max-width: 700px){ .editorial .style-04 img{width:100%;margin:0;} .editorial .style-04 .txt{float:none;margin:5% 0 0;width:100%;background:none;padding:0;position:relative;-webkit-transform:none;transform:none;} } .editorial .style-05{padding-bottom:150px;} .editorial .style-05 img{display:block;width:100%;height:auto;} .editorial .style-05 .txt{position:absolute;bottom:0;left:10%;right:10%;padding:70px 70px 30px 70px;text-align:center;} @media (max-width: 1000px){ .editorial .style-05 .txt{padding:5% 5% 30px 5%;} } @media (max-width: 700px){ .editorial .style-05{padding-bottom:0;} .editorial .style-05 .txt{position:relative;bottom:auto;width:100%;padding:0;margin:5% 0 0;text-align:left;left:auto;right:auto;} } @media (max-width: 1000px){ #root .editorial .plxin2, #root .editorial .plxin4{-webkit-transform:none !important;transform:none !important;} #root .editorial .plxin3{top:50% !important;} } /* ########## TEAM OVERLAY ########## */ .teamoverlay ul.team{display:flex;flex-wrap:wrap;} .teamoverlay ul.team > li{display:block;width:25%;cursor:pointer;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} .teamoverlay .wrapper ul.team > li{width:33.3333333333%;} .teamoverlay ul.team > li:hover{background:#f5f5f5;} .teamoverlay ul.team > li img{display:block;width:100%;height:auto;} .teamoverlay ul.team > li .inner{display:block;padding:30px 20px;text-align:center;} .teamoverlay ul.team > li .name{display:block;font-family:'kadwa',serif;font-weight:bold;text-transform:uppercase;font-size:20px;color:#f1c241;} .teamoverlay ul.team > li ul{margin:1em 0;} .teamoverlay ul.team > li ul li{margin:0;padding:0;} .teamoverlay ul.team > li ul li:before, .teamoverlay ul.team > li ul li:after{display:none;} .teamoverlay ul.team > li .more{display:block;font-family:'kadwa',serif;font-weight:bold;text-transform:uppercase;font-size:18px;color:#f1c241;font-style:normal;} .teamoverlay ul.team > li .quote{display:block;font-family:'kadwa',serif;font-weight:bold;margin:1em 0 0;color:#f1c241;border-top:1px solid #ddd;padding-top:1em;font-size:25px;line-height:1.3em;} #team-overlays .item{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:12;background:#fff;box-shadow:0 0 100px rgba(0,0,0,0.1);overflow-y:scroll;-webkit-overflow-scrolling:touch;max-height:80vh;overflow-x:hidden;width:90%;max-width:1000px;} #team-overlays .item .flex{display:flex;flex-wrap:wrap;} #team-overlays .item .img{width:35%;background:#eee;} #team-overlays .item .img img{display:block;width:100%;height:auto;} #team-overlays .item::-webkit-scrollbar{width:15px;} #team-overlays .item::-webkit-scrollbar-thumb{background:#f1c241;} #team-overlays .item::-webkit-scrollbar-track{background:#222;} #team-overlays .item::-webkit-scrollbar-button{background:#f1c241;height:15px;border-radius:50%;} #team-overlays .item .quote h3{margin:0;padding:5% 5% 0;color:#f1c241;} #team-overlays .item .name{font-size:25px;padding:5%;background:#eee;} #team-overlays .item .name em{display:block;font-family:'Montserrat',sans-serif;font-weight:normal;font-size:16px;} #team-overlays .item .close{cursor:pointer;background:url(assets/close.png) #f1c241 no-repeat center;width:40px;height:40px;border-radius:50%;position:absolute;top:20px;left:20px;opacity:0.8;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;} #team-overlays .item .close:hover{opacity:1;} #team-overlays .item .inner{width:65%;box-sizing:border-box;} #team-overlays .item .inner .content{padding:5%;} #team-overlays .item .inner .content h3{font-size:20px;margin:0;border-top:1px solid #ddd;padding:0.7em 0 0;line-height:1em;} #team-overlays .item .inner .content h3:not(:first-child){margin-top:1.5em;} #team-overlays .item .inner .content p, #team-overlays .item .inner .content ul{margin:0;} /* Responsive */ @media (max-width: 1100px){ .teamoverlay ul.team > li{width:33.3333333333%;} .teamoverlay ul.team > li .quote{font-size:18px;} } @media (max-width: 800px){ .teamoverlay ul.team > li{width:50%;} } @media (max-width: 600px){ #team-overlays .item .l, #team-overlays .item .r{float:none;width:100%;} #team-overlays .item .img{display:none;} #team-overlays .item .inner{width:100%;} #team-overlays .item .close{left:auto;right:10px;top:10px;} } @media (max-width: 420px){ .teamoverlay ul.team > li{width:100%;} } /* ########## PASSWORD PROTECTION ########## */ #password-protection .inner form{text-align:center;box-shadow:0 0 150px rgba(0,0,0,0.1);padding:70px;} #password-protection .inner p{max-width:500px;margin:1em auto;} #password-protection .inner label{display:block;margin:3em 0 0 0;} #password-protection .inner input{display:block;box-sizing:border-box;padding:5px 8px;width:100%;font-family:'Montserrat',sans-serif;font-weight:400;font-size:16px;line-height:1.7em;color:#555;outline:none !important;border:1px solid #ddd;border-radius:0;-webkit-appearance:none;margin-top:1em;} #password-protection .inner input[type=submit]{text-transform:uppercase;background:#f1c241;border-color:#f1c241;color:#fff;font-weight:bold;cursor:pointer;} /* ########## ACCORRION ########## */ .accordion .item{margin:0 0 15px 0;} .accordion .title{background:#f3f3f3;padding:10px 60px 10px 20px;cursor:pointer;border:1px solid #ddd;-webkit-transition:background .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;transition:background .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;border-radius:4px;position:relative;} .accordion .title:after{content:'';position:absolute;right:15px;top:19px;border:6px solid transparent;border-top-color:#aaa;-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;} .accordion.bgcolor-2 .title{background:#fff;} .accordion .title:hover{background:#e9e9e9;} .accordion .item.open .title{background:#333333;border-color:#333333;color:#fff;border-radius:4px 4px 0 0;} .accordion .item.open .title:after{-webkit-transform:rotate(180deg) translateY(6px);transform:rotate(180deg) translateY(6px);} .accordion .content{display:none;border:1px solid #ddd;border-top:none;padding:30px 15% 30px 20px;border-radius:0 0 4px 4px;background:#fff;} /* Responsive */ @media (max-width: 1000px){ .accordion .content{padding-right:10%;} } @media (max-width: 700px){ .accordion .content{padding-right:20px;} } /* ########## BIG TEASER ########## */ .bigteaser{margin-top:-300px;background:none !important;} .bigteaser:before{content:'';position:absolute;top:300px;bottom:0;left:0;right:0;background:#fff;z-index:1;} .bigteaser img{display:block;width:100%;height:auto;z-index:2;position:relative;} .bigteaser .txt{position:absolute;top:320px;left:50%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;} /* Responsive */ @media (max-width: 1440px){ .bigteaser{margin-top:-200px;} .bigteaser:before{top:200px;} .bigteaser .txt{top:200px;} } @media (max-width: 1200px){ .bigteaser{margin-top:-100px;} .bigteaser:before{top:100px;} .bigteaser .txt{top:100px;} } @media (max-width: 800px){ .bigteaser{margin-top:0;} .bigteaser:before{top:0;} .bigteaser .txt{top:0;} } @media (max-width: 600px){ .bigteaser{margin-top:50px;} .bigteaser:before{top:0;} .bigteaser .txt{top:-50px;} } /* ########## FOOTER 02 ########## */ #footer{position:relative;z-index:5;} #footer .readmore{background:#595959;padding:60px 0 50px;text-align:center;} #footer .readmore h4{color:#f1c241;margin:0 0 1em;} #footer .readmore a.btn{margin-bottom:10px;} #footer .s1{background:#494949;padding:60px 0;} #footer .s2{background:#333333;padding:80px 0;} #footer .s3{background:#292929;padding:15px 0;} #footer .s1 .logo{display:block;width:180px;height:auto;float:left;} #footer .s1 ul.cf{float:right;padding-top:40px;} #footer .s1 ul.cf li{float:left;} #footer .s1 ul.cf li a{display:block;padding:10px 12px 5px;color:#fff;font-family:'Kadwa',serif;font-weight:bold;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;font-size:18px;} #footer .s1 ul.cf li a:hover{color:#aaa;text-decoration:none;} #footer .s2 .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;} #footer .s2 .col{width:50%;text-align:center;} #footer .s2 .col span{color:#999;font-size:13px;letter-spacing:5px;display:block;text-transform:uppercase;} #footer .s2 .col a{color:#f1c241;font-size:20px;font-weight:bold;font-family:'Kadwa',serif;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;line-height:1.3em;margin-top:.5em;display:inline-block;} #footer .s2 .col a:hover{color:#fff;text-decoration:none;} #footer .s3{text-align:center;font-size:13px;color:#777;} #footer .s3 a{color:#777;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;} #footer .s3 a:hover{color:#aaa;text-decoration:none;} #uplink{opacity:0;pointer-events:none;position:fixed;right:50px;bottom:35px;z-index:9;width:50px;height:50px;cursor:pointer;background:#f1c241;-webkit-transform:translateY(-15px);transform:translateY(-15px);-webkit-transition:-webkit-transform .3s ease-in-out, opacity .5s ease-in-out;transition:transform .3s ease-in-out, opacity .5s ease-in-out;} html.scrolled-100 #uplink{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;} #uplink svg{display:block;width:30px;height:30px;margin:10px;} #uplink svg *{fill:#fff;} /* Responsive */ @media (max-width: 1000px){ #footer .s1{text-align:center;padding:30px 0;} #footer .s2{background:#333333;padding:40px 0;} #footer .s1 .logo{float:none;margin:auto;} #footer .s1 ul.cf{float:none;} #footer .s1 ul.cf li{float:none;display:inline-block;} #footer .s2 .col{width:100%;margin:10px 0;} } @media (min-width: 751px){ #footer .s1 ul.cf > li:last-child > a{color:#fff;background:#f1c241;margin-left:10px;-webkit-transition:background .2s ease-in-out, color .2s ease-in-out;transition:background .2s ease-in-out, color .2s ease-in-out;} #footer .s1 ul.cf > li:last-child > a:hover{color:#333;background:#fff;} } @media (max-width: 750px){ #footer .s1 ul.cf li{display:block;} #footer .s2 .col{width:100%;margin:20px 0;} } @media (max-width: 700px){ #uplink{right:0;bottom:0;border-radius:5px 0 0 0;} } /* ########## INFONAV & INFOTEXT ########## */ #infonav, #infotext{display:none;padding:1px 0 90px 0;background:#fff;position:relative;z-index:3;color:rgba(255,255,255,0.7);} #infonav ul.cf li{width:32%;float:left;margin-bottom:20px;} #infonav ul.cf li:not(:nth-child(3n+3)){margin-right:2%;} #infonav ul.cf li a{display:block;background:rgba(255,255,255,0.05);border-radius:3px;text-align:center;font-size:14px;color:rgba(255,255,255,0.5);padding:5px 0;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} #infonav ul.cf li a:hover{background:rgba(255,255,255,0.1);text-decoration:none;} #infotext h1{font-family:'montserat',sans-serif;color:#f1c241;font-size:45px;line-height:1.2em;margin:0 0 0.2em 0;text-transform:none;} #infotext h2{font-family:'montserat',sans-serif;color:#f1c241;font-size:28px;line-height:1.2em;margin:1.5em 0 0.4em;text-transform:none;} #infotext h3{font-family:'montserat',sans-serif;color:#f1c241;font-size:18px;line-height:1.2em;margin:1.5em 0 0.4em;text-transform:none;} #infotext a{color:rgba(255,255,255,0.7);text-decoration:underline;} #infotext a:hover{color:#fff;} /* Responsive */ @media (min-width: 1201px){ #infonav .wrapper, #infotext .wrapper{width:100%;max-width:100%;} } @media (max-width: 1200px){ #infonav, #infotext{padding:50px 0;background:#000;} #infonav ul.cf li a{background:rgba(255,255,255,0.1);} #infonav ul.cf li a:hover{background:rgba(255,255,255,0.2);} } @media (max-width: 950px){ #infonav, #infotext{padding:10% 0;} #infonav ul.cf li{width:47.5%;} #infonav ul.cf li:not(:nth-child(3n+3)){margin-right:0;} #infonav ul.cf li:not(:nth-child(2n+2)){margin-right:5%;} #infotext h1{font-size:30px;} #infotext h2{font-size:20px;} #infotext h3{font-size:15px;} } @media (max-width: 600px){ #infonav ul.cf li{width:100%;margin-right:0 !important;margin-bottom:10px;} } /* ########## WooCommerce ########## */ #woocommerce ul.products{display:flex;flex-wrap:wrap;justify-content:space-between;} #woocommerce ul.products li.product{overflow:hidden;float:none;margin:0 0 2%;} #woocommerce ul.products li.product .wc-gzd-additional-info{display:none;} #woocommerce ul.products:before{display:none;} #woocommerce ul.products:after{content:'';flex:auto;} #woocommerce ul.products.columns-4 li.product{width:23%;} #woocommerce ul.products.columns-4 li.product:not(:nth-child(4n+4)){margin-right:2.6666666666%;} #woocommerce ul.products.columns-3 li.product{width:31%;} #woocommerce ul.products.columns-3 li.product:not(:nth-child(3n+3)){margin-right:3.5%;} #woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;text-align:center;padding-bottom:10px;} #woocommerce ul.products li.product a.woocommerce-LoopProduct-link .price{font-size:18px;color:#777;} #woocommerce ul.products li.product a.button{visibility:hidden;position:absolute;top:30px;left:0;font-size:0;text-indent:-9999px;width:50px;height:50px;background:#f1c241 url(assets/shoppingbag-white.svg) no-repeat center / 20px 20px;border-radius:0;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:opacity .2s ease-in-out, transform .2s ease-in-out;transition:opacity .2s ease-in-out, transform .2s ease-in-out;} #woocommerce ul.products li.product a.button:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0);pointer-events:none;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} #woocommerce ul.products li.product a.button:hover:after{background:rgba(255,255,255,0.1);} #woocommerce ul.products li.product:hover a.button, #woocommerce ul.products li.product a.button:focus{visibility:visible;opacity:1;-webkit-transform:none;transform:none;} #woocommerce ul.products li.product a.button:focus{background-image:none;} #woocommerce ul.products li.product a.button:focus:after{content:'';position:absolute;top:13px;left:13px;width:20px;height:20px;border-radius:30px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;animation:cart-loading 1s linear infinite;} @keyframes cart-loading{0%{transform:rotate(0deg) scale(1);}50%{transform:rotate(180deg) scale(1.1,1.1);}100%{transform:rotate(360deg) scale(1);}} #woocommerce ul.products li.product a.added_to_cart{position:absolute;font-size:0;text-indent:-9999px;width:50px;height:50px;background:#fff url(assets/check-dark.svg) no-repeat center / 20px 20px;top:30px;left:0;} #woocommerce ul.products li.product h2{font-size:20px;line-height:1.1em;color:#333;margin:0;padding:1em 0 0.2em;background:#fff;position:relative;z-index:2;} #woocommerce ul.products li.product a img{margin-bottom:0;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;} #woocommerce ul.products li.product a:hover img{-webkit-transform:scale(1.03);transform:scale(1.03);} #woocommerce ul.products li.product:after{content:'';width:50px;height:50px;background:#333 url(assets/arrowright-white.svg) no-repeat center / 20px 20px;position:absolute;top:85px;left:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);opacity:0;pointer-events:none;} #woocommerce ul.products li.product:hover:after{opacity:1;-webkit-transform:none;transform:none;-webkit-transition:transform .2s .1s ease-in-out, opacity .2s .1s ease-in-out;transition:transform .2s .1s ease-in-out, opacity .2s .1s ease-in-out;} #woocommerce .meta-top, #woocommerce .meta-bottom{padding:20px;border:1px solid #ddd;background:#f5f5f5;} #woocommerce .meta-top{display:flex;vertical-align:middle;flex-wrap:wrap;justify-content:space-between;} #woocommerce .meta-top .woocommerce-ordering{width:290px;margin:0;float:none;} #woocommerce .meta-top h2{font-size:30px;line-height:1.1em;-webkit-transform:translateY(5px);transform:translateY(5px);} #woocommerce .meta-bottom .smallinfo{float:left;font-size:12px;padding-top:6px;} #woocommerce .meta-bottom .woocommerce-pagination{float:right;} #woocommerce .meta-bottom .woocommerce-pagination ul{margin:0;display:block;} #woocommerce button.button, #woocommerce a.button.alt{background:none;display:inline-block;border:3px solid #f1c241;text-transform:uppercase;text-decoration:none;font-weight:bold;padding:8px 12px;color:#f1c241;-webkit-transition:background .2s ease-in-out, color .2s ease-in-out;transition:background .2s ease-in-out, color .2s ease-in-out;cursor:pointer;border-radius:0;-webkit-appearance:none;outline:none !important;} #woocommerce button.button:hover, #woocommerce a.button.alt:hover{background:#f1c241;color:#fff;} #woocommerce button.button:disabled, #woocommerce a.button.alt:disabled, #woocommerce button.button:disabled:hover, #woocommerce a.button.alt:disabled:hover{cursor:not-allowed;border-color:#999;color:#999;background:none;} #woocommerce div.product .summary .product_title{font-family:'kadwa',serif;font-weight:bold;font-size:35px;line-height:1.1em;text-transform:uppercase;color:#f1c241;} #woocommerce div.product .summary .price .amount{color:#f1c241;font-weight:bold;} #woocommerce div.product .summary .price, #woocommerce div.product .summary form.cart, #woocommerce .summary .woocommerce-product-details__short-description, #woocommerce div.product .summary .product_title{padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px dashed #e5e5e5;} #woocommerce div.product .summary .product_meta{font-size:13px;color:#999;line-height:1.3em;} #woocommerce div.product .summary .product_meta > span{display:block;padding:0 0 5px 0;} #woocommerce div.product .summary .product_meta a{color:#999;} #woocommerce .related.products{clear:both;} #woocommerce-content{border-top:1px solid #ddd;margin-top:50px;} #woocommerce table.cart img{display:block;width:50px;height:auto;} #woocommerce table.cart td.actions #coupon_code{width:250px;padding:5px;outline:none !important;} #woocommerce table.cart td.actions button.button[name=apply_coupon]{border:none;font-size:14px;line-height:1.3em;font-weight:normal;text-transform:none;padding-left:5px;paddiing-right:5px;} #woocommerce table.cart td.actions button.button[name=apply_coupon]:hover{background:none;text-decoration:underline;color:#f1c241;} #woocommerce .cart_totals h2{font-size:25px;line-height:1.1em;margin:2em 0 0.8em;} #woocommerce table.cart .product-thumbnail{display:block !important;} #woocommerce table.cart .product-thumbnail:before{display:none !important;} #woocommerce #customer_details h3, #woocommerce #order_review_heading, #woocommerce #order_review h3{font-size:25px;line-height:1.1em;margin:.5em 0 0.8em;} #woocommerce #customer_details{margin:40px 0 70px;} #woocommerce #customer_details > div{background:#f5f5f5;padding:20px;box-sizing: border-box;border:1px solid #ddd;} #woocommerce .woocommerce-checkout #payment{background:#f5f5f5;margin-bottom:50px;} #woocommerce form .form-row input.input-text, #woocommerce form .form-row textarea{padding:8px;border:1px solid #ddd;} #woocommerce .woocommerce-additional-fields #order_comments{min-height:100px;height:150px;max-height:350px;} #woocommerce .woocommerce-checkout-review-order-table img{display:none !important;} #woocommerce p.checkbox-legal{padding:20px;background:#f5f5f5;margin-bottom:20px;border:1px solid #ddd;} #woocommerce p.checkbox-legal input{display:block;float:left;margin:4px 0 0 0;width:25px;height:25px;border-radius:0;-webkit-appearance:none;cursor:pointer;background:#fff;border:1px solid #ddd;outline:none !important;} #woocommerce p.checkbox-legal.woocommerce-validated input{background:#f1c241;border-color:#f1c241;} #woocommerce p.checkbox-legal .woocommerce-gzd-legal-checkbox-text{line-height:1.5em;display:block;float:right;width:95%;} #woocommerce .woocommerce-checkout #payment ul.payment_methods{border:1px solid #ddd;} #woocommerce .woocommerce-checkout .shop_table{background:#f5f5f5;border:1px solid #ddd;border-radius:0;} #woocommerce .woocommerce-info{border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;} #woocommerce .woocommerce-form-coupon{border-radius:0;border:1px solid #ddd;background:#f5f5f5;} #woocommerce .quantity .qty{padding:8px 12px;line-height:20px;text-align:left;box-sizing:border-box;} /* Responsive */ @media (max-width: 900px){ #woocommerce p.checkbox-legal .woocommerce-gzd-legal-checkbox-text{width:90%;} #woocommerce ul.products.columns-4 li.product{width:47.5%;} #woocommerce ul.products.columns-4 li.product:not(:nth-child(4n+4)){margin-right:0;} #woocommerce ul.products.columns-4 li.product:not(:nth-child(2n+2)){margin-right:5%;} #woocommerce ul.products.columns-3 li.product{width:47.5%;} #woocommerce ul.products.columns-3 li.product:not(:nth-child(3n+3)){margin-right:0;} #woocommerce ul.products.columns-3 li.product:not(:nth-child(2n+2)){margin-right:5%;} #woocommerce .meta-top h2{width:100%;margin-bottom:20px;} } @media (max-width: 600px){ #woocommerce p.checkbox-legal, #woocommerce #customer_details > div{padding:10px;} #woocommerce .woocommerce-info{padding:13px 10px 13px 50px;} #woocommerce p.checkbox-legal .woocommerce-gzd-legal-checkbox-text{width:85%;} #woocommerce .woocommerce-form-coupon p{width:100%;float:none;} #woocommerce ul.products li.product h2{font-size:16px;} } /* Selectric */ .selectric-wrapper{position:relative;cursor:pointer}.selectric-responsive{width:100%}.selectric{border:1px solid #ddd;border-radius:0;background:#f8f8f8;position:relative;overflow:hidden}.selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 38px 0 10px;font-size:12px;line-height:38px;color:#444;height:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric .button{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;background-color:#f8f8f8;color:#bbb;text-align:center;font:0/0 a}.selectric .button:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:4px solid transparent;border-top-color:#bbb;border-bottom:none}.selectric-focus .selectric{border-color:#aaa}.selectric-hover .selectric{border-color:#c4c4c4}.selectric-hover .selectric .button{color:#a2a2a2}.selectric-hover .selectric .button:after{border-top-color:#a2a2a2}.selectric-open{z-index:9999}.selectric-open .selectric{border-color:#c4c4c4}.selectric-open .selectric-items{display:block}.selectric-disabled{opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}.selectric-hide-select select{position:absolute;left:-100%}.selectric-hide-select.selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}.selectric-hide-select.selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;box-sizing:border-box;opacity:0}.selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:0!important;border:none!important;background:0 0!important}.selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}.selectric-items{display:none;position:absolute;top:100%;left:0;background:#f8f8f8;border:1px solid #c4c4c4;z-index:-1;box-shadow:0 0 10px -6px}.selectric-items .selectric-scroll{height:100%;overflow:auto}.selectric-above .selectric-items{top:auto;bottom:100%}.selectric-items li,.selectric-items ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:20px;min-height:20px}.selectric-items li:before,.selectric-items li:after{display:none !important;}.selectric-items li{display:block;padding:10px !important;color:#666;cursor:pointer}.selectric-items li.selected{background:#e0e0e0;color:#444}.selectric-items li.highlighted{background:#d0d0d0;color:#444}.selectric-items li:hover{background:#d5d5d5;color:#444}.selectric-items .disabled{opacity:.5;cursor:default!important;background:0 0!important;color:#666!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-items .selectric-group .selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;color:#444}.selectric-items .selectric-group.disabled li{opacity:1}.selectric-items .selectric-group li{padding-left:25px} /* Fresco */ .fr-overlay,.fr-overlay [class^=fr-],.fr-spinner,.fr-spinner [class^=fr-],.fr-window,.fr-window [class^=fr-]{box-sizing:border-box}.fr-window{position:fixed;width:100%;height:100%;top:0;left:0;font:13px/20px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;transform:translateZ(0)}.fr-overlay{z-index:99998}.fr-window{z-index:99999}.fr-spinner{z-index:100000}.fr-overlay{position:fixed;top:0;left:0;height:100%;width:100%}.fr-overlay-background{float:left;width:100%;height:100%;background:#000;opacity:.9}.fr-overlay-ui-fullclick .fr-overlay-background{background:#292929;opacity:1}.fr-overlay.fr-mobile-touch,.fr-window.fr-mobile-touch{position:absolute;overflow:visible}.fr-measured{margin:0!important;min-width:0!important;min-height:0!important}.fr-box{position:absolute;top:0;left:0;width:100%;height:100%}.fr-pages{position:absolute;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fr-page{position:absolute;width:100%;height:100%}.fr-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;text-align:center}.fr-hovering-clickable .fr-container{cursor:pointer}.fr-ui-inside .fr-container{padding:20px 20px}.fr-ui-inside.fr-no-sides .fr-container{padding:20px}.fr-ui-outside .fr-container{padding:20px 82px}.fr-ui-outside.fr-no-sides .fr-container{padding:20px 48px}@media all and (max-width:700px) and (orientation:portrait),all and (orientation:landscape) and (max-height:700px){.fr-ui-inside .fr-container{padding:12px 12px}.fr-ui-inside.fr-no-sides .fr-container{padding:12px}.fr-ui-outside .fr-container{padding:12px 72px}.fr-ui-outside.fr-no-sides .fr-container{padding:12px 48px}}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:500px){.fr-ui-inside .fr-container{padding:0 0}.fr-ui-inside.fr-no-sides .fr-container{padding:0}.fr-ui-outside .fr-container{padding:0 72px}.fr-ui-outside.fr-no-sides .fr-container{padding:0 48px}}.fr-ui-fullclick .fr-container{padding:0}.fr-ui-fullclick.fr-no-sides .fr-container{padding:0}.fr-ui-fullclick.fr-type-video .fr-container{padding:0 62px}.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container{padding:48px 0}.fr-overflow-y .fr-container{padding-top:0!important;padding-bottom:0!important}.fr-content,.fr-content-background{position:absolute;top:50%;left:50%;overflow:visible}.fr-content-element{float:left;width:100%;height:100%}.fr-content-background{background:#101010}.fr-info{position:absolute;top:0;left:0;width:100%;color:#efefef;font-size:13px;line-height:20px;text-align:left;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fr-info-background{position:absolute;top:0;left:0;height:100%;width:100%;background:#000;line-height:1%;filter:none;opacity:1}.fr-ui-inside .fr-info-background{opacity:.8;zoom:1}.fr-ui-outside .fr-info-background{background:#0d0d0d}.fr-content .fr-info{top:auto;bottom:0}.fr-info-padder{display:block;overflow:hidden;padding:12px;position:relative;width:auto}.fr-caption{width:auto;display:inline}.fr-position{color:#b3b3b3;float:right;line-height:21px;opacity:.99;position:relative;text-align:right;margin-left:15px;white-space:nowrap}.fr-position-inside,.fr-position-outside{position:absolute;bottom:0;right:0;margin:12px;width:auto;padding:2px 8px;border-radius:10px;font-size:11px;line-height:20px;text-shadow:0 1px 0 rgba(0,0,0,.4);display:none;overflow:hidden;white-space:nowrap;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fr-position-inside{border:0}.fr-position-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#0d0d0d;opacity:.8;zoom:1}.fr-position-text{color:#b3b3b3}.fr-position-inside .fr-position-text,.fr-position-outside .fr-position-text{float:left;position:relative;text-shadow:0 1px 1px rgba(0,0,0,.3);opacity:1}.fr-ui-outside .fr-position-outside{display:block}.fr-ui-outside .fr-info .fr-position{display:none}.fr-ui-inside.fr-no-caption .fr-position-inside{display:block}.fr-info a,.fr-info a:hover{color:#ccc;border:0;background:0 0;text-decoration:underline}.fr-info a:hover{color:#eee}.fr-ui-outside.fr-no-caption .fr-info{display:none}.fr-ui-inside.fr-no-caption .fr-caption{display:none}.fr-stroke{position:absolute;top:0;left:0;width:100%;height:1px}.fr-stroke-vertical{width:1px;height:100%}.fr-stroke-horizontal{padding:0 1px}.fr-stroke-right{left:auto;right:0}.fr-stroke-bottom{top:auto;bottom:0}.fr-stroke-color{float:left;width:100%;height:100%;background:rgba(255,255,255,.08)}.fr-info .fr-stroke-color{background:rgba(80,80,80,.3)}.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom{display:none}.fr-ui-fullclick .fr-stroke{display:none}.fr-ui-fullclick .fr-content-background{box-shadow:none}.fr-info .fr-stroke-top{display:none}.fr-side{position:absolute;top:50%;width:54px;height:72px;margin:0 9px;margin-top:-36px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;zoom:1}.fr-side-previous{left:0}.fr-side-next{right:0;left:auto}.fr-side-disabled{cursor:default}.fr-side-hidden{display:none!important}.fr-side-button{float:left;width:100%;height:100%;margin:0;padding:0}.fr-side-button-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#101010}.fr-side-button-icon{float:left;position:relative;height:100%;width:100%;zoom:1;background-position:50% 50%;background-repeat:no-repeat}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:414px){.fr-side{width:54px;height:60px;margin:0;margin-top:-30px}.fr-side-button{width:48px;height:60px;margin:0 3px}}.fr-close{position:absolute;width:48px;height:48px;top:0;right:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fr-close-background,.fr-close-icon{position:absolute;top:12px;left:12px;height:26px;width:26px;background-position:50% 50%;background-repeat:no-repeat}.fr-close-background{background-color:#000}.fr-thumbnails{position:absolute;overflow:hidden}.fr-thumbnails-disabled .fr-thumbnails{display:none!important}.fr-thumbnails-horizontal .fr-thumbnails{width:100%;height:12%;min-height:74px;max-height:160px;bottom:0}.fr-thumbnails-vertical .fr-thumbnails{height:100%;width:10%;min-width:74px;max-width:160px;left:0}.fr-thumbnails,.fr-thumbnails *{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fr-thumbnails-wrapper{position:absolute;top:0;left:50%;height:100%}.fr-thumbnails-vertical .fr-thumbnails-wrapper{top:50%;left:0}.fr-thumbnails-slider{position:relative;width:100%;height:100%;float:left;zoom:1}.fr-thumbnails-slider-slide{position:absolute;top:0;left:0;height:100%}.fr-thumbnails-thumbs{float:left;height:100%;overflow:hidden;position:relative;top:0;left:0}.fr-thumbnails-slide{position:absolute;top:0;height:100%;width:100%}.fr-thumbnail-frame{position:absolute;zoom:1;overflow:hidden}.fr-thumbnail{position:absolute;width:30px;height:100%;left:50%;top:50%;zoom:1;cursor:pointer;margin:0 10px}.fr-ltIE9 .fr-thumbnail *{overflow:hidden;z-index:1;zoom:1}.fr-thumbnail-wrapper{position:relative;background:#161616;width:100%;height:100%;float:left;overflow:hidden;display:inline;z-index:0}.fr-thumbnail-overlay{cursor:pointer}.fr-thumbnail-active .fr-thumbnail-overlay{cursor:default}.fr-thumbnail-overlay,.fr-thumbnail-overlay-background,.fr-thumbnail-overlay-border{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;overflow:hidden;border-style:solid;border-color:transparent}.fr-ltIE9 .fr-thumbnail-overlay-border{border-width:0!important}.fr-thumbnail .fr-thumbnail-image{position:absolute;opacity:.85;max-width:none}.fr-thumbnail-active:hover .fr-thumbnail-image,.fr-thumbnail:hover .fr-thumbnail-image{opacity:.99}.fr-thumbnail-active .fr-thumbnail-image,.fr-thumbnail-active:hover .fr-thumbnail-image{opacity:.35}.fr-thumbnail-active{cursor:default}.fr-thumbnail-loading,.fr-thumbnail-loading-background,.fr-thumbnail-loading-icon{position:absolute;top:0;left:0;width:100%;height:100%}.fr-thumbnail-loading-background{background-color:#161616;background-position:50% 50%;background-repeat:no-repeat;opacity:.8;position:relative;float:left}.fr-thumbnail-loading-icon{display:none}.fr-thumbnail-error .fr-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#202020}.fr-thumbnails-side{float:left;height:100%;width:28px;margin:0 5px;position:relative;overflow:hidden}.fr-thumbnails-side-previous{margin-left:12px}.fr-thumbnails-side-next{margin-right:12px}.fr-thumbnails-vertical .fr-thumbnails-side{height:28px;width:100%;margin:10px 0}.fr-thumbnails-vertical .fr-thumbnails-side-previous{margin-top:20px}.fr-thumbnails-vertical .fr-thumbnails-side-next{margin-bottom:20px}.fr-thumbnails-side-button{position:absolute;top:50%;left:50%;margin-top:-14px;margin-left:-14px;width:28px;height:28px;cursor:pointer}.fr-thumbnails-side-button-background{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8;-moz-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;background-color:#333;cursor:pointer;border-radius:4px}.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background{background-color:#3b3b3b}.fr-thumbnails-side-button-disabled *{cursor:default}.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background{background-color:#333}.fr-thumbnails-side-button-icon{height:42px;width:42px;position:absolute;top:0;left:0;width:100%;height:100%}.fr-thumbnails-vertical .fr-thumbnail-frame,.fr-thumbnails-vertical .fr-thumbnails-side,.fr-thumbnails-vertical .fr-thumbnails-thumbs{clear:both}.fr-window-ui-fullclick .fr-thumbnails{background:#090909}.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom{display:block!important}.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left{display:block!important}.fr-thumbnails-horizontal .fr-thumbnails-thumbs{padding:12px 5px}.fr-thumbnails-vertical .fr-thumbnails-thumbs{padding:5px 12px}.fr-thumbnails-measured .fr-thumbnails-thumbs{padding:0!important}@media all and (min-height:700px){.fr-thumbnails-horizontal .fr-thumbnails-thumbs{padding:16px 8px}.fr-thumbnails-horizontal .fr-thumbnails-side{margin:0 8px}.fr-thumbnails-horizontal .fr-thumbnails-side-previous{margin-left:16px}.fr-thumbnails-horizontal .fr-thumbnails-side-next{margin-right:16px}}@media all and (min-height:980px){.fr-thumbnails-horizontal .fr-thumbnails-thumbs{padding:20px 10px}.fr-thumbnails-horizontal .fr-thumbnails-side{margin:0 10px}.fr-thumbnails-horizontal .fr-thumbnails-side-previous{margin-left:20px}.fr-thumbnails-horizontal .fr-thumbnails-side-next{margin-right:20px}}@media all and (min-width:1200px){.fr-thumbnails-vertical .fr-thumbnails-thumbs{padding:8px 16px}.fr-thumbnails-vertical .fr-thumbnails-side{margin:0 8px}.fr-thumbnails-vertical .fr-thumbnails-side-previous{margin-top:16px}.fr-thumbnails-vertical .fr-thumbnails-side-next{margin-bottom:16px}}@media all and (min-width:1800px){.fr-thumbnails-vertical .fr-thumbnails-thumbs{padding:10px 20px}.fr-thumbnails-vertical .fr-thumbnails-side{margin:10px 0}.fr-thumbnails-vertical .fr-thumbnails-side-previous{margin-top:20px}.fr-thumbnails-vertical .fr-thumbnails-side-next{margin-bottom:20px}}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:500px){.fr-thumbnails-horizontal .fr-thumbnails{display:none!important}}@media all and (max-width:700px) and (orientation:portrait),all and (orientation:landscape) and (max-height:414px){.fr-thumbnails-vertical .fr-thumbnails{display:none!important}}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:414px){.fr-page{min-width:100%}.fr-page{min-height:100%}}.fr-window-ui-fullclick .fr-close-outside,.fr-window-ui-fullclick .fr-content .fr-close,.fr-window-ui-fullclick .fr-content .fr-info,.fr-window-ui-fullclick .fr-content .fr-side-next,.fr-window-ui-fullclick .fr-content .fr-side-previous,.fr-window-ui-fullclick .fr-side-next-outside,.fr-window-ui-fullclick .fr-side-previous-outside,.fr-window-ui-inside .fr-close-fullclick,.fr-window-ui-inside .fr-close-outside,.fr-window-ui-inside .fr-page>.fr-info,.fr-window-ui-inside .fr-side-next-fullclick,.fr-window-ui-inside .fr-side-next-outside,.fr-window-ui-inside .fr-side-previous-fullclick,.fr-window-ui-inside .fr-side-previous-outside,.fr-window-ui-outside .fr-close-fullclick,.fr-window-ui-outside .fr-content .fr-close,.fr-window-ui-outside .fr-content .fr-info,.fr-window-ui-outside .fr-content .fr-side-next,.fr-window-ui-outside .fr-content .fr-side-previous,.fr-window-ui-outside .fr-side-next-fullclick,.fr-window-ui-outside .fr-side-previous-fullclick{display:none!important}.fr-toggle-ui{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.fr-visible-fullclick-ui .fr-box>.fr-toggle-ui,.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui{opacity:1}.fr-hidden-fullclick-ui .fr-box>.fr-toggle-ui,.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui{-webkit-transition:opacity .3s;transition:opacity .3s}.fr-ltIE9.fr-hidden-fullclick-ui .fr-box>.fr-toggle-ui,.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui{display:none}.fr-spinner{position:fixed;width:52px;height:52px;background:#101010;background:rgba(16,16,16,.85);border-radius:5px}.fr-spinner div{position:absolute;top:0;left:0;height:64%;width:64%;margin-left:18%;margin-top:18%;opacity:1;-webkit-animation:fresco-12 1.2s infinite ease-in-out;animation:fresco-12 1.2s infinite ease-in-out}.fr-spinner div:after{content:'';position:absolute;top:0;left:50%;width:2px;height:8px;margin-left:-1px;background:#fff;box-shadow:0 0 1px transparent}.fr-spinner div.fr-spin-1{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.fr-spinner div.fr-spin-2{-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-1s;animation-delay:-1s}.fr-spinner div.fr-spin-3{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.fr-spinner div.fr-spin-4{-ms-transform:rotate(120deg);-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.fr-spinner div.fr-spin-5{-ms-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.fr-spinner div.fr-spin-6{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.fr-spinner div.fr-spin-6{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.fr-spinner div.fr-spin-7{-ms-transform:rotate(210deg);-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.fr-spinner div.fr-spin-8{-ms-transform:rotate(240deg);-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.fr-spinner div.fr-spin-9{-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.fr-spinner div.fr-spin-10{-ms-transform:rotate(300deg);-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.fr-spinner div.fr-spin-11{-ms-transform:rotate(330deg);-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.fr-spinner div.fr-spin-12{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes fresco-12{0%{opacity:1}100%{opacity:0}}@keyframes fresco-12{0%{opacity:1}100%{opacity:0}}.fr-thumbnail-spinner{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px}.fr-thumbnail-spinner-spin{position:relative;float:left;margin:8px 0 0 8px;text-indent:-9999em;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);border-left:2px solid #fff;-webkit-animation:fr-thumbnail-spin 1.1s infinite linear;animation:fr-thumbnail-spin 1.1s infinite linear}.fr-thumbnail-spinner-spin,.fr-thumbnail-spinner-spin:after{border-radius:50%;width:24px;height:24px}@-webkit-keyframes fr-thumbnail-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fr-thumbnail-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fr-error{float:left;position:relative;background-color:#ca3434;width:160px;height:160px}.fr-error-icon{position:absolute;width:42px;height:42px;top:50%;left:50%;margin-left:-21px;margin-top:-21px}.fr-window-skin-fresco .fr-close-icon,.fr-window-skin-fresco .fr-error-icon,.fr-window-skin-fresco .fr-side-button-icon,.fr-window-skin-fresco .fr-thumbnails-side-button-icon{background-image:url(assets/fresco-sprite.svg)}.fr-window-skin-fresco .fr-error-icon,.fr-window-skin-fresco.fr-no-svg .fr-close-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon{background-image:url(assets/fresco-sprite.png)}.fr-window-skin-fresco .fr-error-icon{background-position:-160px -126px}.fr-window-skin-fresco .fr-content-background{background:#101010;box-shadow:0 0 5px rgba(0,0,0,.4)}.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background{box-shadow:none}.fr-window-skin-fresco .fr-thumbnail-wrapper{box-shadow:0 0 3px rgba(0,0,0,.3)}.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper{box-shadow:0 0 1px rgba(0,0,0,.1)}.fr-window-skin-fresco .fr-side-button-background{background-color:transparent}.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon{background-position:-13px -14px}.fr-window-skin-fresco .fr-side-next .fr-side-button-icon{background-position:-93px -14px}.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon{background-position:-13px -114px}.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon{background-position:-93px -114px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon{background-position:-13px -114px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon{background-position:-93px -114px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon{background-position:-13px -214px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon{background-position:-93px -214px}.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon{background-position:-13px -114px}.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon{background-position:-93px -114px}.fr-window-skin-fresco.fr-svg .fr-side-button-icon{opacity:.5}.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon{opacity:1}.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon{opacity:.8}.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon{opacity:.2}.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon{background-image:none}@media all and (max-width:500px) and (orientation:portrait),all and (orientation:landscape) and (max-height:414px){.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon{background-position:0 -300px}.fr-window-skin-fresco .fr-side-next .fr-side-button-icon{background-position:-48px -300px}.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon{background-position:0 -360px}.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon{background-position:-48px -360px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon{background-position:0 -360px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon{background-position:-48px -360px}.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon{background-position:0 -360px}.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon{background-position:-48px -360px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon{background-position:0 -420px}.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon{background-position:-48px -420px}}.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background{background-color:#363636}.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background{background-color:#434343}.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background,.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background{background-color:#131313;opacity:.8}.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background,.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background{background-color:#191919}.fr-window-skin-fresco .fr-close .fr-close-icon{background-position:-168px -8px}.fr-window-skin-fresco .fr-close:hover .fr-close-icon{background-position:-210px -8px}.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon{background-position:-210px -8px;opacity:.8}.fr-window-skin-fresco .fr-close:hover .fr-close-icon{opacity:1}.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon,.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon{opacity:1}.fr-window-skin-fresco .fr-thumbnail-wrapper{border-color:transparent;border-style:solid;border-width:0}.fr-window-skin-fresco .fr-thumbnail-wrapper{box-shadow:0 0 3px rgba(0,0,0,.3)}.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper{box-shadow:0 0 1px rgba(0,0,0,.1)}.fr-window-skin-fresco .fr-thumbnail-wrapper{box-shadow:0 -1px 4px rgba(0,0,0,.3)}.fr-window-skin-fresco .fr-thumbnail-overlay-border{border-width:1px;border-color:rgba(255,255,255,.08)}.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border{border:0}.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-167px -49px}.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon{background-position:-209px -49px}.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-167px -91px}.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon{background-position:-209px -91px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-293px -49px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon{background-position:-335px -49px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-293px -91px}.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon{background-position:-335px -91px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon{-moz-transition:opacity .2s ease-in;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:.8}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-167px -49px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-209px -91px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon{opacity:1}.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon{background-position:-293px -49px}.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon{background-position:-335px -91px}.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled{opacity:.5}.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-251px -49px}.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-251px -91px}.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-377px -49px}.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon{background-position:-377px -91px} @media print { *{text-align:left !important;} #root .wrapper{width:100%;max-width:none;} #root{padding-top:0 !important;text-align:left;} #mainnav{display:none;} #root #header video{display:none;} #root #header h1{font-size:42px;color:#393939 !important;text-align:left;} #root #header{height:auto !important;min-height:0 !important;max-height:none;padding:100px 0 40px;border-bottom:1px solid #ccc;} #root #header .wrapper{position:relative;padding:0;top:auto;left:auto;max-width:none;transform:none;} #root #header #play-video{display:none;} #root #barcode{left:0;top:auto;position:relative;transform:none;margin-top:30px;} #root h2{font-size:35px;color:#393939 !important;text-align:left;} #root h3{font-size:25px;color:#393939 !important;text-align:left;} #root h3 span.yellow{color:#333;} #footer{display:none;} #root .blog-teaser article{float:left;width:47.5%;margin-right:5%;} #root .parallaxbanner{margin:0;padding:0;} #contact{display:none !important;} }