@charset "utf-8"; /* CSS Document */ /* FONTS ******************************************************************************/ @import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap'); .karla {font-family: "Karla", sans-serif;font-optical-sizing: auto;font-style: normal;} @font-face{font-family:'Butler';src:url("../fonts/Butler-UltraLight.woff2") format("woff2"),url("../fonts/Butler-UltraLight.woff") format("woff");font-weight:200;font-style:normal;} @font-face{font-family:'Butler';src:url("../fonts/Butler-Regular.woff2") format("woff2"),url("../fonts/Butler-Regular.woff") format("woff");font-weight:400;font-style:normal;} /* GESTIONE COLORI PRINCIPALI ******************************************************************************/ :root { --color-1: #eeeeee!important; --color-1-hover: #D5CCBB!important; --color-2: #b48622!important; --color-2-hover: #85651F!important; --color-3: #747474!important; --color-3-hover: #999999!important; --white: #ffffff!important; --gray: #999999!important; --dark: #201e1e!important; } /* GENERAL ******************************************************************************/ body,html{overflow-x:hidden} body{font-family:'Butler', serif;font-size:18px;line-height:1.6;letter-spacing: 1px; color:var(--dark);background-color: var(--color-1);font-weight: 200;} [type=reset],[type=submit],button,button:active,button:focus,html [type=button]{-moz-appearance:none;-webkit-appearance:none;outline:0} a,a:hover{text-decoration:none;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;color:var(--color-2);} p span {font-weight: 400;} /* GENERAL - mobile safari pointer event - no clickable number on mobile */ .pointer-events-none{pointer-events:none!important} /* COLORS ******************************************************************************/ .color1{color:var(--color-1)} .color2{color:var(--color-2)!important} .white{color:var(--white)!important} .gray{color:var(--gray)!important} .dark{color:var(--dark)!important} /* BACKGROUND ******************************************************************************/ /* BACKGROUND - bg color */ .bg-color1{background-color:var(--color-1)!important;color:var(--dark)!important} .bg-color2{background-color:var(--color-2)!important;color:var(--white)!important} .bg-white{background-color:var(--white)!important;color:var(--dark)!important} .bg-gray{background-color:var(--gray)!important;color:var(--dark)!important} .bg-dark{background-color:var(--dark)!important;color:var(--white)!important} /* TYPOGRAPHY ******************************************************************************/ h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family: 'Butler', serif;line-height:1.1;margin:0;font-weight:200;letter-spacing: 2px;} h1,.h1{font-size:2.2rem;}h2,.h2{font-size:2.5rem;}h3,.h3{font-size:1.8rem;}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.2rem}h6,.h6{font-size:1.2rem} h1 span {font-weight:400;} h2 span {font-weight:400;} h3 span {font-weight:400;} h4 span {font-weight:400;} h5 span {font-weight:400;} h6 span {font-weight:400;} /* HEADER ******************************************************************************/ header{position:absolute;width:100%;top:0;margin-top:0;background-color:var(--color-1);z-index:7777;display:flex;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;border-bottom:1px solid rgba(0,0,0,.1)} .navbar{width:100%} .navbar-brand{margin:0 auto} header .logo-white{display:inline-block;margin:0 auto} header .logo-colored{display:none} /* HEADER - sticky */ header.sticky{position:fixed;-webkit-box-shadow:0 15px 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 15px 15px 0 rgba(0,0,0,0.15);box-shadow:0 15px 15px 0 rgba(0,0,0,0.15)} .sticky-transparent{background-color:transparent} .sticky-color1{background-color:var(--color-1)} .sticky-white{background-color:var(--white)} /* HEADER - sticky white */ header.sticky.sticky-white{background-color:var(--white)} header.sticky.sticky-white .logo-white{display:none} header.sticky.sticky-white .logo-colored{display:inline-block;margin:0 auto} /* HEADER - topinfo */ header .infomobile{position:relative} header .infomobile .animated-top-icon{position:absolute;top:23px;left:28px} header.sticky.sticky-white .infomobile{background-color:var(--color-1-light);height:100%} .topinfo ul{padding:10px 0 0} .topinfo a{color:var(--dark)} .topinfo a:hover{color:var(--color-2)} header.sticky.sticky-white a{color:var(--dark)} /* bounce icon with no brightness effect */ header.sticky.sticky-white .topinfo a img.animated-top-icon,.topinfo a img.animated-top-icon{-webkit-filter:brightness(1) invert(0)!important;filter:brightness(1) invert(0)!important} /* HEADER GSAP HALFNAV */ header.header-gsap-halfnav{position:absolute;display:flex;align-items:center;justify-content:space-between;padding:20px 0;width:100%;height:fit-content;z-index:9999} header.header-gsap-halfnav.sticky{position:fixed;} header.header-gsap-halfnav .logo{margin-left:35px} header.header-gsap-halfnav .logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} header.header-gsap-halfnav.sticky .logo img{-webkit-filter:brightness(1) invert(0);filter:brightness(1) invert(0)} header.header-gsap-halfnav .menu-items{display:flex;font-family:"Neutral Face";align-items:flex-end;margin-right:35px} header.header-gsap-halfnav .menu-items .menu{font-size:30px;line-height:1;padding:0 15px;font-weight:700;overflow:hidden;color:#fff} header.header-gsap-halfnav.sticky .menu-items .menu{color:var(--color-1)} header.header-gsap-halfnav .menu-items .menu span{display:block;position:relative} header.header-gsap-halfnav #menuBtnDiv2{position:absolute; top: 50px;} /* HEADER GSAP HALFNAV - menu container */ .menu-container-gsap-halfnav{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;font-family:"Neutral Face";z-index:8888} .menu-container-gsap-halfnav .menu-container-1{width:100vw;background-color:var(--color-1)} .menu-container-gsap-halfnav .menu-container-1{display:flex;padding:10vh 5vw;flex-direction:column;justify-content:space-between;color:var(--white)} .menu-container-gsap-halfnav .menu-container-1 .menu-container-header li{font-size:30px;margin:10px 0;font-weight:700;overflow:hidden} .menu-container-gsap-halfnav .menu-container-1 .menu-container-footer li{font-size:30px;font-weight:lighter;text-decoration:underline;margin:5px 0;overflow:hidden; display: none;} .menu-container-gsap-halfnav ul{list-style:none} .menu-container-gsap-halfnav .menu-container-2{width:40vw;background-color:var(--color-2);} .menu-container-gsap-halfnav .menu-container-2{display:none;flex-direction:column;justify-content:flex-end;padding:10vh 5vw;color:#101010} .menu-container-gsap-halfnav .menu-container-2 .menu-container-footer li{font-size:30px;font-weight:lighter;margin:5px 0;overflow:hidden} .menu-container-gsap-halfnav #special-li{font-size:20px;text-decoration:none;margin:20px 2px} .menu-container-gsap-halfnav .menu-container-header li span,.menu-container-gsap-halfnav .menu-container-footer li span{display:block;position:relative} .menu-container-gsap-halfnav .menu-container-header li:hover span,.menu-container-gsap-halfnav .menu-container-footer li:hover span{animation:MoveDown .3s forwards,MoveUp .2s forwards .2s} @keyframes MoveDown { to{transform:translate3d(0,105%,0)} } @keyframes MoveUp { from{transform:translate3d(0,-100%,0)} to{transform:translate3d(0,0,0)} } /* HAMBURGERMENU ANIMATION ******************************************************************************/ .hamburger{padding:10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;outline:none!important} .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:var(--white)} .hamburger .line{width:60px;height:2px;background-color:var(--dark);display:block;margin:8px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .hamburger:hover{cursor:pointer} #hamburger-1.is-active .line:nth-child(1){-webkit-transform:translateY(13px) rotate(45deg);-ms-transform:translateY(13px) rotate(45deg);-o-transform:translateY(13px) rotate(45deg);transform:translateY(13px) rotate(45deg)} #hamburger-1.is-active .line:nth-child(2){-webkit-transform:translateY(1px) rotate(-45deg);-ms-transform:translateY(1px) rotate(-45deg);-o-transform:translateY(1px) rotate(-45deg);transform:translateY(1px) rotate(-45deg)} header.sticky.sticky-white .hamburger.is-active .hamburger-inner,header.sticky.sticky-white .hamburger.is-active .hamburger-inner::before,header.sticky.sticky-white .hamburger.is-active .hamburger-inner::after{background-color:var(--color-1)} .hamburger-box{width:30px;height:24px;display:inline-block;position:relative} .hamburger-inner{display:block;top:50%;margin-top:-2px} .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:4px;background-color:var(--white);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease} header.sticky.sticky-white .hamburger-inner,header.sticky.sticky-white .hamburger-inner::before,header.sticky.sticky-white .hamburger-inner::after{background-color:var(--color-1)} .hamburger-inner::before,.hamburger-inner::after{content:"";display:block} .hamburger-inner::before{top:-10px} .hamburger-inner::after{bottom:-10px} /* HAMBURGER - slider */ .hamburger--slider .hamburger-inner{top:2px} .hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s} .hamburger--slider .hamburger-inner::after{top:20px} .hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)} .hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0} .hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)} /* HAMBURGER - overlay from left */ .header-overlayfromleft .hamburger-overlayfromleft{position:relative;left:0;top:0;width:100%;height:100%;line-height:100px;text-align:center;margin:0} .header-overlayfromleft .hamburger--slider{width:100%;height:100%;background-color:var(--color-2);z-index:9999} .header-overlayfromleft.sticky.sticky-white .hamburger--slider{width:100%;height:100%;background-color:var(--color-1);z-index:9999} .header-overlayfromleft.sticky.sticky-white .hamburger-inner,.header-overlayfromleft.sticky.sticky-white .hamburger-inner::before,.header-overlayfromleft.sticky.sticky-white .hamburger-inner::after{background-color:var(--white)} .header-overlayfromleft.sticky.sticky-white .hamburger.is-active .hamburger-inner,.header-overlayfromleft.sticky.sticky-white .hamburger.is-active .hamburger-inner::before,.header-overlayfromleft.sticky.sticky-white .hamburger.is-active .hamburger-inner::after{background-color:var(--white)} /* NAVIGATION ******************************************************************************/ /* NAVIGATION OVERLAY */ #myNav{width:0} #myNav.show-nav{width:100%} /* NAVIGATION OVERLAY - overlay */ .overlay{height:100%;width:0;position:fixed;z-index:6666;right:0;top:0;background-color:rgba(160,160,160,0.90);overflow-x:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .overlay::-webkit-scrollbar{display:none!important} /* NAVIGATION OVERLAY - content */ .overlay-content{position:relative;padding:20px;width:100%;height:100%} /* NAVIGATION OVERLAY - content language */ .overlay-content .language li a{font-size:14px;font-weight:700;color:rgba(255,255,255,0.7)} .overlay-content .language li a.active{color:rgba(255,255,255,1)} .overlay-content .language li a:hover{color:rgba(255,255,255,1)} /* NAVIGATION OVERLAY - content navigationmenu */ .overlay-content .navigation-menu ul{padding:0} .overlay-content .navigation-menu li{list-style:none} .overlay-content .navigation-menu li a{font-family: "Karla", sans-serif;font-size:20px;font-weight:400;color:var(--dark);letter-spacing: 5px;text-transform: uppercase; display:block;padding:5px 0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .overlay-content .navigation-menu li a:hover,.overlay-content .navigation-menu li a:focus{color:var(--color-1)} /* NAVIGATION OVERLAY - content social */ .overlay-content .social li{width:30px;height:30px;line-height:30px;background-color:var(--white);text-align:center} .overlay-content .social li a{font-size:16px;color:var(--color-1)} /* NAVIGATION OVERLAY - footer menu */ .overlay-content .footer-menu{color:var(--white);font-size:16px} .overlay-content .footer-menu a{color:var(--white)} /* NAVIGATION CLASSIC */ /* NAVIGATION CLASSIC - dropdown */ .header-classic .dropdown-menu{padding:10px;border-top:5px solid var(--color-1)!important;min-width:15rem} .header-classic .dropdown-menu a{padding:10px;text-align:left;color:var(--color-1)} .header-classic .dropdown-menu a.dropdown-item{padding:10px;text-align:left;color:var(--color-1);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .header-classic .dropdown-menu a.dropdown-item:hover{padding-left:20px;background-color:transparent} .header-classic .dropdown-menu a.dropdown-item:before{font-family:"Font Awesome 5 Free";content:"\f101";color:var(--color-1);position:absolute;left:20px;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .header-classic .dropdown-menu a.dropdown-item:hover:before{opacity:1} /* NAVIGATION CLASSIC - dropdown submenu */ .header-classic .dropdown-submenu{position:relative} .header-classic .dropdown-submenu > a:after{content:"\f0da";float:right;border:none;font-family:"Font Awesome 5 Free"} .header-classic .dropdown-submenu > .dropdown-menu{top:0;left:calc(100% + 20px);margin-top:0} /* NAVIGATION OVERLAY FROM LEFT */ #myNav.overlay-fromleft{width:0; left: 0;} #myNav.overlay-fromleft.show-nav{width:100%} /* NAVIGATION OVERLAY 1/3 & BG */ #myNav.overlay-13-bg{width:0;left: 0;} #myNav.overlay-13-bg.show-nav{width:100%} /* NAVIGATION OVERLAY 1/3 & BG - overlay */ .overlay-13-bg .overlay{height:100vh;width:0;position:fixed;z-index:6666;right:0;top:0;overflow-x:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .overlay-13-bg .overlay::-webkit-scrollbar{display:none!important} /* NAVIGATION OVERLAY 1/3 & BG - overlay bg */ .overlay-13-bg .overlay-bg {background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2222; background-image: url("../images/overlay-bg.jpg");} /* NAVIGATION OVERLAY 1/3 & BG - content */ .overlay-13-bg .overlay-content{position:relative;padding:100px 20px;background-color:var(--color-1);width:100%;height:100vh;z-index: 6666;} .overlay-13-bg .overlay-content .flex-content div {width:100%;} /* NAVIGATION OVERLAY 1/3 & BG - content language */ .overlay-13-bg .overlay-content .language ul { margin:0;} .overlay-13-bg .overlay-content .language li a{font-size:14px;font-weight:400;color:rgba(255,255,255,0.7)} .overlay-13-bg .overlay-content .language li a.active{color:rgba(255,255,255,1)} .overlay-13-bg .overlay-content .language li a:hover{color:rgba(255,255,255,1)} /* NAVIGATION OVERLAY 1/3 & BG - content navigationmenu */ .overlay-13-bg .overlay-content .navigation-menu {position:relative; margin: 50px 0 0;} .overlay-13-bg .overlay-content .navigation-menu .navigation-contact-container {position:absolute; bottom: 0; left: 0; width: 100%;} .overlay-13-bg .overlay-content .navigation-menu .navigation-contact {margin:0 0 20px;} .overlay-13-bg .overlay-content .navigation-menu .navigation-contact h6 {font-size: 1em; text-transform: uppercase; color: var(--dark); margin: 0 0 10px} .overlay-13-bg .overlay-content .navigation-menu .navigation-contact p {font-size:0.8em; text-transform: uppercase; color: var(--dark); line-height: 2;} .overlay-13-bg .overlay-content .navigation-menu .navigation-contact a, .overlay-content .navigation-menu .navigation-contact a:hover {color: var(--dark);} .overlay-13-bg .overlay-content .navigation-menu ul{padding:0} .overlay-13-bg .overlay-content .navigation-menu li{list-style:none} .overlay-13-bg .overlay-content .navigation-menu li a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;font-size:1.2em;font-weight:600;text-transform:uppercase;letter-spacing: 4px; color:var (--dark);font-weight: 200; padding:5px 0; margin-bottom: 5px; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .overlay-13-bg .overlay-content .navigation-menu li a:hover,.overlay-content .navigation-menu li a:focus{color:var(--color-2)} .overlay-13-bg .overlay-content .navigation-menu li a:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;height:1px;-webkit-transition:right .4s ease-in-out;-moz-transition:right .4s ease-in-out;-ms-transition:right .4s ease-in-out;-o-transition:right .4s ease-in-out;transition:right .4s ease-in-out;background-color:var(--color-2)} .overlay-13-bg .overlay-content .navigation-menu li a:hover:before,.overlay-content .navigation-menu li a:focus:before,.overlay-content .navigation-menu li a:active:before{right:0} .overlay-13-bg .overlay-content .navigation-menu li a.nav-small{font-size:14px;font-weight:400;text-transform:lowercase; font-style: italic;} .overlay-13-bg .overlay-content .navigation-menu li a.nav-small:before {display: none;} .overlay-13-bg .overlay-content .nav-title{font-size:40px;font-family:lust,serif;font-weight:700;font-style:normal;margin:20px 0;line-height:1;color: var(--white);} .overlay-13-bg .overlay-content hr{margin-top:20px;margin-bottom:10px;border:0;border-top:1px solid rgba(255,255,255,0.2)} /* NAVIGATION OVERLAY 1/3 & BG - navigationmenu delay */ #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s} #myNav.overlay-13-bg.show-nav .overlay-content .navigation-menu li:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s} /* HOME SLIDER ******************************************************************************/ .fullscreen-container{position:relative;overflow:hidden} /* HOME SLIDER - fullscreen single image */ .fullscreen-image{position:relative;overflow:hidden;max-height:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover} .fullscreen-image.fullscreen-camere{background-image:url(../images/pic-fullscreen-camere-mobile.jpg);} .fullscreen-image.fullscreen-clippath{background-image:url(../images/pic-fullscreen-clippath-mobile.jpg);} /* HOME SLIDER - fullscreen slider */ .fullscreen-slider{position:relative;overflow:hidden} .owl-fullscreenslider .slider-item{width:100%;height:100%;max-height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover} /* HOMESLIDER - halfscreen slider */ .owl-halfscreenslider .slider-item{width:100%;height:100%;max-height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover} .halfscreen-slider-content {display: none;} .halfscreen-overlay-slider{position:absolute;bottom:0;left:0;width:100%;height:100vh;background-image:url(../images/bg-overlayslider.png);background-size:contain;background-repeat:no-repeat} .owl-halfscreenslider-verticalthumb,.owl-halfscreenslider-verticalthumb .owl-stage-outer,.owl-halfscreenslider-verticalthumb .owl-stage-outer .owl-stage,.owl-halfscreenslider-verticalthumb .owl-stage-outer .owl-stage .owl-item{height:100vh} .owl-halfscreenslider-verticalthumb .owl-item img{height:100%;width:auto} .owl-halfscreenslider-verticalthumb#small{position:absolute; width:80%; left:10%; top:80%;} .owl-halfscreenslider-verticalthumb#small .owl-item img{ width:100%; height:auto; border:5px solid var(--color-2);} /* HOMESLIDER - typewriter effect */ .typewriter-container .overlymob{background-color:rgba(0,0,0,0.2);width:100%;height:100%;position:absolute;top:0;z-index:3} .typewriter-container .typewrite > .wrap{border-right:.08em solid #fff;box-shadow:7px 0 7px -7px rgba(0,0,0,1)} /* HOMESLIDER - kenburns */ #kenburns-slider, #kenburns-slider-mobile{position:relative;display:flex;width:100%;height:100vh} #kenburns-slider:before, #kenburns-slider-mobile:before{content:"";margin-top:56.25%} #kenburns-slider .inner, #kenburns-slider-mobile .inner{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden} #kenburns-slider img, #kenburns-slider-mobile img{z-index:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;opacity:0} /* SCROLL ******************************************************************************/ #scroll-wrapper{display:none;} /* SCROLL - explore */ .explore{position:absolute;bottom:-70px;z-index:9;background:url(../images/explore.svg) center no-repeat;height:222px;text-align:center;left:50%;transform:translateX(-50%);text-shadow:0 0 5px rgba(0,0,0,0.5)} .explore span{display:block;padding-top:82px;font-size:.8em;text-transform:uppercase;color:var(--white)} /* BUTTONS ******************************************************************************/ .btn{border-radius:0;font-size:1em;font-family: "Karla", sans-serif;font-weight:200;position:relative;text-transform: uppercase;letter-spacing: 2px;padding: 10px 20px;} .btn.focus,.btn:focus{outline:0;box-shadow:none!important} .btn-full{width:100%} /* BUTTONS - button color */ .btn-color1{background-color:transparent;color:var(--gray)} .btn-color1:before,.btn-color1:hover{background-color:transparent;color:var(--color-2)} .btn-color1-medium{background-color:var(--color-1-medium);color:var(--white)} .btn-color1-medium:before,.btn-color1-medium:hover{background-color:var(--color-1-medium-hover);color:var(--white)} .btn-color1-light{background-color:var(--color-1-light);color:var(--white)} .btn-color1-light:before,.btn-color1-light:hover{background-color:var(--color-1-light-hover);color:var(--white)} .btn-color2{background-color:var(--color-2);color:var(--dark)} .btn-color2:before,.btn-color2:hover{background-color:var(--color-2-hover);color:var(--white)} .btn-color2-medium{background-color:var(--color-2-medium);color:var(--dark)} .btn-color2-medium:before,.btn-color2-medium:hover{background-color:var(--color-2-medium-hover);color:var(--dark)} .btn-color2-light{background-color:var(--color-2-light);color:var(--dark)} .btn-color2-light:before,.btn-color2-light:hover{background-color:var(--color-2-light-hover);color:var(--dark)} .btn-color3{background-color:var(--color-3);color:var(--white)} .btn-color3:before,.btn-color3:hover{background-color:var(--color-3-hover);color:var(--white)} .btn-color3-medium{background-color:var(--color-3-medium);color:var(--dark)} .btn-color3-medium:before,.btn-color2-medium:hover{background-color:var(--color-3-medium-hover);color:var(--dark)} .btn-color3-light{background-color:var(--color-3-light);color:var(--dark)} .btn-color3-light:before,.btn-color3-light:hover{background-color:var(--color-3-light-hover);color:var(--dark)} /* BUTTONS - button border */ .btn-border{border-style:solid;border-width:0.5px} .btn-color1.btn-border{background-color:transparent;border-color:var(--color-1);color:var(--color-1)} .btn-color1.btn-border:hover{background-color:var(--color-1);border-color:var(--color-1);color:var(--white)} .btn-color2.btn-border{background-color:transparent;border-color:var(--color-2);color:var(--dark)} .btn-color2.btn-border:hover{background-color:var(--color-2);border-color:var(--color-2);color:var(--dark)} .btn-color3.btn-border{background-color:transparent;border-color:var(--color-3);color:var(--color-3)} .btn-color3.btn-border:hover{background-color:transparent;border-color:var(--color-3-hover);color:var(--color-3-hover)} .btn-white.btn-border{background-color:transparent;border-color:var(--white);color:var(--white)} .btn-white.btn-border:hover{background-color:var(--white);border-color:var(--white);color:var(--dark)} .btn-gray.btn-border{background-color:transparent;border-color:var(--gray);color:var(--gray)} .btn-gray.btn-border:hover{background-color:var(--gray);border-color:var(--gray);color:var(--dark)} .btn-dark.btn-border{background-color:transparent;border-color:var(--dark);color:var(--dark)} .btn-dark.btn-border:hover{background-color:var(--dark);border-color:var(--dark);color:var(--white)} /* BUTTONS - hover sweep */ .hover-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scalex(0);transform:scalex(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-sweep-to-right:active,.hover-sweep-to-right:focus,.hover-sweep-to-right:hover{color:var(--white)} .hover-sweep-to-right:active:before,.hover-sweep-to-right:focus:before,.hover-sweep-to-right:hover:before{-webkit-transform:scalex(1);transform:scalex(1)} .hover-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scalex(0);transform:scalex(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-sweep-to-left:active,.hover-sweep-to-left:focus,.hover-sweep-to-left:hover{color:var(--white)} .hover-sweep-to-left:active:before,.hover-sweep-to-left:focus:before,.hover-sweep-to-left:hover:before{-webkit-transform:scalex(1);transform:scalex(1)} .hover-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaley(0);transform:scaley(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-sweep-to-bottom:active,.hover-sweep-to-bottom:focus,.hover-sweep-to-bottom:hover{color:var(--white)} .hover-sweep-to-bottom:active:before,.hover-sweep-to-bottom:focus:before,.hover-sweep-to-bottom:hover:before{-webkit-transform:scaley(1);transform:scaley(1)} .hover-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaley(0);transform:scaley(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-sweep-to-top:active,.hover-sweep-to-top:focus,.hover-sweep-to-top:hover{color:var(--white)} .hover-sweep-to-top:active:before,.hover-sweep-to-top:focus:before,.hover-sweep-to-top:hover:before{-webkit-transform:scaley(1);transform:scaley(1)} /* BUTTONS - hover icon animation */ .hover-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.1s;transition-duration:.1s} .hover-icon-back .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-icon-back:active .hover-icon,.hover-icon-back:focus .hover-icon,.hover-icon-back:hover .hover-icon{-webkit-transform:translatex(-4px);transform:translatex(-4px)} .hover-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.1s;transition-duration:.1s} .hover-icon-forward .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-icon-forward:active .hover-icon,.hover-icon-forward:focus .hover-icon,.hover-icon-forward:hover .hover-icon{-webkit-transform:translatex(4px);transform:translatex(4px)} @-webkit-keyframes hover-icon-down { 0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)} 25%,75%{-webkit-transform:translatey(6px);transform:translatey(6px)} } @keyframes hover-icon-down { 0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)} 25%,75%{-webkit-transform:translatey(6px);transform:translatey(6px)} } .hover-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent} .hover-icon-down .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)} .hover-icon-down:active .hover-icon,.hover-icon-down:focus .hover-icon,.hover-icon-down:hover .hover-icon{-webkit-animation-name:hover-icon-down;animation-name:hover-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes hover-icon-up { 0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)} 25%,75%{-webkit-transform:translatey(-6px);transform:translatey(-6px)} } @keyframes hover-icon-up { 0%,100%,50%{-webkit-transform:translatey(0);transform:translatey(0)} 25%,75%{-webkit-transform:translatey(-6px);transform:translatey(-6px)} } .hover-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent} .hover-icon-up .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)} .hover-icon-up:active .hover-icon,.hover-icon-up:focus .hover-icon,.hover-icon-up:hover .hover-icon{-webkit-animation-name:hover-icon-up;animation-name:hover-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} .hover-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent} .hover-icon-spin .hover-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .hover-icon-spin:active .hover-icon,.hover-icon-spin:focus .hover-icon,.hover-icon-spin:hover .hover-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)} @-webkit-keyframes hover-icon-drop { 0%{opacity:0} 50%{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%)} 100%,51%{opacity:1} } @keyframes hover-icon-drop { 0%{opacity:0} 50%{opacity:0;-webkit-transform:translatey(-100%);transform:translatey(-100%)} 100%,51%{opacity:1} } .hover-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent} .hover-icon-drop .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)} .hover-icon-drop:active .hover-icon,.hover-icon-drop:focus .hover-icon,.hover-icon-drop:hover .hover-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hover-icon-drop;animation-name:hover-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-timing-function:cubic-bezier(.52,1.64,.37,.66);animation-timing-function:cubic-bezier(.52,1.64,.37,.66)} @-webkit-keyframes hover-icon-push { 50%{-webkit-transform:scale(.5);transform:scale(.5)} } @keyframes hover-icon-push { 50%{-webkit-transform:scale(.5);transform:scale(.5)} } .hover-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-push .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-icon-push:active .hover-icon,.hover-icon-push:focus .hover-icon,.hover-icon-push:hover .hover-icon{-webkit-animation-name:hover-icon-push;animation-name:hover-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1} @-webkit-keyframes hover-icon-pop { 50%{-webkit-transform:scale(1.5);transform:scale(1.5)} } @keyframes hover-icon-pop { 50%{-webkit-transform:scale(1.5);transform:scale(1.5)} } .hover-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-pop .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-icon-pop:active .hover-icon,.hover-icon-pop:focus .hover-icon,.hover-icon-pop:hover .hover-icon{-webkit-animation-name:hover-icon-pop;animation-name:hover-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1} .hover-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-bounce .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-icon-bounce:active .hover-icon,.hover-icon-bounce:focus .hover-icon,.hover-icon-bounce:hover .hover-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)} .hover-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-rotate .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-icon-rotate:active .hover-icon,.hover-icon-rotate:focus .hover-icon,.hover-icon-rotate:hover .hover-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)} .hover-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-grow-rotate .hover-icon{-webkit-transform:translatez(0);transform:translatez(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .hover-icon-grow-rotate:active .hover-icon,.hover-icon-grow-rotate:focus .hover-icon,.hover-icon-grow-rotate:hover .hover-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)} @-webkit-keyframes hover-icon-wobble-horizontal { 16.65%{-webkit-transform:translatex(6px);transform:translatex(6px)} 33.3%{-webkit-transform:translatex(-5px);transform:translatex(-5px)} 49.95%{-webkit-transform:translatex(4px);transform:translatex(4px)} 66.6%{-webkit-transform:translatex(-2px);transform:translatex(-2px)} 83.25%{-webkit-transform:translatex(1px);transform:translatex(1px)} 100%{-webkit-transform:translatex(0);transform:translatex(0)} } @keyframes hover-icon-wobble-horizontal { 16.65%{-webkit-transform:translatex(6px);transform:translatex(6px)} 33.3%{-webkit-transform:translatex(-5px);transform:translatex(-5px)} 49.95%{-webkit-transform:translatex(4px);transform:translatex(4px)} 66.6%{-webkit-transform:translatex(-2px);transform:translatex(-2px)} 83.25%{-webkit-transform:translatex(1px);transform:translatex(1px)} 100%{-webkit-transform:translatex(0);transform:translatex(0)} } .hover-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-wobble-horizontal .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)} .hover-icon-wobble-horizontal:active .hover-icon,.hover-icon-wobble-horizontal:focus .hover-icon,.hover-icon-wobble-horizontal:hover .hover-icon{-webkit-animation-name:hover-icon-wobble-horizontal;animation-name:hover-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1} @-webkit-keyframes hover-icon-wobble-vertical { 16.65%{-webkit-transform:translatey(6px);transform:translatey(6px)} 33.3%{-webkit-transform:translatey(-5px);transform:translatey(-5px)} 49.95%{-webkit-transform:translatey(4px);transform:translatey(4px)} 66.6%{-webkit-transform:translatey(-2px);transform:translatey(-2px)} 83.25%{-webkit-transform:translatey(1px);transform:translatey(1px)} 100%{-webkit-transform:translatey(0);transform:translatey(0)} } @keyframes hover-icon-wobble-vertical { 16.65%{-webkit-transform:translatey(6px);transform:translatey(6px)} 33.3%{-webkit-transform:translatey(-5px);transform:translatey(-5px)} 49.95%{-webkit-transform:translatey(4px);transform:translatey(4px)} 66.6%{-webkit-transform:translatey(-2px);transform:translatey(-2px)} 83.25%{-webkit-transform:translatey(1px);transform:translatey(1px)} 100%{-webkit-transform:translatey(0);transform:translatey(0)} } .hover-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-wobble-vertical .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)} .hover-icon-wobble-vertical:active .hover-icon,.hover-icon-wobble-vertical:focus .hover-icon,.hover-icon-wobble-vertical:hover .hover-icon{-webkit-animation-name:hover-icon-wobble-vertical;animation-name:hover-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1} @-webkit-keyframes hover-icon-buzz-out { 10%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)} 20%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)} 30%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)} 40%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)} 50%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)} 60%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)} 70%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)} 80%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)} 90%{-webkit-transform:translatex(1px) rotate(0);transform:translatex(1px) rotate(0)} 100%{-webkit-transform:translatex(-1px) rotate(0);transform:translatex(-1px) rotate(0)} } @keyframes hover-icon-buzz-out { 10%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)} 20%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)} 30%{-webkit-transform:translatex(3px) rotate(2deg);transform:translatex(3px) rotate(2deg)} 40%{-webkit-transform:translatex(-3px) rotate(-2deg);transform:translatex(-3px) rotate(-2deg)} 50%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)} 60%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)} 70%{-webkit-transform:translatex(2px) rotate(1deg);transform:translatex(2px) rotate(1deg)} 80%{-webkit-transform:translatex(-2px) rotate(-1deg);transform:translatex(-2px) rotate(-1deg)} 90%{-webkit-transform:translatex(1px) rotate(0);transform:translatex(1px) rotate(0)} 100%{-webkit-transform:translatex(-1px) rotate(0);transform:translatex(-1px) rotate(0)} } .hover-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translatez(0);transform:perspective(1px) translatez(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s} .hover-icon-buzz-out .hover-icon{-webkit-transform:translatez(0);transform:translatez(0)} .hover-icon-buzz-out:active .hover-icon,.hover-icon-buzz-out:focus .hover-icon,.hover-icon-buzz-out:hover .hover-icon{-webkit-animation-name:hover-icon-buzz-out;animation-name:hover-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1} /* BUTTONS - go to full */ .btn-gotofull{position:relative;margin:10px 0;padding:16px 25px;transition:all .4s ease;display:inline-block} .btn-gotofull:before{content:"";position:absolute;top:0;left:0;display:block;width:60px;height:60px;transition:all .3s ease} .btn-gotofull.btn-gotofull-color1:before{background:var(--color-1)} .btn-gotofull.btn-gotofull-color2:before{background:var(--color-2)} .btn-gotofull.btn-gotofull-color3:before{background:var(--color-3)} .btn-gotofull.btn-gotofull-dark:before{background:var(--dark)} .btn-gotofull span{position:relative;font-size:16px;line-height:18px;font-weight:700;letter-spacing:.25em;vertical-align:middle} .btn-gotofull svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transform:translateX(-5px);transition:all .3s ease} a.white.btn-gotofull svg{stroke:#fff} a.dark.btn-gotofull svg{stroke:var(--dark)} .btn-gotofull:hover:before{width:100%} .btn-gotofull.btn-gotofull-color1:hover:before{background:var(--color-1)} .btn-gotofull.btn-gotofull-color2:hover:before{background:var(--color-2)} .btn-gotofull.btn-gotofull-color3:hover:before{background:var(--color-3)} .btn-gotofull.btn-gotofull-dark:hover:before{background:var(--dark)} .btn-gotofull:hover svg{transform:translateX(0)} .btn-gotofull:active{transform:scale(0.96)} /* BUTTONS - button skew */ .btn-skew{padding:10px 40px;font-size:1.5em!important;font-weight:500;text-transform:uppercase;font-family:'Rubik',sans-serif;border-radius:0;display:inline-block;-webkit-transform:skew(-15deg);transform:skew(-15deg)} .btn-skew span{display:inline-block;-webkit-transform:skew(15deg);transform:skew(15deg)} .btn-skew.btn-color1{background-color:var(--color-1);color:#fff} .btn-skew.btn-color1:before,.btn-skew.btn-color1:hover{background-color:var(--color-1-hover);color:#fff} .btn-skew.btn-color1-medium{background-color:var(--color-1-medium);color:#fff}.btn-skew.btn-color1-light:before,.btn-skew.btn-color1-light:hover{background-color:var(--color-1-medium-hover);color:#fff} .btn-skew.btn-color1-light{background-color:var(--color-1-light);color:#fff}.btn-skew.btn-color1-light:before,.btn-skew.btn-color1-light:hover{background-color:var(--color-1-light-hover);color:#fff} .btn-skew.btn-color2{background-color:var(--color-2);color:#fff}.btn-skew.btn-color2:before,.btn-skew.btn-color2:hover{background-color:var(--color-2-hover);color:#fff} .btn-skew.btn-color2-medium{background-color:var(--color-2-medium);color:var(--color-dark)}.btn-skew.btn-color2-light:before,.btn-skew.btn-color2-light:hover{background-color:var(--color-medium-2-hover);color:var(--color-dark)} .btn-skew.btn-color2-light{background-color:var(--color-2-light);color:var(--color-dark)}.btn-skew.btn-color2-light:before,.btn-skew.btn-color2-light:hover{background-color:var(--color-light-2-hover);color:var(--color-dark)} /* BUTTONS - arrrow button */ .arrow-button{display:inline-flex;align-items:center;width:auto;max-width:80px;height:80px;border-radius:40px;transition:max-width .8s ease;position:relative;text-decoration:none} .arrow-button.color1 {border:2px solid var(--color-1);} .arrow-button.color1-medium {border:2px solid var(--color-1-medium);} .arrow-button.color1-light {border:2px solid var(--color-1-light);} .arrow-button.color2 {border:2px solid var(--color-2);} .arrow-button.color2-medium {border:2px solid var(--color-2-medium);} .arrow-button.color2-light {border:2px solid var(--color-2-light);} .arrow-button.color3 {border:2px solid var(--color-3);} .arrow-button.color3-medium {border:2px solid var(--color-3-medium);} .arrow-button.color3-light {border:2px solid var(--color-32-light);} .arrow-button.white {border:2px solid var(--white);} .arrow-button.dark {border:2px solid var(--dark);} .arrow-button .button-text{height:80px;overflow:hidden;display:flex;align-items:center} .arrow-button span{opacity:0;visibility:hidden;font-size:1.2em;text-transform:uppercase;font-weight: 600; letter-spacing:4px;padding-left:30px;padding-right:45px;white-space:nowrap;will-change:opacity,padding-left,visibility;transition:opacity .6s ease,visibility .6s ease,padding-left .6s ease} .arrow-button.color1 span{color: var(--color-1)} .arrow-button.color1-medium span{color: var(--color-1-medium)} .arrow-button.color1-light span{color: var(--color-1-light)} .arrow-button.color2 span{color: var(--color-2)} .arrow-button.color2-medium span{color: var(--color-2-medium)} .arrow-button.color2-light span{color: var(--color-2-light)} .arrow-button.color3 span{color: var(--color-3)} .arrow-button.color3-medium span{color: var(--color-3-medium)} .arrow-button.color3-light span{color: var(--color-3-light)} .arrow-button.white span{color: var(--white)} .arrow-button.dark span{color: var(--dark)} .arrow-button .arrow-icon{position:absolute;left:15.865px;top:50%;transform:translateY(-50%);width:8px;height:18px} .arrow-button .arrow-icon .arrow{position:absolute;left:15.865px;top:50%;transform:translateY(-50%);width:8px;height:18px} .arrow-button.arrow-button-prev .arrow-icon .arrow{position:absolute;left:15.865px;top:50%;transform:translateY(50%);width:8px;height:18px;rotate:180deg;} .arrow-button .arrow-icon:before{content:'';width:70px;height:2px;position:absolute;top:50%;transform:translateY(-50%);left:-48px;will-change:left,padding-left,visibility;transition:left .4s ease,opacity .4s ease,visibility .4s ease} .arrow-button.arrow-button-prev .arrow-icon:before{content:'';width:70px;height:2px;position:absolute;top:50%;transform:translateY(-50%);left:auto;right:-80px;will-change:left,padding-left,visibility;transition:left .4s ease,opacity .4s ease,visibility .4s ease} .arrow-button.color1 .arrow-icon:before{background-color:var(--color-1);} .arrow-button.color1-medium .arrow-icon:before{background-color:var(--color-1-medium);} .arrow-button.color1-light .arrow-icon:before{background-color:var(--color-1-light);} .arrow-button.color2 .arrow-icon:before{background-color:var(--color-2);} .arrow-button.color2-medium .arrow-icon:before{background-color:var(--color-2-medium);} .arrow-button.color2-light .arrow-icon:before{background-color:var(--color-2-light);} .arrow-button.color3 .arrow-icon:before{background-color:var(--color-3);} .arrow-button.color3-medium .arrow-icon:before{background-color:var(--color-3-medium);} .arrow-button.color3-light .arrow-icon:before{background-color:var(--color-3-light);} .arrow-button.white .arrow-icon:before{background-color:var(--white);} .arrow-button.dark .arrow-icon:before{background-color:var(--dark);} .arrow-button:hover{max-width:100%;} .arrow-button:hover span{visibility:visible;opacity:1;padding-left:70px} .arrow-button:hover .arrow-icon:before{opacity:0;left:100px} /* BUTTONS - border animation */ .btn.btn-borderanimation{position:relative; padding: 0; border-radius: 0;} .btn.btn-borderanimation.focus,.btn.btn-borderanimation:focus{outline:0;box-shadow:none!important} .btn.btn-borderanimation a{display:block;width:auto;padding:10px 20px;text-align:center;position:relative;text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:2px;font-size:16px; color: var(--white);} .btn.btn-borderanimation.btn-color1{background:var(--color-1);color:#fff} .btn.btn-borderanimation.btn-color1-light{background:var(--color-1-light);color:#fff} .btn.btn-borderanimation.btn-color2{background:var(--color-2);color:#fff} .btn.btn-borderanimation.btn-color2-light{background:var(--color-2-light);color:#fff} .btn.btn-borderanimation.btn-dark{background:var(--dark);color:#fff} .btn.btn-borderanimation.btn-white{background:#fff;color:var(--color-1)} .btn.btn-borderanimation a:before,.btn a:after{position:absolute;content:"";transition:all .4s} .btn.btn-borderanimation a:before{border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:10px;left:-10px;bottom:-10px} .btn.btn-borderanimation.btn-color1 a:before{border-bottom:2px solid var(--color-1);border-left:2px solid var(--color-1)} .btn.btn-borderanimation.btn-color1-light a:before{border-bottom:2px solid var(--color-1-light);border-left:2px solid var(--color-1-light)} .btn.btn-borderanimation.btn-color2 a:before{border-bottom:2px solid var(--color-2);border-left:2px solid var(--color-2)} .btn.btn-borderanimation.btn-color2-light a:before{border-bottom:2px solid var(--color-2-light);border-left:2px solid var(--color-2-light)} .btn.btn-borderanimation.btn-dark a:before{border-bottom:2px solid var(--dark);border-left:2px solid var(--dark)} .btn.btn-borderanimation.btn-white a:before{border-bottom:2px solid var(--white);border-left:2px solid var(--white)} .btn.btn-borderanimation a:after{width:10px;height:10px;top:-10px;right:-10px} .btn.btn-borderanimation.btn-color1 a:after{border-top:2px solid var(--color-1);border-right:2px solid var(--color-1)} .btn.btn-borderanimation.btn-color1-light a:after{border-top:2px solid var(--color-1-light);border-right:2px solid var(--color-1-light)} .btn.btn-borderanimation.btn-color2 a:after{border-top:2px solid var(--color-2);border-right:2px solid var(--color-2)} .btn.btn-borderanimation.btn-color2-light a:after{border-top:2px solid var(--color-2-light);border-right:2px solid var(--color-2-light)} .btn.btn-borderanimation.btn-dark a:after{border-top:2px solid var(--dark);border-right:2px solid var(--dark)} .btn.btn-borderanimation.btn-white a:after{border-top:2px solid var(--white);border-right:2px solid var(--white)} .btn.btn-borderanimation a:hover:before{width:calc(100% + 20px);height:calc(100% + 20px)} .btn.btn-borderanimation a:hover:after{width:calc(100% + 20px);height:calc(100% + 20px)} /* BUTTONS - arrow animation */ .the-arrow{width:64px;transition:all .2s} .the-arrow.-left{position:absolute;top:60%;left:0} .the-arrow.-left > .shaft{width:0;background-color:#999} .the-arrow.-left > .shaft:before,.the-arrow.-left > .shaft:after{width:0;background-color:#999} .the-arrow.-left > .shaft:before{transform:rotate(0)} .the-arrow.-left > .shaft:after{transform:rotate(0)} .the-arrow.-right{top:3px} .the-arrow.-right > .shaft{width:64px;transition-delay:.2s} .the-arrow.-right > .shaft:before,.the-arrow.-right > .shaft:after{width:8px;transition-delay:.3s;transition:all .5s} .the-arrow.-right > .shaft:before{transform:rotate(40deg)} .the-arrow.-right > .shaft:after{transform:rotate(-40deg)} .the-arrow > .shaft{background-color:#999;display:block;height:1px;position:relative;transition:all .2s;transition-delay:0;will-change:transform} .the-arrow > .shaft:before,.the-arrow > .shaft:after{background-color:#999;content:"";display:block;height:1px;position:absolute;top:0;right:0;transition:all .2s;transition-delay:0} .the-arrow > .shaft:before{transform-origin:top right} .the-arrow > .shaft:after{transform-origin:bottom right} .animated-arrow{display:inline-block;color:#999;font-size:1.25em;font-style:italic;text-decoration:none;position:relative;transition:all .2s} .animated-arrow:hover{color:#eaeaea} .animated-arrow:hover > .the-arrow.-left > .shaft{width:64px;transition-delay:.1s;background-color:#eaeaea} .animated-arrow:hover > .the-arrow.-left > .shaft:before,.animated-arrow:hover > .the-arrow.-left > .shaft:after{width:8px;transition-delay:.1s;background-color:#eaeaea} .animated-arrow:hover > .the-arrow.-left > .shaft:before{transform:rotate(40deg)} .animated-arrow:hover > .the-arrow.-left > .shaft:after{transform:rotate(-40deg)} .animated-arrow:hover > .main{transform:translateX(80px)} .animated-arrow:hover > .main > .the-arrow.-right > .shaft{width:0;transform:translateX(200%);transition-delay:0} .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before,.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after{width:0;transition-delay:0;transition:all .1s} .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before{transform:rotate(0)} .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after{transform:rotate(0)} .animated-arrow > .main{display:flex;align-items:center;transition:all .2s} .animated-arrow > .main > .text{margin:0 16px 0 0;line-height:1} .animated-arrow > .main > .the-arrow{position:relative} /* LIST ******************************************************************************/ /* LIST - custom bullet list */ ul.diamond{font-size:20px;line-height:1em;margin:5px 0 15px;padding:0 0 0 20px;color:var(--dark)} ul.diamond li{list-style:none;position:relative;padding:0 0 20px 20px;} ul.diamond li:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border:5px solid transparent;border-bottom-color:var(--color-2)} ul.diamond li:after{content:"";position:absolute;left:0;top:10px;width:0;height:0;border:5px solid transparent;border-top-color:var(--color-2)} /* MODAL ******************************************************************************/ .modal{z-index:8888;padding:0!important;} .modal-backdrop.show{opacity:.8} .modal-dialog {width:100%; max-width:100%; margin:0;} .modal-dialog-centered::before{height:100vh} .modal-content{height:100vh;border:10px solid #f5f5f5;border-radius:0;overflow-y:scroll} .modal-content::-webkit-scrollbar{display:none!important} /* MODAL - close button */ .modal-content button.close{position:fixed;top:20px;right:20px;width:30px;height:30px;line-height:30px;color:var(--white)!important;background-color:var(--color-1);text-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;z-index:999999} .modal-content button.close.color2{background-color:var(--color-2)} /* MODAL - video */ #modalVideo{width:100%;margin:auto;height:auto;background-color:rgba(0,0,0,0.8);} #modalVideo .modal-content button.close{position:absolute; background-color:#ff0000; color:var(--white);} #modalVideo .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))} #modalVideo .modal-dialog-centered::before{height:auto} #modalVideo .modal-content{height:auto;border:none;border-radius:0;overflow:hidden} #modalVideo .modal-body{padding:0!important} /* PIC ******************************************************************************/ /* PIC - rotate */ .pic-rotate{position:relative;overflow:hidden} .pic-rotate img{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out} .pic-rotate:hover img{-moz-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)} /* PIC - zoom in */ .pic-zoom-in{position:relative;overflow:hidden} .pic-zoom-in img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out} .pic-zoom-in:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)} /* PIC - zoom out */ .pic-zoom-out{position:relative;overflow:hidden} .pic-zoom-out img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out} .pic-zoom-out:hover img{-webkit-transform:scale(1);transform:scale(1)} /* PIC - translate */ .pic-translate{position:relative;overflow:hidden} .pic-translate img{margin-left:30px;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .pic-translate:hover img{margin-left:0} /* PIC - grayscale */ .pic-grayscale{position:relative;overflow:hidden} .pic-grayscale img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .pic-grayscale:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)} /* PIC - grayscale + blur */ .pic-grayblur{position:relative;overflow:hidden} .pic-grayblur img{-webkit-filter:grayscale(100%) blur(2px);filter:grayscale(100%) blur(2px);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .pic-grayblur:hover img{-webkit-filter:grayscale(0) blur(0);filter:grayscale(0) blur(0)} /* PIC - opacity */ .pic-opacity{position:relative;overflow:hidden} .pic-opacity img{opacity:0.8;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .pic-opacity:hover img{opacity:1} /* PIC - opacity color 1 */ .pic-opacity-color1{position:relative;overflow:hidden;background-color:var(--color-1)} .pic-opacity-color1 img{opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .pic-opacity-color1:hover img{opacity:.5} /* PIC - opacity color 2 */ .pic-opacity-color2{position:relative;overflow:hidden;background-color:var(--color-2)} .pic-opacity-color2 img{opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .pic-opacity-color2:hover img{opacity:.5} /* PIC - shine */ .pic-shine{position:relative;overflow:hidden} .pic-shine figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} .pic-shine figure:hover::before{-webkit-animation:shine 1.4s;animation:shine 1.4s} @-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}} /* PIC - shine oval */ .pic-shine-oval{position:relative;overflow:hidden} .pic-shine-oval figure::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0} .pic-shine-oval figure:hover::before{-webkit-animation:circle 1.4s;animation:circle 1.4s} @-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}} /* PIC - overlay chico */ .pic figure{position:relative;overflow:hidden;background:var(--color-1);text-align:center;cursor:pointer} .pic figure img{position:relative;display:block;min-height:100%;max-width:100%;} .pic figure figcaption{padding:2em;color:var(--white);font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden} .pic figure figcaption::before,.pic figure figcaption::after{pointer-events:none} .pic figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%} .pic figure h2{font-weight:300} .pic figure h2 span{font-weight:400} figure.effect-chico{display:flex;flex-direction:row;align-items:stretch;height:100%} figure.effect-chico figcaption{display:flex;flex-direction:column;justify-content:center;align-items:center} figure.effect-chico img{-webkit-transition:opacity 0.7s,-webkit-transform .7s;transition:opacity 0.7s,transform .7s;-webkit-transform:scale(1.12);transform:scale(1.12)} figure.effect-chico:hover img{opacity:.5;-webkit-transform:scale(1);transform:scale(1)} figure.effect-chico figcaption{padding:3em; text-align:center;} figure.effect-chico figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';-webkit-transform:scale(1.1);transform:scale(1.1)} figure.effect-chico figcaption::before,figure.effect-chico p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s} figure.effect-chico h2{font-size:1.2em;} figure.effect-chico p{font-size:0.8em; line-height:1.4; margin-top:10px;-webkit-transform:scale(1.5);transform:scale(1.5)} figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1)} /* MASONRY ******************************************************************************/ .masonry-container img{max-width:100%;height:auto;vertical-align:middle;display:inline-block} .masonry-container.grid-wrapper > a{display:flex;justify-content:center;align-items:center} .masonry-container.grid-wrapper > a > img{width:100%;height:100%;object-fit:cover;border-radius:5px} .masonry-container.grid-wrapper{display:block} .masonry-container.grid-wrapper .wide{grid-column:span 2} .masonry-container.grid-wrapper .tall{grid-row:span 2} .masonry-container.grid-wrapper .big{grid-column:span 2;grid-row:span 2} /* SECTION ******************************************************************************/ section{padding:40px 0;position:relative} /* SECTION - flex content */ .flex-container{display:flex;flex-direction:row;align-items:stretch;height:100%} .flex-content{display:flex;flex-direction:column;justify-content:center;width: 100%;} /* SECTION - text hover */ .text-hover{position:absolute;width:100%;height:100%;top:0;left:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 20%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 20%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.10) 20%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out} .text-hover:hover{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 50%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 50%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)} .text-hover-content{position:absolute;bottom:0;padding:20px;width:100%;height:auto} .text-hover-content h4,.text-hover-content p{line-height:1.4;color:#fff!important} .owl-galleryscroll .text-hover .text-hover-content{padding:20px 10px} .owl-galleryscroll .text-hover .text-hover-content h6{font-size:1.4em;color:var(--white);position:relative;margin-bottom:5px;} .owl-galleryscroll .text-hover .text-hover-content p{font-size:1em;line-height:1.2;color:var(--white);margin-bottom:0;} /* SECTION - blurred bg */ .blurred-bkg-container.bg-blurred{background-image:url(../images/bg-blurred.jpg);background-repeat:no-repeat;background-size:cover;background-position:top center} .blurred-bkg-container .blur{background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);height:100%;width:100%;position:absolute} .blurred-bkg-container .border-left{border-left:1px solid var(--white)!important} .blurred-bkg-container .images-bkg-text{position:relative;width:100%;padding:20px;margin: 20px;color:var(--white);border:2px solid var(--white);} .blurred-bkg-container .images-bkg-hovereffect{width:100%;height:30vh;float:left;overflow:hidden;position:relative;text-align:center;cursor:default} .blurred-bkg-container .images-bkg-hovereffect .overlay-img{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;padding:3em;text-align:left;display:flex;flex-direction:row;align-items:stretch;background-image:none;background-size:cover;background-position:center center} .blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover.overlay-img1{background-image:url(../images/pic-blurred-mobile01.jpg)} .blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover.overlay-img2{background-image:url(../images/pic-blurred-mobile02.jpg)} .blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover.overlay-img3{background-image:url(../images/pic-blurred-mobile03.jpg)} .blurred-bkg-container .images-bkg-hovereffect .overlay-img .img-overlay-content{display:flex;flex-direction:column;justify-content:center;width:100%} .blurred-bkg-container .images-bkg-hovereffect .overlay-img .img-overlay-content p{display:none} .blurred-bkg-container .images-bkg-hovereffect .overlay-img:hover .img-overlay-content p{display:inline-block} .blurred-bkg-container .images-bkg-hovereffect img{display:block;position:relative;max-width:none;width:calc(100% + 60px);-webkit-transition:opacity 0.35s,-webkit-transform .45s;transition:opacity 0.35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)} .images-bkg-hovereffect h2{text-transform:uppercase;color:#fff;position:relative;font-size:17px;background-color:transparent;padding:15% 0 10px;text-align:center} .blurred-bkg-container .images-bkg-hovereffect .overlay-img:before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:2px solid var(--white);content:'';opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s,-webkit-transform .45s;transition:opacity 0.35s,transform .45s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} .blurred-bkg-container .images-bkg-hovereffect a{color:#FFF;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s,-webkit-transform .45s;transition:opacity 0.35s,transform .45s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);text-align:center} .blurred-bkg-container .images-bkg-hovereffect:hover img{opacity:.6;filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .blurred-bkg-container .images-bkg-hovereffect:hover .overlay-img:before,.images-bkg-hovereffect:hover a{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-align:center} /* GSAP ******************************************************************************/ /* GSAP - change section bg */ section.section-colorize {height:100vh;} .orchidea1 { position: absolute; bottom: -400px; left: -200px; width: auto; max-width: contain; z-index: 0;} .orchidea2 { position: absolute; bottom: -200px; right: -100px; width: auto; max-width: contain; z-index: 0;} .orchidea3 { position: absolute; bottom: 200px; right: -200px; width: auto; max-width: contain; z-index: 0;} .orchidea4 { position: absolute; bottom: 0; left: -200px; width: auto; max-width: contain; z-index: 0;} /* GSAP - image reveal */ .image-reveal{position:relative;overflow:hidden;width:100%;height:auto} .image-reveal img{position:relative} .cover-reveal{width:100%;height:100%;background:var(--color-1);position:absolute;top:0;left:0} /* GSAP - text handwriting */ .text-animation .letter {opacity: 0;} /* GSAP - img zoom */ .img-zoom {margin-top: 100px; opacity: 0;} /* GSAP - gallery slide on scroll */ .horizontalscroll-container{overflow-x:hidden;} .horizontalscroll-container img{width:100%;height:auto} .horizontalscroll-container ul{padding-left:1rem;list-style:none} .horizontalscroll-container li{flex-shrink:0;width:clamp(500px,60vw,800px);padding-right:1rem} .horizontalscroll-container .wrapper{display:flex} .horizontalscroll-container .horizontalscroll-text .text{font-size:clamp(6rem,15vw,20rem);line-height:1; margin-bottom: 10px;} /* GSAP - pined gallery */ .pined{overflow:hidden} .pined .pined-inner{position:relative;display:flex;align-items:center;height:40vh;width:90%;max-width:1200px;margin:0 auto} .pined .pined-list{position:absolute;left:0;display:flex;gap:20px} /* gap è il padding fra le varie immagini */ .pined .pined-list li{width:400px;aspect-ratio:16/9;overflow:hidden} .pined .pined-list li img{width:100%;object-fit:contain} /* GSAP - home reveal */ .home-reveal{position:relative;overflow:hidden;height:100vh;padding: 0;} .home-reveal ul{list-style:none} .home-reveal .bg{position:absolute;left:0;width:0;height:100%;background-image: url("../images/pic-fullscreen-camere-mobile.jpg");background-size: cover; background-position: top center;z-index:-1} .home-reveal header{display:flex;justify-content:space-between;align-items:center;padding:0;opacity:0} .media{position:absolute;top:350px;right:-90px;transform:rotate(-90deg)} .media ul li{display:inline-block;padding:0 20px;font-size:10px;font-weight:500;letter-spacing:1px} .media ul li a{color: var(--white);} .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);white-space:nowrap;width:1000px; display: none;} .text h1{font-size:120px;font-weight:lighter;letter-spacing:5px;position:relative;overflow:hidden;height:150px;width:100%;color:var(--white)} .text h1 .hidetext{position:absolute} .text p{font-size:40px;text-transform:uppercase;letter-spacing:5px;font-weight:lighter;position:relative;overflow:hidden;height:50px;width:100%;color:var(--white)} .text p .hidetext{position:absolute} .scrolldown{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:5px;position:absolute;bottom:110px;left:-60px;transform:rotate(-90deg); color: var(--white);} .scrolldown::before{content:"";border:1px solid #fff;width:100px;margin:0 20px 0 0;transform:translateY(-3px);opacity:.5;display:inline-block} /* PARALLAX ******************************************************************************/ .parallax{padding:40px 20px;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;text-align:center} /* PARALLAX - bg */ .parallax.parallax-reviews{background-image:url(../images/parallax-reviews.jpg)} .parallax.parallax-reviews2{background-image:url(../images/parallax-reviews2.jpg)} /* PARALLAX SCROLLING EFFECT */ .parallax.parallax-scrollingeffect {background-size:cover;background-position:top center;} /* OWL CAROUSEL ******************************************************************************/ /* OWL CAROUSEL - slider nav */ .owl-slidernavigation .owl-stage-outer{z-index:666} .owl-slidernavigation .owl-nav{position:absolute;top:0;height:100%;width:100%} .owl-slidernavigation .owl-nav .owl-prev,.owl-slidernavigation .owl-nav .owl-next{position:absolute;top:0;height:100%;z-index:777;width:33%;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out} .owl-slidernavigation .owl-nav .owl-prev img,.owl-slidernavigation .owl-nav .owl-next img{width:50px} /* OWL CAROUSEL - slider nav prev */ .owl-slidernavigation .owl-nav .owl-prev{left:0} .owl-slidernavigation .owl-nav .owl-prev:before{opacity:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:-moz-linear-gradient(left,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%)!important;background:-webkit-linear-gradient(left,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%)!important;background:linear-gradient(to right,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1)!important;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out} .owl-slidernavigation .owl-nav .owl-prev:hover:before{opacity:1;z-index:777} .owl-slidernavigation .owl-nav .owl-prev img{float:left} /* OWL CAROUSEL - slider nav next */ .owl-slidernavigation .owl-nav .owl-next{right:0} .owl-slidernavigation .owl-nav .owl-next:after{opacity:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%)!important;background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%)!important;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%)!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1)!important;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out} .owl-slidernavigation .owl-nav .owl-next:hover:after{opacity:1;z-index:777} .owl-slidernavigation .owl-nav .owl-next img{float:right} /* OWL CAROUSEL STAGE PADDING */ .owl-stagepadding .owl-stage{margin-left:-30px} /* OWL CAROUSEL GALLERY SLIDER */ .owl-galleryslider .owl-nav{display: none;} .owl-galleryslider.owl-slidernav-right .owl-nav{right:-1px} .owl-galleryslider.owl-slidernav-left .owl-nav{left:-1px} .owl-galleryslider.owl-slidernav-right .owl-nav .owl-prev,.owl-galleryslider.owl-slidernav-right .owl-nav .owl-next,.owl-galleryslider.owl-slidernav-left .owl-nav .owl-prev,.owl-galleryslider.owl-slidernav-left .owl-nav .owl-next{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out;width:50px;height:50px;line-height:50px;background-color:var(--color-2);color:var(--white);font-size:1.4em;text-align:center} .owl-galleryslider.owl-slidernav-right .owl-nav .owl-prev{margin-right:4px} .owl-galleryslider.owl-slidernav-left .owl-nav .owl-next{margin-left:4px} /* OWL CAROUSEL GALLERY SCROLL */ .owl-galleryscroll{width:100%} /* OWL CAROUSEL GALLERY SCROLL - nav */ .owl-galleryscroll .owl-nav{display:none} /* OWL CAROUSEL GALLERY SCROLL NAV HOVER */ .owl-galleryscroll-navhover {width:100%;} .owl-galleryscroll-navhover .owl-nav { display: none;} /* OWL CAROUSEL PARALLAX */ .bg-marble {background-image: url("../images/bg-marble.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;} .carouselparallax-image {position: relative; width: 100%; height: auto;overflow: hidden;} .carouselparallax-image .owl-stage {height:60vh;transform: translate3d(0px,0px,0px)!important;} .carouselparallax-image .owl-item {position: absolute;width: 100%;height: 100%;display: grid;place-items: center;z-index: 0;} .carouselparallax-image .owl-item.active {left: 0;z-index: 777;} .carouselparallax-text {position: absolute; bottom: 0; left: 0; padding: 50px; width: 100%;} .carouselparallax-nav {position:absolute;top:calc(50% - 40px);width:100%;margin:0 20px;z-index: 777;} .carouselparallax-nav .carouselparallax-prev{position: relative;float: left;} .carouselparallax-nav .carouselparallax-next{position: relative;float: right;} /* OWL CAROUSEL ZOOM */ .owl-carousel-zoom .owl-item > .item-container{cursor:pointer;margin:100px;transition:margin .4s ease} /* margin metà dello stagepadding */ .owl-carousel-zoom .owl-item > .item-container .item-content{display:none} .owl-carousel-zoom .owl-item.active > .item-container{cursor:auto;margin:0} .owl-carousel-zoom .owl-item.active > .item-container .item-content{display:inline-block; position: relative; transform: translate(0, -50px); margin-bottom: -50px; width: 100%;} .owl-carousel-zoom .owl-item.active > .item-container .item-content .logo-icon{width: 100px; height: auto; margin: 0 auto 20px;} .owl-carousel-zoom .owl-item.active > .item-container .item-content .item-text{text-align:center;font-size:1em;letter-spacing:8px;text-transform:uppercase;color:var(--color-2);} /* GALLERY ******************************************************************************/ /* GALLERY - filter */ .gallery-filter .btn{padding:10px 40px;font-size:1em;margin:5px;} .gallery-filter.gallery-filterround .btn{padding:10px 40px;font-size:1em;margin:5px;border-radius:50px;} /* GALLERY - img size */ #gallery-standard img{width:48%;float:left;margin:.5%} #gallery-nospace img{width:50%;float:left;margin:0} #gallery-fullwidth img{width:50%;float:left;margin:0} /* GALLERY - swiper */ .swiper{width:100%;height:auto;position:relative;overflow-y:visible} .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} .swiper-button{position:absolute;background-color:var(--white);border-radius:50%;width:100px;height:100px;top:calc(50% - 50px);left:calc(50% - 50px);padding:30px 5px;z-index:8888; display: none;} .swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{width:40px;height:40px;margin:-15px 0 0} .swiper-button-prev::after{content:url("../images/owl-arrow-prev.png")} .swiper-button-next::after{content:url("../images/owl-arrow-next.png")} .swiper-scrollbar{position:absolute;bottom:-20px!important} .swiper-scrollbar-drag{background:var(--color-1-medium);border-color:var(--color-2-light);border-radius:10px} /* PREZZI ******************************************************************************/ .prezzi-container{line-height:1;text-align:center;} .prezzi-container .prezzi-trattamento{padding:20px;font-size:1.4em;text-transform:uppercase;margin:0;font-weight:700;} .prezzi-container .prezzi-periodo-euro{border-right:none;border-bottom:1px solid #eee;width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center} .prezzi-container .prezzi-periodo-euro:nth-child(even){background-color:#f5f5f5} .prezzi-container .prezzi-periodo-euro:nth-child(odd){background-color:#f9f9f9} .prezzi-container .prezzi-periodo{width:50%;float:left;padding:20px;margin:0;color:#666;line-height:1} .prezzi-container .prezzi-euro{width:50%;float:left;padding:20px 20px 10px;margin:0;font-size:2.2em;line-height:1;font-weight:700;} /* REVIEW ******************************************************************************/ /* REVIEW - parallax */ .owl-parallaxreview h4{font-size:2rem;font-weight:600;padding-bottom:25px} .owl-parallaxreview .pic-ota{width:90px;height:90px;margin:0 auto} .owl-parallaxreview .owl-nav img{max-width:50px!important} /* REVIEW - parallax boxed */ .parallax-reviews .border-box{background-color:rgba(255,255,255,0.6);border:1px solid #fff} /* CTA PRENOTA ******************************************************************************/ .cta-prenota {position: fixed; width: 100%; height: auto; bottom: 0; text-align: center;z-index: 9999; -webkit-box-shadow: 15px 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow: 15px 0 15px 0 rgba(0,0,0,0.15);box-shadow: 15px 0 15px 0 rgba(0,0,0,0.15);} .cta-prenota a {color:var(--white);} .cta-prenota .cta-mobile {background-color: var(--dark);padding: 15px 10px;width: 100%;font-weight: 300;letter-spacing: 3px; text-transform: uppercase; margin-bottom: 0} /* FOOTER ******************************************************************************/ footer{padding:40px 0;font-size:16px} footer .logo {-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)} footer a {text-decoration:none;color:var(--dark);font-weight:200} footer a:hover,footer a:active{color:var(--color-2);} footer .copyright{border-top:1px solid rgba(255,255,255,0.2)} footer .social li{width:30px;height:30px;line-height:30px;text-align:center} footer .social li a{font-size:20px;color:var(--dark)} footer .social li a:hover{color:var(--color-2)} footer h6{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;padding-bottom:5px;font-family: "Karla", sans-serif;text-transform: uppercase;color:var(--dark);} footer ul.list-unstyled li{padding:5px 0} /* SIZING ******************************************************************************/ .m-0{margin:0!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-45{margin:45px!important}.m-50{margin:50px!important}.m-60{margin:60px!important}.m-70{margin:70px!important}.m-80{margin:80px!important}.m-90{margin:90px!important}.m-100{margin:100px!important}.m-110{margin:110px!important}.m-120{margin:120px!important}.m-130{margin:130px!important}.m-140{margin:140px!important}.m-150{margin:150px!important}.m-200{margin:200px!important}.ml-0{margin-left:0!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-15{margin-left:15px!important}.ml-20{margin-left:20px!important}.ml-25{margin-left:25px!important}.ml-30{margin-left:30px!important}.ml-35{margin-left:35px!important}.ml-40{margin-left:40px!important}.ml-45{margin-left:45px!important}.ml-50{margin-left:50px!important}.ml-60{margin-left:60px!important}.ml-70{margin-left:70px!important}.ml-80{margin-left:80px!important}.ml-90{margin-left:90px!important}.ml-100{margin-left:100px!important}.ml-110{margin-left:110px!important}.ml-120{margin-left:120px!important}.ml-130{margin-left:130px!important}.ml-140{margin-left:140px!important}.ml-150{margin-left:150px!important}.ml-200{margin-left:200px!important}.mr-0{margin-right:0!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-15{margin-right:15px!important}.mr-20{margin-right:20px!important}.mr-25{margin-right:25px!important}.mr-30{margin-right:30px!important}.mr-35{margin-right:35px!important}.mr-40{margin-right:40px!important}.mr-45{margin-right:45px!important}.mr-50{margin-right:50px!important}.mr-60{margin-right:60px!important}.mr-70{margin-right:70px!important}.mr-80{margin-right:80px!important}.mr-90{margin-right:90px!important}.mr-100{margin-right:100px!important}.mr-110{margin-right:110px!important}.mr-120{margin-right:120px!important}.mr-130{margin-right:130px!important}.mr-140{margin-right:140px!important}.mr-150{margin-right:150px!important}.mr-200{margin-right:200px!important}.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-45{margin-top:45px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-70{margin-top:70px!important}.mt-80{margin-top:80px!important}.mt-90{margin-top:90px!important}.mt-100{margin-top:100px!important}.mt-110{margin-top:110px!important}.mt-120{margin-top:120px!important}.mt-130{margin-top:130px!important}.mt-140{margin-top:140px!important}.mt-150{margin-top:150px!important}.mt-200{margin-top:200px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-35{margin-bottom:35px!important}.mb-40{margin-bottom:40px!important}.mb-45{margin-bottom:45px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.mb-110{margin-bottom:110px!important}.mb-120{margin-bottom:120px!important}.mb-130{margin-bottom:130px!important}.mb-140{margin-bottom:140px!important}.mb-150{margin-bottom:150px!important}.mb-200{margin-bottom:200px!important}.mnl-0{margin-left:0!important}.mnl-5{margin-left:-5px!important}.mnl-10{margin-left:-10px!important}.mnl-15{margin-left:-15px!important}.mnl-20{margin-left:-20px!important}.mnl-25{margin-left:-25px!important}.mnl-30{margin-left:-30px!important}.mnl-35{margin-left:-35px!important}.mnl-40{margin-left:-40px!important}.mnl-45{margin-left:-45px!important}.mnl-50{margin-left:-50px!important}.mnl-60{margin-left:-60px!important}.mnl-70{margin-left:-70px!important}.mnl-80{margin-left:-80px!important}.mnl-90{margin-left:-90px!important}.mnl-100{margin-left:-100px!important}.mnl-110{margin-left:-110px!important}.mnl-120{margin-left:-120px!important}.mnl-130{margin-left:-130px!important}.mnl-140{margin-left:-140px!important}.mnl-150{margin-left:-150px!important}.mnl-200{margin-left:-200px!important}.mnr-0{margin-right:0!important}.mnr-5{margin-right:-5px!important}.mnr-10{margin-right:-10px!important}.mnr-15{margin-right:-15px!important}.mnr-20{margin-right:-20px!important}.mnr-25{margin-right:-25px!important}.mnr-30{margin-right:-30px!important}.mnr-35{margin-right:-35px!important}.mnr-40{margin-right:-40px!important}.mnr-45{margin-right:-45px!important}.mnr-50{margin-right:-50px!important}.mnr-60{margin-right:-60px!important}.mnr-70{margin-right:-70px!important}.mnr-80{margin-right:-80px!important}.mnr-90{margin-right:-90px!important}.mnr-100{margin-right:-100px!important}.mnr-110{margin-right:-110px!important}.mnr-120{margin-right:-120px!important}.mnr-130{margin-right:-130px!important}.mnr-140{margin-right:-140px!important}.mnr-150{margin-right:-150px!important}.mnr-200{margin-right:-200px!important}.mnt-0{margin-top:0!important}.mnt-5{margin-top:-5px!important}.mnt-10{margin-top:-10px!important}.mnt-15{margin-top:-15px!important}.mnt-20{margin-top:-20px!important}.mnt-25{margin-top:-25px!important}.mnt-30{margin-top:-30px!important}.mnt-35{margin-top:-35px!important}.mnt-40{margin-top:-40px!important}.mnt-45{margin-top:-45px!important}.mnt-50{margin-top:-50px!important}.mnt-60{margin-top:-60px!important}.mnt-70{margin-top:-70px!important}.mnt-80{margin-top:-80px!important}.mnt-90{margin-top:-90px!important}.mnt-100{margin-top:-100px!important}.mnt-110{margin-top:-110px!important}.mnt-120{margin-top:-120px!important}.mnt-130{margin-top:-130px!important}.mnt-140{margin-top:-140px!important}.mnt-150{margin-top:-150px!important}.mnt-200{margin-top:-200px!important}.mnb-0{margin-bottom:0!important}.mnb-5{margin-bottom:-5px!important}.mnb-10{margin-bottom:-10px!important}.mnb-15{margin-bottom:-15px!important}.mnb-20{margin-bottom:-20px!important}.mnb-25{margin-bottom:-25px!important}.mnb-30{margin-bottom:-30px!important}.mnb-35{margin-bottom:-35px!important}.mnb-40{margin-bottom:-40px!important}.mnb-45{margin-bottom:-45px!important}.mnb-50{margin-bottom:-50px!important}.mnb-60{margin-bottom:-60px!important}.mnb-70{margin-bottom:-70px!important}.mnb-80{margin-bottom:-80px!important}.mnb-90{margin-bottom:-90px!important}.mnb-100{margin-bottom:-100px!important}.mnb-110{margin-bottom:-110px!important}.mnb-120{margin-bottom:-120px!important}.mnb-130{margin-bottom:-130px!important}.mnb-140{margin-bottom:-140px!important}.mnb-150{margin-bottom:-150px!important}.mnb-200{margin-bottom:-200px!important}.p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-45{padding:45px!important}.p-50{padding:50px!important}.p-60{padding:60px!important}.p-70{padding:70px!important}.p-80{padding:80px!important}.p-90{padding:90px!important}.p-100{padding:100px!important}.p-110{padding:110px!important}.p-120{padding:120px!important}.p-130{padding:130px!important}.p-140{padding:140px!important}.p-150{padding:150px!important}.p-200{padding:200px!important}.pl-0{padding-left:0!important}.pl-5{padding-left:5px!important}.pl-10{padding-left:10px!important}.pl-15{padding-left:15px!important}.pl-20{padding-left:20px!important}.pl-25{padding-left:25px!important}.pl-30{padding-left:30px!important}.pl-35{padding-left:35px!important}.pl-40{padding-left:40px!important}.pl-45{padding-left:45px!important}.pl-50{padding-left:50px!important}.pl-60{padding-left:60px!important}.pl-70{padding-left:70px!important}.pl-80{padding-left:80px!important}.pl-90{padding-left:90px!important}.pl-100{padding-left:100px!important}.pl-110{padding-left:110px!important}.pl-120{padding-left:120px!important}.pl-130{padding-left:130px!important}.pl-140{padding-left:140px!important}.pl-150{padding-left:150px!important}.pl-200{padding-left:200px!important}.pr-0{padding-right:0!important}.pr-5{padding-right:5px!important}.pr-10{padding-right:10px!important}.pr-15{padding-right:15px!important}.pr-20{padding-right:20px!important}.pr-25{padding-right:25px!important}.pr-30{padding-right:30px!important}.pr-35{padding-right:35px!important}.pr-40{padding-right:40px!important}.pr-45{padding-right:45px!important}.pr-50{padding-right:50px!important}.pr-60{padding-right:60px!important}.pr-70{padding-right:70px!important}.pr-80{padding-right:80px!important}.pr-90{padding-right:90px!important}.pr-100{padding-right:100px!important}.pr-110{padding-right:110px!important}.pr-120{padding-right:120px!important}.pr-130{padding-right:130px!important}.pr-140{padding-right:140px!important}.pr-150{padding-right:150px!important}.pr-200{padding-right:200px!important}.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.pt-25{padding-top:25px!important}.pt-30{padding-top:30px!important}.pt-35{padding-top:35px!important}.pt-40{padding-top:40px!important}.pt-45{padding-top:45px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-70{padding-top:70px!important}.pt-80{padding-top:80px!important}.pt-90{padding-top:90px!important}.pt-100{padding-top:100px!important}.pt-110{padding-top:110px!important}.pt-120{padding-top:120px!important}.pt-130{padding-top:130px!important}.pt-140{padding-top:140px!important}.pt-150{padding-top:150px!important}.pt-200{padding-top:200px!important}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}.pb-25{padding-bottom:25px!important}.pb-30{padding-bottom:30px!important}.pb-35{padding-bottom:35px!important}.pb-40{padding-bottom:40px!important}.pb-45{padding-bottom:45px!important}.pb-50{padding-bottom:50px!important}.pb-60{padding-bottom:60px!important}.pb-70{padding-bottom:70px!important}.pb-80{padding-bottom:80px!important}.pb-90{padding-bottom:90px!important}.pb-100{padding-bottom:100px!important}.pb-110{padding-bottom:110px!important}.pb-120{padding-bottom:120px!important}.pb-130{padding-bottom:130px!important}.pb-140{padding-bottom:140px!important}.pb-150{padding-bottom:150px!important}.pb-200{padding-bottom:200px!important}.pnl-0{padding-left:0!important}.pnr-0{padding-right:0!important}.pnt-0{padding-top:0!important}.pnb-0{padding-bottom:0!important}