/*preload*/ body.preload .wrk-header{position:fixed !important;left:0;top:0;width: 100%;left: 0;height: 100vh;z-index: 10;} body.preload .wrk-header h1, body.preload .wrk-header .settori, body.preload #btn-contact, body.preload:not(.hp) header, body.preload .wrk-header p{opacity:0;} body.preload .wrk-header .preload-img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index: 11;opacity:1;} body:not(.hp) header, .wrk-header h1, .wrk-header .settori, .wrk-header p{opacity:1; transition: opacity .3s; transition-delay: .75s;} .wrk-header .preload-img{opacity:0;} #btn-contact.delay{transition-delay: .75s;} .wrk-header{position:relative;overflow:hidden;height:80vh;transition: height .45s; transition-delay: .3s;} .wrk-header .hduotone div.d-flex {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 1;} .wrk-header .hduotone:after{background-attachment: fixed;} body.ios .wrk-header .hduotone:after{background-attachment: scroll;} /*.wrk-header .hduotone .bg{-webkit-filter: saturate(0) !important;filter: saturate(0) !important;}*/ .wrk-header h1{font-size: 4rem;font-weight: 500;color: white;margin-bottom: 0;margin-top: 8rem} .wrk-header h1 .logo-container{font-size: 3rem;margin-top:1rem;} @media(min-width:768px){ .wrk-header h1{font-size: 5.5rem;margin-top: 0;} .wrk-header h1 .logo-container{font-size: 3.3rem;} } @media(min-width:992px){ .wrk-header h1{font-size: 6rem;} .wrk-header h1 .logo-container{font-size: 3.6rem;} } @media(min-width:1200px){ .wrk-header h1{font-size: 7rem;} .wrk-header h1 .logo-container{font-size: 4rem;} } @media only screen and (max-device-height : 450px) and (orientation : landscape){ .wrk-header h1{font-size: 4rem;margin-top: 4rem} } .settori{text-align: center;font-size: 1.4rem;color: white;font-family: pscsglobal-font;text-transform: uppercase;margin-bottom: 3rem;} .settore{display: block;} .settori .bar{width: 80%;position: static;display: block;margin: 0 auto; max-width:432px;} .settori .titolo{display: block;margin-bottom: 1rem;} .settori .bar-bg{width: 100%;height: 4px;border-radius: 2px;background-color: white;opacity: .5;display: block;margin: 0 auto;} .settori .bar-white{width: 100%;height: 4px;border-radius: 2px;background-color: white;display: block;position: relative;top: -4px;margin: 0 auto;} .card-body{padding:4rem;} section.text-card.h-100{height:auto !important;} section.text-card.h-100 .bg-fixed .container-fluid{background:rgba(0,0,0,.4);} @media(min-width:768px){ section.text-card.h-100{height:100% !important;} section.text-card.h-100 .bg-fixed .container-fluid{background: none;} } @media only screen and (max-device-height : 450px) and (orientation : landscape){ section.text-card.h-100{height:auto !important;} } .card{border-radius:1rem;border:0;box-shadow:2px 4px 4px 0px rgba(0, 0, 0, 0.17);} .text-split h4{/*font-size: 4rem;*/font-weight: bold;text-transform: uppercase;} .text-split p{/*font-size: 2.6rem;*/line-height: 1.5;font-weight: 300;} .text-split .col-md-6{padding-left:0;padding-right:0;min-height:30vh;} .ios .text-split .col-md-6 .bg{min-height:30vh;} .text-split .col-md-6.d-flex{min-height:0;} @media (min-width: 768px){ .text-split .col-md-6, .text-split .col-md-6.d-flex{min-height:80vh} } .text-split.gray-bg [class^="col"], .text-split.gray-bg [class^="col"] h4, .text-split.gray-bg [class^="col"] h5, .text-split.gray-bg [class^="col"] p{background-color: #636363;color: white;} .text-split.white-bg [class^="col"], .text-split.white-bg [class^="col"] h4, .text-split.white-bg [class^="col"] h5, .text-split.white-bg [class^="col"] p{background-color: white;} .full-img{height: 100vh;background-position: center;background-size: cover;} .split-move{position:relative;overflow:hidden;} .container-left, .container-right{cursor:pointer;position:absolute;top: 0;height: 100%;width: 100%;z-index: 2;transition: transform .6s ease-in-out;transform: translateX(-50%);overflow:hidden;} .container-right{transform: translateX(50%);} .container-left .cropped-video, .container-right .cropped-video{transition: transform .3s;} .container-left:hover{transform: translateX(-49%);} .container-right:hover{transform: translateX(49%);} .split-move.left-triggered .container-left{transform: translateX(0%);transition-delay: .1s;cursor:default;} .split-move.left-triggered .container-right{transform: translateX(100%);} .split-move.right-triggered .container-left{transform: translateX(-100%);} .split-move.right-triggered .container-right{transform: translateX(0%);transition-delay: .1s;cursor:default;} .container-left .cropped-video{transform: translateX(0%);transition-delay: 0;transition-duration: .7s} .container-right .cropped-video{transform: translateX(-0%);transition-delay: 0;transition-duration: .7s} .split-move.left-triggered .container-left .cropped-video{transform: translateX(0);transition-delay: .4s;transition-duration: .5s} .split-move.right-triggered .container-right .cropped-video{transform: translateX(0);transition-delay: .4s;transition-duration: .5s} .split-move .cropped-video video{display:none;} .container-left .cropped-video .cover-video, .container-right .cropped-video .cover-video{background-size:contain;background-image:url(../img/work/a2a/land_mac.jpeg);background-repeat:no-repeat;background-position:center;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;} /*.container-right .cropped-video .cover-video{background-image:url(../img/work/a2a/wiz_mac.jpeg);} */ .split-move{height:500px;} @media (min-width: 576px){ .split-move{height:550px;} } @media (min-width: 768px){ /*.split-move{height:600px;} .container-left{transform: translateX(-40%);} .container-right{transform: translateX(40%);} .container-left:hover{transform: translateX(-38%);} .container-right:hover{transform: translateX(38%);}*/ .container-left .cropped-video{transform: translateX(11%);} .container-right .cropped-video{transform: translateX(-11%);} } @media (min-width: 992px){ .split-move{height:650px;} /*.container-left{transform: translateX(-35%);} .container-right{transform: translateX(35%);} .container-left:hover{transform: translateX(-33%);} .container-right:hover{transform: translateX(33%);}*/ .container-left .cropped-video{transform: translateX(14%);} .container-right .cropped-video{transform: translateX(-14%);} } @media (min-width: 1200px){ .split-move{height:800px;} .container-left .cropped-video{transform: translateX(16%);} .container-right .cropped-video{transform: translateX(-16%);} } @media (min-width: 1400px){ .split-move{height:900px;} .container-left .cropped-video{transform: translateX(18%);} .container-right .cropped-video{transform: translateX(-18%);} /*.container-left{transform: translateX(-30%);} .container-right{transform: translateX(30%);} .container-left:hover{transform: translateX(-28%);} .container-right:hover{transform: translateX(28%);}*/ } .split-move .ovl-btns{position: absolute;;bottom:-10rem;z-index:1051;transition:bottom .3s;transition-delay: 0;} .split-move.right-triggered .ovl-btns, .split-move.left-triggered .ovl-btns{bottom:3rem;transition-delay: .5s;} .case-a2a .intro.pb-0, .case-a2a .split-move{background: #fefefe;} .case-a2a .choose-monitor{position: absolute;z-index:3;left:50%;bottom:-20%;transform: translateX(-50%) scale(.7)} @media(min-width:768px){ .case-a2a .choose-monitor{transform: translateX(-50%) scale(.8);bottom:-80px;} } @media(min-width:1200px){ .case-a2a .choose-monitor{transform: translateX(-50%)} } #dettaglio-twentytwenty .row.bg-details{display:none;} #dettaglio-twentytwenty .row.bg-details.text-split{display:flex;} @media(min-width:567px){ #dettaglio-twentytwenty .row.bg-details{display:flex;} #dettaglio-twentytwenty .row.bg-details.text-split{display:none;} } .twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before{background:rgba(114,36,61,1);} .twentytwenty-handle{background:rgba(114,36,61,1);border-color:rgba(114,36,61,1)} .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{box-shadow:0px 0px 12px rgba(51, 51, 51, 0.5);} .mockup-content{background: url(../img/work/a2a/mockup-content.png) no-repeat;background-position: center;background-size: contain;width:1028px;height:988px;overflow: hidden;margin: -100px auto 0 auto;} .twentytwenty-container{max-width:930px;margin-top: 47.4%;position: relative;transform: translateY(-50%);} .mockup-content{width:400px;height:384.44px;margin: -40px auto 0 auto;} .twentytwenty-container{max-width:361.87px;} @media(min-width:576px){ .mockup-content{width:500px;height:480.55px;margin: -60px auto 0 auto;} .twentytwenty-container{max-width:452.37px;} } @media(min-width:768px){ .mockup-content{width:700px;height:672.76px;margin: -100px auto 0 auto;} .twentytwenty-container{max-width:633.27px;} } @media(min-width:992px){ .mockup-content{width:900px;height:865px;margin: -100px auto 0 auto;} .twentytwenty-container{max-width:814.2px;} } @media(min-width:1200px){ .mockup-content{width:1028px;height:988px;margin: -100px auto 0 auto;} .twentytwenty-container{max-width:930px;} } @media only screen and (max-device-height : 450px) and (orientation : landscape){ .mockup-content{width:500px;height:480.55px;margin: -60px auto 0 auto;} .twentytwenty-container{max-width:452.37px;} } /*case background & badge color */ .bg-details{background: rgb(252,252,252); background: radial-gradient(ellipse at center, rgba(252,252,252,1) 0%,rgba(223,223,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dfdfe1',GradientType=1 ); } /*sls*/ /*.case-sls .wrk-header .hduotone:after{background-image: url('../img/work/cover-sls-duotone.jpeg');}*/ .case-sls .bg-darkness{background-color: #636363;} .case-sls .bg-colored{background-color: #9c4661;} /*ultra*/ /*.case-ultra .wrk-header .hduotone:after{background-image: url('../img/work/cover-ultraExperience-duotone.jpeg');}*/ .case-ultra .bg-colored{background-color: #009bb2;} .case-ultra .bg-colored-biotrue{ background: rgb(237,245,230); background: radial-gradient(ellipse at center, rgba(237,245,230,1) 30%,rgba(189,215,166,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf5e6', endColorstr='#bdd7a6',GradientType=1 ); } .case-ultra .bg-colored-ultra{ background: rgb(215,238,243); background: radial-gradient(ellipse at center, rgba(215,238,243,1) 30%,rgba(57,161,184,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7eef3', endColorstr='#39a1b8',GradientType=1 ); } .case-ultra .badge{border-color:#009bb2;} /*staycolored*/ /*.case-staycolored .wrk-header .hduotone:after{background-image: url('../img/work/cover-stayColored-duotone.jpeg');}*/ .case-staycolored .bg-colored{background: #2b878d;background: linear-gradient(45deg, #2b878d 0%,#27a8af 100%);} .case-staycolored .bg-colored .badge{border-color:#2b878d;} /*case a2a*/ /*.case-a2a .wrk-header .hduotone:after{background-image: url('../img/work/cover-a2a-duotone.jpeg');}*/ /*.case-a2a .bg-darkness{background: linear-gradient(to bottom, #fff 0%,#b9b9b9 100%);}*/ .case-a2a .bg-colored{background: #075e80;background: radial-gradient(ellipse at center, #075e80 0%,#184d6b 100%);} .case-a2a .badge{border-color:#358dd7;} /*gnosis*/ /*.case-gnosis .wrk-header .hduotone:after{background-image: url('../img/work/cover-gnosis-duotone.jpeg');}*/ .case-gnosis .bg-darkness{background:#6EB6B1 linear-gradient(to bottom, #fff 0%,#b9b9b9 100%);} .case-gnosis .bg-colored{background: #6EB6B1;background: radial-gradient(ellipse at center, #6EB6B1 0%,rgb(92, 155, 151) 100%);} .case-gnosis .bg-colored-quatrefolic{background: #328C36;} .case-gnosis .bg-colored-vitamk7{background: #213A7F;} .case-gnosis .bg-colored-mythocondro{background: #1276AA;} .case-gnosis .badge{border-color:#2F605D;} /*axa*/ /*.case-axa .wrk-header .hduotone:after{background-image: url('../img/work/cover-axa-duotone.jpeg');}*/ .case-axa .bg-colored{background: radial-gradient( #2E5F91,#1D4D7D);} .case-axa .badge{border-color:#0F4D8C;} /*market intelligence*/ /*.case-marketintelligence .wrk-header .hduotone:after{background-image: url('../img/work/cover-marketintelligence-duotone.jpeg');}*/ .case-marketintelligence .badge{border-color: #EA7E29} .case-marketintelligence .bg-colored{background: radial-gradient( #F3BE70, #F3B964)} @media(max-width:767px){ .modal-fullscreen .bg-colored.bg-details{background: rgb(252,252,252) !important; background: radial-gradient(ellipse at center, rgba(252,252,252,1) 0%,rgba(223,223,225,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dfdfe1',GradientType=1 ) !important; } } .modal-fullscreen{width:100%;padding-right:0 !important;padding-left: 0 !important;} .ios .modal-fullscreen{width:calc(100% + 6px);} .modal-fullscreen .modal-dialog {max-width:none;margin:0;width:100%;background:#fff;min-height:100%;display:flex;} .modal-fullscreen .modal-content{border:0;border-radius:0;} .modal-fullscreen .modal-content .modal-body{padding:0;} .modal-fullscreen .modal-content .text-split .col{padding:0;} .modal-fullscreen .modal-content .text-split .col:nth-child(2){min-height:50vh;} .modal-fullscreen .modal-content .text-split.vertical-split .col{min-height:50vh;} .ios .modal-fullscreen .modal-content .text-split .bg{min-height: 50vh;} .modal-fullscreen .modal-content .text-split .col.arrow-hand{position: relative;} .modal-fullscreen .modal-content .text-split .col.arrow-hand:before{ content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjYwIiBoZWlnaHQ9IjY4Ij48c3R5bGU+LnN0MHtvcGFjaXR5Oi4zfTwvc3R5bGU+PGcgY2xhc3M9InN0MCI+PHBhdGggZD0iTTMyLjkyNyAzOS45OTZjMC0xLjQ3NS4wMjUtMi44OC4wNzUtNC4yMTEuMDUtMS4zMzIuMDk3LTIuNjA3LjE0LTMuODI1LjA0My0xLjIxNy4wNzEtMi4zODguMDg2LTMuNTEyYTM1LjA4MiAzNS4wODIgMCAwIDAtLjEwOC0zLjI3NyAxLjIwNiAxLjIwNiAwIDAgMC0uMjQ3LjIxNWwtLjI4LjMwMWMtLjA5Mi4xLS4xODkuMTktLjI5LjI2OS0uMS4wNzktLjE4Ni4xMTgtLjI1Ny4xMThhLjQzLjQzIDAgMCAxLS4zMTEtLjE0LjQ3OS40NzkgMCAwIDEtLjE0LS4zNTR2LS4wNjVjMC0uMDE0LjAwNy0uMDM2LjAyMS0uMDY0LjEzLS4xNTguMjgzLS40MDkuNDYyLS43NTIuMTc5LS4zNDQuMzcyLS42ODguNTgtMS4wMzIuMjA4LS4zNDMuNDA5LS42NDcuNjAyLS45MTMuMTkzLS4yNjQuMzYxLS4zOTcuNTA1LS4zOTcuMTQzIDAgLjI1LjAzNi4zMjIuMTA3YS45OTkuOTk5IDAgMCAxIC4xODMuMjU4Yy4wNS4xLjEuMjA4LjE1LjMyMi4wNS4xMTUuMTMyLjIwOC4yNDcuMjhhOS41NzMgOS41NzMgMCAwIDEgMS41OS0uNzQxIDguMzk4IDguMzk4IDAgMCAxIDEuNzMtLjQzIDcuNDY1IDcuNDY1IDAgMCAxIDEuNjg2LS4wNDNjLjU0NC4wNSAxLjA0Mi4xODIgMS40OTMuMzk3cy44MzQuNTIzIDEuMTUuOTI0Yy4zMTUuNDAyLjUyMi45MDIuNjIzIDEuNTA0YTQuMTUyIDQuMTUyIDAgMCAxLS42ODggMi4yMTMgOC45ODEgOC45ODEgMCAwIDEtMS42MzMgMS44OCAxMy40OTYgMTMuNDk2IDAgMCAxLTIuMDg0IDEuNTA0Yy0uNzQ1LjQzNy0xLjQzMi44MTYtMi4wNjIgMS4xMzgtLjYzLjMyMy0xLjE0Ni41NzctMS41NDcuNzYzLS40MDEuMTg3LS41ODcuMy0uNTU5LjM0NGwtLjI3OSA3LjE3NmMwIC4xMTQtLjA1LjE5Ny0uMTUuMjQ3YS42Ny42NyAwIDAgMS0uMzQ0LjA2NCAxLjI0IDEuMjQgMCAwIDEtLjM4Ny0uMDg2LjY0Ny42NDcgMCAwIDEtLjI3OS0uMTgyem0xLjQ0LTguNzIzYTM1LjA5IDM1LjA5IDAgMCAwIDIuMjc3LS45NDVjLjc4Ny0uMzU4IDEuNTI1LS43NyAyLjIxMy0xLjIzNmE5LjQ3MiA5LjQ3MiAwIDAgMCAxLjgxNS0xLjU5IDQuNzQ3IDQuNzQ3IDAgMCAwIDEuMDY0LTIuMDUxYy0uMTE1LS44MTctLjQzNC0xLjQwOC0uOTU3LTEuNzczLS41MjItLjM2NS0xLjE0Ni0uNTUxLTEuODY5LS41NTgtLjcyMy0uMDA3LTEuNDkuMTQzLTIuMjk4LjQ1YTguNDM0IDguNDM0IDAgMCAwLTIuMjQ2IDEuMjh2Ni40MjN6TTQyLjUwOSAzOS44NjdjLS4wNDMtMS45NzctLjA4LTMuNjUzLS4xMDctNS4wMjhhNjcxLjgyNiA2NzEuODI2IDAgMCAxLS4wOTctNS41MzIgOTAuMzE1IDkwLjMxNSAwIDAgMC0uMDMyLTEuNTY4di0uMDk3YS40NTQuNDU0IDAgMCAxIC4xOTMtLjMyMi44MzQuODM0IDAgMCAxIC4zNzYtLjE2MS42OTUuNjk1IDAgMCAxIC4zOTcuMDUzYy4xMy4wNTguMjIyLjE1LjI4LjI4bC4wNjQgNC45NDFjLjIxNS0uOTg4LjU2Mi0xLjgxMSAxLjA0Mi0yLjQ3LjQ4LS42NiAxLjAyLTEuMTc4IDEuNjIyLTEuNTU4YTUuMTkxIDUuMTkxIDAgMCAxIDEuODgtLjc0MWMuNjUyLS4xMTUgMS4yNTctLjEyMiAxLjgxNi0uMDIyYS43MzMuNzMzIDAgMCAxIC40MTkuMjM2Yy4wOTIuMTE1LjE0My4yNC4xNS4zNzZhLjcwNS43MDUgMCAwIDEtLjQxOS42NTUgNS41ODEgNS41ODEgMCAwIDAtMS44MTUuMTYyIDUuNTU0IDUuNTU0IDAgMCAwLTIuNzcyIDEuNzA4IDUuMTMgNS4xMyAwIDAgMC0uODI3IDEuMjY3Yy0uMy42NDUtLjUwNSAxLjMyMi0uNjEyIDIuMDNzLS4xNzIgMS40MTUtLjE5NCAyLjExN2EzMC45NTUgMzAuOTU1IDAgMCAwIDAgMS45OThjLjAyMi42My4wMjUgMS4xODIuMDExIDEuNjU0YS40NDcuNDQ3IDAgMCAxLS4yMDQuMzU1LjgxMy44MTMgMCAwIDEtLjQwOC4xMjljLS4xNS4wMDYtLjMwMS0uMDMtLjQ1MS0uMTA4cy0uMjU1LS4xOTctLjMxMi0uMzU0ek01Mi40NzggNDAuMTg5Yy0uNTc0LS4wNzEtMS4wNDItLjMtMS40M position:absolute;left:50%;top:0;transform: translate(-50%, -50%);z-index:2;} .modal-fullscreen .modal-content .text-split .col.position-md-absolute{z-index:2;} .modal-fullscreen .card .card-body{padding:0;} @media(max-width:767px){ .modal-fullscreen .card{border-radius:0; box-shadow:none;background:none !important;} .modal-fullscreen .card *{color:rgba(0,0,0,.87);} } @media(min-width:768px){ .modal-fullscreen .modal-content .text-split .col{min-height:60vh;} .modal-fullscreen .modal-content .text-split.text-split-fullbg .col{min-height:80vh;} .modal-fullscreen .modal-content .text-split.text-split-fullbg-h .col{min-height:100vh;} .modal-fullscreen .card{border-radius: 1rem;box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.17);} .modal-fullscreen div:not(.bg-colored) .card{background: rgba(255,255,255,0.85);} .modal-fullscreen .card .card-body{padding:4rem;} } @media(min-width:992px){ .modal-fullscreen .modal-content .text-split .col{min-height:80vh;} } .modal-fullscreen{-webkit-animation-duration: .35s;animation-duration: .35s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .modal-fullscreen .carousel, .modal-fullscreen .carousel .carousel-item, .modal-fullscreen .carousel .active {height:100vh;} .modal-fullscreen .carousel-inner {height:100%;} .modal-fullscreen .carousel {margin-bottom: 0;} .modal-fullscreen .carousel.carouselResp .carousel-item{background:rgb(223, 223, 225);} .modal-fullscreen .carousel.carouselResp .carousel-item .bg{background-size:contain;} @media (min-width: 768px){ .modal-fullscreen .carousel-control-next, .modal-fullscreen .carousel-control-prev{width:10%;} } @media (min-width: 1200px){ .modal-fullscreen .carousel-control-next, .modal-fullscreen .carousel-control-prev{width:5%;} } .modal-fullscreen .carousel-control-next-icon, .modal-fullscreen .carousel-control-prev-icon{height:40px;width:21px;} .modal-fullscreen .carousel-control-next-icon{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIg0KCSBpZD0iTGF5ZXJfMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjFweCIgaGVpZ2h0PSI0MHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC05NTIuMzYyMTgpIj4NCgk8cGF0aCBkPSJNMS4xMzMwMjU4LDk1Mi4zNjI2NzA5YzAuMjcyODg4MiwwLjAwODE3ODcsMC41MzE5MjE0LDAuMTIzMDQ2OSwwLjcyMjEwNjksMC4zMjAxOTA0bDE4Ljc5MTkzMTIsMTguOTE5MzExNQ0KCQljMC40MDk5MTIxLDAuNDEyOTAyOCwwLjQwOTkxMjEsMS4wODIxNTMzLDAsMS40OTUwNTYyTDEuODU1MTkzNyw5OTIuMDM1Mjc4Mw0KCQljLTAuNDAwNzU2OCwwLjQyMjI0MTItMS4wNjU1NTE4LDAuNDM3NDM5LTEuNDg0OTg1NCwwLjAzMzk5NjZjLTAuNDE5MzcyNi0wLjQwMzQ0MjQtMC40MzQ1MDkzLTEuMDcyNzUzOS0wLjAzMzgxMzUtMS40OTQ5OTUxDQoJCWMwLjAxMDg2NDMtMC4wMTE0MTM2LDAuMDIxOTExNi0wLjAyMjU4MywwLjAzMzIwMzEtMC4wMzM1MDgzbDE4LjA0OTk4NzgtMTguMTkwNDkwN0wwLjM2OTU5OCw5NTQuMTc3OTE3NQ0KCQljLTAuNDE1OTU0Ni0wLjQwNzA0MzUtMC40MjU0NzYxLTEuMDc2NDc3MS0wLjAyMTE3OTItMS40OTUzMDAzDQoJCUMwLjU1MzgwMjEsOTUyLjQ2OTkwOTcsMC44Mzg0NzAxLDk1Mi4zNTM3NTk4LDEuMTMzMDI1OCw5NTIuMzYyNjcwOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);} .modal-fullscreen .carousel-control-prev-icon{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIg0KCSBpZD0iTGF5ZXJfMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjFweCIgaGVpZ2h0PSI0MHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC05NTIuMzYyMTgpIj4NCgk8cGF0aCBkPSJNMjAuNjUxNTgwOCw5NTIuNjgyNjE3MmMwLjQwNDI5NjksMC40MTg4MjMyLDAuMzk0Nzc1NCwxLjA4ODI1NjgtMC4wMjExNzkyLDEuNDk1MzAwM0wyLjU4MDQxNDMsOTcyLjM1MDI4MDgNCgkJbDE4LjA0OTk4NzgsMTguMTkwNDkwN2MwLjAxMTI5MTUsMC4wMTA5MjUzLDAuMDIyMzM4OSwwLjAyMjA5NDcsMC4wMzMyMDMxLDAuMDMzNTA4Mw0KCQljMC40MDA2OTU4LDAuNDIyMjQxMiwwLjM4NTU1OTEsMS4wOTE1NTI3LTAuMDMzODEzNSwxLjQ5NDk5NTFjLTAuNDE5NDMzNiwwLjQwMzQ0MjQtMS4wODQyMjg1LDAuMzg4MjQ0Ni0xLjQ4NDk4NTQtMC4wMzM5OTY2DQoJCUwwLjM1MjkzNjIsOTczLjA5NzIyOWMtMC40MDk5MTIxLTAuNDEyOTAyOC0wLjQwOTkxMjEtMS4wODIxNTMzLDAtMS40OTUwNTYybDE4Ljc5MTkzMTItMTguOTE5MzExNQ0KCQljMC4xOTAxODU1LTAuMTk3MTQzNiwwLjQ0OTIxODgtMC4zMTIwMTE3LDAuNzIyMTA2OS0wLjMyMDE5MDQNCgkJQzIwLjE2MTUyOTUsOTUyLjM1Mzc1OTgsMjAuNDQ2MTk3NSw5NTIuNDY5OTA5NywyMC42NTE1ODA4LDk1Mi42ODI2MTcyeiIvPg0KPC9nPg0KPC9zdmc+DQo=);} .modal-fullscreen + .ovl-btns{position:fixed;bottom:-10rem;z-index:1051;transition:bottom .3s;transition-delay: 0;} .modal-fullscreen.show + .ovl-btns{bottom:2rem;transition-delay: .35s;} .swiper-desk{display:none;} @media(min-width:768px){ .swiper-desk{display:block;} } @media only screen and (orientation:portrait){ .modal-fullscreen .swiper-container.swiper-desk .bg:first-child{display:none;} .modal-fullscreen .swiper-container.swiper-desk .bg:last-child{display:block;} } @media(min-width:768px){ .swiper-mobile{display:none;} } @media only screen and (max-device-height : 450px) and (orientation : landscape){ .swiper-desk{display:none;} .swiper-mobile{display:block;} } .modal-fullscreen .swiper-container {width: 100%;height: 100%;position:static;} .modal-fullscreen .swiper-container.swiper-mobile .bg{display:none;} .ios .modal-fullscreen .swiper-container{height:100vh;} .ios .modal-fullscreen .col-md-6 .swiper-container, .ios .modal-fullscreen .col-xl-6 + .col-12 .swiper-container{height:50vh;} .ios .modal-fullscreen .swiper-container.swiper-mobile .bg{height:100vh;} .ios .modal-fullscreen .swiper-container .swiper-slide{width:100% !important;} .ios .modal-fullscreen .swiper-container {background: #fcfcfc; background: radial-gradient(ellipse at center, #fcfcfc 30%,#dfdfe1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dfdfe1',GradientType=1 );} .ios .modal-fullscreen .swiper-container .swiper-slide.swiper-slide-active{width:100% !important;} .ios .modal-fullscreen .swiper-container .swiper-slide:nth-child(2), .ios .modal-fullscreen .swiper-container .swiper-slide:nth-child(2).swiper-slide-active{transform: translate3d(-100%, 0px, 0px) !important;} .modal-fullscreen .swiper-container.swiper-mobile img:first-child{position:absolute;top:15px;right:15px;z-index:2;} .swiper-button-prev{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIg0KCSBpZD0iTGF5ZXJfMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjFweCIgaGVpZ2h0PSI0MHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC05NTIuMzYyMTgpIj4NCgk8cGF0aCBkPSJNMjAuNjUxNTgwOCw5NTIuNjgyNjE3MmMwLjQwNDI5NjksMC40MTg4MjMyLDAuMzk0Nzc1NCwxLjA4ODI1NjgtMC4wMjExNzkyLDEuNDk1MzAwM0wyLjU4MDQxNDMsOTcyLjM1MDI4MDgNCgkJbDE4LjA0OTk4NzgsMTguMTkwNDkwN2MwLjAxMTI5MTUsMC4wMTA5MjUzLDAuMDIyMzM4OSwwLjAyMjA5NDcsMC4wMzMyMDMxLDAuMDMzNTA4Mw0KCQljMC40MDA2OTU4LDAuNDIyMjQxMiwwLjM4NTU1OTEsMS4wOTE1NTI3LTAuMDMzODEzNSwxLjQ5NDk5NTFjLTAuNDE5NDMzNiwwLjQwMzQ0MjQtMS4wODQyMjg1LDAuMzg4MjQ0Ni0xLjQ4NDk4NTQtMC4wMzM5OTY2DQoJCUwwLjM1MjkzNjIsOTczLjA5NzIyOWMtMC40MDk5MTIxLTAuNDEyOTAyOC0wLjQwOTkxMjEtMS4wODIxNTMzLDAtMS40OTUwNTYybDE4Ljc5MTkzMTItMTguOTE5MzExNQ0KCQljMC4xOTAxODU1LTAuMTk3MTQzNiwwLjQ0OTIxODgtMC4zMTIwMTE3LDAuNzIyMTA2OS0wLjMyMDE5MDQNCgkJQzIwLjE2MTUyOTUsOTUyLjM1Mzc1OTgsMjAuNDQ2MTk3NSw5NTIuNDY5OTA5NywyMC42NTE1ODA4LDk1Mi42ODI2MTcyeiIvPg0KPC9nPg0KPC9zdmc+DQo=);} .swiper-button-next{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIg0KCSBpZD0iTGF5ZXJfMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjFweCIgaGVpZ2h0PSI0MHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjEgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxIDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC05NTIuMzYyMTgpIj4NCgk8cGF0aCBkPSJNMS4xMzMwMjU4LDk1Mi4zNjI2NzA5YzAuMjcyODg4MiwwLjAwODE3ODcsMC41MzE5MjE0LDAuMTIzMDQ2OSwwLjcyMjEwNjksMC4zMjAxOTA0bDE4Ljc5MTkzMTIsMTguOTE5MzExNQ0KCQljMC40MDk5MTIxLDAuNDEyOTAyOCwwLjQwOTkxMjEsMS4wODIxNTMzLDAsMS40OTUwNTYyTDEuODU1MTkzNyw5OTIuMDM1Mjc4Mw0KCQljLTAuNDAwNzU2OCwwLjQyMjI0MTItMS4wNjU1NTE4LDAuNDM3NDM5LTEuNDg0OTg1NCwwLjAzMzk5NjZjLTAuNDE5MzcyNi0wLjQwMzQ0MjQtMC40MzQ1MDkzLTEuMDcyNzUzOS0wLjAzMzgxMzUtMS40OTQ5OTUxDQoJCWMwLjAxMDg2NDMtMC4wMTE0MTM2LDAuMDIxOTExNi0wLjAyMjU4MywwLjAzMzIwMzEtMC4wMzM1MDgzbDE4LjA0OTk4NzgtMTguMTkwNDkwN0wwLjM2OTU5OCw5NTQuMTc3OTE3NQ0KCQljLTAuNDE1OTU0Ni0wLjQwNzA0MzUtMC40MjU0NzYxLTEuMDc2NDc3MS0wLjAyMTE3OTItMS40OTUzMDAzDQoJCUMwLjU1MzgwMjEsOTUyLjQ2OTkwOTcsMC44Mzg0NzAxLDk1Mi4zNTM3NTk4LDEuMTMzMDI1OCw5NTIuMzYyNjcwOXoiLz4NCjwvZz4NCjwvc3ZnPg0K)} @media screen and (orientation:portrait) { .modal-fullscreen .swiper-container.swiper-mobile .bg:first-child{display:block;} } @media screen and (orientation:landscape){ .modal-fullscreen .swiper-container.swiper-mobile .bg:last-child{display:block;} } @-webkit-keyframes modalIn { from { transform: translate3d(0, 100vh, 0); visibility: visible; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes modalIn { from { transform: translate3d(0, 100vh, 0); visibility: visible; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { transform: translate3d(0, 0, 0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .modalIn { -webkit-animation-name: modalIn; animation-name: modalIn; } @-webkit-keyframes modalOut { from { transform: translate3d(0, 0, 0); visibility: visible; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { transform: translate3d(0, 100vh, 0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes modalOut { from { transform: translate3d(0, 0, 0); visibility: visible; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { transform: translate3d(0, 100vh, 0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .modalOut { -webkit-animation-name: modalOut; animation-name: modalOut; } .cropped-video{ overflow: hidden; } @media(min-width:992px){ .cropped-video:before{ content:''; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAwIiBoZWlnaHQ9IjIwMDAiPjxwYXRoIGQ9Ik0xOTgwIDBIMHYyMDAwaDIwMDBWMGgtMjB6bTAgMTk4MEgyMFYyMGgxOTYwdjE5NjB6IiBmaWxsPSIjZmVmZWZlIi8+PC9zdmc+); background-repeat: no-repeat; background-position: center; position: absolute; top: 2px; left: -2px; z-index: 2; width: 100%; height: 100%; } } .cropped-video video{ object-fit: contain; height: 100%; background-color: transparent !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cropped-video video{width:auto;left:50%;transform: translateX(-50%);} }