#hero{width:100%;height:auto;position:relative;z-index:20;overflow:hidden} #hero.has-image{z-index:2;overflow:hidden} #hero-styles{position:relative;width:100%;height:auto;top:0;left:0;right:0;display:block;margin:0 auto;z-index:2} #hero.has-image #hero-styles{position:relative;height:auto} #hero-caption{display:flex;align-items:center;width:100%;height:auto;padding-top:80px;padding-bottom:120px;margin:0 auto;position:relative;box-sizing:border-box;text-align:left;pointer-events:initial} #hero-caption.text-align-center{justify-content:center} #hero-caption.height-title{height:100vh;padding-top:80px;padding-bottom:80px} #hero #hero-caption.no-padding-bottom{padding-bottom:0} #hero.has-image #hero-caption{align-items:center;justify-content:center;height:100vh;padding-top:80px;padding-bottom:80px} #hero.has-image #hero-caption.align-start{align-items:flex-end;justify-content:flex-start} #hero #hero-caption .inner{display:block;width:auto;height:auto} #hero-caption.text-align-center .inner{text-align:center} #hero.has-image #hero-caption .inner{-webkit-transform:scale(1);transform:scale(1);transform-origin:bottom left} #hero.has-image #hero-caption.align-start .inner{-webkit-transform:scale(0.5);transform:scale(0.5)} #hero-image-wrapper{position:absolute;width:100vw;height:100vh;z-index:0;margin:0 auto;left:0;top:0;right:0} #hero-background-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;overflow:hidden} #hero-bg-image{background-size:cover;position:absolute;background-position:center center;width:100%;height:100%;z-index:0;opacity:0;overflow:visible;image-rendering:pixelated} .load-project-page #hero-bg-image,.load-next-project #hero-bg-image,.load-project-thumb-with-title #hero-bg-image{opacity:1!important;-webkit-transform:scale(1.02);transform:scale(1.02)} .hero-title{font-size:calc(1rem + 24.15vw);line-height:calc(1rem + 22vw);font-weight:500;position:relative;display:block;width:auto;overflow:hidden;padding:0;margin-bottom:0;margin-left:-0.6vw;color:#000} .text-align-center .hero-title{margin-left:0} .height-title .hero-title{position:relative;overflow:visible;white-space:nowrap} .height-title .hero-title div{display:inline-block} .hero-title span{opacity:0;display:block;margin-top:0;min-width:3vw;transform:translateY(160px);-webkit-transform:translateY(160px)} .height-title .hero-title span{box-sizing:border-box;display:inline-block;transform-origin:bottom center} .light-content .hero-title{color:#fff} .change-header .hero-title{color:#000} .hero-subtitle{font-size:18px;font-weight:400;line-height:24px;margin-top:50px;width:100%;z-index:10;position:relative;display:block;overflow:hidden;margin-left:0px;color:#000;opacity:0.4} .subtitle-padding-left .hero-subtitle{margin-left:0;margin-right:0;box-sizing:border-box;padding-left:50%;text-align:left} .hero-subtitle span{position:relative;display:block;opacity:0;transform:translateY(60px);-webkit-transform:translateY(60px)} .inline-title .hero-subtitle span{display:inline-block} .light-content .hero-subtitle{color:#fff} .change-header .hero-subtitle{color:#000!important} .hero-arrow{width:36px;height:50px;position:absolute;bottom:50px;left:80px;right:auto;margin:0;display:flex;background:transparent;justify-content:center;align-items:center} .text-align-center .hero-arrow{left:0;right:0;margin:auto} .hero-arrow span{position:relative;height:100%;width:100%;opacity:0;display:flex;box-sizing:border-box;background:transparent;justify-content:center;align-items:center;transform:translateY(30px);-webkit-transform:translateY(30px);border-radius:50px;border:2px solid rgba(0,0,0,0.4);cursor:pointer;-webkit-transition:border 0.2s ease-in-out 0s;transition:border 0.2s ease-in-out 0s} .hero-arrow:hover span{border:2px solid rgba(0,0,0,1)} .light-content .hero-arrow span{border:2px solid rgba(255,255,255,0.5)} .light-content .hero-arrow:hover span{border:2px solid rgba(255,255,255,1)} .hero-arrow i.arrow-icon{border:solid #000;border-width:0px 3px 3px 0px;box-sizing:border-box;display:block;position:relative;top:0px;left:0px;height:20px;width:20px;transform:rotate(45deg) scale(0.5)} #hero-footer{position:absolute;width:100%;padding:28px 80px;box-sizing:border-box;bottom:0;left:0;font-weight:500;font-size:14px;line-height:60px;color:#222} #hero-footer.has-border::after{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;opacity:0;background-color:rgba(0,0,0,0.15);transform:scaleX(0);transform-origin:center;transition:all 0.3s ease-out 0s} .light-content #hero-footer.has-border::after{background-color:rgba(255,255,255,0.15)} #hero-footer.has-border.visible::after{opacity:1;transform:scaleX(1)} .light-content #hero-footer{color:#fff} #hero-footer:after{content:"";clear:both;display:table} .hero-footer-left{float:left;opacity:0;cursor:pointer;transform:translateY(10px);-webkit-transform:translateY(10px)} .hero-footer-right{float:right;opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px)} .no-grid-option .hero-footer-right{float:none} #hero-description{position:relative;display:table;width:100%;height:auto;padding-top:20px;padding-bottom:200px;margin:0 auto;box-sizing:border-box;pointer-events:initial} #hero-description .inner{padding-right:55%} #hero-description p{color:#000} .light-content #hero-description p{color:#fff} #share{top:-3px;right:-10px;position:relative;font-size:14px} #share::before{position:absolute;top:0;left:-140px;content:attr(data-text);width:120px;text-align:right} #share .parallax-wrap{width:50px;height:60px;display:flex;position:relative;justify-content:center;align-items:center;float:left} .jssocials-share-link i{opacity:0} .jssocials-share-facebook a:before{content:"Fb";position:absolute} .jssocials-share-linkedin a:before{content:"Li";position:absolute} .jssocials-share-twitter a:before{content:"Tw";position:absolute} .jssocials-share-pinterest a:before{content:"Pn";position:absolute} .jssocials-share-stumbleupon a:before{content:"St";position:absolute} .jssocials-share-whatsapp a:before{content:"Wa";position:absolute} .jssocials-share-viber a:before{content:"Vb";position:absolute} .jssocials-share-email a:before{content:"Em";position:absolute} .jssocials-share-vkontakte a:before{content:"Vk";position:absolute} #main{position:relative;opacity:0;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none} .load-project-page #main,.load-next-project #main,.load-next-page #main{opacity:1} #main-content,#main-content-bg{position:relative;opacity:1;z-index:10;-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s} #main-page-content{position:relative;box-sizing:border-box;opacity:0;width:100%;margin:0 auto;margin-bottom:0;overflow:hidden;max-width:none} #main-page-content::after{clear:both;content:" ";display:table} #main-page-content.project-page{margin-bottom:calc(200vh - 120px)} .hero-below-caption #main-page-content.project-page{margin-bottom:calc(200vh - 120px)} #main-content.portfolio-page{overflow:hidden} #main-content.portfolio-page #main-page-content{overflow:visible;width:100%;max-width:none;padding:0} #page-nav{height:auto;width:100%;color:#000;position:relative;margin-bottom:0;opacity:0;overflow:hidden} .light-content #page-nav{color:#fff} .page-nav-wrap{position:relative;left:0;bottom:0;width:100%;height:100%;z-index:3;transform:translateY(0px);-webkit-transform:translateY(0px)} .page-nav-caption{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;padding-top:180px;padding-bottom:130px;margin:0 auto;height:100%;top:0;opacity:0;position:relative;box-sizing:border-box} .page-nav-caption.height-title{height:calc(100vh - 120px);padding-top:80px;padding-bottom:80px} #page-nav .inner{display:block;width:auto;height:auto;text-align:left} #page-nav .text-align-center .inner{text-align:center} .page-title{margin:0;width:auto;z-index:10;color:#000;position:relative;display:table;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .text-align-center .page-title{margin:0 auto} .light-content .page-title{color:#fff} .next-hero-title{font-size:calc(1rem + 24.15vw);line-height:calc(1rem + 14.5vw);font-weight:500;position:relative;display:block;width:auto;overflow:hidden;padding:0;margin-top:0px;margin-left:-0.6vw;color:#000} .height-title .next-hero-title{position:relative;overflow:visible;white-space:nowrap} .text-align-center .next-hero-title,.text-align-center .next-hero-subtitle{display:table;width:auto;margin-left:auto;margin-right:auto;text-align:center} .height-title .next-hero-title div{display:inline-block} .height-title:not(.text-align-center) .next-hero-title div:first-child{display:none} .next-hero-title span{display:block;min-width:3vw;transform:translateY(0px);-webkit-transform:translateY(0px)} .height-title .next-hero-title span{box-sizing:border-box;display:inline-block;transform-origin:top center} .light-content .next-hero-title{color:#fff} .change-header .next-hero-title{color:#000} .next-hero-subtitle{font-size:18px;font-weight:400;line-height:30px;margin-top:0px;margin-bottom:40px;width:100%;z-index:10;position:relative;display:block;overflow:hidden;margin-left:0px;color:#000;opacity:0.4} #page-nav .next-hero-subtitle{margin-top:0px;margin-bottom:50px} .next-hero-subtitle span{position:relative;display:block} .inline-title .next-hero-subtitle span{display:inline-block} .light-content .next-hero-subtitle{color:#fff} .change-header .next-hero-subtitle{color:#000} #project-nav{height:200vh;width:100%;color:#fff;position:absolute;margin-bottom:0;bottom:-200vh;overflow:hidden} #project-nav.change-header{color:#000;background-color:#fff} .dark-content #project-nav.change-header{color:#fff;background-color:#000} .next-project-wrap{display:table;width:100%;margin:0 auto;height:50%;position:absolute;box-sizing:border-box;opacity:1;z-index:10} .hero-below-caption .next-project-wrap{top:0} .next-project-image-wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;opacity:1} .next-project-image-wrapper.temporary{position:fixed} .next-project-image-wrapper.active{opacity:1} .next-project-image{position:absolute;top:0;opacity:1;left:0;right:0;margin:0 auto;height:100%;width:100%;overflow:hidden;clip-path:inset(100% 0% 0% 0%);-webkit-transform:scale(1.25) rotate(-5deg);transform:scale(1.25) rotate(-5deg)} .load-project-thumb-with-title .next-project-image{z-index:10} .next-project-image.temporary{top:0px!important} .next-project-image.visible{opacity:1!important;clip-path:inset(0 0%)!important;-webkit-transform:scale(1.02) rotate(0)!important;transform:scale(1.02) rotate(0)!important} .next-project-image-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;-webkit-transform:scale(1);transform:scale(1)} .next-project-image.visible .next-project-image-bg{opacity:1!important;top:0!important} .all-works{position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto;margin:0 auto;margin-top:25px;display:table;z-index:100} .all-works::after{content:"";position:absolute;height:100%;top:0;left:0px;line-height:30px;opacity:1;-webkit-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s;width:100%;border:2px solid #fff;border-radius:30px;box-sizing:border-box;clip-path:inset(50% 0% );pointer-events:none} .change-header .all-works::after{border:2px solid #000} .dark-content .change-header .all-works::after{border:2px solid #fff} .all-works:hover::after{clip-path:inset(0% 0% )} .all-works span,.all-works span::before{padding:0 16px} .next-project-caption{position:absolute;display:table;left:0;right:0;margin:0 auto;width:100%;height:100%;box-sizing:border-box;padding-top:20px;padding-bottom:20px} .next-caption-wrapper{display:table-cell;box-sizing:border-box;vertical-align:middle;text-align:left;position:relative} #project-nav .caption-wrapper{position:relative;display:table;margin:0} #project-nav .text-align-center .caption-wrapper{margin:0 auto;text-align:center} .next-caption{display:table;position:relative;z-index:1;-webkit-transform:scale(1);transform:scale(1);transform-origin:center center} .text-align-center .next-caption{margin:0 auto;text-align:center} #project-nav .next-ajax-link-project{display:block;margin:0;width:100%;height:100%;position:absolute;z-index:10;top:0;left:0} .next-ajax-link-project.auto-trigger{pointer-events:none} .disable-ajaxload .next-ajax-link-project.auto-trigger{pointer-events:initial} .next-hero-counter{position:absolute;height:20px;width:30px;text-align:right;top:6px;right:-45px;overflow:hidden;opacity:0} .next-hero-counter span{position:absolute;display:block;font-size:14px;font-weight:500;line-height:20px;color:#000} .change-header .next-hero-counter span{color:#000} .light-content .next-hero-counter span{color:#fff} .light-content .change-header .next-hero-counter span{color:#000} .dark-content .change-header .next-hero-counter span{color:#fff} .next-hero-progress{position:absolute;top:0;right:0;height:6px;width:100%;z-index:100} .next-hero-progress span{position:absolute;left:0;height:6px;width:0;background-color:#000} .change-header .next-hero-progress span{background-color:#000} .light-content .next-hero-progress span{background-color:#fff} .light-content .change-header .next-hero-progress span{background-color:#000} .dark-content .change-header .next-hero-progress span{background-color:#fff} #project-nav .next-hero-title,#project-nav .next-hero-subtitle{color:#000} #project-nav.change-header .next-hero-title,#project-nav.change-header .next-hero-subtitle{color:#000} .light-content #project-nav .next-hero-title,.light-content #project-nav .next-hero-subtitle{color:#fff} .light-content #project-nav.change-header .next-hero-title,.light-content #project-nav.change-header .next-hero-subtitle{color:#000} .dark-content #project-nav.change-header .next-hero-title,.dark-content #project-nav.change-header .next-hero-subtitle{color:#fff} #project-nav.change-header .all-works,#project-nav.change-header .all-works .link-text{color:#000} .light-content #project-nav .all-works,.light-content #project-nav .all-works .link-text{color:#fff} .light-content #project-nav.change-header .all-works,.light-content #project-nav.change-header .all-works .link-text{color:#000} .dark-content #project-nav.change-header .all-works,.dark-content #project-nav.change-header .all-works .link-text{color:#fff} .temporary-hero{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;z-index:10} .temporary-hero .outer{width:100%;padding-top:120px;padding-bottom:160px;height:100%;position:relative;margin:0 auto;box-sizing:border-box;z-index:10} .temporary-hero .outer.middle{padding-top:160px;padding-bottom:160px} .hero-below-caption .temporary-hero .outer{padding-top:315px} .temporary-hero .inner{vertical-align:top} .temporary-hero .middle .inner{vertical-align:middle} .hero-below-caption .temporary-hero .inner{vertical-align:top;text-align:left} .temporary-hero .inner .caption-wrapper,.temporary-hero .inner .next-caption{position:relative} .temporary-hero .inner .caption-wrapper .title span{color:#000;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)} .temporary-hero .inner .caption-wrapper .subtitle span{position:relative;display:block;opacity:1;color:#000;transform:translateY(0px);-webkit-transform:translateY(0px)} .temporary-hero.light-content .inner .caption-wrapper .title span,.temporary-hero.light-content .inner .caption-wrapper .subtitle span{color:#fff} .temporary-hero .next-hero-progress{background-color:rgba(0,0,0,0.3)} .temporary-hero .next-hero-progress span{background-color:#000} .temporary-hero.light-content .next-hero-progress{background-color:rgba(255,255,255,0.3)} .temporary-hero.light-content .next-hero-progress span{background-color:#fff} .temporary-hero .next-hero-counter span{color:#000} .temporary-hero.light-content .next-hero-counter span{color:#fff} .temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::before{opacity:0;-webkit-transition:opacity 0.3s ease-out 0.2s;transition:opacity 0.3s ease-out 0.2s} .temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::after{opacity:0;-webkit-transition:opacity 0.3s ease-out 0.2s;transition:opacity 0.3s ease-out 0.2s} .content-max-width{box-sizing:border-box;padding-left:80px;padding-right:80px;max-width:1320px} .content-full-width{box-sizing:border-box;padding-left:80px;padding-right:80px;max-width:100%} @media only screen and (max-width:1537px){.hero-title{font-size:calc(1rem + 22.15vw);line-height:calc(1rem + 20.5vw)} .hero-subtitle{margin-top:30px} .hero-text{font-size:26px;line-height:36px} #page-nav .next-hero-subtitle{margin-bottom:30px} .next-hero-title{font-size:calc(1rem + 22.15vw);line-height:calc(1rem + 12.5vw)} } @media only screen and (max-width:1466px){#hero-caption{padding-top:160px;padding-bottom:160px} #hero.has-image #hero-caption,.temporary-hero .outer{padding-bottom:60px} .temporary-hero .outer.middle{padding-top:140px;padding-bottom:140px} #hero-description{padding-bottom:220px} #hero-description .inner{padding-right:45%} #hero-footer{padding:25px 60px} .page-nav-caption{padding-top:160px;padding-bottom:120px} .content-max-width,.content-full-width{padding-left:60px;padding-right:60px} } @media only screen and (max-width:1024px){#hero-caption{padding-top:140px;padding-bottom:140px} #hero.has-image #hero-caption,.temporary-hero .outer{padding-bottom:40px} .hero-subtitle{margin-top:20px;font-size:18px} #hero-description{padding-bottom:200px} #hero-description .inner{padding-right:35%} #hero-footer{padding:10px 40px} .page-nav-caption{padding-top:140px;padding-bottom:100px} #page-nav .next-hero-subtitle{margin-top:20px} .next-hero-subtitle{font-size:18px} .next-hero-counter{top:0px} .content-max-width,.content-full-width{padding-left:40px;padding-right:40px} } @media only screen and (max-width:767px){#hero-caption{padding-top:120px;padding-bottom:120px} #hero.has-image #hero-caption,.temporary-hero .outer{padding-bottom:30px} .temporary-hero .outer.middle{padding-top:120px;padding-bottom:120px} .hero-subtitle{margin-top:10px;font-size:16px} .subtitle-padding-left .hero-subtitle{margin-left:0;margin-right:0;margin:auto;margin-top:10px;padding-left:0;text-align:center} .hero-arrow{width:30px;height:45px;left:30px;bottom:38px} #hero-description{padding-bottom:180px} #hero-description .inner{padding-right:15%} .hero-text{font-size:22px;line-height:32px} #hero-footer{padding:10px 30px} .hero-footer-left{transform:translateX(-20px);-webkit-transform:translateX(-20px)} .hero-footer-left .button-text{display:none} .page-nav-caption{padding-top:120px;padding-bottom:120px} #page-nav .next-hero-subtitle{margin-top:10px;font-size:16px} .next-hero-counter{top:-2px} .content-max-width,.content-full-width{padding-left:30px;padding-right:30px} } @media only screen and (max-width:479px){#hero-caption{padding-top:100px;padding-bottom:100px} #hero.has-image #hero-caption,.temporary-hero .outer{padding-bottom:20px} #hero-description{padding-bottom:160px} #hero-description .inner{padding-right:0} #hero-footer{padding:10px 20px} #hero .button-wrap .button-text{display:none} .page-nav-caption{padding-top:100px;padding-bottom:100px} .all-works{top:0} .next-hero-counter{top:-4px;right:-38px} .content-max-width,.content-full-width{padding-left:20px;padding-right:20px} } #app{top:0;left:0;position:fixed;width:100%;height:100vh;overflow:hidden;pointer-events:none;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.3s;transition:all 0.1s ease-in-out 0.3s} .load-project-thumb #app,.load-project-thumb-with-title #app,.load-project-thumb-with-title-and-scale #app{opacity:1} .grid__item-img--large{pointer-events:none;position:absolute;opacity:0} .grid__item-hidden{pointer-events:none;position:fixed;opacity:0} .ClaPat-slide a{height:0px} .ClaPat-slider-wrapper{width:100%;height:100vh;position:relative} .ClaPat-slider{position:absolute;left:0;top:0;padding:0 42vw 0 42vw;display:flex;align-items:center;height:100%;width:100%;user-select:none;cursor:grab;z-index:2;overflow:hidden;box-sizing:border-box} .ClaPat-state-dragging .ClaPat-slider{cursor:grabbing} .ClaPat-state-dragging .cp-button-prev,.ClaPat-state-dragging .cp-button-next{pointer-events:none} .ClaPat-slider-viewport{display:flex;position:relative} .ClaPat-slide{overflow:hidden;width:16vw;box-sizing:border-box} .ClaPat-slide:first-child{position:relative} .ClaPat-slide:not(:first-child){position:absolute;height:100%} .slide-inner{position:relative;overflow:hidden;cursor:pointer} .ClaPat-state-dragging .ClaPat-slider .slide-inner{cursor:grabbing;pointer-events:none} .disable-ajaxload .slide-link{display:block;position:absolute;width:100%;height:100%;z-index:1000} .img-mask{width:100%;height:100%;display:block;position:absolute;top:0;left:0;margin:0 auto;box-sizing:border-box;z-index:0;overflow:hidden;border-radius:0px;-webkit-transition:border-radius 0.4s ease-in-out 0s;transition:border-radius 0.4s ease-in-out 0s} .rounded-borders .img-mask{border-radius:12px} .rounded-borders .above .img-mask{border-radius:0px} .section-image{position:relative;display:block;width:100%;height:100%} .item-image{width:100%;height:100%!important;position:relative;display:block;z-index:100;object-position:center;object-fit:cover} .ClaPat-slider img{pointer-events:none} .ClaPat-pagination{width:100%;max-width:900px;height:40px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:40px;margin:auto;z-index:20;text-align:center;opacity:0} .ClaPat-pagination-bullet{position:relative;width:40px;height:40px;display:inline-flex;margin:0;cursor:pointer} .showcase-carousel .ClaPat-pagination-bullet{position:relative;width:1px;height:10px;border-radius:0px;display:inline-table;background-color:rgba(0,0,0,0.5);margin:0 7px;cursor:pointer;transition:all 0.4s ease-out 0s} .light-content .showcase-carousel .ClaPat-pagination-bullet{background-color:rgba(255,255,255,0.5)} .disable-scroll .showcase-carousel .ClaPat-pagination-bullet{transition:all 0s ease-out 0s} .showcase-carousel .ClaPat-pagination-bullet.ClaPat-pagination-bullet-prev{height:14px} .showcase-carousel .ClaPat-pagination-bullet.ClaPat-pagination-bullet-next{height:14px} .showcase-carousel .ClaPat-pagination-bullet-active{height:26px;background-color:#000} .light-content .showcase-carousel .ClaPat-pagination-bullet-active{background-color:#fff} .showcase-carousel .ClaPat-pagination-bullet.ClaPat-pagination-bullet-prev:last-child{height:10px} .showcase-carousel .ClaPat-pagination-bullet.ClaPat-pagination-bullet-next:first-child{height:10px} .ClaPat-pagination{width:100%;max-width:900px;height:40px;display:flex;justify-content:center;position:absolute;left:0;right:0;bottom:40px;margin:auto;z-index:20;text-align:center;opacity:0;overflow:hidden} .carousel-nav-wrapper{position:absolute;height:60px;width:100%;max-width:calc(84% + 60px);top:calc(50% - 30px);left:0;right:0;z-index:300;pointer-events:none;margin:0 auto} .cp-button-prev,.cp-button-next{float:left;pointer-events:initial;background-color:#000;height:44px;line-height:44px;border-radius:44px;box-sizing:border-box;top:18px;position:relative;cursor:pointer} .light-content .cp-button-prev,.light-content .cp-button-next{background-color:#fff} .ClaPat-button.cp-button-prev,.ClaPat-button.cp-button-next{opacity:0} .cp-button-next{float:right} .cp-button-prev .icon-wrap-scale,.cp-button-next .icon-wrap-scale{transform:scale(0);-webkit-transform:scale(0);display:block;position:absolute;left:0;width:44px;transition:all .3s ease-out;height:44px} .cp-button-next .icon-wrap-scale{left:auto;right:0} .cp-button-prev:hover .icon-wrap-scale,.cp-button-next:hover .icon-wrap-scale{transform:scale(1);-webkit-transform:scale(1)} .cp-button-prev .icon-wrap,.cp-button-next .icon-wrap{width:36px;height:36px;display:flex;position:relative;justify-content:center;align-items:center;top:4px;left:4px} .cp-button-prev .button-icon,.cp-button-next .button-icon{height:36px;width:36px;color:#000;text-align:center;line-height:36px;font-size:14px;background-color:#fff;border-radius:36px} .light-content .cp-button-prev .button-icon,.light-content .cp-button-next .button-icon{color:#fff;background-color:#000} .cp-button-prev .button-icon i,.cp-button-next .button-icon i{height:36px;line-height:36px;width:36px;text-align:center} .vertical-arrows .cp-button-prev .button-icon i,.vertical-arrows .cp-button-next .button-icon i{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .cp-button-prev .button-text,.cp-button-next .button-text{font-weight:500;font-size:14px;line-height:44px;margin:0;overflow:hidden;width:auto;padding:0 36px 0 36px;color:#fff;-webkit-transition:padding .3s ease-out;transition:padding .3s ease-out} .light-content .cp-button-prev .button-text,.light-content .cp-button-next .button-text{color:#000} .cp-button-prev:hover .button-text{padding:0 36px 0 60px} .cp-button-next:hover .button-text{padding:0 60px 0 36px} .disable-scroll .cp-button-prev,.disable-scroll .cp-button-next{pointer-events:none} .grid-open.disable-scroll .cp-button-prev,.grid-open.disable-scroll .cp-button-next{pointer-events:initial} .progress-info{position:absolute;display:flex;justify-content:center;width:auto;margin:0 auto;margin-top:30px;height:20px;line-height:20px;font-size:14px;font-weight:500;left:0;right:0;z-index:10;opacity:0} .progress-info > .progress-info-fill,.progress-info > .progress-info-fill-2{position:relative;width:auto;-webkit-text-fill-color:rgba(0,0,0,0.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000);background-size:0% 100%} .progress-info > .progress-info-fill-2{position:absolute;top:0px;left:auto;background-size:100% 100%;background-position:right;right:auto;margin:auto;width:auto;display:block} .light-content .progress-info > .progress-info-fill{-webkit-text-fill-color:rgba(255,255,255,0.1);background-image:linear-gradient(#fff,#fff)} .light-content .progress-info > .progress-info-fill-2{-webkit-text-fill-color:rgba(255,255,255,0.1);background-image:linear-gradient(#fff,#fff)} .disable-scroll .ClaPat-slider{pointer-events:none} .overlapping-image{box-sizing:border-box;position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center} .overlapping-image-inner{width:100%;height:calc(100% - 120px);position:relative;cursor:pointer} .overlapping-image:first-child .overlapping-image-inner{align-self:flex-start} .overlapping-image:last-child{z-index:10} .rounded-borders .overlapping-image img{border-radius:8px} .overlapping-image .slide-caption{position:absolute;box-sizing:border-box;padding:80px;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;color:#fff;pointer-events:none} .overlapping-image .change-header .slide-caption{color:#000} .overlapping-image .slide-caption .slide-title{font-size:calc(1rem + 8vw);line-height:calc(1rem + 7.5vw);font-weight:500;overflow:hidden} .overlapping-image .slide-caption span{display:block;margin-top:0} .overlapping-image .slide-caption .slide-date{position:absolute;bottom:80px;left:80px;padding:2px 16px;background:rgba(255,255,255,0.2);border-radius:35px;font-size:14px} .overlapping-image .change-header .slide-caption .slide-date{color:#fff;background:rgba(0,0,0,0.4)} .overlapping-image .slide-caption .slide-cat{position:absolute;bottom:80px;right:80px;padding:2px 16px;background:rgba(255,255,255,0.2);border-radius:35px;font-size:14px} .overlapping-image .change-header .slide-caption .slide-cat{color:#fff;background:rgba(0,0,0,0.4)} .curtains{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2} .curtains .curtain-row{overflow:hidden;background-color:#232323;transform-origin:center bottom;width:100%;position:absolute} .filters-options-wrapper{position:relative;right:-14px;height:auto;min-height:60px;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end} .filter-option{position:relative;opacity:0.4;pointer-events:initial;margin-left:12px;line-height:30px;overflow:hidden;-webkit-transition:opacity 0.15s ease-out 0s;transition:opacity 0.15s ease-out 0s} .filter-option:first-child{margin-left:0px} .filter-option.is_active,.filter-option.is_active span,.filter-option:hover{opacity:1;pointer-events:none} .filter-option::after{content:"";position:absolute;height:100%;top:0;left:0px;line-height:30px;opacity:1;-webkit-transition:all 0.15s ease-out 0s;transition:all 0.15s ease-out 0s;width:100%;border:2px solid #000;border-radius:30px;box-sizing:border-box;clip-path:inset(50% 0% )} .filter-option:hover::after{clip-path:inset(0% 0% )} .filter-option.is_active::after{clip-path:inset(0% 0% );opacity:1} .filter-option span,.grid-option span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;width:auto;text-align:center;transform-origin:100% 0%;pointer-events:initial;cursor:pointer;padding:0 16px} .filter-option span::before,.grid-option span::before{position:absolute;width:auto;top:100%;left:0;content:attr(data-hover);padding:0 16px} .filter-option:hover span,.grid-option:hover span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%} .showcase-portfolio{position:relative;display:flex;flex-wrap:wrap;width:calc(100% - 80px);margin:0 auto;margin-top:20px} .showcase-portfolio .ClaPat-item{position:relative;width:calc(33.3333% - 80px);height:18vw;margin:60px 40px 120px 40px;box-sizing:border-box;padding:0px;z-index:10;display:block} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 1){width:calc(40% - 80px);height:44vw} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 2){width:calc(40% - 80px);height:22vw;margin-left:calc(20% + 40px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 3){width:calc(60% - 80px);height:33vw;margin-left:calc(20% + 40px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 4){width:calc(40% - 80px);height:22vw} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 5){width:calc(40% - 80px);height:44vw;margin-left:calc(20% + 40px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 6){width:calc(60% - 80px);height:33vw;margin-left:calc(20% + 40px)} .showcase-portfolio .ClaPat-item.filtered{position:relative;width:calc(33.3333% - 80px);height:18vw;margin:60px 40px 120px 40px;box-sizing:border-box;padding:0px;z-index:10;display:block} .showcase-portfolio .slide-inner{padding-top:0;width:100%;height:100%;margin:0;overflow:visible} .showcase-portfolio .slide-inner::after{display:block;content:"";clear:both} .showcase-portfolio.items-filtered .slide-inner{transform:none!important} .showcase-portfolio.ease-transform .slide-inner{transition-property:transform;transition-duration:0.5s;transition-timing-function:cubic-bezier(0.645,0.045,0.355,1)} .showcase-portfolio .slide-inner.disabled{pointer-events:none} .showcase-portfolio .section-image{width:100%;height:100%;left:0;overflow:hidden;-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition:transform 0.3s ease-out 0s;transition:transform 0.3s ease-out 0s} .showcase-portfolio .slide-inner:hover .section-image,.showcase-portfolio .above .section-image{-webkit-transform:scale(1);transform:scale(1)} .showcase-portfolio .slide-caption{z-index:10;position:absolute;left:0px;top:0;height:calc(100% + 50px);width:100%;cursor:default;pointer-events:none;text-align:left;opacity:0;display:flex;align-items:flex-end;justify-content:space-between} .showcase-portfolio .slide-caption .slide-title{font-size:24px;line-height:32px;font-weight:500;color:#000;overflow:hidden} .light-content .showcase-portfolio .slide-caption .slide-title{color:#fff} .showcase-portfolio .slide-caption .slide-title span{display:block} .showcase-portfolio .slide-caption .slide-cat{font-size:14px;line-height:32px;font-weight:500;color:#000;z-index:10;overflow:hidden;opacity:0.4} .light-content .showcase-portfolio .slide-caption .slide-cat{color:#fff} .showcase-portfolio .slide-caption .slide-cat span{display:block} .showcase-portfolio .ClaPat-item .slide-date{display:block;color:#fff;position:absolute;top:30px;left:30px;padding:2px 16px;background:rgba(255,255,255,0.2);border-radius:35px;font-size:14px} .showcase-portfolio .ClaPat-item .change-header .slide-date{color:#fff;background:rgba(0,0,0,0.4)} .gallery-close-thumbs{width:100%;position:fixed;top:0;height:100%;left:0;display:flex;align-content:center;justify-content:center;z-index:50;pointer-events:none} .grid-open .gallery-close-thumbs{pointer-events:initial} .gallery-thumbs-wrapper{width:100%;height:auto;min-height:50%;position:fixed;right:0px;bottom:20px;z-index:100;pointer-events:none;display:flex;justify-content:center;align-items:flex-end;align-content:flex-end;flex-wrap:wrap} .gallery-thumbs-wrapper .trigger-item::before{float:left;padding-top:62.5%;content:""} .gallery-thumbs-wrapper .trigger-item{position:relative;width:calc(100% / 18 - 30px);height:auto;margin:15px;aspect-ratio:16/10} .gallery-thumbs-wrapper .trigger-item::after{display:block;content:"";clear:both} .gallery-zoom-wrapper{width:55%;position:fixed;top:130px;height:calc(100% - 340px);left:0;right:0;margin:0 auto;display:flex;flex-direction:column;align-content:center;justify-content:center;z-index:200;pointer-events:none} .gallery-zoom-wrapper .trigger-item::before{float:left;padding-top:140%;content:""} .gallery-zoom-wrapper .trigger-item{width:100%;height:100%;aspect-ratio:unset;position:relative;align-self:center} .gallery-zoom-wrapper .trigger-item::after{display:block;content:"";clear:both} .enable-trigger .gallery-zoom-wrapper .trigger-item{pointer-events:initial;cursor:pointer} .show-loader .showcase-gallery .ClaPat-slider{pointer-events:none} .disable-scroll .showcase-gallery .cp-button-prev,.disable-scroll .showcase-gallery .cp-button-next{pointer-events:initial} .showcase-gallery .ClaPat-slider{padding:0 35vw 0 35vw} .showcase-gallery .ClaPat-slider-viewport{z-index:10;height:100%} .showcase-gallery .ClaPat-slide{width:30vw;height:100%;box-sizing:border-box;padding:0 10px;display:flex;justify-content:space-between;z-index:10;overflow:visible} .showcase-gallery .ClaPat-slide:hover{z-index:10} .hidden-element{opacity:0;pointer-events:none} .ClaPat-state-dragging .ClaPat-slider .ClaPat-slide{cursor:grabbing;pointer-events:none} .showcase-gallery .trigger-item{pointer-events:none } .showcase-gallery:not(.preview-mode-enabled) .trigger-item{pointer-events:initial } .showcase-gallery .ClaPat-slide .slide-moving,.showcase-gallery .ClaPat-slide .trigger-item{width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-sizing:border-box;z-index:0} .showcase-gallery .slide-inner::before{float:left;padding-top:65%;content:""} .showcase-gallery .slide-inner{padding-top:0;width:100%;height:auto;margin:0px;overflow:visible} .showcase-gallery .slide-inner::after{display:block;content:"";clear:both} .slide-events{transform:translateY(0%);position:relative;display:flex;align-items:flex-start;height:100%;width:100%;left:0;top:0;box-sizing:border-box;padding:60px 0 80px 0} .showcase-gallery .ClaPat-slide.s50 .slide-inner{top:50%;transform:translateY(-50%) } .showcase-gallery .ClaPat-slide.s100 .slide-inner{top:100%;transform:translateY(-100%) } .showcase-gallery .ClaPat-slide.s0 .slide-inner{top:0;transform:translateY(0) } .showcase-gallery .ClaPat-slide.s75 .slide-inner{top:75%;transform:translateY(-75%) } .showcase-gallery .ClaPat-slide.s25 .slide-inner{top:25%;transform:translateY(-25%) } .showcase-gallery .slide-inner.disabled{pointer-events:none} .showcase-gallery .slide-inner .trigger-item{width:100%;height:100%;position:relative} .showcase-gallery a.slide-link{font-size:14px;font-weight:500;position:absolute;width:auto;height:auto;top:0px;right:0px;z-index:10;opacity:0;pointer-events:none;webkit-transform:scale(0.8);transform:scale(0.8)} .grid-open .showcase-gallery .gallery-zoom-wrapper a.slide-link{} .showcase-gallery a.slide-link .parallax-wrap{width:80px;height:80px;display:flex;position:relative;justify-content:center;align-items:center} .showcase-gallery a.slide-link .parallax-element{height:40px;width:40px;text-align:center;line-height:40px;font-size:18px} .showcase-gallery a.slide-link > i{font-size:18px} .showcase-gallery .img-mask{overflow:visible} .showcase-gallery .section-image{width:100%;height:100%;left:0;overflow:hidden;z-index:0} .rounded-borders .showcase-gallery .section-image{border-radius:12px} .showcase-gallery.preview-mode-enabled .has-scale-small .section-image{-webkit-transform:scale(0.6);transform:scale(0.6)} .showcase-gallery.preview-mode-enabled .has-scale-medium .section-image{-webkit-transform:scale(0.8);transform:scale(0.8)} .showcase-gallery:not(.preview-mode-enabled) .has-scale-small .img-mask{-webkit-transform:scale(0.6);transform:scale(0.6)} .showcase-gallery:not(.preview-mode-enabled) .has-scale-medium .img-mask{-webkit-transform:scale(0.8);transform:scale(0.8)} .showcase-gallery .slide-caption::before{float:left;padding-top:calc(140% - 30px);content:""} .showcase-gallery .slide-caption{position:absolute;left:auto;bottom:auto;height:100%;aspect-ratio:unset;display:flex;flex-direction:column;justify-content:end;width:100%;pointer-events:none;transform:translateY(50px);-webkit-transform:translateY(50px)} .showcase-gallery .slide-caption::after{display:block;content:"";clear:both} .showcase-gallery .ClaPat-slide .slide-caption{opacity:0!important} .showcase-gallery .slide-caption .slide-title{font-size:20px;line-height:30px;font-weight:500;color:#000;z-index:10;overflow:hidden;position:absolute} .light-content .showcase-gallery .slide-caption .slide-title{color:#fff} .showcase-gallery .slide-caption .slide-title span{display:block;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)} .showcase-gallery .slide-caption .slide-title span em{font-family:inherit} .showcase-gallery .slide-caption .slide-cat{position:absolute;bottom:0;right:0;font-size:14px;line-height:30px;font-weight:500;color:#000;overflow:hidden;opacity:0.4} .light-content .showcase-gallery .slide-caption .slide-cat{color:#fff} .showcase-gallery .slide-caption .slide-cat span{display:block;opacity:0} .slider-fixed-content{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0;pointer-events:none;overflow:hidden} .grid-open .slider-fixed-content{opacity:0.4!important} #slide-inner-caption{display:table;width:100%;padding-top:20px;padding-bottom:20px;margin:0 auto;height:100%;position:relative;box-sizing:border-box} .slide-hero-title{font-size:calc(1rem + 24.15vw);line-height:calc(1rem + 22vw);font-weight:500;color:#000;position:relative;display:table;width:auto} .light-content .slide-hero-title{color:#fff} .text-align-center .slide-hero-title,.text-align-center .slide-hero-title span,.text-align-center .slide-hero-subtitle{display:table;width:auto;margin-left:auto;margin-right:auto;text-align:center} .slide-hero-title div{overflow:hidden} .height-title .slide-hero-title div{display:inline-block} .slide-hero-title span{opacity:0;display:block;margin-top:0;min-width:3vw;transform:translateY(160px);-webkit-transform:translateY(160px)} .height-title .slide-hero-title span{box-sizing:border-box;display:inline-block;transform-origin:bottom center} .grid-open .height-title .slide-hero-title span{box-sizing:border-box;display:inline-block;transform-origin:top center} .slide-hero-subtitle{font-size:18px;line-height:24px;font-weight:400;color:#000;position:relative;margin-top:50px;opacity:0.4} .light-content .slide-hero-subtitle{color:#fff} .slide-hero-subtitle div{overflow:hidden} .slide-hero-subtitle span{opacity:0;display:block;transform:translateY(20px);-webkit-transform:translateY(20px);margin-top:0} .inline-title .slide-hero-subtitle span{display:inline-table} @media only screen and (max-width:1537px){.gallery-zoom-wrapper{width:40%;top:100px;height:calc(100% - 280px)} .gallery-thumbs-wrapper{bottom:30px} .slide-hero-title{font-size:calc(1rem + 22.15vw);line-height:calc(1rem + 20.5vw)} .slide-hero-subtitle{margin-top:30px} } @media only screen and (max-width:1466px){.ClaPat-pagination{bottom:30px} .overlapping-image .slide-caption{padding:60px} .overlapping-image .slide-caption .slide-date{bottom:60px;left:60px} .overlapping-image .slide-caption .slide-cat{bottom:60px;right:60px} .showcase-portfolio{width:calc(100% - 60px)} .showcase-portfolio .ClaPat-item{width:calc(33.3333% - 60px);margin:60px 30px 120px 30px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 1){width:calc(40% - 60px);height:44vw} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 2){width:calc(40% - 60px);height:22vw;margin-left:calc(20% + 30px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 3){width:calc(60% - 60px);height:33vw;margin-left:calc(20% + 30px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 4){width:calc(40% - 60px);height:22vw} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 5){width:calc(40% - 60px);height:44vw;margin-left:calc(20% + 30px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 6){width:calc(60% - 60px);height:33vw;margin-left:calc(20% + 30px)} .showcase-portfolio .ClaPat-item.filtered{width:calc(33.3333% - 60px);height:18vw;margin:60px 30px 120px 30px} .showcase-portfolio .slide-caption .slide-title{font-size:20px;line-height:28px} .showcase-portfolio .slide-caption .slide-cat{line-height:28px} .gallery-thumbs-wrapper{bottom:25px} .gallery-thumbs-wrapper .trigger-item{width:calc(100% / 16 - 20px);margin:10px} } @media only screen and (max-width:1024px){.progress-info{margin-top:30px} .ClaPat-pagination{bottom:30px} .overlapping-image .slide-caption{padding:40px} .overlapping-image .slide-caption .slide-title{font-size:calc(1rem + 12vw);line-height:calc(1rem + 11.5vw)} .overlapping-image .slide-caption .slide-date{bottom:40px;left:40px} .overlapping-image .slide-caption .slide-cat{bottom:40px;right:40px} .showcase-portfolio{width:calc(100% - 40px)} .showcase-portfolio .ClaPat-item{width:calc(33.3333% - 40px);margin:40px 20px 120px 20px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 1){width:calc(45% - 40px);height:48vw} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 2){width:calc(45% - 40px);height:25vw;margin-left:calc(10% + 20px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 3){width:calc(60% - 40px);height:33vw;margin-left:calc(20% + 20px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 4){width:calc(45% - 40px);height:25vw} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 5){width:calc(45% - 40px);height:48vw;margin-left:calc(10% + 20px)} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 6){width:calc(60% - 40px);height:33vw;margin-left:calc(20% + 20px)} .showcase-portfolio .ClaPat-item.filtered{width:calc(50% - 40px);height:28vw;margin:40px 20px 60px 20px} .showcase-portfolio .section-image{-webkit-transform:scale(1);transform:scale(1)} .showcase-portfolio .slide-caption .slide-title{font-size:18px} .showcase-gallery .ClaPat-slider{padding:0 25vw 0 25vw} .showcase-gallery .ClaPat-slide{width:50vw} .gallery-thumbs-wrapper{width:100%;height:100%;min-height:100%;overflow:hidden;bottom:0} .gallery-thumbs-wrapper .trigger-item{width:calc(100% / 10 - 20px);margin:10px;top:120px} .gallery-zoom-wrapper{width:80%;top:20%;height:calc(60% - 50px)} } @media only screen and (max-width:767px){.progress-info{margin-top:30px} .ClaPat-pagination{height:20px;bottom:30px} .ClaPat-pagination-bullet{width:20px;height:20px} .ClaPat-pagination-bullet .parallax-wrap{width:20px;height:20px} .showcase-carousel .ClaPat-pagination-bullet{margin:0px 5px} .overlapping-image .slide-caption{padding:30px} .overlapping-image .slide-caption .slide-title{font-size:calc(1rem + 13vw);line-height:calc(1rem + 12.5vw)} .overlapping-image .slide-caption .slide-date{top:30px;bottom:auto;left:30px} .overlapping-image .slide-caption .slide-cat{top:30px;bottom:auto;right:30px} .showcase-portfolio{width:calc(100% - 30px)} .showcase-portfolio .ClaPat-item{width:calc(33.3333% - 30px);margin:30px 15px 60px 15px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 1){width:calc(100% - 30px);height:55vw;margin-left:15px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 2){width:calc(100% - 30px);height:55vw;margin-left:15px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 3){width:calc(100% - 30px);height:55vw;margin-left:15px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 4){width:calc(100% - 30px);height:55vw;margin-left:15px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 5){width:calc(100% - 30px);height:55vw;margin-left:15px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 6){width:calc(100% - 30px);height:55vw;margin-left:15px} .showcase-portfolio .ClaPat-item.filtered{width:calc(100% - 30px);height:55vw;margin:30px 15px 60px 15px} .showcase-gallery .ClaPat-slider{padding:0 20vw 0 20vw} .showcase-gallery .ClaPat-slide{width:60vw} } @media only screen and (max-width:479px){.cp-button-prev .button-icon,.cp-button-next .button-icon{color:#fff;background-color:#000} .light-content .cp-button-prev .button-icon,.light-content .cp-button-next .button-icon{color:#000;background-color:#fff} .cp-button-prev .icon-wrap-scale,.cp-button-next .icon-wrap-scale{transform:scale(1);-webkit-transform:scale(1)} .slide-hero-subtitle{font-size:16px;line-height:24px;margin-top:20px;max-width:100%} .overlapping-image .slide-caption{padding:20px} .overlapping-image .slide-caption .slide-title{font-size:calc(1rem + 14vw);line-height:calc(1rem + 13.5vw)} .overlapping-image .slide-caption .slide-date{top:20px;bottom:auto;left:20px} .overlapping-image .slide-caption .slide-cat{top:20px;bottom:auto;right:20px} .showcase-portfolio{width:calc(100% - 20px)} .showcase-portfolio .ClaPat-item{width:calc(33.3333% - 20px);margin:20px 10px 60px 10px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 1){width:calc(100% - 20px);height:55vw;margin-left:10px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 2){width:calc(100% - 20px);height:55vw;margin-left:10px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 3){width:calc(100% - 20px);height:55vw;margin-left:10px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 4){width:calc(100% - 20px);height:55vw;margin-left:10px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 5){width:calc(100% - 20px);height:55vw;margin-left:10px} .showcase-portfolio .ClaPat-item:nth-of-type(6n + 6){width:calc(100% - 20px);height:55vw;margin-left:10px} .showcase-portfolio .ClaPat-item.filtered{width:calc(100% - 20px);height:55vw;margin:20px 10px 60px 10px} .showcase-gallery .ClaPat-slider{padding:0 15vw 0 15vw} .showcase-gallery .ClaPat-slide{width:70vw} .showcase-gallery .ClaPat-slide.s25 .slide-inner{top:0;transform:translateY(0) } .showcase-gallery .ClaPat-slide.s75 .slide-inner{top:100%;transform:translateY(-100%) } } .pinned-section{position:relative;display:table!important;width:100%;margin:0 auto;max-width:1160px} .full .pinned-section,.full_elementor .pinned-section{max-width:100%} .pinned-section .pin-spacer{width:50%!important} .pinned-element{position:relative;display:block;height:auto;float:left;width:50%;margin:0;box-sizing:border-box} .pinned-element.left{padding-right:30px} .pinned-element.right{padding-left:30px} .scrolling-element{position:relative;float:left;width:50%;margin:0;box-sizing:border-box} .scrolling-element.left{padding-right:30px} .scrolling-element.right{padding-left:30px} .scrolling-element img{display:block;height:auto;width:100%} .title-moving-outer{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important} .title-moving-forward,.title-moving-backward{clear:both;display:inline-block;overflow:hidden;white-space:nowrap;padding:0 6vw;box-sizing:border-box} .marquee-text-wrapper{white-space:nowrap;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important} .marquee-text{font-weight:500;display:inline-block;color:#000} .marquee-text:before{content:'.';color:transparent} .light-content .marquee-text,.dark-section .rolling-text{color:#fff} .light-content .light-section .marquee-text{color:#000} .hover-reveal{position:fixed;width:20vw;height:30vw;pointer-events:none;opacity:0;left:auto;right:auto;margin:auto} .content-row > .hover-reveal{z-index:-1} .rounded-borders .hover-reveal{border-radius:8px;overflow:hidden} .hover-reveal__inner,.hover-reveal__img{width:100%;height:100%;position:absolute} .hover-reveal__img{background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;height:100%;position:relative;display:block} .ClaPat-slider-wrapper.content-slider{width:100%;height:auto;position:relative} .content-slider .ClaPat-slider-viewport{display:flex;position:relative;margin:0 auto} .content-slider.looped-carousel .ClaPat-slider-viewport{max-width:1280px} .content-slider.small-looped-carousel .ClaPat-slider-viewport{max-width:600px} .content-slider .ClaPat-slider{padding:0 0 0 0;height:auto;position:relative} .content-slider .ClaPat-slide{width:100%} .content-slider.looped-carousel .ClaPat-slide{padding:0 60px} .content-slider.small-looped-carousel .ClaPat-slide{padding:0 20px} .rounded-borders .content-slider{border-radius:8px;overflow:hidden} .rounded-borders .content-slider.looped-carousel img,.rounded-borders .content-slider.small-looped-carousel img{border-radius:8px} .content-slider.looped-carousel .ClaPat-button-prev,.content-slider.looped-carousel .ClaPat-button-next{display:none} .disable-cursor .content-slider.looped-carousel .ClaPat-button-prev,.disable-cursor .content-slider.looped-carousel .ClaPat-button-next{display:block} .content-slider.small-looped-carousel .ClaPat-button-prev,.content-slider.small-looped-carousel .ClaPat-button-next{display:none} .disable-cursor .content-slider.small-looped-carousel .ClaPat-button-prev,.disable-cursor .content-slider.small-looped-carousel .ClaPat-button-next{display:block} .content-slider .ClaPat-pagination{bottom:20px} .content-slider .slider-button-prev{position:absolute;top:0;left:0;margin:0;width:50%;height:100%;z-index:10;cursor:pointer} .content-slider .slider-button-next{position:absolute;top:0;right:0;margin:0;width:50%;height:100%;z-index:10;cursor:pointer} .content-slider .ClaPat-pagination{opacity:1} .content-slider .ClaPat-pagination-bullet .parallax-wrap{width:40px;height:40px;display:inline-flex;position:relative;justify-content:center;align-items:center;pointer-events:initial} .content-slider .ClaPat-pagination-bullet .parallax-element{height:40px;width:40px;text-align:center;line-height:50px} .ClaPat-pagination-bullet-active .path{display:inline-block !important;stroke-dasharray:1000;stroke-dashoffset:0;animation:dash ease-in 3s;animation-iteration-count:unset} .ClaPat-pagination-bullet .path,.light-content.light-content-slider .ClaPat-pagination-bullet .path{stroke:#000} .ClaPat-pagination-bullet .solid-fill,.light-content.light-content-slider .ClaPat-pagination-bullet .solid-fill{fill:#000} .light-content .ClaPat-pagination-bullet .path,.dark-section .ClaPat-pagination-bullet .path,.light-content-slider .ClaPat-pagination-bullet .path{stroke:#fff} .light-content .light-section .ClaPat-pagination-bullet .path{stroke:#000} .light-content .ClaPat-pagination-bullet .solid-fill,.dark-section .ClaPat-pagination-bullet .solid-fill,.light-content-slider .ClaPat-pagination-bullet .solid-fill{fill:#fff} .light-content .light-section .ClaPat-pagination-bullet .solid-fill,.light-content .dark-section .dark-cursor .ClaPat-pagination-bullet .solid-fill{fill:#000} .light-cursor .ClaPat-pagination-bullet .path{stroke:#fff!important} .dark-cursor .ClaPat-pagination-bullet .path{stroke:#000!important} .light-cursor .ClaPat-pagination-bullet .solid-fill{fill:#fff!important} .dark-cursor .ClaPat-pagination-bullet .solid-fill{fill:#000!important} .path{display:none} @keyframes dash{from{stroke-dashoffset:1000} to{stroke-dashoffset:0} } .disable-cursor .full .looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .looped-carousel .ClaPat-controls{position:absolute;width:calc(100% - 60px);height:100%;top:0;left:0;right:0;margin:0 auto} .disable-cursor .full .small-looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .small-looped-carousel .ClaPat-controls{position:absolute;width:calc(100% - 60px);max-width:540px;height:100%;top:0;left:0;right:0;margin:0 auto} .disable-cursor .slider-button-prev{position:absolute;top:calc(50% - 30px);left:0px;margin:0;width:60px;height:60px;z-index:10;cursor:pointer;opacity:0.7;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out} .disable-cursor .slider-button-prev:hover{opacity:1} .disable-cursor .slider-button-prev::after{font:var(--fa-font-solid);content:"\f104";font-size:24px;width:60px;height:60px;line-height:60px;text-align:center;position:absolute;left:0;top:0;color:#fff} .disable-cursor .light-cursor .slider-button-prev::after,.disable-cursor .light-cursor .slider-button-next::after{color:#fff} .disable-cursor .dark-cursor .slider-button-prev::after,.disable-cursor .dark-cursor .slider-button-next::after{color:#000} .disable-cursor .slider-button-next{position:absolute;top:calc(50% - 30px);left:auto;right:0px;margin:0;width:60px;height:60px;z-index:10;cursor:pointer;opacity:0.7;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out} .disable-cursor .slider-button-next:hover{opacity:1} .disable-cursor .slider-button-next::after{font:var(--fa-font-solid);content:"\f105";font-size:24px;width:60px;height:60px;line-height:60px;text-align:center;position:absolute;left:0;top:0;color:#fff} .image-link,.video-link{display:block;width:auto} .rounded-borders .image-link img,.rounded-borders .video-link img{border-radius:8px} .disable-cursor .image-link::after{font:var(--fa-font-solid);content:"\f002";font-size:18px;width:60px;height:60px;line-height:60px;text-align:center;position:absolute;right:10px;top:10px;color:#fff;opacity:0;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out} .disable-cursor .image-link:hover::after{opacity:1} .disable-cursor .video-link::after{font:var(--fa-font-solid);content:"\f04b";font-size:18px;width:60px;height:60px;line-height:60px;text-align:center;position:absolute;right:10px;top:10px;color:#fff;opacity:0;-webkit-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out} .disable-cursor .video-link:hover::after{opacity:1} .hero-video-wrapper{position:absolute;box-sizing:border-box;width:100%;height:100%;padding:0;overflow:hidden!important;opacity:0} .item .hero-video-wrapper,.ClaPat-item .hero-video-wrapper,.hover-reveal__img .hero-video-wrapper,.ClaPat-slider .hero-video-wrapper,.open-thumbnail .hero-video-wrapper,.carousel-zoom-wrapper .hero-video-wrapper,.carousel-thumbs-wrapper .hero-video-wrapper,.gallery-zoom-wrapper .hero-video-wrapper,.gallery-thumbs-wrapper .hero-video-wrapper,.overlapping-image .hero-video-wrapper{position:absolute;box-sizing:border-box;min-width:100%;min-height:100%;width:100%;height:auto;background-size:cover;padding:0;overflow:hidden !important;opacity:1;top:0;z-index:120;pointer-events:none} .content-video-wrapper{position:absolute;box-sizing:border-box;width:100%;height:100%;left:0;top:0;padding:0;overflow:hidden!important;z-index:1} .hero-video-wrapper video.bgvid,.content-video-wrapper video.bgvid{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;object-fit:cover;width:100%;height:100%} .video-wrapper{position:relative;box-sizing:border-box;min-width:100%;max-height:100vh;width:100%;height:auto;background-size:cover;padding:0;overflow:hidden!important;opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)} .rounded-borders .video-wrapper{border-radius:8px} .video-cover{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;cursor:pointer;background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-transition:opacity 0.3s ease-out 0.05s,height 0s ease-out 0s;transition:opacity 0.3s ease-out 0.05s,height 0s ease-out 0s} .video-cover.hidden{opacity:0;height:calc(100% - 50px);-webkit-transition:opacity 0.3s ease-out,height 0s ease-out 0.3s;transition:opacity 0.3s ease-out,height 0s ease-out 0.3s} video.bgvid{width:100%;height:100%;top:0;left:0;object-position:center;object-fit:cover;z-index:-100} .video-wrapper video.bgvid{position:relative} .control{bottom:25px;color:#ccc;display:none;left:0;position:absolute;width:calc(100% - 40px);z-index:5;background-color:#eee;padding:0;box-sizing:border-box;right:0;margin:0 auto} .full .control,.full_elementor .control{bottom:10px;width:calc(100% - 160px)} .btmControl{clear:both} .control .sound{width:30px;height:50px;float:left;cursor:pointer;text-align:center;line-height:50px;color:#fff;opacity:0.4;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .control .sound:hover{opacity:1} .control .sound i{line-height:50px} .control .sound.muted i:first-child{display:none} .control .sound.muted i:last-child{display:block} .control .sound i:last-child{display:none} .control .btnFS{width:50px;height:50px;float:left;cursor:pointer;text-align:center;line-height:50px;color:#fff;opacity:0.4;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .control .btnFS:hover{opacity:1} .progress-bar{background:rgba(255,255,255,0.5);box-sizing:border-box;float:left;height:auto;width:calc(100% - 123px);cursor:pointer;bottom:23px;position:absolute;left:23px;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out} .video-wrapper:hover .progress-bar{opacity:1} .progress{height:2px;max-width:100%;position:relative;width:100%} .progress span{height:100%;position:absolute;top:0;left:0;display:block} .timeBar{z-index:10;width:0;background:#fff} .bufferBar{z-index:5;width:0;background:rgba(255,255,255,0.2)} .video-btns{position:absolute;right:3px;bottom:0px;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .video-wrapper:hover .video-btns{opacity:1} .volume{position:relative;cursor:pointer;width:70px;height:10px;float:right;margin-top:10px;margin-right:10px} .volumeBar{display:block;height:100%;position:absolute;top:0;left:0} .button-box{line-height:16px;cursor:pointer;border:none;box-sizing:border-box;text-align:center;display:inline-block;position:relative} .text-align-center .button-box,.text-align-center.button-box{margin-left:10px;margin-right:10px;text-align:center} .text-align-center.button-box{display:flex;margin:auto } .button-content .submit-box{color:#fff} .ClaPat-button-wrap{display:flex;position:relative;justify-content:center;align-items:center;left:0;right:0;min-width:100px;height:60px} .ClaPat-button-wrap.circle{min-width:104px;height:104px} .text-align-center .ClaPat-button-wrap{margin:0 auto} .ClaPat-button{opacity:1} .button-border{height:50px;width:auto;border:solid 2px #000;background-color:#000;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;line-height:50px;overflow:hidden;color:#000;text-align:center;-webkit-transition:border 0.2s ease-out;transition:border 0.2s ease-out;box-sizing:initial !important} .light-content .button-border,.dark-section .button-border{border:solid 2px #fff;background-color:#fff} .light-content .light-section .button-border{border:solid 2px #000;background-color:#000} .light-content .button-border a,.dark-section .button-border a{color:#000} .light-content .light-section .button-border a{color:#fff} .button-border.rounded{border-radius:30px} .button-border.outline{border:solid 2px #000;color:#000;background-color:transparent} .light-content .button-border.outline,.dark-section .button-border.outline{border:solid 2px #fff;color:#fff;background-color:transparent} .light-content .light-section .button-border.outline{border:solid 2px #000;background-color:transparent} .ClaPat-button a{position:relative;display:block;height:100%} .light-content .button-border.outline a,.dark-section .button-border.outline a{color:#fff} .light-content .light-section .button-border.outline a{color:#000} .dark-content .light-section .button-border a{color:#fff} .dark-content .light-section .button-border.outline a{color:#000} .circle .button-border{border-radius:100px;height:100px;width:100px} .button-border span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;width:auto;text-align:center;transform-origin:100% 0%;padding:0 40px} .button-border span::before{position:absolute;width:100%;top:100%;left:0;content:attr(data-hover);text-align:center} .ClaPat-button:hover .button-border span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%} .ClaPat-button-wrap.circle:hover .button-border{border:solid 2px transparent} .ClaPat-button-wrap.circle .button-border input,.ClaPat-button-wrap.circle .button-border a{height:100px;width:100px;line-height:100px;text-align:center;padding:0;font-size:12px;cursor:pointer} .has-animation{opacity:0;-webkit-transition:translateY(30px);transform:translateY(30px)} .has-animation.has-scale{opacity:0;-webkit-transition:translateY(0px) scale(1.05);transform:translateY(0px) scale(1.05);transform-origin:50% 0;will-change:transform} .has-animation.has-scale-vertical{opacity:0;-webkit-transition:translateY(0px) scaleY(1.1);transform:translateY(0px) scaleY(1.1);transform-origin:50% 0;will-change:transform} .has-animation.has-cover{opacity:1;-webkit-transition:translateY(0px);transform:translateY(0px);overflow:hidden} .has-animation.has-cover::after{content:"";width:100%;height:100%;background-color:inherit;position:absolute;top:0;right:0;z-index:10;-webkit-transition:all .6s cubic-bezier(0.54,0.49,0.2,1.01);-o-transition:all .6s cubic-bezier(0.54,0.49,0.2,1.01);transition:all .6s cubic-bezier(0.54,0.49,0.2,1.01)} .has-animation.has-cover.animated::after{width:0} .has-animation.has-cover img{opacity:1;-webkit-transition:scale(1.05);transform:scale(1.05);-webkit-transition:all .6s cubic-bezier(0.54,0.49,0.2,1.01);-o-transition:all .6s cubic-bezier(0.54,0.49,0.2,1.01);transition:all .6s cubic-bezier(0.54,0.49,0.2,1.01)} .has-animation.has-cover.animated img{opacity:1;-webkit-transition:scale(1);transform:scale(1)} .has-mask{margin-bottom:10px} .has-mask span{display:inline-table;overflow:hidden} .has-mask span > span{display:inline-table;margin:0!important;line-height:inherit;height:inherit;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)} h1.big-title.has-mask span,h1.big-title.has-mask span > span{line-height:inherit;height:inherit;margin-right:12px} h1.has-mask span,h1.has-mask span > span{line-height:inherit;height:inherit;margin-right:12px} h2.has-mask span,h2.has-mask span > span{line-height:inherit;height:inherit;margin-right:10px} h3.has-mask span,h3.has-mask span > span{line-height:inherit;height:inherit;margin-right:8px} h4.has-mask span,h4.has-mask span > span{line-height:inherit;height:inherit;margin-right:7px} h5.has-mask span,h5.has-mask span > span{line-height:inherit;height:inherit;margin-right:6px} h6.has-mask span,h6.has-mask span > span{line-height:inherit;height:inherit;margin-right:5px} .has-mask-fill > span{position:relative;display:inline;-webkit-text-fill-color:rgba(0,0,0,0.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000);background-size:0% 100%} .has-mask-fill.block-title > span{display:block} .light-content .has-mask-fill > span,.dark-section .has-mask-fill > span{-webkit-text-fill-color:rgba(255,255,255,0.1);background-image:linear-gradient(#fff,#fff);} .light-content .light-section .has-mask-fill > span{-webkit-text-fill-color:rgba(0,0,0,0.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000)} .has-indent{text-indent:8vw} .has-span-indent{margin-right:30px;display:inline;vertical-align:top;line-height:inherit;font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;text-transform:initial;opacity:0.4} .has-hover-image{cursor:pointer;display:inline-block;position:relative} span.has-hover-image::before{content:'';position:absolute;bottom:1px;left:0;width:100%;height:2px;background:rgba(0,0,0,1);transform:scaleX(1);transform-origin:left;transition:transform .2s ease-out} .light-content span.has-hover-image::before,.dark-section span.has-hover-image::before{background:rgba(255,255,255,1)} .light-content .light-section span.has-hover-image::before{background:rgba(0,0,0,1)} span.has-hover-image:hover::before{transform:scaleX(0);transform-origin:right} span.has-hover-image .hover-reveal{left:0;width:400px;height:250px;overflow:hidden} span.has-hover-image.vertical .hover-reveal{width:300px;height:400px} .has-opacity span{opacity:0.2} .number-counter{position:relative;display:table} .number-counter::after{content:attr(data-symbol);line-height:inherit;top:0;position:absolute;left:calc(100% + 5px)} a.link{display:inline-block;position:relative} .light-content a.link{color:#fff} .light-content .light-section a.link{color:#000} a.link::before{content:'';position:absolute;bottom:1px;left:0;width:100%;height:2px;background:rgba(0,0,0,1);transform:scaleX(0);transform-origin:right;transition:transform .2s ease-out} h1 a.link::before{bottom:0px;height:3px} .light-content a.link::before,.dark-section a.link::before{background:rgba(255,255,255,1)} .light-content .light-section a.link::before{background:rgba(0,0,0,1)} a.link:hover::before{transform:scaleX(1);transform-origin:left} .box-icon-wrapper{display:table;position:relative;box-sizing:border-box;height:auto;width:100%} .box-icon{color:#000;position:relative;margin-top:0px;margin-bottom:10px;width:35px;height:35px;line-height:35px} .text-align-center .box-icon{margin:auto} .inline-boxes .box-icon{position:absolute} .box-icon i{position:relative;margin-bottom:0px;font-size:24px} .light-content .box-icon{color:#fff} .light-content .light-section .box-icon{color:#000} .box-icon:after{content:"";clear:both;display:table} .box-icon-content{position:relative;width:100%;box-sizing:border-box} .inline-boxes .box-icon-content{padding-left:45px} .box-icon h5{margin-bottom:5px} .parallax-image-content{position:relative;margin:0 auto;z-index:10;height:100%;width:100%;box-sizing:border-box} .parallax-image-content .outer{width:100%;margin:0 auto;padding-top:20px;padding-bottom:20px;box-sizing:border-box} .parallax-image-content img{width:100%;max-width:100%;height:auto;display:block} .rounded-borders .parallax-image-content img{border-radius:8px} .clients-table{position:relative;margin:0;display:flex;justify-content:space-between;flex-wrap:wrap;background-image:url("../images/clients-middle.webp");background-repeat:no-repeat;background-position:center center;background-size:contain} .light-content .clients-table,.dark-section .clients-table{background-image:url("../images/clients-middle-white.webp")} .light-content .light-section .clients-table{background-image:url("../images/clients-middle.webp")} .clients-table::before{content:"";position:absolute;width:100%;height:20px;top:0;left:0;background-image:url("../images/clients-top.webp");background-repeat:no-repeat;background-position:center center;background-size:contain} .light-content .clients-table::before,.dark-section .clients-table::before{background-image:url("../images/clients-top-white.webp")} .light-content .light-section .clients-table::before{background-image:url("../images/clients-top.webp")} .clients-table::after{content:"";position:absolute;width:100%;height:20px;bottom:0;left:0;background-image:url("../images/clients-bottom.webp");background-repeat:no-repeat;background-position:center center;background-size:contain} .light-content .clients-table::after,.dark-section .clients-table::after{background-image:url("../images/clients-bottom-white.webp")} .light-content .light-section .clients-table::after{background-image:url("../images/clients-bottom.webp")} .clients-table li{position:relative;display:block;width:calc(100% / 4 - 40px);height:auto;aspect-ratio:13/10;box-sizing:border-box;text-align:center;margin:20px;overflow:hidden;padding:30px} .clients-table li img{width:100%;height:100%;margin:0 auto;opacity:0.6;position:relative;display:block;object-position:center;object-fit:cover;transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s} .clients-table li:hover img{opacity:1} .clients-table.no-borders li{border:none} .overlay{display:block;position:absolute;width:100%;height:100%;top:00;left:0;color:#FFF;background-color:rgba(0,0,0,0.1);z-index:10;transform:scale(0.85);-webkit-transform:scale(0.85);opacity:0;transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;pointer-events:none} .light-content .clients-table .overlay,.dark-section .clients-table .overlay{background-color:rgba(255,255,255,0.05)} .light-content .light-section .clients-table .overlay{background-color:rgba(0,0,0,0.1)} .clients-table li:hover .overlay{transform:scale(0.95);-webkit-transform:scale(0.95);opacity:1} .accordion{padding:20px 0;padding-top:0;margin:0} .accordion.bigger-acc,.light-content .accordion.bigger-acc,.dark-section .accordion.bigger-acc,.light-content .light-section .accordion.bigger-acc{border-top:none;border-bottom:none;padding:0px 0} .accordion dt{position:relative;display:flex;align-items:center;cursor:pointer;padding:0px;margin-bottom:0px;margin-top:20px;padding-top:20px;font-size:20px;line-height:30px;font-weight:500;-webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;z-index:10;border-top:1px solid rgba(0,0,0,0.1)} .accordion.bigger-acc dt{font-size:calc(1rem + 1vw);line-height:calc(1rem + 1.5vw);margin-top:40px;padding-top:40px} .uppercase-titles .accordion.bigger-acc dt{text-transform:uppercase} .light-content .accordion dt,.dark-section .accordion dt{border-top:1px solid rgba(255,255,255,0.2)} .light-content .light-section .accordion dt{border-top:1px solid rgba(0,0,0,0.1)} .accordion dt:first-child{margin-top:0px;border-top:none} .accordion dt span{width:calc(100% - 30px);position:relative;overflow:hidden;display:block;padding:0px;color:#000;font-family:inherit} .accordion:not(.bigger-acc) dt span em{font-family:inherit} .accordion.bigger-acc dt span{font-family:inherit} .accordion.bigger-acc dt span > div{position:relative;display:table;float:left;width:auto;-webkit-text-fill-color:rgba(0,0,0,0.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000);background-size:100% 100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s} .accordion.bigger-acc:hover dt span > div{transition:all 0.15s ease 0s;-webkit-transition:all 0.15s ease 0s;background-size:0% 100%} .accordion.bigger-acc:hover dt:hover span > div,.accordion.bigger-acc:hover dt.accordion-active span > div{background-size:100% 100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s} .light-content .accordion.bigger-acc dt span > div,.dark-section .accordion.bigger-acc dt span > div{-webkit-text-fill-color:rgba(255,255,255,0.1);background-image:linear-gradient(#fff,#fff);} .light-content .light-section .accordion.bigger-acc dt span > div{-webkit-text-fill-color:rgba(0,0,0,0.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000)} .light-content .accordion dt span,.dark-section .accordion dt span{color:#fff} .light-content .light-section .accordion dt span{color:#000} .accordion .accordion-content{margin-bottom:0;font-size:16px;color:#000;font-weight:400;line-height:28px;padding-left:0;padding-right:80px;padding-top:10px;padding-bottom:5px;z-index:0;position:relative} .accordion.bigger-acc .accordion-content{font-size:18px;line-height:30px} .light-content .accordion .accordion-content,.dark-section .accordion .accordion-content{color:#ccc} .light-content .light-section .accordion .accordion-content{color:#444} .acc-icon-wrap{width:30px;height:30px;display:flex;position:relative;justify-content:center;align-items:center;float:none;opacity:1;-webkit-transition:opacity 0.2s ease 0s;transition:opacity 0.2s ease 0s} .accordion.bigger-acc .acc-icon-wrap{height:50px;width:50px} .accordion dt:hover .acc-icon-wrap,.accordion dt.accordion-active .acc-icon-wrap{opacity:1} .acc-button-icon{height:30px;width:30px;color:#000;text-align:center;line-height:30px;font-size:12px;background:rgba(0,0,0,0.1);border-radius:50px;-webkit-transition:background 0.2s ease 0s,color 0.2s ease 0s;transition:background 0.2s ease 0s,color 0.2s ease 0s} .accordion.bigger-acc .acc-button-icon{height:50px;width:50px;line-height:50px;font-size:16px;background:rgba(0,0,0,0.1);border-radius:50px} .accordion dt:hover .acc-button-icon,.accordion dt.accordion-active .acc-button-icon{background:rgba(0,0,0,1);color:#fff} .light-content accordion .acc-button-icon,.dark-section .accordion .acc-button-icon{background:rgba(255,255,255,0.1)} .light-content .accordion dt:hover .acc-button-icon,.dark-section .accordion dt.accordion-active .acc-button-icon{background:rgba(255,255,255,1);color:#000} .light-content .light-section accordion .acc-button-icon{background:rgba(0,0,0,0.1)} .light-content .light-section dt:hover .acc-button-icon,.light-content .light-section .accordion dt.accordion-active .acc-button-icon{background:rgba(0,0,0,1);color:#fff} .light-content .accordion .acc-button-icon,.dark-section .accordion .acc-button-icon{color:#fff} .light-content .light-section .accordion .acc-button-icon{color:#000} .acc-button-icon i{height:30px;line-height:30px;width:30px;text-align:center;-webkit-transition:transform 0.2s ease 0s;transition:transform 0.2s ease 0s} dt.accordion-active .acc-button-icon i{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .justified-gallery{box-sizing:border-box;padding:0 0px;width:calc(100% + 20px) !important;margin-left:-10px} .collage-thumb{position:relative;overflow:hidden;cursor:pointer} .collage-thumb:hover .thumb-info{opacity:1;bottom:-5px} .thumb-info{position:absolute;bottom:-10px;left:0;width:100%;opacity:0;color:#fff!important;padding:50px 20px 20px;box-sizing:border-box;font-size:12px;font-weight:500;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.55)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#a6000000',GradientType=0 )} .team-members-list{position:relative;top:0;left:0;width:100%;box-sizing:border-box;margin:0 auto;padding:0px;overflow:hidden;pointer-events:none} .team-members-list li{list-style:none;position:relative;margin:0;width:100%;cursor:pointer;pointer-events:initial;padding:10px 0px 40px 0px;box-sizing:border-box;border-bottom:1px solid;border-color:rgba(0,0,0,0.1)} .team-members-list li:last-child{border-bottom:0px solid} .light-content .team-members-list li,.dark-section .team-members-list li{border-color:rgba(255,255,255,0.15)} .light-content .light-section .team-members-list li{border-color:rgba(0,0,0,0.1)} .full > .team-members-list li,.full_elementor .team-members-list li{padding:10px 80px 40px 80px} .team-member{font-size:calc(1rem + 8vw);line-height:calc(1rem + 7.5vw);font-weight:500;position:relative;display:table;margin-bottom:0px;vertical-align:top;width:100%;z-index:10} .full > .team-member,.full_elementor .team-member{font-size:calc(1rem + 4.15vw);line-height:calc(1rem + 5.5vw)} .team-member > div{position:relative;display:table;margin:0 auto;width:auto;-webkit-text-fill-color:rgba(0,0,0,0.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000);background-size:100% 100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s} .uppercase-titles .team-member > div{text-transform:uppercase} .team-members-list:hover li .team-member > div{transition:all 0.15s ease 0s;-webkit-transition:all 0.15s ease 0s;background-size:0% 100%} .team-members-list:hover li:hover .team-member > div{background-size:100% 100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s} .light-content .team-member > div,.dark-section .team-member > div{-webkit-text-fill-color:rgba(255,255,255,0.1);background-image:linear-gradient(#fff,#fff);} .light-content .light-section .team-member > div{-webkit-text-fill-color:rgba(0,0,0,0.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000)} .light-section .team-member{color:#000} .dark-section .team-member{color:#fff} .team-members-list:hover li .team-member{opacity:0.3} .team-members-list li:hover .team-member{opacity:1} .team-member span{font-size:16px;font-weight:500;line-height:inherit;position:absolute;left:0;top:0;color:#000;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s} .team-member span:last-child{left:auto;right:0} .team-members-list:hover li .team-member > span{opacity:0.3} .team-members-list:hover li:hover .team-member > span{opacity:1} .light-section .team-member span{color:#000} .dark-section .team-member span{color:#fff} .team-members-list .hover-reveal{position:fixed;width:300px;height:400px;pointer-events:none;opacity:0} .swiper-container.team-looped-carousel{cursor:grab} .drag-cursor .swiper-container.team-looped-carousel{cursor:grabbing} .team-looped-carousel .swiper-slide{text-align:left} .team-caption{position:absolute;bottom:0;left:0;width:100%;height:auto;box-sizing:border-box;padding:10px 30px 30px 30px} .team-caption h5,.team-caption p{margin-bottom:0} .text-align-center #contact-formular #recruitment-form{margin:0 auto;max-width:800px} #contact-formular::after{clear:both;content:" ";display:table} #recruitment-form::after{clear:both;content:" ";display:table} #contactform{position:relative} .name-box,.email-box,.message-box{position:relative;display:block} .name-box,.email-box{width:47%;float:left;margin-bottom:20px;margin-right:6%;position:relative} .name-box::after,.email-box::after{clear:both;content:" ";display:table} .email-box{margin-right:0px} .message-box{float:left;width:100%;margin-top:60px} .verify-box{float:left;width:100%;margin-bottom:60px} .text-align-center .verify-box{float:none;width:auto;text-align:center;display:table;margin:0 auto;margin-bottom:60px} .verify-sum{margin:0;padding:0;float:left} .verify-sum li{list-style:none;display:block;float:left;color:#fff;width:34px;height:34px;line-height:34px;text-align:center;border-radius:3px;background-color:#000;margin-bottom:0} .light-content .verify-sum li,.dark-section .verify-sum li{color:#000;background-color:#fff} .light-content .light-section .verify-sum li{color:#fff;background-color:#000} .verify-sum li:nth-child(2),.verify-sum li:nth-child(4){width:30px;color:#444;background-color:transparent} .light-content .verify-sum li:nth-child(2),.light-content .verify-sum li:nth-child(4),.dark-section .verify-sum li:nth-child(2),.dark-section .verify-sum li:nth-child(4){color:#fff;background-color:transparent} .light-content .light-section .verify-sum li:nth-child(2),.light-content .light-section .verify-sum li:nth-child(4){color:#444;background-color:transparent} input#verify{float:left;width:34px;padding:0;height:34px;text-align:center;line-height:34px;border:none;border-radius:3px;background-color:#000;color:#fff} .light-content input#verify,.dark-section input#verify{background-color:#fff;color:#000} .light-content .light-section input#verify{background-color:#000;color:#fff} #contact-formular .required{float:left;width:auto;font-size:14px;line-height:34px;margin-left:20px;margin-bottom:0} #contact-formular .text-align-center .required{float:left;margin-left:0;display:block;clear:both;text-align:center;width:100%;padding-top:10px} input,textarea{color:rgba(0,0,0,1);font-family:'Poppins',sans-serif;font-size:16px;font-weight:500;height:50px;padding:12px 20px 12px 20px;padding-left:0;width:100%;border-radius:0px;margin-bottom:0px;border:none;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;box-sizing:border-box;background-color:transparent;outline:none;border-bottom:1px solid rgba(0,0,0,0.3)} .bigger-form input,.bigger-form textarea{font-size:48px;font-weight:500;height:100px;padding:0} input[type="search"]{padding-left:0px} .light-content input,.light-content textarea,.dark-section input,.dark-section textarea{color:rgba(255,255,255,1);border-bottom:1px solid rgba(255,255,255,0.3)} .light-content .light-section input,.light-content .light-section textarea{color:rgba(0,0,0,1);border-bottom:1px solid rgba(0,0,0,0.3)}::placeholder,.light-content .light-section::placeholder{color:#000;opacity:1} .light-content::placeholder,.dark-section::placeholder{color:#fff;opacity:1} .light-content:-ms-input-placeholder,.dark-section:-ms-input-placeholder{color:#fff} .light-content .light-section:-ms-input-placeholder{color:#000;opacity:1} .light-content::-ms-input-placeholder{color:#fff}:-ms-input-placeholder{color:#000} .input_label{background-color:#000;height:2px;left:0;position:absolute;top:49px;width:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} .bigger-form .input_label{top:99px} .light-content .input_label,.dark-section .input_label{background-color:#fff} .light-content .light-section .input_label{background-color:#000} .input_label.slow{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out} input:focus + .input_label,textarea:focus + .input_label{width:100%} input:focus,textarea:focus{color:#000} .light-content input:focus,.light-content textarea:focus,.dark-section input:focus,.dark-section textarea:focus{color:#fff} .light-content .light-section input:focus,.light-content .light-section textarea:focus{color:#000} textarea{resize:none;margin-bottom:0;height:50px;box-sizing:border-box;padding:14px 20px 6px 20px;padding-left:0;margin-bottom:40px} textarea:after{background-color:#000;content:"";height:2px;left:0px;position:absolute;top:20px;width:100%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} input[type="submit"]{margin:0;background:transparent;border:none;color:#fff;font-family:'Poppins',sans-serif;font-size:18px;font-weight:500;padding-left:50px;padding-right:50px;height:100%} .light-content input[type="submit"],.dark-section input[type="submit"]{color:#000} .light-content .light-section input[type="submit"]{color:#fff} .outline input[type="submit"]{color:#000} .light-content .outline input[type="submit"],.dark-section .outline input[type="submit"]{color:#fff} .light-content .light-section .outline input[type="submit"]{color:#000} .error_message{margin-bottom:30px;font-size:13px;color:#e93735;font-weight:bold} #success_page p,#success_page p strong{color:#fff;margin-top:20px} #message fieldset{border:none} #map_canvas{display:block;height:100vh;position:relative;width:100%} .rounded-borders #map_canvas{border-radius:8px;overflow:hidden} #hero-image.bgrelative #map_canvas{position:relative!important} .gmnoprint a,.gmnoprint span,.gm-style-cc{display:none} .gmnoprint div{background:none !important} .gm-style button{display:none!important} .services-icon i{font-size:24px;margin-bottom:20px} .service-info-text{margin-bottom:40px} .flex-lists-wrapper,.flex-list-wrapper{position:relative;display:block;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important;overflow:hidden;border-top:1px solid rgba(255,255,255,0.15)} .light-content .flex-lists-wrapper,.dark-section .flex-lists-wrapper,.light-content .flex-list-wrapper,.dark-section .flex-list-wrapper{border-top:1px solid rgba(255,255,255,0.15)} .light-content .light-section .flex-lists-wrapper,.light-content .light-section .flex-list-wrapper{border-top:1px solid rgba(0,0,0,0.1)} .flex-list{position:relative;padding:35px 80px;margin:0;display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,0.1)} .light-content .flex-list,.dark-section .flex-list{border-bottom:1px solid rgba(255,255,255,0.15)} .light-content .light-section .flex-list{border-bottom:1px solid rgba(0,0,0,0.1);background-color:#fff} .flex-list::after{content:"";position:absolute;width:100%;height:0;left:0;bottom:0;z-index:0;background-color:#000;-webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s} .light-content .flex-list::after,.dark-section .flex-list::after{background-color:#fff} .light-content .light-section .flex-list::after{background-color:#000} .flex-list:hover::after{height:100%} .flex-list > span{z-index:10;mix-blend-mode:difference;color:#fff} .flex-list-left{width:15%;text-align:left} .flex-list-center{width:70%;font-size:20px;text-align:center} .flex-list-right{width:15%;text-align:right} .fw-gallery .wrapper-gallery{display:inline-flex;align-items:flex-end;margin:0;padding:0;clear:both} .bw-gallery .wrapper-gallery{display:inline-flex;align-items:flex-start;margin:0;padding:0} .moving-gallery li{position:relative;width:25vw;padding-left:10px;padding-right:10px;box-sizing:border-box;margin:10px 0;list-style:none} .fw-gallery.random-sizes li:first-child,.bw-gallery.random-sizes li:first-child{padding-left:0px} .fw-gallery.random-sizes li:last-child,.bw-gallery.random-sizes li:last-child{padding-right:0px} .fw-gallery.random-sizes li:nth-child(1){width:25vw} .fw-gallery.random-sizes li:nth-child(2){width:30vw} .fw-gallery.random-sizes li:nth-child(3){width:45vw} .fw-gallery.random-sizes li:nth-child(4){width:25vw} .bw-gallery.random-sizes li:nth-child(1){width:25vw} .bw-gallery.random-sizes li:nth-child(2){width:45vw} .bw-gallery.random-sizes li:nth-child(3){width:30vw} .bw-gallery.random-sizes li:nth-child(4){width:25vw} .moving-gallery li img{height:auto;margin:0px} .moving-gallery li img{border:1px solid rgba(255,255,255,0.15)} .rounded-borders .moving-gallery li img{border-radius:12px} .moving-gallery-caption{position:absolute;height:auto;padding:30px;box-sizing:border-box;text-align:center;bottom:0;left:0;right:0;opacity:0;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s} .moving-gallery li:hover .moving-gallery-caption{opacity:0.4} .zoom-gallery{position:relative;margin:0;padding:0;clear:both;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:1000%;width:calc(100vw);height:auto;pointer-events:none} .zoom-wrapper-gallery{position:relative;border-right:0px solid #f00;box-sizing:border-box;margin:0;padding:0 70px;clear:both;width:100%;height:auto;display:flex;justify-content:center} .zoom-wrapper-gallery li{position:relative;display:block;box-sizing:border-box;padding:0 10px;margin:0;list-style:none;z-index:0;width:50%;max-width:50%;height:100%;float:left;display:flex;align-items:center} .zoom-wrapper-gallery li.zoom-center{z-index:1} .zoom-wrapper-gallery li .zoom-img-wrapper{box-sizing:border-box;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden;background-color:rgb(102,102,102)} .rounded-borders .zoom-wrapper-gallery li .zoom-img-wrapper{border-radius:8px} .zoom-wrapper-gallery.end-state li.zoom-center .zoom-img-wrapper{} .zoom-wrapper-gallery li .zoom-img-wrapper img{width:100%;height:100%;position:relative;display:block;z-index:100;object-position:center;object-fit:cover} .zoom-wrapper-thumb{width:100%;height:100vh;position:absolute;top:0;display:block} .zoom-wrapper-thumb .zoom-img-wrapper{width:100%;height:100%;position:absolute;overflow:hidden} .rounded-borders .zoom-wrapper-thumb .zoom-img-wrapper{border-radius:8px} .zoom-wrapper-thumb .zoom-img-wrapper img{width:100%;height:100%;position:relative;display:block;z-index:100;object-position:center;object-fit:cover} .slowed-pin{position:relative;overflow:hidden} .slowed-pin > .pin-spacer{pointer-events:none} .slowed-text{position:absolute;height:auto;min-height:100vh;width:100%;max-width:980px;display:flex;align-items:center;flex-direction:column;justify-content:center;box-sizing:border-box;padding:8vw 20px;z-index:1;pointer-events:none;margin:auto;left:0;right:0} .slowed-text-wrapper{position:relative;display:block} .slowed-images{position:relative;top:0;width:100%;height:auto;box-sizing:border-box;overflow:hidden;z-index:0;margin:auto} .slowed-image{position:relative;width:100%;height:auto;box-sizing:border-box;padding:0 0px;margin:150px 0;display:flex;align-items:flex-start;flex-direction:column} .slowed-image:nth-of-type(2n+2){align-items:flex-end} .slowed-image img{width:auto;max-width:40%!important;height:auto!important;display:block;cursor:pointer;margin-bottom:10px;-webkit-transform:scale(0.95) translateY(30%);transform:scale(0.95) translateY(30%)} .rounded-borders .slowed-image img{border-radius:8px} .panels{position:relative;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:calc(100vw)!important} .panels-container{position:relative;height:100vh;display:-webkit-box;display:-ms-flexbox;justify-content:flex-start;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0;overflow:hidden;box-sizing:border-box} .panels-container > .panel{position:relative;width:auto;height:100%;margin:0 10px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;flex-direction:column} .panels-container > .panel:first-child{margin-left:80px} .panels-container > .panel:last-child{margin-right:80px} .panels-container .panel img{width:100%;height:100%;position:relative;display:block;object-position:center;object-fit:cover} .rounded-borders .panels-container .panel img{border-radius:8px} .panels-container .panel:first-child img{margin-left:0px} .panels-container .panel:last-child img{margin-right:0px} #team-panels .panel-content-wrapper{position:relative;width:auto;height:60%;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;flex-direction:column;padding-left:30px;padding-right:30px} #team-panels .panels-container .panel:first-child .panel-content-wrapper{padding-left:80px} #team-panels .panels-container .panel:last-child .panel-content-wrapper{padding-right:80px} #team-panels .panel-content{position:absolute;width:100%;height:auto;display:block;box-sizing:border-box;padding:10px 30px;bottom:-50px;left:0;pointer-events:none} #team-panels .panels-container .panel:first-child .panel-content-wrapper .panel-content{padding-left:80px} #team-panels .panels-container .panel:last-child .panel-content-wrapper .panel-content{padding-right:80px} .team-name-panel,.team-cat-panel{font-size:18px;line-height:24px;display:table;width:auto;float:left} .team-cat-panel{font-size:14px;opacity:0.6;float:right} #team-panels .panels-container .panel .panel-image{width:auto;height:100%;position:relative;overflow:hidden} #team-panels .panels-container .panel img{height:100%;margin:0} .rounded-borders #team-panels .panels-container .panel img{border-radius:8px} .pinned-image{box-sizing:border-box;padding-bottom:300px;position:relative} .pinned-image:first-child{padding-top:0} .pinned-image:last-child{z-index:10;padding-bottom:0px} .rounded-borders .pinned-image img{border-radius:8px} .reveal-gallery{position:relative;width:50%;height:auto;display:flex;justify-content:center;align-items:center;margin:0 auto} .reveal-img{width:auto;height:auto;position:absolute;display:block;top:0;left:auto;right:auto;margin:auto;z-index:0;opacity:0.95} .reveal-img-fixed{width:50%;max-width:600px;position:relative;margin:0 auto;z-index:10} .reveal-img:first-child{left:0;transform:rotate(-4deg)} .reveal-img:last-child{right:0;transform:rotate(4deg)} .reveal-gallery img{width:auto;height:auto;max-width:100%;max-height:100%;position:relative;display:block;object-position:center;object-fit:contain;margin:auto} .rounded-borders .reveal-gallery img{border-radius:8px} @media (max-width:768px){.reveal-gallery{width:103%} } .clipped-image-wrapper{position:relative;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important;overflow:hidden} .clipped-image-pin{position:relative;display:block} .clipped-image-size{width:100%;height:100%;position:relative;display:block} .clipped-image{position:relative;z-index:0;width:100vw;height:100vh;display:block;overflow:hidden;clip-path:circle(22%);margin:0 auto} .clipped-image img{width:100%;height:100%!important;position:relative;display:block;z-index:0;object-position:center;object-fit:cover} .clipped-image-gradient{position:absolute;height:30%;width:100%;bottom:0;opacity:0;background-color:#000;z-index:10;-webkit-mask-image:linear-gradient(transparent,black 85%);mask-image:linear-gradient(transparent,black 85%)} .clipped-image-content{position:relative;width:100%;height:auto;padding-bottom:40px;margin:0 auto;z-index:10} .carousel-shortcode-wrapper{position:relative;display:inline-block;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important;height:auto} .carousel-shortcode-pin{position:relative;height:100%;width:100%;top:0;left:0;display:block} .carousel-shortcode-thumbs{position:relative;height:100vh;width:100%;padding:20px 40px;margin:0 auto;display:flex;text-align:center;align-items:center;justify-content:center;box-sizing:border-box;z-index:10;mask-image:linear-gradient(#0000,black 15%,black 85%,#0000 100%);-webkit-mask-image:linear-gradient(#0000,black 15%,black 85%,#0000 100%);pointer-events:none} .carousel-shortcode-thumbs .ClaPat-item{width:calc(20% - 80px);margin:60px 40px} .carousel-shortcode-thumbs.is_active .ClaPat-item{pointer-events:initial} .carousel-shortcode-thumbs .ClaPat-item .slide-inner{padding-top:0;width:100%;height:auto;margin:0;overflow:visible;aspect-ratio:10/14} .carousel-shortcode-caption{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;z-index:0} .carousel-shortcode-title-hide,.carousel-shortcode-title-show{position:absolute;font-size:calc(1rem + 4.15vw);line-height:calc(1rem + 4.5vw);font-weight:500;display:block;width:auto} .uppercase-titles .carousel-shortcode-title-hide,.uppercase-titles .carousel-shortcode-title-show{text-transform:uppercase} .carousel-shortcode-title-show{position:relative;font-size:calc(1rem + 1.15vw);line-height:calc(1rem + 1.5vw)} .light-content .carousel-shortcode-title-hide,.dark-section .carousel-shortcode-title-hide,.light-content .carousel-shortcode-title-show,.dark-section .carousel-shortcode-title-show{color:#fff} .light-content .light-section .carousel-shortcode-title-hide,.light-content .light-section .carousel-shortcode-title-show{color:#000} .carousel-shortcode-title-hide div,.carousel-shortcode-title-show div{position:relative;display:block;overflow:hidden} .carousel-shortcode-title-hide span{position:relative;display:block;opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)} .carousel-shortcode-title-show span{position:relative;display:block;opacity:0;transform:translateY(200px);-webkit-transform:translateY(200px)} .carousel-shortcode-cta{position:relative;display:block;opacity:0;transform:scale(1) translateY(50px);-webkit-transform:scale(1) translateY(50px)} .list-rotator-wrapper{position:relative;display:block;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important;overflow:hidden} .list-rotator-title{position:absolute;margin:0 auto;display:table;top:45px;left:0;right:0;padding-top:45px;z-index:100;line-height:20px;font-size:14px;font-weight:500;color:#fff;padding:4px 16px;box-sizing:border-box;border-radius:30px;opacity:0} .list-rotator-height{display:flex;justify-content:center;pointer-events:none;position:relative} .list-rotator-pin{position:relative;height:100vh;width:100%;mask-image:linear-gradient(#0000 0%,#0000 5%,#0000 5%,black 20%,black 85%,#0000 99%,#0000 99%,#0000 100%);-webkit-mask-image:linear-gradient(#0000 0%,#0000 5%,#0000 5%,black 20%,black 85%,#0000 99%,#0000 99%,#0000 100%)} .list-rotator{position:relative;display:block;width:100%;height:auto;box-sizing:border-box;padding-top:20vh;padding-bottom:15vh;margin:0} .list-rotator li{color:#000;list-style:none;position:relative;width:100%;text-align:center;font-size:calc(1rem + 8vw);line-height:calc(1rem + 7.5vw);margin:0;opacity:1} .list-rotator li.in-view{opacity:1} .light-content .list-rotator li,.dark-section .list-rotator li{color:#fff} .light-content .light-section .list-rotator li{color:#000} .move-thumbs-wrapper{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important} .start-thumbs-caption{position:relative;width:100%;height:50vh;display:flex;align-items:center;justify-content:center;flex-direction:column} .start-thumbs-wrapper{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;padding:0 40px} .start-move-thumb{box-sizing:border-box;position:relative;width:calc(25% - 80px);height:calc(25vw - 40px);margin:0 40px;margin-bottom:40px} .start-move-thumb:nth-of-type(3n + 2){width:calc(15% - 80px);height:calc(15vw - 40px);margin-top:50vh} .start-move-thumb:nth-of-type(3n + 3){width:calc(35% - 80px);height:calc(35vw - 40px);margin-top:25vh} .start-move-thumb .overlapping-image-inner{width:100%;height:100%;position:absolute;top:0} .end-move-thumb .move-thumb-inner{width:100%;height:100%;position:absolute;top:0} .rounded-borders .start-move-thumb .move-thumb-inner,.rounded-borders .end-move-thumb .move-thumb-inner{border-radius:12px;overflow:hidden} .end-thumbs-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:100vh;padding-left:40px;padding-right:40px;box-sizing:border-box} .end-move-thumb{box-sizing:border-box;position:relative;width:calc(33.33% - 80px);height:calc(33.33vw - 80px);display:flex;align-items:center;justify-content:center;margin:40px} @media only screen and (max-width:1466px){.button-border span{padding:0 26px} .clients-table li{width:calc(100% / 4 - 40px);margin:20px;padding:0} .accordion.bigger-acc dt{margin-top:30px;padding-top:30px} .accordion.bigger-acc dt:first-child{padding-top:30px} .full > .team-members-list li,.full_elementor .team-members-list li{padding:40px 60px} .team-members-list .hover-reveal{width:250px;height:333px} span.has-hover-image .hover-reveal{width:300px;height:188px} span.has-hover-image.vertical .hover-reveal{width:250px;height:333px} .flex-list{padding:35px 60px} .panels-container > .panel:first-child{margin-left:60px} .panels-container > .panel:last-child{margin-right:60px} .zoom-wrapper-gallery{padding:0 50px} .start-thumbs-wrapper{padding:0 30px} .start-move-thumb{width:calc(25% - 60px);height:calc(25vw - 30px);margin:0 30px;margin-bottom:30px} .start-move-thumb:nth-of-type(3n + 2){width:calc(15% - 60px);height:calc(15vw - 30px);margin-top:50vh} .start-move-thumb:nth-of-type(3n + 3){width:calc(35% - 60px);height:calc(35vw - 30px);margin-top:25vh} .end-thumbs-wrapper{padding-left:30px;padding-right:30px} .end-move-thumb{width:calc(33.33% - 60px);height:calc(33.33vw - 60px);margin:30px} } @media only screen and (max-width:1024px){.content-slider.looped-carousel .ClaPat-slide{padding:0 40px} .content-slider.small-looped-carousel .ClaPat-slide{padding:0 40px} .disable-cursor .full .looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .looped-carousel .ClaPat-controls{width:calc(100% - 80px)} .disable-cursor .full .small-looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .small-looped-carousel .ClaPat-controls{width:calc(100% - 80px);max-width:520px} textarea{margin-bottom:30px} .full .video-wrapper video.bgvid,.full_elementor .video-wrapper video.bgvid{position:relative;margin-top:0;left:0;transform:translateX(0) translateY(0)} .full .control,.full_elementor .control{bottom:10px;width:calc(100% - 100px)} #map_canvas{height:50vh} .clients-table li{width:calc(100% / 4);margin:0px;padding:0} .clients-table li:hover .overlay{transform:scale(0.85);-webkit-transform:scale(0.85);opacity:1} .accordion dt span{max-width:none} .accordion .accordion-content{padding-right:0} .accordion.bigger-acc dt{margin-top:30px;padding-top:30px} .accordion.bigger-acc dt:first-child{padding-top:30px} .full > .team-members-list li,.full_elementor .team-members-list li{padding:40px 40px} .team-members-list .hover-reveal{width:200px;height:266px} .team-member{font-size:calc(1rem + 12vw);line-height:calc(1rem + 11.5vw)} span.has-hover-image .hover-reveal{width:250px;height:156px} span.has-hover-image.vertical .hover-reveal{width:200px;height:266px} .has-animation.has-cover img{-webkit-transition:scale(1);transform:scale(1)} .flex-list{padding:30px 40px} .panels-container > .panel:first-child{margin-left:40px} .panels-container > .panel:last-child{margin-right:40px} .zoom-wrapper-gallery{padding:0 30px} .list-rotator-pin{height:auto} .list-rotator li{font-size:calc(1rem + 12vw);line-height:calc(1rem + 11.5vw)} .start-thumbs-wrapper{padding:0 20px} .start-move-thumb,.start-move-thumb:nth-of-type(3n+2),.start-move-thumb:nth-of-type(3n+3){width:calc(33.33% - 40px);height:calc(33.33vw - 40px);margin:25px 20px} .end-thumbs-wrapper{display:none} } @media only screen and (max-width:767px){.content-slider.looped-carousel .ClaPat-slide{padding:0 30px} .content-slider.small-looped-carousel .ClaPat-slide{padding:0 30px} .disable-cursor .full .looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .looped-carousel .ClaPat-controls{width:calc(100% - 60px)} .disable-cursor .full .small-looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .small-looped-carousel .ClaPat-controls{width:calc(100% - 60px);max-width:540px} .content-slider .ClaPat-pagination-bullet .parallax-wrap{width:20px;height:20px} .content-slider .ClaPat-pagination-bullet .parallax-wrap{width:20px;height:20px} .video-wrapper{max-height:50vh} .control{display:none} .name-box,.email-box{width:100%;margin-right:0} .clients-table li{width:50%} .clients-table::before,.clients-table::after{height:10px} .empty-space,.empty-space.tx{height:60px} input[type="text"],textarea{font-size:14px} .accordion dt{font-size:18px} .accordion.bigger-acc dt{margin-top:25px;padding-top:25px} .accordion.bigger-acc dt:first-child{padding-top:25px} .accordion.bigger-acc .acc-button-icon{height:30px;width:30px;line-height:30px;font-size:12px;border-radius:30px} .acc-button-icon i{height:30px;line-height:30px;width:30px} .full > .team-members-list li,.full_elementor .team-members-list li{padding:30px 30px} .team-member > div{float:none;margin:0px;margin-top:10px;margin-bottom:4px} .team-member span{position:relative;float:none;line-height:24px} .team-member{font-size:calc(1rem + 13vw);line-height:calc(1rem + 12.5vw)} .team-members-list .hover-reveal{width:150px;height:200px} span.has-hover-image .hover-reveal{width:200px;height:125px} span.has-hover-image.vertical .hover-reveal{width:150px;height:200px} .flex-list{padding:30px 30px;flex-direction:column} .flex-list-left,.flex-list-center,.flex-list-right{width:100%;text-align:left;line-height:30px} .slowed-image{margin:100px 0} .slowed-image img{max-width:50%!important} .moving-gallery li{width:50vw} .panels-container > .panel:first-child{margin-left:30px} .panels-container > .panel:last-child{margin-right:30px} .zoom-wrapper-gallery{padding:0 20px} .list-rotator li{font-size:calc(1rem + 13vw);line-height:calc(1rem + 12.5vw)} .start-thumbs-wrapper{padding:0 15px} .start-move-thumb,.start-move-thumb:nth-of-type(3n+2),.start-move-thumb:nth-of-type(3n+3){width:calc(50% - 30px);height:calc(50vw - 30px);margin:10px 15px} } @media only screen and (max-width:479px){.pinned-section .pin-spacer{width:100%!important} .pinned-element{float:none;width:100%;margin:0} .pinned-element.left{padding-right:0px;margin-bottom:40px} .pinned-element.right{padding-left:0px} .scrolling-element{position:relative;float:none;width:100%;margin:0} .scrolling-element.left{padding-right:0px;margin-bottom:40px} .scrolling-element.right{padding-left:0px} .content-slider.looped-carousel .ClaPat-slide{padding:0 20px} .content-slider.small-looped-carousel .ClaPat-slide{padding:0 20px} .disable-cursor .full .looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .looped-carousel .ClaPat-controls{width:calc(100% - 40px)} .disable-cursor .full .small-looped-carousel .ClaPat-controls,.disable-cursor .full_elementor .small-looped-carousel .ClaPat-controls{width:calc(100% - 40px);max-width:560px} .ClaPat-button{margin-bottom:20px} .full > .team-members-list li,.full_elementor .team-members-list li{padding:30px 20px} .team-member{font-size:calc(1rem + 14vw);line-height:calc(1rem + 13.5vw)} .team-members-list .hover-reveal{width:100px;height:133px} .accordion.bigger-acc dt{margin-top:20px;padding-top:20px} .accordion.bigger-acc dt:first-child{padding-top:20px} span.has-hover-image .hover-reveal{width:150px;height:94px} span.has-hover-image.vertical .hover-reveal{width:100px;height:133px} .flex-list{padding:20px} .moving-gallery li{width:60vw} .panels-container > .panel:first-child{margin-left:20px} .panels-container > .panel:last-child{margin-right:20px} .zoom-wrapper-gallery{padding:0 10px} .list-rotator li{font-size:calc(1rem + 14vw);line-height:calc(1rem + 13.5vw)} .start-thumbs-wrapper{padding:0 10px} .start-move-thumb,.start-move-thumb:nth-of-type(3n+2),.start-move-thumb:nth-of-type(3n+3){width:calc(50% - 20px);height:calc(50vw - 20px);margin:5px 10px} } main{overflow:hidden } main .cd-main-content>div{height:100%;min-height:100vh} main .cd-main-content{width:100%} main .cd-main-content.cd-index>div{vertical-align:middle } main .cd-main-content.cd-index::after{background-color:rgba(64,137,166,0);background-image:-webkit-linear-gradient(bottom,#4089a6,rgba(64,137,166,0));background-image:linear-gradient(to top,#4089a6,rgba(64,137,166,0)) } main .cd-main-content.cd-index::before{background-color:rgba(64,137,166,0);background-image:-webkit-linear-gradient(top,#4089a6,rgba(64,137,166,0));background-image:linear-gradient(to bottom,#4089a6,rgba(64,137,166,0)) } main .cd-main-content.cd-about{background-color:#fff } main .cd-main-content.cd-about>div{padding-top:50px } main .cd-main-content.cd-about::after{background-color:rgba(40,48,64,0);background-image:-webkit-linear-gradient(bottom,#283040,rgba(40,48,64,0));background-image:linear-gradient(to top,#283040,rgba(40,48,64,0)) } main .cd-main-content.cd-about::before{background-color:rgba(40,48,64,0);background-image:-webkit-linear-gradient(top,#283040,rgba(40,48,64,0));background-image:linear-gradient(to bottom,#283040,rgba(40,48,64,0)) } .cd-cover-layer,.cd-cover-layer.invisible{background-color:transparent } .cd-cover-layer{position:fixed;z-index:5000;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:101%;width:101%;opacity:0;visibility:hidden;-webkit-transition:opacity .4s .4s,visibility 0s .4s;-moz-transition:opacity .4s .4s,visibility 0s .4s;transition:opacity .6s 0s,visibility 0s .4s } .page-is-changing .cd-cover-layer{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s .3s,visibility 0s 0s } .flexnav,.flexnav li ul{width:100%;margin:0 } .flexnav,.flexnav li{margin:0 } .flexnav li,.flexnav li ul li{font-size:100% } .flexnav .touch-button:hover,.menu-button{cursor:pointer } .flexnav{-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;-webkit-transform-style:preserve-3d;overflow:hidden;max-height:0 } .flexnav.opacity{opacity:0 } .flexnav.flexnav-show{max-height:2000px;opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out } .flexnav.one-page{position:fixed;top:50px;right:5%;max-width:200px } .flexnav li,.flexnav li a,.flexnav li ul li{position:relative;overflow:hidden } .flexnav li a{background:#fff;border-bottom:1px solid rgba(0,0,0,.05);color:#222;display:block;padding:20px 0;z-index:2 } .oldie .flexnav li ul.open ul.open,.oldie .flexnav ul li:hover ul{margin-left:100%;top:0 } .flexnav li ul.flexnav-show li,.oldie .flexnav,.oldie .flexnav li,.oldie .flexnav li a{overflow:visible } .flexnav li ul li a{background:#fff;display:block;padding:20px } .flexnav ul li ul li a{background:#bfbfbc } .flexnav ul li ul li ul li a{background:#cbcbc9 } .flexnav .touch-button{background:rgba(0,0,0,0);display:inline-block;height:60px;position:absolute;right:0;text-align:right;top:0;width:60px;z-index:999 } .flexnav .touch-button .navicon{position:relative;top:1.8em;font-size:12px;color:#666 } .menu-button{background:0 0;border-bottom:medium none;box-sizing:border-box;color:#222;display:block;font-size:14px;font-weight:400;height:60px;line-height:60px;padding:0 50px;position:relative;text-align:right;text-transform:uppercase;z-index:0 } .no-button .menu-button{padding-right:0 } .menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px } .menu-button .touch-button{background:0 0;display:none;position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;text-align:center } .menu-button .touch-button .navicon{font-size:16px;position:relative;top:1em;color:#666 } @media all and (min-width:1025px){.flexnav li a,.flexnav li ul li a{border-bottom:none } .flexnav,.flexnav li{overflow:visible } body.one-page{padding-top:70px } .flexnav.opacity{opacity:1 } .flexnav.one-page{top:0;right:auto;max-width:1080px } .flexnav li{position:relative;list-style:none;float:left;display:block;background-color:#a6a6a2 } .flexnav li a{border-left:1px solid #acaca1 } .flexnav li>ul{position:absolute;top:auto;left:0 } .flexnav li ul li>ul,.flexnav li ul.open ul.open{margin-left:100%;top:0 } .flexnav li>ul li{width:100% } .flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1 } .flexnav li ul.open li{overflow:visible;max-height:100px } .menu-button{display:none } } .oldie body.one-page{padding-top:70px } .oldie .flexnav.one-page{top:0;right:auto;max-width:1080px } .oldie .flexnav li{position:relative;list-style:none;float:left;display:block;background-color:#a6a6a2;width:20%;min-height:50px } .oldie .flexnav li:hover>ul{display:block;width:100%;overflow:visible } .oldie .flexnav li:hover>ul li{width:100%;float:none } .oldie .flexnav li a{border-left:1px solid #acaca1;border-bottom:none } .oldie .flexnav li>ul{background:#acaca1;position:absolute;top:auto;left:0;display:none;z-index:1;overflow:visible } .oldie .flexnav li ul.open,.oldie .flexnav li ul.open ul.open{display:block;width:100%;overflow:visible } .oldie .flexnav li ul li ul{top:0 } .oldie .flexnav li ul li a{border-bottom:none } .oldie .flexnav li ul.open li{width:100% } .oldie .menu-button{display:none } .oldie.ie7 .flexnav li{width:19.9% } [data-tooltip]{position:relative } [data-tooltip]::after,[data-tooltip]::before{position:absolute;display:block;opacity:0;pointer-events:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;line-height:12px } [data-tooltip]::before{content:attr(data-tooltip);font-size:12px;font-weight:500;font-family:Poppins,sans-serif;color:#000;padding:5px;border-radius:5px;white-space:nowrap;text-decoration:none;text-align:left } .light-content [data-tooltip]::before{color:#fff } [data-tooltip]::after{width:0;height:0;border:6px solid transparent;content:'' } [data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1 } [data-tooltip][data-placement=left]::before{top:32%;right:100%;margin-right:35px } [data-tooltip][data-placement=left]:hover::before{margin-right:-2px;-webkit-transition:all .3s ease-out .5s;transition:all .3s ease-out .5s } [data-tooltip][data-placement=top]::before{top:16%;right:100%;margin-right:0;width:200px;height:16px;transform:translateX(147px) translateY(-170px) rotate(-90deg) } [data-tooltip][data-placement=top]:hover::before{transform:translateX(147px) translateY(-140px) rotate(-90deg);-webkit-transition:all .3s ease-out .5s;transition:all .3s ease-out .2s } [data-tooltip][data-placement=right]::before{top:32%;left:100%;margin-left:35px } [data-tooltip][data-placement=right]:hover::before{margin-left:-2px;-webkit-transition:all .3s ease-out .5s;transition:all .3s ease-out .5s } @media only screen and (max-width:479px){[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:0 } } .jssocials-shares{margin:.2em 0 } .jssocials-shares *{box-sizing:border-box } .jssocials-share{display:inline-block;vertical-align:middle;margin:0} .jssocials-share:last-child{margin-right:0 } .jssocials-share-logo{width:1em;vertical-align:middle;font-size:1em} img.jssocials-share-logo{width:auto;height:1em } .jssocials-share-link{display:block;text-align:center;text-decoration:none;width:60px;height:60px;line-height:60px} .jssocials-share-link.jssocials-share-link-count{padding-top:.2em } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count{display:block;font-size:.6em;margin:0 -.5em -.8em } .jssocials-share-link.jssocials-share-no-count{padding-top:.5em } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count{height:1em } .jssocials-share-label{padding-left:.3em;vertical-align:middle } .jssocials-share-count-box{display:inline-block;height:1.5em;padding:0 .3em;line-height:1;vertical-align:middle;cursor:default } .jssocials-share-count-box.jssocials-share-no-count{display:none } .jssocials-share-count{line-height:1.5em;vertical-align:middle } .justified-gallery{width:100%;position:relative;overflow:hidden } .justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1;margin:0;padding:0 } .justified-gallery>a>a>img,.justified-gallery>a>img,.justified-gallery>div>a>img,.justified-gallery>div>img,.justified-gallery>figure>a>img,.justified-gallery>figure>img{position:relative;top:50%;left:50%;margin:0;margin-top:0!important;padding:0;border:none;filter:"alpha(opacity=0)";opacity:0 } .justified-gallery>a>.caption,.justified-gallery>div>.caption,.justified-gallery>figure>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif } .justified-gallery>.entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0 } .justified-gallery>.entry-visible>a>img,.justified-gallery>.entry-visible>img{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in } .justified-gallery>.jg-filtered{display:none } .justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial } .justified-gallery>.spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#fff;border-radius:6px } .ClaPat-img-popup,.ClaPat-video-popup{position:fixed;height:100%;width:100%;z-index:10000;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center} .ClaPat-img-popup-viewport{position:absolute;display:flex;box-sizing:border-box;padding:80px 40px;margin:0 auto;text-align:left;z-index:100;height:auto;width:auto;align-items:center;justify-content:center;pointer-events:none} .ClaPat-video-popup-viewport{position:absolute;display:flex;box-sizing:border-box;padding:0;margin:0 auto;text-align:left;z-index:100;height:auto;width:calc(100% - 80px);max-width:900px;align-items:center;justify-content:center;pointer-events:none} .ClaPat-video-popup-viewport::before{float:left;padding-top:56.25%;content:""} .ClaPat-img-popup-preloader,.ClaPat-video-popup-preloader{display:block;position:absolute;margin:0 auto;width:80px;height:80px} .ClaPat-img-popup-preloader div,.ClaPat-video-popup-preloader div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)} .ClaPat-img-popup-preloader div:nth-child(1),.ClaPat-video-popup-preloader div:nth-child(1){left:8px;animation:ClaPat-img-popup-preloader1 0.6s infinite} .ClaPat-img-popup-preloader div:nth-child(2),.ClaPat-video-popup-preloader div:nth-child(2){left:8px;animation:ClaPat-img-popup-preloader2 0.6s infinite} .ClaPat-img-popup-preloader div:nth-child(3),.ClaPat-video-popup-preloader div:nth-child(3){left:32px;animation:ClaPat-img-popup-preloader2 0.6s infinite} .ClaPat-img-popup-preloader div:nth-child(4),.ClaPat-video-popup-preloader div:nth-child(4){left:56px;animation:ClaPat-img-popup-preloader3 0.6s infinite} @keyframes ClaPat-img-popup-preloader1{0%{transform:scale(0)} 100%{transform:scale(1)} } @keyframes ClaPat-img-popup-preloader3{0%{transform:scale(1)} 100%{transform:scale(0)} } @keyframes ClaPat-img-popup-preloader2{0%{transform:translate(0,0)} 100%{transform:translate(24px,0)} } .ClaPat-img-popup img{position:relative;max-width:100%;max-height:calc(100vh - 160px);width:auto;height:auto;margin:0 auto;z-index:10;pointer-events:initial} .ClaPat-video-popup iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:initial} .rounded-borders .ClaPat-img-popup img{border-radius:8px} .ClaPat-img-popup-bg-close,.ClaPat-video-popup-bg-close{position:absolute;display:block;height:100%;width:100%;left:0;top:0;right:0;bottom:0} .ClaPat-img-popup-close{position:absolute;width:40px;height:40px;right:20px;top:60px;background-color:rgba(0,0,0,1);color:#fff;opacity:0;border-radius:20px;z-index:100;cursor:pointer;pointer-events:initial;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out} .ClaPat-video-popup-close{position:absolute;width:40px;height:40px;right:-20px;top:-20px;background-color:rgba(0,0,0,1);color:#fff;opacity:0;border-radius:20px;z-index:100;cursor:pointer;pointer-events:initial;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out} .ClaPat-img-popup-close:hover,.ClaPat-video-popup-close:hover{background-color:rgba(0,0,0,1)} .ClaPat-img-popup-close::after,.ClaPat-video-popup-close::after{font:var(--fa-font-solid);content:"\f00d";font-size:16px;line-height:40px;text-align:center;position:absolute;left:0;width:100%;height:100%} .ClaPat-img-popup-prev,.ClaPat-video-popup-prev{position:absolute;width:26px;height:50px;left:60px;background-color:rgba(0,0,0,1);color:#fff;opacity:0;border-radius:4px;z-index:100;cursor:pointer;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out} .ClaPat-img-popup-prev:hover,.ClaPat-video-popup-prev:hover{background-color:rgba(0,0,0,1)} .ClaPat-img-popup-prev::after,.ClaPat-video-popup-prev::after{font:var(--fa-font-solid);content:"\f104";font-size:16px;line-height:50px;text-align:center;position:absolute;left:0;width:100%;height:100%} .ClaPat-img-popup-next,.ClaPat-video-popup-next{position:absolute;width:26px;height:50px;right:60px;background-color:rgba(0,0,0,1);color:#fff;opacity:0;border-radius:4px;z-index:100;cursor:pointer;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out} .ClaPat-img-popup-next:hover,.ClaPat-video-popup-next:hover{background-color:rgba(0,0,0,1)} .ClaPat-img-popup-next::after,.ClaPat-video-popup-next::after{font:var(--fa-font-solid);content:"\f105";font-size:16px;line-height:50px;text-align:center;position:absolute;left:0;width:100%;height:100%} @media only screen and (max-width:1466px){} @media only screen and (max-width:1024px){} @media only screen and (max-width:767px){} @media only screen and (max-width:479px){.ClaPat-img-popup-viewport{padding:60px 23px} .ClaPat-video-popup-viewport{width:calc(100% - 60px)} .ClaPat-img-popup img{max-height:calc(100vh - 120px)} .ClaPat-img-popup-close{right:3px;top:40px } .ClaPat-img-popup-prev{left:10px} .ClaPat-img-popup-next{right:10px} } .floating-btn{position:fixed;right:max(12px,1.8vw);bottom:0;width:52px;height:52px;background-color:rgba(0,0,0,0.72);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;border:1px solid rgba(0,212,255,0.7);box-shadow:0 0 8px rgba(0,0,0,0),0 0 16px rgba(0,0,0,0),0 0 28px rgba(0,0,0,0);transition:transform 0.25s ease,box-shadow 0.25s ease} @media (hover:hover){.floating-btn:hover{background-color:rgba(0,212,255,0.85);color:#000;transform:scale(1.12);box-shadow:0 0 12px rgba(0,212,255,0.9),0 0 22px rgba(0,212,255,0.75),0 0 40px rgba(0,212,255,0.65)} } #call-btn{bottom:max(30px,5vh)} #quote-btn{bottom:max(95px,12vh)} body{overflow-x:hidden} .language-switcher{color:#fff;transition:color 0.3s ease;cursor:pointer} .language-switcher i,.language-switcher span{color:inherit} .language-switcher{position:fixed;top:25px;right:40px;z-index:9999;padding:5px 10px;border-radius:5px;color:white;cursor:pointer;font-size:14px;display:flex;align-items:center} .language-switcher i{margin-right:5px} [lang="ar"]{font-family:'Tajawal',sans-serif;direction:rtl;text-align:right} @media screen and (min-width:1440px){.language-switcher{position:fixed;top:45px;right:200px} } @media screen and (min-width:1024px) and (max-width:1439px){.language-switcher{top:45px;right:200px} } @media screen and (min-width:768px) and (max-width:1023px){.language-switcher{top:35px;right:150px} } @media screen and (max-width:767px){.language-switcher{top:24px;right:50px} } .verify-box2{justify-content:center;align-items:center;margin:10px auto;transform:scale(0.5);transform-origin:center} .consent-text{font-size:22px;text-align:center;margin:0;padding:5px} .form-group select{width:75%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;box-sizing:border-box} .form-group{margin-bottom:15px} .form-group label{display:block;margin-bottom:5px;color:#fff} .form-group input{width:75%;padding:10px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#000 !important;font-size:16px} .form-group input[type="submit"]{background-color:#fff;color:#000;border:1px solid #ddd;cursor:pointer} .form-group input[type="submit"]:hover{background-color:#f0f0f0} .google-btn{background-color:#fff;color:#000;border:1px solid #ddd;cursor:pointer;padding:10px;width:75%;text-align:center;border-radius:4px;justify-content:center;align-items:center} .google-btn img{margin-right:10px} .hidden-widget{display:none} .slider-button-next,.slider-button-prev{width:40px;height:40px;cursor:pointer;z-index:1001} .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:url('https://upload.wikimedia.org/wikipedia/commons/4/42/YouTube_icon_%282013-2017%29.png') no-repeat center center;background-size:contain;z-index:10} .page-about #cookies-modal-container,.page-concept #cookies-modal-container,.page-contact #cookies-modal-container,.page-imprint #cookies-modal-container,.page-portfolio #cookies-modal-container,.page-privacy-policy #cookies-modal-container{display:none !important} #hero-video{position:relative;width:100%;height:100vh;overflow:hidden} .fullscreen-video{position:absolute;top:50%;left:50%;width:100vw;height:100vh;object-fit:cover;transform:translate(-50%,-50%);z-index:1} .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2} .dynamic-title-overlay{position:absolute;top:50%;left:5%;transform:translateY(-50%);width:90%;text-align:left;color:white;z-index:3} .dynamic-title-overlay .role{font-size:2rem;margin-bottom:10px;width:100%;opacity:0;transition:opacity 0.14s ease-in} .dynamic-title-overlay .title{font-size:3rem;font-weight:bold;width:100%;opacity:0;transition:opacity 0.15s ease-in} @media (max-width:768px){.dynamic-title-overlay{width:95%;left:5%} .dynamic-title-overlay .role{font-size:1.5rem} .dynamic-title-overlay .title{font-size:2rem} } .hero-footer{z-index:100} html,body{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;height:100%;width:100%;color:#444;background-color:#fff;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none} html{box-sizing:border-box;margin-right:0px!important;overflow:visible!important} body{overflow:hidden;overflow-y:scroll;-webkit-transition:opacity 0.2s ease-in-out 0.2s;transition:opacity 0.2s ease-in-out 0.2s} body.smooth-scroll{overflow:hidden} body.has-slider{overflow:hidden} body.hidden{opacity:0} .main111{-webkit-transition:background 0.5s ease-in-out 0s;transition:background 0.5s ease-in-out 0s} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;outline:0;padding:0;vertical-align:baseline} article,aside,details,figcaption,footer,header,hgroup,nav,section{display:block} audio{display:inline-block;max-width:100%} address{font-style:italic;margin-bottom:24px} abbr[title]{border-bottom:1px dotted #2b2b2b;cursor:help} b,strong{font-weight:600;color:#000} .light-content b,.light-content strong,.dark-section b,.dark-section strong{font-weight:600;color:#fff} .light-content .light-section b,.light-content .light-section strong{font-weight:600;color:#000} cite,dfn,em,i{font-style:italic} mark,ins{background:none repeat scroll 0 0 #000;text-decoration:none;color:#fff;padding:2px 8px;display:inline-block;border-radius:2px} .light-content mark,.light-content ins,.dark-section mark,.dark-section ins{background:none repeat scroll 0 0 #fff;color:#000} .light-content .light-section mark,.light-content .light-section ins{background:none repeat scroll 0 0 #111;color:#fff} code,kbd,tt,var,samp,pre{font-family:monospace,serif;font-size:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6} pre{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;background-color:rgba(0,0,0,0.05) } .light-content pre,.dark-section pre{background-color:rgba(255,255,255,0.05);color:#fff} .light-content .light-section pre{background-color:rgba(0,0,0,0.05);color:#000} blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:"";content:none} blockquote{color:#000;line-height:1.6;font-size:1.5rem;margin-bottom:2.1875rem;font-weight:500;padding-left:3.5rem;margin:0 0 1.5625rem;position:relative} .light-content blockquote,.dark-section blockquote{color:#fff} .light-content .light-section blockquote{color:#000} blockquote::before{content:"\275D";position:absolute;left:0;top:5px;line-height:1;font-size:3rem;font-weight:500} blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5} .light-content blockquote cite,.light-content blockquote small{color:#fff} blockquote em,blockquote i,blockquote cite{font-style:normal} blockquote strong,blockquote b{font-weight:600} small{font-size:smaller} big{font-size:125%} sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline} sup{bottom:1ex} sub{top:.5ex} dl{margin-bottom:24px} dt{font-weight:bold} dd{margin-bottom:24px} ul,ol{list-style:none;margin:0 0 24px 20px} ul,ol{list-style:none;margin:20px 0 25px 20px} ul{list-style:disc} ol{list-style:decimal} li > ul,li > ol{margin:20px 0px 15px 25px} li{line-height:20px;color:#444;margin-bottom:25px} .light-content li,.dark-section li{color:#ccc} .light-content .light-section li{color:#444} figure{margin:0;position:relative;display:block} figure.has-parallax{overflow:hidden} .full figure.has-parallax{overflow:hidden;height:100vh} figure img{max-width:100%} .has-parallax-content > img,.has-parallax > img{width:100%;height:100%;position:absolute;display:block;object-position:center;object-fit:cover} figcaption{background-color:rgba(0,0,0,0.3);bottom:0px;color:#fff;font-weight:400;font-size:10px;padding:5px 10px;position:absolute;right:0px;z-index:10;border-radius:0} fieldset{border:1px solid rgba(0,0,0,0.1);margin:0 0 24px;padding:0} legend{white-space:normal} button,input{line-height:normal} input,textarea{background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))} button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{padding:0} input[type="search"]{-webkit-appearance:textfield} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin-bottom:24px;width:100%;color:#444} thead,.light-content .light-section thead{background-color:rgba(0,0,0,1);color:#fff} .light-content thead,.dark-section thead{background-color:rgba(255,255,255,1)} thead tr,.light-content .light-section thead tr{color:#fff} .light-content thead tr,.dark-section thead tr{color:#000} tr,.light-content .light-section tr{color:#444} .light-content tr,.dark-section tr{color:#CCC} tr:nth-child(2n),.light-content .light-section tr:nth-child(2n){background-color:rgba(0,0,0,0.05)} .light-content tr:nth-child(2n),.dark-section tr:nth-child(2n){background-color:rgba(255,255,255,0.1)} caption,th,td{font-weight:normal;text-align:left} th{border-width:0 1px 1px 0;padding:10px} td{border-width:0 1px 1px 0;padding:10px} del{color:#767676} hr{border:0;height:28px;width:100%;float:none;margin:0;display:inline-block;opacity:1!important;-webkit-transition:translateY(0px)!important;transform:translateY(0px)!important} hr.animated-line{height:1px;padding-top:20px;padding-bottom:20px} hr.animated-line:before{content:"";display:block;width:0;height:1px;background:rgba(0,0,0,0.1)} .light-content hr.animated-line:before,.dark-section hr.animated-line:before{background:rgba(255,255,255,0.15)} .light-content .light-section hr.animated-line:before{background:rgba(0,0,0,0.1)} hr.animated.animated-line:before{width:100%;-webkit-transition:width 0.7s ease-in-out 0.1s;transition:width 0.7s ease-in-out 0.1s} hr:after{clear:both;content:" ";display:block;height:0;visibility:hidden}::selection{background:#000;color:#fff;text-shadow:none}::-moz-selection{background:#000;color:#fff;text-shadow:none} img{border:0 none;max-width:100%;vertical-align:middle;height:auto} h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;color:#000;margin-bottom:20px} .primary-font-title{font-family:'Six Caps',sans-serif;text-transform:lowercase;font-weight:500;letter-spacing:1px} .primary-font-title1{font-family:'Six Caps',sans-serif;text-transform:lowercase;font-weight:500;letter-spacing:3px} @media only screen and (max-width:600px){.primary-font-title1{font-size:3em;letter-spacing:3px} } .big-title{font-size:calc(1rem + 8vw);line-height:calc(1rem + 7.5vw)} .fixed-title{font-size:calc(1rem + 8vw);line-height:calc(1rem + 7.5vw);margin-bottom:100vh;display:flex;align-items:center;justify-content:center;height:100vh} .fixed-title.primary-font-title{font-size:calc(1rem + 24.15vw);line-height:calc(1rem + 22vw)} .fixed-title div{display:inline-block;white-space:nowrap} .fixed-title span{display:block;opacity:0.1;margin-top:0;min-width:3rem;box-sizing:border-box;display:inline-block;transform-origin:bottom center} h1{font-size:calc(1rem + 4.15vw);line-height:calc(1rem + 4.5vw)} h2{font-size:calc(1rem + 3vw);line-height:calc(1rem + 3.5vw)} h3{font-size:calc(1rem + 2vw);line-height:calc(1rem + 2.5vw)} h4{font-size:calc(1rem + 1vw);line-height:calc(1rem + 1.6vw)} h5{font-size:calc(1rem + 0.6vw);line-height:calc(1rem + 1.5vw)} h6{font-size:18px;line-height:36px} h6.has-icon{padding-left:20px;box-sizing:border-box;display:inline-block;width:auto;position:relative} h6.has-icon::before{font:var(--fa-font-solid);content:"\f101";font-size:12px;line-height:inherit;text-align:left;position:absolute;left:0} .no-margins{margin:0} .light-content h1,.light-content h2,.light-content h3,.light-content h4,.light-content h5,.light-content h6,.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff} .light-content .light-section h1,.light-content .light-section h2,.light-content .light-section h3,.light-content .light-section h4,.light-content .light-section h5,.light-content .light-section h6{color:#000} p{font-size:18px;line-height:28px;font-weight:500;margin-bottom:20px;color:#999} .light-content p,.dark-section p{color:#999} .light-content .light-section p{color:#999} .bigger{font-size:26px;line-height:42px} .smaller{font-size:12px;line-height:24px} .container{max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box} .container::after{clear:both;content:" ";display:table} a:hover,a:active{outline:0;color:#000} a,.light-content .light-section a{text-decoration:none;color:#000;outline:0} .light-content a,.dark-section a,.white-header a{color:#fff} .light-content .white-header a{color:#000} a:hover{text-decoration:none} .one_half{width:48%!important} .one_third{width:30.6%!important} .one_fourth{width:22%!important} .one_fifth{width:16.8%!important} .one_sixth{width:13.33%!important} .two_fifth{width:37.6%!important} .two_fourth{width:48%!important} .two_third{width:65.33%!important} .three_fifth{width:58.4%!important} .three_fourth{width:74%!important} .four_fifth{width:79.2%!important} .five_sixth{width:82.67%!important} .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{float:left!important;margin-bottom:1px!important;margin-right:4%!important;position:relative!important} .last{margin-right:0px!important} .text-align-left{text-align:left} .text-align-center{text-align:center} .text-align-right{text-align:right} .outer{display:table;width:100%;height:100%} .inner{display:table-cell;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .light-section-wrapper,.dark-section-wrapper{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important} .light-section-container,.dark-section-container{position:relative;box-sizing:border-box;width:100%;margin:0 auto} .content-row{position:relative;width:100%;margin:0 auto;z-index:1;opacity:1;box-sizing:border-box} .clip-effects{overflow:hidden;clip-path:inset(4% 10% round 40px)} .content-row::after{clear:both;content:" ";display:table} .small{max-width:820px;width:100%;margin:0 auto} .large{max-width:1380px;width:100%;margin:0 auto} .full{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;max-width:1000%!important;width:100vw!important} .row_padding_top{padding-top:9vw} .row_padding_bottom{padding-bottom:9vw} .row_padding_left{padding-left:80px} .row_padding_right{padding-right:80px} .row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:80px;padding-right:80px} #rotate-device{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;background-color:#0f1010;background-image:url(media/videos/rotate.webp);background-size:100px 100px;background-position:center;background-repeat:no-repeat;display:none} i.arrow-icon{border:solid #000;border-width:0px 3px 3px 0px;box-sizing:border-box;display:block;position:relative;top:0px;left:0px;height:20px;width:20px} .light-content i.arrow-icon,.dark-content .item i.arrow-icon{border:solid #fff;border-width:0px 3px 3px 0px} .light-content .change-header i.arrow-icon,.dark-content .change-header i.arrow-icon{border:solid #000;border-width:0px 3px 3px 0px} i.arrow-icon::after{content:"";position:absolute;width:28px;height:3px;top:7px;left:-6px;background-color:#000;transform:rotate(45deg);-webkit-transform:rotate(45deg)} .light-content i.arrow-icon:after,.light-content .change-header i.arrow-icon::after,.dark-content .item i.arrow-icon::after{background-color:#fff} .light-content .change-header i.arrow-icon::after,.dark-content .change-header i.arrow-icon::after{background-color:#000} i.arrow-icon-down{border:solid #222;border-width:0px 2px 2px 0px;box-sizing:border-box;display:block;position:relative;top:14px;left:14px;height:12px !important;width:12px !important;line-height:12px !important} i.arrow-icon-down.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)} i.arrow-icon-down::after{content:"";position:absolute;width:16px;height:2px;top:4px;left:-3px;background-color:#222;transform:rotate(45deg);-webkit-transform:rotate(45deg)} .light-content i.arrow-icon-down{border:solid #fff;border-width:0px 2px 2px 0px} .light-content i.arrow-icon-down::after{background-color:#fff} i.arrow-icon-up{border:solid #222;border-width:2px 2px 0px 0px;box-sizing:border-box;display:block;position:relative;top:14px;left:14px;height:12px !important;width:12px !important;line-height:12px !important} i.arrow-icon-up.right{transform:rotate(45deg);-webkit-transform:rotate(45deg)} i.arrow-icon-up::after{content:"";position:absolute;width:16px;height:2px;top:4px;left:-3px;background-color:#222;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .light-content i.arrow-icon-up{border:solid #fff;border-width:2px 2px 0px 0px} .light-content i.arrow-icon-up::after{background-color:#fff} #magic-cursor{position:absolute;left:0;top:0;width:30px;height:30px;pointer-events:none;z-index:10000;-webkit-transition:opacity 0.2s ease-in-out 0.5s;transition:opacity 0.2s ease-in-out 0.5s} .hidden-ball #magic-cursor{opacity:0!important;visibility:hidden} #ball{position:fixed;width:80px;height:80px;border:2px solid #999999;border-radius:50%;pointer-events:none;opacity:1;box-sizing:border-box;-webkit-transform:scale(0.5);transform:scale(0.5)} .light-content #ball,#ball.over-movie,.light-content #ball.with-icon{border:2px solid #999999;border-color:#999999} #ball.with-blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} #ball:before{font:var(--fa-font-solid);content:"\f106";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:-42px;color:#999;opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:all 0.15s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content #ball:before{color:#999} #ball::after{font:var(--fa-font-solid);content:"\f107";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:100px;color:#999;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.15s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content #ball:before,.light-content #ball:after{color:#999} .scale-up #ball:before,.scale-drag-horizontal #ball:before{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s} .scale-drag-horizontal #ball:before{color:#fff} .scale-up #ball:after,.scale-drag-horizontal #ball:after{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1) 0s} .scale-drag-horizontal #ball:after{color:#fff} .scale-up.scale-none #ball:before,.scale-up.scale-none #ball:after{opacity:0} #ball-drag-x{position:absolute;width:72px;height:72px;pointer-events:none;opacity:1;box-sizing:border-box} #ball-drag-x::before{font:var(--fa-font-solid);content:"\f053";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:-37px;top:30px;color:#000;opacity:0;transform:translateX(-20px);-webkit-transform:translateX(-20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content #ball-drag-x:before{color:#fff} #ball-drag-x::after{font:var(--fa-font-solid);content:"\f054";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;right:-40px;left:auto;top:30px;color:#000;opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content #ball-drag-x:before,.light-content #ball-drag-x:after{color:#fff} .drag-cursor-white #ball-drag-x:before,.drag-cursor-white #ball-drag-x:after{color:#fff} .drag-cursor-black #ball-drag-x:before,.drag-cursor-black #ball-drag-x:after{color:#000} .scale-drag-x #ball-drag-x:before{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .scale-drag-x #ball-drag-x:after{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .scale-up.scale-drag #ball-drag-x:before,.scale-up.scale-drag #ball-drag-x:after{opacity:0} #ball-drag-y{position:absolute;width:72px;height:72px;pointer-events:none;opacity:1;box-sizing:border-box} #ball-drag-y:before{font:var(--fa-font-solid);content:"\f077";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:-40px;color:#000;opacity:0;transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content #ball-drag-y:before{color:#fff} #ball-drag-y::after{font:var(--fa-font-solid);content:"\f078";font-size:14px;width:8px;height:16px;line-height:16px;text-align:center;position:absolute;left:32px;top:100px;color:#000;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content #ball-drag-y:before,.light-content #ball-drag-y:after{color:#fff} .scale-drag-y #ball-drag-y:before{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .scale-drag-y #ball-drag-y:after{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .scale-up.scale-drag #ball-drag-y:before,.scale-up.scale-drag #ball-drag-y:after{opacity:0} #ball i{color:#fff;width:76px;height:80px;line-height:78px;text-align:center;font-size:14px;display:block;opacity:1;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} #ball{display:flex;flex-direction:column;justify-content:center} #ball p{color:#fff;width:auto;height:16px;line-height:16px;padding-top:0px;padding-left:0px;box-sizing:border-box;margin:0 auto;margin-bottom:0;text-align:center;font-size:10px;font-weight:600;display:flex;flex-direction:column;align-self:center;opacity:1;position:relative;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content #ball p{color:#fff} #ball p.center-first::before{content:"[";font-size:12px;font-weight:500;position:absolute;height:20px;top:calc(50% - 10px);left:-8px;line-height:20px} #ball p.center-first::after{content:"]";font-size:12px;font-weight:500;position:absolute;height:20px;top:calc(50% - 10px);right:-8px;line-height:20px} .light-content #ball i,#ball.over-movie i,.light-content #ball.with-icon i{color:#fff} .drag-cursor-white #ball i,.drag-cursor-white #ball.with-icon i{color:#fff} .drag-cursor-black #ball i,.drag-cursor-black #ball.with-icon i{color:#000} .light-content #ball.with-icon.dark-icon i{color:#000} .scale-up #ball i{opacity:0;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} #ball.with-icon i{width:76px} #ball.with-icon i:nth-child(2){display:none} #ball.close-icon i{width:75px;height:76px;font-size:14px} #ball.over-movie i.fa-play,#ball.over-movie.pause-movie i.fa-pause{display:block} #ball.over-movie i.fa-pause,#ball.over-movie.pause-movie i.fa-play{display:none} #ball-loader{width:100px;height:100px;position:absolute;background-color:transparent;border-right:4px solid transparent;border-bottom:4px solid #999999;border-left:4px solid transparent;border-top:4px solid transparent;border-radius:100px;box-sizing:border-box;opacity:0;-webkit-transform:translate(-14px,-14px) rotate(0deg);transform:translate(-14px,-14px) rotate(0deg);-webkit-animation:rotating 0.8s ease-in-out infinite;animation:rotating 0.8s ease-in-out infinite;-webkit-transition:opacity 0s ease-in-out 0s;transition:opacity 0s ease-in-out 0s} .light-content #ball-loader{border-bottom:4px solid #999999} .show-loader #ball-loader{opacity:1;-webkit-transition:opacity 0.2s ease-in-out 0s;transition:opacity 0.2s ease-in-out 0s} @keyframes rotating{0%{-webkit-transform:translate(-14px,-14px)rotate(0deg);transform:translate(-14px,-14px)) rotate(0deg)} 95%{-webkit-transform:translate(-14px,-14px) rotate(350deg);transform:translate(-14px,-14px) rotate(350deg)} 100%{-webkit-transform:translate(-14px,-14px) rotate(360deg);transform:translate(-14px,-14px) rotate(360deg)} } .show-loader a,.show-loader nav,.scale-up a,.scale-up .hide-ball,scale-up .link,.scale-up .button-wrap,.scale-up #burger-wrapper,.scale-up .disable-drag,.scale-drag a,.scale-drag .move-title{pointer-events:none!important} .disable-cursor #magic-cursor{display:none} #ball i.arrow-icon{border:solid #fff;border-width:3px 3px 0px 0px;box-sizing:border-box;display:block;position:absolute;top:28px;left:30px;height:20px;width:20px} .light-content #ball i.arrow-icon{border:solid #fff;border-width:3px 3px 0px 0px} #ball i.arrow-icon:after{content:"";position:absolute;width:30px;height:3px;top:8px;left:-8px;background-color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)} .light-content #ball i.arrow-icon:after{background-color:#fff} .disable-ajaxload .preloader-wrap{display:none} .preloader-wrap{width:100%;height:100%;position:fixed;top:0;bottom:0;background:#000;z-index:1800;text-align:center} .preloader-wrap .outer{padding:0px;box-sizing:border-box} .preloader-wrap .inner{vertical-align:middle;box-sizing:border-box} .percentage-wrapper{position:relative;display:block;text-align:center;float:left;width:auto;overflow:hidden;z-index:10;mix-blend-mode:difference} .percentage{opacity:1;font-size:16px;line-height:60px;width:50px;font-weight:500;color:#fff;display:table;margin:0 auto;margin-top:1px;opacity:0;text-align:center} .percentage::after{content:"%"} .percentage-intro{height:20px;font-size:16px;font-weight:500;line-height:20px;color:rgba(255,255,255,0.6);position:absolute;bottom:60px;left:0;right:0;margin:0 auto} .trackbar{width:100%;height:100%;clip-path:inset(45% 40% 45% 40%);margin:0 auto;display:flex;position:absolute;top:0;left:0;padding:0 80px;box-sizing:border-box;opacity:1;background:rgba(255,255,255,0.05)} .loadbar{width:0;height:100%;background:#fff;position:absolute;top:0px;left:0;right:auto;overflow:hidden;z-index:0} .loadbar-inner{width:100%;height:100%;background:#000;position:absolute;top:0px;left:auto;right:auto;overflow:hidden;z-index:20;clip-path:circle(0%)} .hold-progress-bar{width:0%;height:0px;background:rgba(0,0,0,1);position:absolute;top:0px;left:0;right:0;overflow:hidden} .preloader-intro{position:relative;display:block;color:#fff;overflow:hidden;padding-left:0vw;float:right;z-index:10;mix-blend-mode:difference;opacity:0} .uppercase-titles .preloader-intro{text-transform:uppercase} .preloader-intro span{position:relative;display:block;font-weight:500;position:relative;font-size:16px;line-height:60px} header{width:100%;height:120px;left:0;top:0;background-color:transparent;position:fixed;box-sizing:border-box;z-index:1000;pointer-events:none;-webkit-transition:background 0.4s ease-in-out 0.3s;transition:background 0s ease-in-out 0s} #header-container{box-sizing:border-box;height:inherit;padding:20px 80px;margin:0 auto;position:relative;width:100%;z-index:20;opacity:0} .header-visible #header-container{opacity:1} #logo{position:relative;display:table;pointer-events:initial;z-index:10;top:30px;right:0px;float:left} #logo a{display:block;-webkit-transition:transform 0.5s ease-in-out 0.1s;transition:transform 0.5s ease-in-out 0.1s} #logo a.disable,.open #logo a{pointer-events:none} #logo img{display:block;height:60px;width:auto;max-width:none;-webkit-transition:opacity 0.15s ease-in-out 0s;transition:opacity 0.15s ease-in-out 0s} #logo img.black-logo{opacity:1} .light-content #logo img.black-logo{opacity:0} #logo img.white-logo{position:absolute;top:0;left:0;opacity:0} .light-content #logo img.white-logo{opacity:1} .white-header #logo img.black-logo{opacity:0} .light-content .white-header #logo img.black-logo{opacity:1} .light-content .white-header.over-white-section #logo img.black-logo,.show-loader1 .light-content .white-header #logo img.black-logo{opacity:0} .white-header #logo img.white-logo{opacity:1} .light-content .white-header #logo img.white-logo{opacity:0} .light-content .white-header.over-white-section #logo img.white-logo,.show-loader1 .light-content .white-header #logo img.white-logo{opacity:1} .menu-open.light-content .slide-in #logo img.white-logo{opacity:1} nav{pointer-events:none} nav.open{pointer-events:initial} .dark-content-header #logo img.black-logo{opacity:1!important} .dark-content-header #logo img.white-logo{opacity:0!important} .light-content-header #logo img.black-logo{opacity:0!important} .light-content-header #logo img.white-logo{opacity:1!important} @media all and (min-width:1025px){.classic-menu nav{position:relative;width:auto;top:0px;-webkit-transition:all 0.2s ease-in-out 0.5s;transition:all 0.2s ease-in-out 0.5s;display:block;float:right;height:60px;margin:10px 0;background-color:transparent!important;opacity:1 !important} .classic-menu .flexnav{display:block;float:right;position:relative;width:auto;max-height:60px} .classic-menu .flexnav li ul{min-width:180px} .classic-menu .flexnav .touch-button{background:transparent none repeat scroll 0 0} .flexnav .touch-button .navicon{display:none} .classic-menu .flexnav li{background:transparent none repeat scroll 0 0;padding:0 30px;padding-bottom:20px;padding-top:20px} .classic-menu .menu-timeline{opacity:1!important;-webkit-transition:translateY(0px)!important;transform:translateY(0px)!important;pointer-events:initial} .classic-menu .flexnav li:last-child{padding-right:0px} .classic-menu .before-span{opacity:1!important;-webkit-transition:translateY(0px)!important;transform:translateY(0px)!important} .classic-menu .flexnav li a{background:transparent none repeat scroll 0 0;padding:0;position:relative;border-left:medium none;color:#222;font-size:14px;font-weight:500;line-height:24px;display:block;overflow:hidden} .light-content .classic-menu .flexnav li a{color:#fff} .light-content .classic-menu.white-header .flexnav li a{color:#222} .classic-menu.white-header .flexnav li a{color:#fff} .flexnav:hover li a{color:rgba(0,0,0,0.4)} .light-content .classic-menu .flexnav:hover li a{color:rgba(255,255,255,0.4)} .classic-menu.white-header .flexnav:hover li a{color:rgba(255,255,255,0.4)} .light-content .classic-menu.white-header .flexnav:hover li a{color:rgba(0,0,0,0.4)} .classic-menu .flexnav li:hover a{color:#222} .light-content .classic-menu .flexnav li:hover a{color:#fff} .classic-menu.white-header .flexnav li:hover a{color:#fff} .light-content .classic-menu.white-header .flexnav li:hover a{color:#222} .classic-menu .flexnav li a span{position:relative;display:block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;transform-origin:100% 0%} .classic-menu .flexnav li a span::before{position:absolute;top:100%;width:100%;left:0;content:attr(data-hover)} .classic-menu .flexnav li:hover a span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%} .classic-menu .flexnav li a span:nth-child(2),.classic-menu .flexnav li a span:nth-child(3){display:none} .classic-menu .flexnav li ul li a{padding:0 20px 20px;background-color:transparent;font-size:14px;font-weight:400;text-transform:none;color:#fff!important;opacity:0.6;-webkit-transition:all 0.05s ease-in-out;-moz-transition:all 0.05s ease-in-out;-o-transition:all 0.05s ease-in-out;-ms-transition:all 0.05s ease-in-out;transition:all 0.05s ease-in-out} .classic-menu .flexnav li ul li a.link::before{display:none} .classic-menu .flexnav li ul li a.active,.classic-menu .flexnav li ul li a:hover{opacity:1} .classic-menu .flexnav li > ul li{margin-left:0;padding:0;opacity:1 !important;transform:none !important} .classic-menu .flexnav li ul{-webkit-transform:translate3d(0px,30px,0px);transform:translate3d(0px,30px,0px);display:block!important;opacity:0!important;height:inherit!important;overflow:visible!important;visibility:hidden;left:15px;top:60px;padding-top:20px;background:#000;border-radius:3px;-webkit-transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s ease-in-out!important;transition:opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,transform 0.2s ease-in-out!important} .classic-menu .flexnav li:last-child ul{left:auto;right:-10px} .classic-menu .flexnav li ul ul{left:5px!important} .classic-menu .flexnav li ul:after{display:block;content:'';position:absolute;top:-6px;left:20px;width:0;height:0;border-style:solid;border-width:0 10px 9px;border-color:transparent transparent #000} .classic-menu .flexnav li:last-child ul:after{left:auto;right:20px} .classic-menu .flexnav ul li ul:after{display:block;content:'';position:absolute;top:15px;left:-10px;width:0;height:0;border-style:solid;border-width:0 10px 9px;border-color:transparent transparent #000;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .classic-menu .flexnav li ul li > ul,.classic-menu .flexnav li ul.open ul.open{top:-5px;z-index:10} .classic-menu .flexnav li:last-child ul li > ul,.classic-menu .flexnav li:last-child ul.open ul.open{margin-left:-100%;left:-5px!important;right:auto;top:0} .classic-menu .flexnav li:last-child ul li ul::after{right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)} .classic-menu .flexnav ul li ul li a{background:#000} .classic-menu .flexnav ul li ul li ul li a{background:#000} .classic-menu .flexnav li ul.flexnav-show{-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);opacity:1!important;visibility:visible;-webkit-transition:opacity 0.2s ease-in-out 0.1s,visibility 0.2s ease-in-out,transform 0.2s ease-in-out 0.1s;transition:opacity 0.2s ease-in-out 0.1s,visibility 0.2s ease-in-out,transform 0.2s ease-in-out 0.1s} .classic-menu .flexnav .touch-button{display:none} .fullscreen-menu .nav-height{overflow-y:scroll;position:relative;height:100%;padding:40px 0;padding-right:30px;width:calc(100% + 30px);box-sizing:border-box} .fullscreen-menu nav{height:100vh;position:fixed;top:0;left:0;width:100%;box-sizing:border-box;visibility:visible;pointer-events:none;opacity:0;padding:20px 0} .fullscreen-menu nav.open{visibility:visible;pointer-events:initial} .fullscreen-menu .flexnav{max-height:2000px;-webkit-transition:all 0.2s ease-in 0.6s;transition:all 0.2s ease-in 0.6s;display:table;width:auto;padding:0 20px;box-sizing:border-box;margin:0 auto;float:none} .fullscreen-menu .flexnav.flexnav-show{-webkit-transition:all .3s ease-out 0.2s;transition:all .3s ease-out 0.2s} .fullscreen-menu .flexnav li{text-align:center;padding:0;box-sizing:border-box;float:none} .fullscreen-menu .menu-timeline{opacity:0} .fullscreen-menu .flexnav li ul li .touch-button{height:32px} .fullscreen-menu .flexnav:hover li ul li a.active,.fullscreen-menu .flexnav:hover li ul li:hover > a{opacity:1} .fullscreen-menu .flexnav .touch-button .navicon{display:none} .fullscreen-menu .flexnav li.link{border-bottom:none} .fullscreen-menu .flexnav > li > a{font-family:'Six Caps',sans-serif;font-weight:500;font-size:calc(1rem + 8vw);line-height:calc(1rem + 7.5vw);padding:0 50px;-webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s;text-transform:lowercase} .fullscreen-menu .flexnav .touch-button{width:100%;display:block;height:calc(1rem + 7.5vw)} .fullscreen-menu .flexnav li a{color:#222} .fullscreen-menu.invert-header .flexnav li a{color:#fff} .fullscreen-menu .flexnav:hover li a,.fullscreen-menu .flexnav.hover li a{opacity:0.3} .fullscreen-menu .flexnav li:hover a,.fullscreen-menu .flexnav li a.active{opacity:1} .fullscreen-menu .flexnav:hover li ul li a{opacity:0.3} .fullscreen-menu .flexnav:hover li ul li a.active,.fullscreen-menu .flexnav:hover li ul li:hover > a{opacity:1} .fullscreen-menu .flexnav a.link::before{display:none} .fullscreen-menu .flexnav li ul{margin-top:10px;margin-bottom:10px;position:relative;left:0} .fullscreen-menu .flexnav li ul:after{display:none} .fullscreen-menu .flexnav li ul li a{padding:3px 0;font-size:16px;line-height:26px;font-weight:500;border-top:none;text-transform:none} .uppercase-text .fullscreen-menu .flexnav li ul li a{text-transform:uppercase;line-height:20px} .fullscreen-menu .flexnav ul li ul li a{background:transparent} .fullscreen-menu .flexnav li ul li > ul,.fullscreen-menu .flexnav li ul.open ul.open{margin-left:0;top:0} .fullscreen-menu .menu-timeline{opacity:1} .fullscreen-menu .menu-timeline .before-span{opacity:0;display:block;-webkit-transform:translateY(120px);transform:translateY(120px)} .fullscreen-menu .flexnav li,.fullscreen-menu .flexnav li a{background-color:transparent;border:0} .fullscreen-menu .flexnav li a span{position:relative;display:block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;transform-origin:100% 0%;overflow:hidden} .fullscreen-menu .open .flexnav li a span{overflow:visible} .fullscreen-menu .flexnav li a span::before{position:absolute;top:100%;width:100%;left:0;content:attr(data-hover)} .fullscreen-menu .flexnav li:hover a span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%} .fullscreen-menu .flexnav li.hover a span{-webkit-transform:translateY(-100%)!important;transform:translateY(-100%)!important;transform-origin:0% 0%} } nav,nav.open{background:transparent} #burger-wrapper{width:40px;height:40px;float:right;top:0px;right:0;display:flex;position:relative;justify-content:center;align-items:center;cursor:pointer;pointer-events:initial} .classic-menu .button-wrap.right.menu{display:none} .burger-dots #menu-burger{top:0px;width:25px;height:25px;position:relative;margin:0 auto;z-index:2;pointer-events:none} .menu-overlay #menu-burger{display:block} .burger-dots #menu-burger span{display:block;position:absolute;height:5px;width:5px;border-radius:5px;background-color:#000;opacity:1;top:8px;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,height 0.2s ease-in-out,width 0.2s ease-in-out,top 0.2s ease-in-out,left 0.2s ease-in-out;transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,height 0.2s ease-in-out,width 0.2s ease-in-out,top 0.2s ease-in-out,left 0.2s ease-in-out} #burger-wrapper .touch-button{display:none} .burger-dots #menu-burger span:nth-child(1){left:0px} .burger-dots #menu-burger span:nth-child(2){left:10px} .burger-dots #menu-burger span:nth-child(3){left:20px} .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1){left:10px} .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3){left:10px} .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1){left:3px} .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3){left:3px} .burger-dots #menu-burger.open span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:12px;height:2px;width:20px;left:3px} .burger-dots #menu-burger.open span:nth-child(2){-webkit-transform:scale(0);transform:scale(0)} .burger-dots #menu-burger.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:12px;height:2px;width:20px;left:3px} .button-wrap.right.burger-lines{right:-30px} .burger-lines #menu-burger{width:16px;height:22px;position:relative;margin:0 auto;z-index:2;pointer-events:none} .burger-lines #menu-burger span{display:block;position:absolute;height:2px;width:100%;opacity:1;right:0;background-color:#000;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,top 0.2s ease-in-out;transition:background-color 0.05s ease-in-out,transform 0.2s ease-in-out,top 0.2s ease-in-out} .burger-lines #menu-burger span:nth-child(1){top:5px} .burger-lines #menu-burger span:nth-child(2){top:13px} .burger-lines #menu-burger span:nth-child(3){display:none} .burger-lines #menu-burger.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:10px} .burger-lines #menu-burger.open span:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:10px} .light-content #menu-burger span{background-color:#fff} .white-header #menu-burger span{background-color:#fff} .light-content .white-header #menu-burger span{background-color:#000} .light-content .white-header.over-white-section #menu-burger span,.show-loader1 .light-content .white-header #menu-burger span{background-color:#fff} .dark-content-header #menu-burger span{background-color:#000!important} .light-content-header #menu-burger span{background-color:#fff!important} .dark-content-header .button-text{color:#000!important} .light-content-header .button-text{color:#fff!important} #content-scroll{z-index:1;position:relative} .smooth-scroll #content-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden} .scroll-content{cursor:default!important} .scale-up .scroll-content{cursor:grabbing!important} .scrollbar-track{background:transparent!important} footer{position:relative;width:100%;height:120px;z-index:900;box-sizing:border-box;text-align:center;bottom:0;left:0;overflow:hidden;pointer-events:none} footer.fixed{position:fixed} footer.showcase-footer{position:fixed} #footer-container{padding:0 80px;margin:20px auto;height:80px;opacity:0;position:absolute;width:100%;box-sizing:border-box;bottom:0;left:0} .footer-middle{position:absolute;margin:0 auto;width:100%;height:inherit;display:table;left:0;pointer-events:none;} .copyright{position:relative;top:25px;width:auto;height:30px;overflow:hidden;font-size:14px;line-height:30px;font-weight:500;color:#000;pointer-events:initial;display:table;width:auto;padding:0px 20px 0px 20px;max-width:820px;box-sizing:border-box;text-align:center;margin:0 auto} .light-content .copyright{color:#fff} .socials-wrap{position:relative;float:right;color:#000;width:240px;height:160px;box-sizing:border-box;pointer-events:initial;transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .light-content .socials-wrap{color:#fff} footer .socials-wrap{margin-top:0px} .socials-wrap:hover{transform:translateY(-40px);-webkit-transform:translateY(-40px)} .socials-text{float:right;font-size:14px;font-weight:500;line-height:40px;transform:translateY(20px)} .socials-wrap:hover .socials-text{transform:translateY(15px) translateX(5px);-webkit-transform:translateY(15px) translateX(5px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .socials-icon{float:right;width:30px;height:40px;font-size:14px;line-height:40px;text-align:right;margin-left:10px;transform:scale(1) translateY(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .socials-wrap:hover .socials-icon{transform:scale(0) translateY(40px);width:0;margin:0;overflow:hidden} .socials-icon:after,.socials-text:after{content:"";clear:both;display:table} .socials{height:auto;line-height:30px;position:relative;width:auto;margin:0 auto;margin-top:10px;text-align:center;bottom:0;display:table;transform:translateX(15px);-webkit-transform:translateX(15px)} .socials-wrap .socials{display:inline-block;width:100%;text-align:right} .socials li{margin-right:0px;margin-left:10px;list-style:none;color:#999;font-size:15px;margin-bottom:0;line-height:40px;position:relative;display:flex;justify-content:center;align-items:center;height:40px;width:40px;float:right;z-index:2;-webkit-transition:background 0.4s ease-in-out 0s;transition:background 0.4s ease-in-out 0s} .socials-wrap .socials li{opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0s} .socials-wrap:hover .socials li:nth-child(5){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.05s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)} .socials-wrap:hover .socials li:nth-child(4){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.1s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)} .socials-wrap:hover .socials li:nth-child(3){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.15s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)} .socials-wrap:hover .socials li:nth-child(2){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.2s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)} .socials-wrap:hover .socials li:nth-child(1){transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1) 0.3s;opacity:1;transform:translateY(10px);-webkit-transform:translateY(10px)} .socials li:last-child{margin-left:0px} .socials li a{color:#000;font-size:14px;font-weight:500;display:block;height:40px;width:40px;line-height:40px;text-align:center;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out} .socials:hover li a{opacity:0.3} .socials li a:hover{color:#000;opacity:1} .light-content .socials li a{color:#fff} .light-content .socials:hover li a{opacity:0.3} .light-content .socials li a:hover{color:#fff;opacity:1} .button-wrap{position:relative;cursor:pointer;top:0px;pointer-events:initial;width:auto;display:table} .button-wrap:after{clear:both;content:" ";display:block;height:0;visibility:hidden} .button-wrap.left{float:left;left:-32px} .button-wrap.right{float:right;right:-26px} #main .button-wrap.left{float:none;left:-24px} #main .button-wrap.button-link.left{float:none;left:-20px} #main .button-wrap.right{float:none;right:auto} #main .button-wrap.button-link.right{right:-2px} .icon-wrap{width:80px;height:80px;display:flex;position:relative;justify-content:center;align-items:center;float:left} #main .icon-wrap{width:60px;height:60px} .button-wrap.left .icon-wrap{float:left} .button-wrap.right .icon-wrap{float:right} #main .text-align-right .button-wrap.right{float:right} .button-icon{height:40px;width:40px;color:#000;text-align:center;line-height:40px;font-size:18px} .button-icon i.fa-solid.fa-sort{font-size:14px;line-height:38px} .light-content .button-icon,.dark-section .button-icon{color:#fff} .light-content .light-section .button-icon{color:#000} .white-header .button-icon{color:#fff} .light-content .white-header .button-icon{color:#000} .button-icon i{height:40px;line-height:40px;width:40px;text-align:center} #main .button-icon i{line-height:40px} #main .button-icon i.fa.fa-arrow-right{font-size:14px} .button-text{font-weight:500;font-size:14px;line-height:30px;margin:25px 0;overflow:hidden;width:auto;padding:0 10px;color:#000;-webkit-transition:color 0.05s ease-in-out;transition:color 0.05s ease-in-out} #main #hero-footer .button-text span::after{content:none} #main .button-text{font-size:18px;line-height:30px;font-weight:500;margin:15px 0;transition:transform .2s ease-out} #main #hero #hero-footer .button-text{font-size:14px;line-height:30px} #main .large-btn .button-text{font-size:20px!important;font-weight:500;margin:15px 0;transition:transform .2s ease-out} .light-content .button-text,.dark-section .button-text{color:#fff} .light-content .light-section .button-text{color:#000} .white-header .button-text{color:#fff} .light-content .white-header .button-text{color:#000} .light-content .white-header.over-white-section .button-text,.show-loader1 .light-content .white-header .button-text{color:#fff} .button-wrap.left a{text-align:left;float:left} .button-wrap.right a{text-align:right;float:right} .button-wrap.right .button-text{padding-left:0px} .button-text span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;width:auto;text-align:center;transform-origin:100% 0%} .button-link .button-text,#main .button-link .button-text{overflow:visible;transition:padding 0.3s ease-out} .button-link.left .button-text{padding-left:0px} .button-link.left:hover .button-text{padding-left:10px} .button-link .button-text span::before{content:'';position:absolute;bottom:1px;left:0;width:100%;height:1px;background:transparent;transform:scaleX(1);transform-origin:right;transition:transform 0.3s ease-out} .button-link.left .button-text span::before{transform-origin:left} .light-content .button-link .button-text span::before,.dark-section .button-link .button-text span::before{background:transparent} .light-content .light-section .button-link .button-text span::before{background:transparent} .button-wrap.button-link:hover .button-text span{transform:translateY(0);-webkit-transform:translateY(0)} .button-link:hover .button-text span::before{transform:scaleX(0);-webkit-transform:scaleX(0);transform-origin:left} .button-link.left:hover .button-text span::before{transform-origin:right} .button-link .button-icon i{background-color:#000;border:1px solid rgba(0,0,0,1);color:transparent;font-size:14px;border-radius:100%;transform:scale(0.2);box-sizing:border-box;transition:all .3s ease-out;text-indent:-100px;overflow:hidden;opacity:1} .button-link:hover .button-icon i{background-color:#000;color:#fff;border:1px solid rgba(0,0,0,1);transform:scale(1.2);text-indent:0px;opacity:1} .light-content .button-link .button-icon i,.dark-section .button-link .button-icon i{background-color:#fff;border:1px solid rgba(255,255,255,1)} .light-content .button-link:hover .button-icon i,.dark-section .button-link:hover .button-icon i{background-color:#fff;color:#000;border:1px solid rgba(255,255,255,1);opacity:1} .light-content .light-section .button-link .button-icon i{border:1px solid rgba(0,0,0,1)} .light-content .light-section .button-link:hover .button-icon i{background-color:#000;color:#fff;border:1px solid rgba(0,0,0,1);opacity:1} .button-link.right .button-icon i{transform:scale(0.2) translateX(-60px);-webkit-transform:scale(0.2) translateX(-60px)} .button-link.right:hover .button-icon i{transform:scale(1.2) translateX(0px);-webkit-transform:scale(1.2) translateX(0px)} .button-wrap.left .button-text span{text-align:left} .button-wrap.right .button-text span{text-align:right} .button-text span::before{position:absolute;width:auto;top:100%;left:0;content:attr(data-hover)} .header-middle .button-text span::before{content:attr(data-on)} .button-wrap:hover .button-text span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%} .link-text{font-weight:500;font-size:14px;line-height:30px;margin:0;overflow:hidden;display:table;width:auto;padding:0;color:#000;-webkit-transition:color 0.05s ease-in-out;transition:color 0.05s ease-in-out} footer .link-text{float:left;opacity:0;margin-top:25px} p .link-text{display:inline-table;font-size:16px} .light-content .link-text,.dark-section .link-text{color:#fff} .light-content .light-section .link-text{color:#000} .link-text span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;width:auto;text-align:center;transform-origin:100% 0%;pointer-events:initial;cursor:pointer} .link-text span::before{position:absolute;width:auto;top:100%;left:0;content:attr(data-hover)} .link-text:hover span{-webkit-transform:translateY(-100%);transform:translateY(-100%);transform-origin:0% 0%} nav,nav.open{background:transparent} @media only screen and (max-width:1466px){.row_padding_all{padding-left:60px;padding-right:60px} .row_padding_left{padding-left:60px} .row_padding_right{padding-right:60px} .percentage-wrapper{width:10vw} .percentage-intro{bottom:50px} header{height:100px} #header-container{padding:10px 60px} .flexnav li{padding:20px} footer{height:100px} #footer-container{padding:0 60px;margin:10px auto} .socials-wrap:hover .socials-text{transform:translateY(20px) translateX(5px);-webkit-transform:translateY(20px) translateX(5px)} } @media only screen and (max-width:1024px){.parallax-wrap{transform:none!important} .parallax-element{transform:none!important} .has-parallax figcaption{display:none} .destroy{display:none} .row_padding_left{padding-left:0px} .row_padding_right{padding-right:0px} .full.row_padding_left{padding-left:40px} .full.row_padding_right{padding-right:40px} .row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:0px;padding-right:0px} .full.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:40px;padding-right:40px} .big-title{font-size:calc(1rem + 12vw);line-height:calc(1rem + 11.5vw)} #magic-cursor{display:none} .percentage-wrapper{width:12vw} .percentage-intro{bottom:40px} #header-container{padding:10px 40px} nav{height:100vh;width:100%;position:fixed;left:0;top:0;box-sizing:border-box;visibility:visible;pointer-events:none;opacity:0;padding:20px 0} nav.open{visibility:visible;pointer-events:initial} .nav-height{position:relative;height:100%;padding:40px 0;width:100%;box-sizing:border-box;overflow-y:auto} .flexnav{padding:0 20px;max-height:2000px;display:table;width:auto;margin:0 auto;text-align:center;box-sizing:border-box;background:transparent;-webkit-transition:all 0.2s ease-in 0.6s;transition:all 0.2s ease-in 0.6s} .flexnav.flexnav-show{-webkit-transition:all .3s ease-out 0.2s;transition:all .3s ease-out 0.2s} .flexnav.opacity{opacity:1} .flexnav li{padding:0;-webkit-transition:color .15s ease-out 0s;transition:color .15s ease-out 0s} .flexnav:hover li{color:rgba(255,255,255,0.4) } .flexnav li:hover{color:rgba(255,255,255,1) } .flexnav li a,.flexnav li ul li a{background:transparent} .flexnav li a{font-weight:500;font-size:9vw;line-height:10vw;padding:0;border:none;-webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s} .flexnav > li > a{font-size:calc(1rem + 12vw);line-height:calc(1rem + 11.5vw);font-family:'Six Caps',sans-serif;text-transform:lowercase} .flexnav > li > .touch-button{width:100%;height:calc(1rem + 11.5vw);display:block} .flexnav li a{color:#000} .invert-header .flexnav li a{color:#fff} .flexnav:hover li a{opacity:0.3} .flexnav li:hover a,.flexnav li a.active{opacity:1} .flexnav .touch-button{width:100%;display:block;height:10vw} .flexnav li ul{margin-bottom:15px} .flexnav li ul li a{padding:3px 0;font-weight:500;text-transform:none;font-size:16px;line-height:26px;border-top:none;opacity:0.4;-webkit-text-stroke:none} .uppercase-text .flexnav li ul li a{text-transform:uppercase} .flexnav li ul li:hover a,.flexnav li ul li a.active{opacity:1} .flexnav:hover li ul li a{opacity:0.3} .flexnav:hover li ul li a.active,.flexnav:hover li ul li:hover > a{opacity:1} .flexnav ul li ul li a{background:transparent} .flexnav li ul li ul li a{padding:10px 40px} .flexnav li ul li .touch-button{height:30px} .flexnav .touch-button .navicon{display:none} #menu-burger span.touch-button{display:none} .classic-menu .button-wrap.right.menu{display:block} #footer-container{padding:0 40px} .copyright{text-align:center} .socials-wrap{width:240px;height:40px;float:right;margin:0 auto;right:-10px;transform:translateX(0px) translateY(20px)!important;-webkit-transform:translateX(0px) translateY(20px)!important} .socials-wrap:hover{transform:translateY(20px);-webkit-transform:translateY(20px)} .socials-icon,.socials-text{display:none} .socials-wrap .socials{margin-top:3px;text-align:right;transform:translateX(0px);-webkit-transform:translateX(0px)} .socials-wrap .socials li{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)} .socials-wrap:hover .socials li{opacity:1;transform:translateY(0px)!important;-webkit-transform:translateY(0px)!important} .socials li{margin-right:10px;line-height:30px;height:30px;width:30px;margin:0 5px auto;display:inline-block;float:none} .socials li a{height:30px;width:30px;line-height:30px} } @media only screen and (max-width:767px){figcaption{background-color:rgba(0,0,0,0.3);bottom:0px;font-size:10px;padding:5px 10px;right:0px;border-radius:0} .text-aligh-right{text-align:left} .one_half{width:100%!important} .one_half{padding-right:0!important} .one_half.last{padding-left:0!important} .one_third{width:100%!important} .one_fourth{width:100%!important} .one_fifth{width:100%!important} .one_sixth{width:100%!important} .two_fifth{width:100%!important} .two_fourth{width:100%!important} .two_third{width:100%!important} .three_fifth{width:100%!important} .three_fourth{width:100%!important} .four_fifth{width:100%!important} .five_sixth{width:100%!important} .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-bottom:30px!important;margin-right:0%!important} .row_padding_top{padding-top:10vw} .row_padding_bottom{padding-bottom:10vw} .row_padding_left{padding-left:0px} .row_padding_right{padding-right:0px} .full.row_padding_left{padding-left:30px} .full.row_padding_right{padding-right:30px} .row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:0px;padding-right:0px} .full.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:30px;padding-right:30px} .clip-effects{overflow:hidden;clip-path:inset(2% 5% round 30px)} hr{height:20px} .big-title{font-size:calc(1rem + 13vw);line-height:calc(1rem + 12.5vw)} .bigger{font-size:20px;line-height:30px} .percentage-wrapper{width:16vw} .percentage-intro{bottom:30px} header{height:80px} #header-container{padding:0;margin:0 auto} #logo{left:30px} .button-wrap.right.menu{right:4px} .button-wrap.right.menu.burger-lines{right:0px} header .button-text{display:none} .flexnav > li > a{font-size:calc(1rem + 13vw);line-height:calc(1rem + 12.5vw)} .flexnav > li > .touch-button{height:calc(1rem + 12.5vw)} footer{height:80px} .footer-button-wrap{bottom:80px} #footer-container{height:80px;padding:0 30px;margin:0} #footer-container #backtotop.button-wrap.left{float:none;top:5px;left:0;right:0;position:absolute;display:block} #backtotop.button-wrap.left .button-text{text-align:left;float:left;display:none} #backtotop.button-wrap.left .icon-wrap{float:none;position:absolute;right:auto;left:0;margin:auto;top:0px;opacity:0.4;-webkit-transition:opacity 0.2s ease-out 0s;transition:opacity 0.2s ease-out 0s} #backtotop.button-wrap.left:hover .icon-wrap{opacity:1} .footer-middle{max-width:1180px;height:20px;position:relative;margin:0 auto;left:0;width:100%;top:0px;margin-bottom:15px} .copyright{margin:0 auto;left:auto;right:auto;top:0;height:20px;line-height:20px} footer.showcase-footer .arrows-wrap{right:auto;left:-30px;float:left;margin:auto} .socials-wrap{width:auto;float:none;display:table;left:auto;right:auto;top:0;margin:0 auto;height:20px;line-height:20px;transform:translateX(0px) translateY(0px)!important;-webkit-transform:translateX(0px) translateY(0px)!important} .socials-wrap .socials{text-align:center;margin:0 auto;height:20px;line-height:20px;display:table;width:auto} .socials li,.socials li a{height:20px;line-height:20px;margin:0 auto} } @media only screen and (max-width:479px){.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.two_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-bottom:20px!important;margin-right:0%!important} .row_padding_top{padding-top:12vw} .row_padding_bottom{padding-bottom:12vw} .row_padding_left{padding-left:0px} .row_padding_right{padding-right:0px} .full.row_padding_left{padding-left:20px} .full.row_padding_right{padding-right:20px} .row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:0px;padding-right:0px} .full.row_padding_all{padding-top:4vw;padding-bottom:4vw;padding-left:20px;padding-right:20px} hr{height:10px} .big-title{font-size:calc(1rem + 14vw);line-height:calc(1rem + 13.5vw)} .percentage-wrapper{width:20vw} #logo{left:20px} .button-wrap.right.menu{right:-6px} .button-wrap.right.menu.burger-lines{right:-10px} .flexnav > li > a{font-size:calc(1rem + 14vw);line-height:calc(1rem + 13.5vw)} .flexnav > li > .touch-button{height:calc(1rem + 13.5vw)} #footer-container{padding:0px;margin:0} footer.showcase-footer #footer-container{padding:0px 20px} .arrows-wrap{left:-10px;width:80px} .prev-wrap,.next-wrap{width:40px} footer.showcase-footer .arrows-wrap{right:0;left:0;float:none;margin:auto} footer.showcase-footer .arrows-wrap{width:100%} footer.showcase-footer .prev-wrap,footer.showcase-footer .next-wrap{width:60px} footer.showcase-footer .footer-middle{top:0px} footer.showcase-footer .showcase-subtitles-wrap{left:0} footer.showcase-footer .socials-wrap{display:none} .button-text{display:none} #main-page-content .button-text,#hero .button-text{display:block} } @media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){#rotate-device{display:block} }
/* Global Form Input Brightening */
.light-content input, .light-content textarea, .light-content select, .dark-section input, .dark-section textarea, .dark-section select { color: #fff !important; }
.light-content ::placeholder, .dark-section ::placeholder { color: #fff !important; opacity: 1; }
.light-content input:focus, .light-content textarea:focus, .light-content select:focus, .dark-section input:focus, .dark-section textarea:focus, .dark-section select:focus { color: #fff !important; }

/* Ensure select dropdowns have black text globally for legibility */
.light-content select, .dark-section select, select#service, select#budget { color: #000 !important; }

/* Hero Video Frame & Volume Controls */
#hero-video { position: relative; width: 100%; height: 100vh; overflow: hidden; background-color: #000; padding: 50px; box-sizing: border-box; }
@media only screen and (max-width: 767px) { #hero-video { padding: 30px; } }
.fullscreen-video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); z-index: 1; border-radius: 30px; box-shadow: 0 0 60px rgba(255,255,255,0.3), 0 0 120px rgba(255,255,255,0.15); }
@media only screen and (max-width: 767px) { .fullscreen-video { width: calc(100% - 60px); height: calc(100% - 60px); } }
.video-controls { position: absolute; bottom: 80px; right: 80px; z-index: 20; display: flex; align-items: center; gap: 15px; background: rgba(0, 0, 0, 0.4); padding: 10px 15px; border-radius: 30px; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); transition: opacity 0.3s ease; }
.video-controls:hover { background: rgba(0, 0, 0, 0.6); }
.volume-btn { color: #fff; cursor: pointer; font-size: 18px; width: 25px; display: flex; justify-content: center; }
.volume-slider { width: 0; height: 4px; -webkit-appearance: none; appearance: none; background: rgba(255, 255, 255, 0.2); border-radius: 2px; outline: none; cursor: pointer; transition: width 0.3s ease; }
.video-controls:hover .volume-slider { width: 80px; }
.volume-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 12px; height: 12px; background: #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
@media only screen and (max-width: 767px) { .video-controls { bottom: 50px; right: 40px; } .volume-slider { width: 60px; } }
#hero-video{padding:50px!important;background-color:#000!important;box-sizing:border-box!important}.fullscreen-video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:30px!important;box-shadow:0 0 60px rgba(255,255,255,0.3),0 0 120px rgba(255,255,255,0.15)!important}@media only screen and (max-width:767px){#hero-video{padding:30px!important}.fullscreen-video{width:100%!important;height:100%!important;border-radius:15px!important}}