/* FONTS */ /*.eot : IE9 Compat Modes, .eot?#iefix format('embedded-opentype') : IE6 - IE8, .woff2 : Super Modern Browsers, .woff : Modern Browsers, .ttf : Safari, Android, iOS, .svg : Legacy iOS */ /* Sohne Breit : https://klim.co.nz/retail-fonts/soehne-breit */ @font-face {font-family:'Sohne';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/sohne/SohneBreit-Kraftig.woff2') format('woff2');} @font-face {font-family:'Sohne';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/sohne/SohneBreit-Halbfett.woff2') format('woff2');} @font-face {font-family:'Sohne';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/sohne/SohneBreit-Dreiviertelfett.woff2') format('woff2');} @font-face {font-family:'Sohne';font-style:normal;font-weight:800;font-display:swap;src:url('./fonts/sohne/SohneBreit-Fett.woff2') format('woff2');} /* Montserrat (Latin) : https://fonts.google.com/specimen/Montserrat?query=montserrat */ @font-face {font-family:'Montserrat';font-style:normal;font-weight:100;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-100.eot');src:url('./fonts/montserrat-v23-latin/montserrat-100.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-100.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-100.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-100.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-100.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:200;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-200.eot');src:url('./fonts/montserrat-v23-latin/montserrat-200.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-200.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-200.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-200.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-200.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-300.eot');src:url('./fonts/montserrat-v23-latin/montserrat-300.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-300.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-300.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-300.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-300.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-400.eot');src:url('./fonts/montserrat-v23-latin/montserrat-400.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-400.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-400.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-400.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-400.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-500.eot');src:url('./fonts/montserrat-v23-latin/montserrat-500.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-500.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-500.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-500.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-500.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-600.eot');src:url('./fonts/montserrat-v23-latin/montserrat-600.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-600.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-600.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-600.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-600.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-700.eot');src:url('./fonts/montserrat-v23-latin/montserrat-700.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-700.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-700.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-700.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-700.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-800.eot');src:url('./fonts/montserrat-v23-latin/montserrat-800.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-800.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-800.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-800.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-800.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-900.eot');src:url('./fonts/montserrat-v23-latin/montserrat-900.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-900.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-900.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-900.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-900.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:100;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-100-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-100-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-100-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-100-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-100-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-100-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:200;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-200-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-200-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-200-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-200-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-200-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-200-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:300;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-300-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-300-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-300-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-300-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-300-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-300-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-400-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-400-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-400-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-400-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-400-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-400-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:500;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-500-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-500-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-500-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-500-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-500-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-500-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:600;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-600-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-600-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-600-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-600-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-600-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-600-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:700;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-700-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-700-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-700-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-700-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-700-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-700-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:800;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-800-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-800-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-800-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-800-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-800-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-800-italic.svg#Montserrat') format('svg');} @font-face {font-family:'Montserrat';font-style:italic;font-weight:900;font-display:swap;src:url('./fonts/montserrat-v23-latin/montserrat-900-italic.eot');src:url('./fonts/montserrat-v23-latin/montserrat-900-italic.eot?#iefix') format('embedded-opentype'),url('./fonts/montserrat-v23-latin/montserrat-900-italic.woff2') format('woff2'),url('./fonts/montserrat-v23-latin/montserrat-900-italic.woff') format('woff'),url('./fonts/montserrat-v23-latin/montserrat-900-italic.ttf') format('truetype'),url('./fonts/montserrat-v23-latin/montserrat-900-italic.svg#Montserrat') format('svg');} /* Material Icons : https://fonts.google.com/icons */ @font-face {font-family:'Material Icons';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/material-icons/material-icons.eot');src:url('./fonts/material-icons/material-icons.eot?#iefix') format('embedded-opentype'),url('./fonts/material-icons/material-icons.woff2') format('woff2'),url('./fonts/material-icons/material-icons.woff') format('woff'),url('./fonts/material-icons/material-icons.ttf') format('truetype'),url('./fonts/material-icons/material-icons.svg#Montserrat') format('svg');} .material-icons {font-family:'Material Icons';font-weight:normal;font-style:normal;font-display:swap;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings: 'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;} :root { --bw-purple: #5334c4; --bw-purple-light: #917fff; --bw-purple-dark: #090615; --bw-blue: #2e80f6; --bw-white: #ffffff; --bw-grey : #f6f6f6; --bw-grey-dark : #ededed; --bw-black: #000000; --bw-green: #68e07b; --bw-green-light: #68e07b; --bw-orange: #fd9e04; --bw-red: #fd0505; --bw-red-error: #b94a48; --system-fonts: Calibri,'Helvetica Neue',Helvetica,Arial,sans-serif; --bw-fonts-text: 'Montserrat',var(--system-fonts); --bw-fonts-title: 'Sohne',var(--bw-fonts-text); --bw-lin-gra-1: linear-gradient(314deg,rgba(104, 224, 123, 1) 20%, rgba(83, 52, 196, 1) 49%, rgba(28, 17, 66, 1) 90%); --bw-lin-gra-2: linear-gradient(90deg,rgba(83, 52, 196, 1) 0%, rgba(0, 0, 0, 1) 100%); --bw-lin-gra-3: linear-gradient(340deg,rgba(83, 52, 196, 1) 40%, rgba(9, 5, 20, 1) 90%); --bw-lin-gra-4: linear-gradient(0deg,rgba(83, 52, 196, 1) 15%, rgba(28, 17, 65, 1) 85%); --bw-lin-gra-5: linear-gradient(90deg,rgba(83, 52, 196, 1) 0%, rgb(14, 5, 46) 100%); --bw-lin-gra-6: linear-gradient(314deg,rgba(104, 224, 123, 1) 40%, rgb(107, 80, 207) 60%, rgba(28, 17, 66, 1) 90%); --bw-rad-gra-1: radial-gradient(at top left, #68e07b, #372381); --bw-rad-gra-2: radial-gradient(circle,rgba(83, 52, 196, 1) 0%, rgba(48, 30, 112, 1) 100%); } /* Surcharges styles MaterializeCSS */ a {color: var(--bw-purple);} .section {padding-top:0px;padding-bottom:0px;} .container {width:100%;max-width:1280px;} .green {background-color: var(--bw-green) !important;} .purple {background-color: var(--bw-purple) !important;} .green {background-color: var(--bw-green) !important;} .tap-target, .btn-floating {background-color: var(--bw-purple-light);color:var(--bw-white);} .tap-target-wrapper {top:auto;left:auto;bottom:-320px !important;right:-320px !important;} .fixed-action-btn {opacity: 0;} .tap-target, .tap-target-wrapper {width: 800px;height: 800px;} .tap-target-content {height:456px !important;width:500px !important;font-size:16px !important;padding:0px 50px 50px 100px !important;} .tap-target-wave, #contact-page .tap-target-wrapper.open .tap-target-wave::after {visibility: hidden;display:none;opacity: 0;} .navbar-fixed nav {position: relative;} nav {background:none;box-shadow:none;-webkit-box-shadow:none;} nav .nav-wrapper {height:80px;} nav ul a, nav ul .btn {font-size:18px;} nav a {color:var(--bw-white);} nav ul a.btn, nav ul a.btn:hover, .btn-rounded, nav ul a.btn-floating {border-radius:28px;height:56px;line-height:56px;} nav ul a.btn, nav ul a.btn:hover, .btn-rounded {box-shadow:none;display:inline-block;padding: 0 30px;text-transform:none;margin-top:-2px;margin-left:6px;margin-right:6px;} nav ul a.btn-floating {width:56px;text-align:center;} nav ul .btn-floating {font-size:20px;} nav ul li.active {background:none;border-bottom: 3px solid var(--bw-white);} #business-page nav ul li.active {background:none;border-bottom: 4px solid var(--bw-blue);} #sustainability-page nav ul li.active {background:none;border-bottom: 4px solid var(--bw-white);} sup {font-size:50%;vertical-align:super;top:auto;} .row, .row .col, .col .row {margin:0px;padding:0px;box-sizing:border-box;} nav a.sidenav-trigger {z-index: 999;} /* Couleurs des boutons, etc */ .bg_none {background:transparent !important;border:none;} .bg_transparent {background:transparent !important;color:var(--bw-black);border:1px solid var(--bw-black) !important;box-sizing:border-box;} .bg-transparent-purple {background-color: transparent !important;border:1px solid var(--bw-purple) !important;color:var(--bw-purple);box-sizing:border-box;} .bg-white-purple {background:var(--bw-white) !important;border:1px solid var(--bw-purple) !important;color:var(--bw-purple);box-sizing:border-box;} .bg-transparent-white {background:transparent !important;border:1px solid var(--bw-white) !important;color:var(--bw-white);box-sizing:border-box;} .bg-transparent-white-purple {background:transparent !important;border:1px solid var(--bw-purple) !important;color:var(--bw-white);box-sizing:border-box;} .bg-transparent-white-purple-light {background:transparent !important;border:2px solid var(--bw-purple-light) !important;color:var(--bw-white);box-sizing:border-box;} .bg-transparent-black {background:transparent !important;border:1px solid var(--bw-black) !important;color:var(--bw-black);box-sizing:border-box;} .bg-transparent-black-purple {background:transparent !important;border:1px solid var(--bw-purple) !important;color:var(--bw-black);box-sizing:border-box;} .bg-transparent-black-purple-light {background:transparent !important;border:1px solid var(--bw-purple-light) !important;color:var(--bw-black);box-sizing:border-box;} .bg-white-black {background:var(--bw-white) !important;border:1px solid var(--bw-black) !important;color:var(--bw-black);box-sizing:border-box;} .bg-white-blue {background:var(--bw-white) !important;border:1px solid var(--bw-blue) !important;color:var(--bw-blue);box-sizing:border-box;} .bg-blue-white {background:var(--bw-blue) !important;border:1px solid var(--bw-white) !important;color:var(--bw-white);box-sizing:border-box;} .bg-green {background:var(--bw-green) !important;border:none;color:var(--bw-black);box-sizing:border-box;} .purple {background-color: var(--bw-purple) !important;} .purple:hover {background-color: #674acf !important;} .purple-border {border: 1px solid var(--bw-purple) !important;} .purple-text {color: var(--bw-purple) !important;} .green-text {color:var(--bw-green) !important;} .white-text {color: var(--bw-white) !important;} .blue-text {color: var(--bw-blue) !important;} .dark-red-text {color: var(--bw-red-error) !important;} .waves-effect.waves-blue .waves-ripple {background-color: rgba(46, 128, 246, 0.30);} .waves-effect.waves-blue-light .waves-ripple {background-color: rgba(236, 244, 255, 0.3);} .waves-effect.waves-purple .waves-ripple {background-color: rgba(83, 52, 196, 0.65);} .waves-effect.waves-purple-light .waves-ripple {background-color: rgba(174, 156, 241, 0.65);} /* Style général */ body {font-family:var(--bw-fonts-text);font-size:16px;line-height:24px;font-weight:500;width:100%;min-width:380px;max-width:1920px;margin:0 auto;} h1, h2, h3 {font-family:var(--bw-fonts-title);margin:0;padding:0;letter-spacing:0.02em;} h1 {font-size:48px;line-height:48px;font-weight:500;margin-top:40px;margin-bottom:30px;} h1 img {height:42px;} h2 {font-size:44px;line-height:44px;font-weight:800;} h2 span {color:var(--bw-grey);-webkit-text-stroke: 2px;-webkit-text-stroke-color: var(--bw-black);} h2 img {height:36px;} h3 {font-size:20px;line-height:24px;font-weight:800;} h3 img {height:18px;} .btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat {font-size:18px;line-height:24px;font-weight:bold;} .btn, .btn:hover {-webkit-box-shadow:none;box-shadow: none;} .small-btn {border-radius:25px;min-height:50px;padding: 10px 20px;background-color: transparent;} .big-btn {border-radius:30px;min-height:60px;padding: 18px 30px 18px 35px !important;height:auto;} .big-btn-40 {border-radius:20px;min-height:40px;padding: 18px 100px;} .big-btn-50 {border-radius:25px;min-height:50px;padding: 18px 100px;} .big-btn-80 {border-radius:40px;min-height:80px;padding: 28px 100px;} .bold {font-weight:bold;} .ultrabold {font-weight:900;} .nowrap {white-space: nowrap;} .nostroke {-webkit-text-stroke:0px;} .center {text-align:center;} .padding-0 {padding:0px !important;} .padding-top-0 {padding-top:0px !important;} .strong {font-weight:bold;} /* Position, overflow et hidden pour la gestion des images de fond */ #top, .bg-sec {position:relative;overflow:hidden;} .bg-sec .container {position:relative;z-index:997;} .mosaic .mos-containt, #homepage .phishing, #app .transactions, #app .pay, #app .billing, #app .download, .carousel-b .row .col:last-of-type, #pers-fin .mastercard, #pers-fin .pat, #pers-fin .buywaymobile, .product-page .buywaymobile, .product-page .faq, #mastercard .wherever, #buywayline .desires, #pat .benefits, #pay .how-to-pay, #contact-page #top, #contact-page-success #top, #about .mission, #about .mission .row .col div, #about .testimonial, .product-page .buywaymobile .container, .product-page .faq .container, #mastercard .wherever .container, #buywayline .desires .container, #pat .benefits .container, #security .victim, #security .avoid, #documents .othersdocuments, #jobs .leader, #jobs .faq {position:relative;overflow:hidden;} .top-shopping .container .row, #homepage .mosaic .mos-top .mos-containt span, #app .transactions .container, #app .pay .container, #app .billing .container, #app .download .container, #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt span, #pers-fin .mastercard .container, #pers-fin .pat .container, #pers-fin .buywaymobile .container, .product-page .buywaymobile .container, .product-page .faq .container, #mastercard .wherever .container, #buywayline .desires .container, #pat .benefits .container, #pay .how-to-pay .container, #about .mission .container, #security .victim .container, #documents .othersdocuments .container, #jobs .leader .container, #jobs .faq .container {position:relative;z-index:997;} .flex-container {display:flex;} .flex-container .wrapper {width:50%;} .flex-container .wrapper:first-of-type {padding-right:9px;} .flex-container .wrapper:last-of-type {padding-left:9px;} .tri-cont .col {padding-left:5px;padding-right:5px;} .tri-cont .col:first-of-type {padding-left:0px;padding-right:10px;} .tri-cont .col:last-of-type {padding-left:10px;padding-right:0px;} .tri-cont .col div {height:220px;background-color: var(--bw-grey);padding:20px 30px;box-sizing: border-box;border-radius:20px;} .bg-shape {position:absolute;top:0;left:0;z-index:994;} .infobulle{padding-top:5px;cursor:help;text-align:left;position:relative;outline:none;} .infobulle span{visibility: hidden;color:var(--bw-purple);position: absolute;bottom: 37px;left: 50%;z-index: 999;width: 350px;margin-top:23px;margin-left:-320px;padding:15px;border: 0px;background-color: white;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;text-shadow: 0 1px 0 rgba(255,255,255,.4);-Moz-transform: scale(0);-Moz-transition:all 0.5s ease; -O-transform: scale(0);-O-transition:all 0.5s ease; -Webkit-transform: scale(0);-Webkit-transition:all 0.5s ease;} .infobulle:hover {border: 0; /* IE6 fix */ } .infobulle:hover span{visibility:visible;-Moz-transform:scale(1);-O-transform:scale(1);-Webkit-transform:scale(1);} .infobulle span:before, .infobulle span::after{content:"";position:absolute;z-index:1000;bottom:-7px;left:320px;margin-left:-9px;border-top:8px solid white;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:0;} .infobulle span:before{border-top-color:white;bottom:-8px;} .select-month .dropdown-trigger, .select-year .dropdown-trigger {color:black !important;} td:not(.is-disabled) .datepicker-day-button {color:black;} td.is-today .datepicker-day-button {color:var(--bw-purple);} .datepicker-day-button:focus {background-color: rgba(83, 52, 196, 0.25);} .datepicker-date-display, .datepicker-table td.is-selected {background-color: var(--bw-purple);} .datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done, .datepicker-table td.is-today {color:var(--bw-purple);} .datepicker-table td.is-selected .datepicker-day-button {color:var(--bw-white);} .datepicker-icon, .datepicker-icon-b, .datepicker-icon-c {position:absolute;top:10px;right:0px;} .datepicker-icon img, .datepicker-icon-b img, .datepicker-icon-c img {width:25px;cursor:pointer;} .error-container, .alert-error {font-size:16px;line-height:22px;background-color: #f2dede;color:var(--bw-red-error);border: 1px solid #eed3d7; border-radius: 20px;padding:10px 20px;margin-bottom:40px;} .alert-error h6 {margin-top:0px;} #inputFile {width:360px;} .input-file-container {float:left;margin-right:5px;box-sizing: border-box;} .input-file-container label {width:100%;padding:0px;padding-top:14px;padding-bottom:14px;text-align:center;} .input-field .input-file-wrapper {position:relative;display:inline-block;margin-top:30px;} .input-field>label {color:white;} input[type=text]:not(.browser-default) {color:white;} [type="radio"]:checked+span::after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span::after {border: 2px solid var(--bw-purple);} [type="radio"]:not(:checked)+span, [type="radio"]:checked+span {padding-left:25px;font-family:var(--bw-fonts-text);font-size:18px;color:rgba(0,0,0,0.87);} #contact-page [type="radio"]:not(:checked)+span, #contact-page [type="radio"]:checked+span {color:white;} [type="radio"]:checked+span::after, [type="radio"].with-gap:checked+span::after {background-color:var(--bw-purple);} .dropdown-content li>a, .dropdown-content li>span {color:var(--bw-purple);} /* styles de base si JS est activé */ .js .input-file-container {position: relative;width: 225px;} .js .input-file-trigger, .js .input-file-b-trigger {display: block;padding: 0px;padding-top:5px;color: #33454B;font-size: 1em;transition: all .4s;cursor: pointer;text-align:left;text-decoration:underline;cursor:pointer;} .js .input-file, .js .input-file-b {position: absolute;top: 0; left: 0;width: 100%;padding: 0px;opacity: 0;cursor: pointer;} /* styles du retour visuel */ .file-return, .file-return-b {margin: 0;} .file-return:not(:empty), .file-return-b:not(:empty) {margin: 1em 0;} .js .file-return, .js .file-return-b {font-style: italic;font-size: .9em;font-weight: bold;} .js .file-return:not(:empty):before, .js .file-return-fr:not(:empty):before {content: "Fichier sélectionné : ";font-style: normal;font-weight: normal;} .js .file-return-nl:not(:empty):before {content: "Geselecteerd bestand: ";font-style: normal;font-weight: normal;} #infobulle_file_a, #infobulle_file_b, #infobulle_file_c, #infobulle_file_d, #infobulle_file_e, #infobulle_file_f, #infobulle_file_g, #infobulle_file_h {display:inline-block !important;padding-top:20px;} #infobulle_file_a img, #infobulle_file_b img, #infobulle_file_c img, #infobulle_file_d img {vertical-align: top;} #delete_file_a, #delete_file_b, #delete_file_c, #delete_file_d {display:inline-block;} .infobulle_file {padding-top:7px !important;} /* Surchage le style par défaut des navigateurs sur les inputs dans les forms en autocomplete */ input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input.valid[type=text]:not(.browser-default) {-webkit-background-clip: text;-webkit-text-fill-color: #ffffff;transition: background-color 5s ease-in-out 0s;box-shadow: inset 0 0 20px 20px #23232329;} .collapsible.popout>li.active {background-color: var(--bw-grey);} .ml-product .bold {font-size:17px;font-weight:500;} .collapsible-body ul.purple-list li {padding-left:40px;} .collapsible-body ul.purple-list li::before {content: "\25CF";color: var(--bw-purple);display: inline-block;width: 30px;} .dis-inl-blo {display: inline-block;} .f-left {float:left;} .align-center {text-align: center;} .width-45p {width:45%;} .width-50p {width:50%;} .width-100p {width:100%;} .width-120 {width:120px;} .width-250 {width:250px;} .width-600 {width:600px;} .height-48 {height:48px;} .height-50 {height:50px;} .height-60 {height:60px;} .width-45p {width:45%;} .width-50p {width:50%;} .width-100p {width:100%;} .noborder {border: 0;} .btn-arrow, .btn-arrow::before, .btn-arrow::after, .btn-arrow-b, .btn-arrow-b::before, .btn-arrow-b::after {height:1px;} .btn-arrow, .btn-arrow::before, .btn-arrow::after {height:1px;background-color:white;} .btn-arrow-b, .btn-arrow-b::before, .btn-arrow-b::after {height:1px;background-color:black;} .btn-arrow, .btn-arrow-b {position:relative;width:60px;display:inline-block;margin-left:20px;margin-bottom:6px;} .btn-arrow::before, .btn-arrow::after, .btn-arrow-b::before, .btn-arrow-b::after {content:"";position:absolute;right:0;width:5px;display:inline-block;} .btn-arrow::before, .btn-arrow-b::before {top:-2px;transform: rotate(45deg);} .btn-arrow::after, .btn-arrow-b::after {top:2px;transform: rotate(-45deg);} /* Header */ #top-warning {min-height:100px;width:100%;display:inline-block;text-align:center;line-height:100px;font-size:40px;font-family:var(--bw-fonts-title);font-weight:700;color:#A8A8A8;background-color:#F2F2F2;} #phishing-top-banner {font-size:16px;line-height:24px;background-color: #ffa500;color:var(--bw-black);} #phishing-top-banner .wrapper {margin:0px auto;padding:20px 140px 20px 50px;max-width:1280px;position: relative;} #phishing-top-banner .wrapper .error, #phishing-top-banner .wrapper .close {position:absolute;top:32px;} #phishing-top-banner .wrapper .error {left:0px;cursor:default;} #phishing-top-banner .wrapper .close {right:0px;cursor:pointer;} #phishing-top-banner span {font-weight:bold;} #top {background: radial-gradient(at bottom right, var(--bw-purple), var(--bw-purple-dark));padding-bottom:80px;color:#ffffff;} #top .bg_transparent {color:var(--bw-white);border:1px solid var(--bw-white) !important;} #top-navbar, .navbar-fixed {z-index:999;} .navbar-fixed {margin-top:0px;padding-top:0px;height:150px;} #top-navbar {position: relative;height:150px;} #top-navbar .container {max-width: none;padding:40px;transition: all 0.5s ease;} #top-navbar .container #logo-container {height:70px;float:left;position:relative;z-index:999;} #top-navbar .container #logo-container img {height:100%;margin-top:0px;} #top-navbar .desktop-menu {position:relative;z-index:999;} #top-navbar .left.desktop-menu {margin-left:80px;margin-top:20px;position:relative;z-index:999;} #top-navbar .right.desktop-menu {margin-top:3px;} #top-navbar ul.left li {margin-right:40px;} #top-navbar ul.left li:last-of-type {margin-right:0px;} #top-navbar ul.left a {color:var(--bw-white);line-height:27px;padding:0px;font-family: var(--bw-fonts-title);} #top-navbar ul a.purple {color:var(--bw-white);} #top-navbar #navbar-background {display:inline-block;width:100%;height:160px;position:absolute;top:-10px;left:0;box-shadow:none;transition:0.3s;opacity: 0;z-index:998;} #top .top-wrapper {max-width:55%;} .dropdown-trigger {position:relative;} .arrow-down {border: solid var(--bw-white);border-width: 0 1px 1px 0;display: inline-block;padding: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;top:20px;right:10px;} .top-img {position:absolute;height:80%;bottom:0px;left:60%;} #dropdown_lg {background-color: var(--bw-purple-dark);} #dropdown_lg li.active, #dropdown_lg li:hover {background-color: var(--bw-purple);border:none;color:white;} #dropdown_lg li.active {padding:14px 16px;cursor:default;} #fidilink {color:black !important;} #applink {color:white !important;} #fidilink, #applink {text-transform: uppercase;} .embeddedServiceHelpButton .helpButton .uiButton {background-color: var(--bw-purple); font-family: "Arial", sans-serif;} .embeddedServiceHelpButton .helpButton .uiButton:focus {outline: 1px solid var(--bw-purple);} .embeddedServiceHelpButton .helpButton .uiButton, .embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent, .embeddedServiceSidebarButton {background:var(--bw-purple) !important;} .chatHeaderBranding, .embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0 {background-color: var(--bw-purple) !important;} .embeddedServiceHelpButton .helpButton .helpButtonEnabled::before,.embeddedServiceHelpButton .helpButton .helpButtonEnabled:hover::before,.embeddedServiceHelpButton .helpButton .helpButtonEnabled:focus::before {background:var(--bw-purple) !important;background-color:var(--bw-purple) !important;opacity:1 !important;} .embeddedServiceSidebarButton.uiButton--inverse .label {color:var(--bw-white) !important;} .embeddedServiceLiveAgentStateChat .chasitorInputWrapper {display: none;} /* Menu responsive */ .sidenav {background-color: rgba(83, 52, 196, 0.5);-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);color:var(--bw-white);} .sidenav li a {color:var(--bw-white);font-family:var(--bw-fonts-title);font-size:17px;padding:18px 0px !important;} .sidenav li>a {height:auto;} #nav-mobile .nav-language-select {padding-bottom:60px;} #nav-mobile .nav-language-select li {float:left;width:34%;} #nav-mobile .nav-language-select li:first-of-type, #nav-mobile .nav-language-select li:last-of-type {width:33%;} /* Footer */ .page-footer .social-links-row {margin-bottom:60px;} .page-footer .social-links-row div:first-of-type {height:88px;} .page-footer .sitemap ul {margin-block-start:0px;margin-block-end:0px;} .page-footer .sitemap li {padding-bottom:20px;} .page-footer .social-icons {height:88px;} .page-footer .social-icons a {display:inline-block;height:46px;margin-right:40px;padding-top:5px;} .page-footer .social-icons a:first-of-type {padding-top:2px;} .page-footer .social-icons a:last-of-type {margin-right:0px;padding-top:1px;} .page-footer .social-icons a img {display:inline-block;} .page-footer {padding-top:75px;font-size:16px;} .page-footer .footer-copyright, .page-footer .footer-copyright-resp {padding-bottom:50px;margin-top:40px;color:rgba(255,255,255,1);background-color:var(--bw-black);} .page-footer .footer-copyright-resp {display:none;margin-top:40px;padding-bottom:10px;} .page-footer .footer-copyright-resp .col:last-of-type {margin-top:40px;text-align:center;} .page-footer .footer-copyright a, .page-footer .footer-copyright-resp a {margin-right:40px;color:var(--bw-white);} /* FAQ */ .faq ul.collapsible {margin:0 50px;} .faq ul.collapsible li {border-radius:20px;} .faq .collapsible.popout>li {margin-bottom:10px;} .faq ul.collapsible li .collapsible-header, .faq ul.collapsible li .collapsible-body {padding-left:50px;padding-right:50px;} .faq ul.collapsible li .collapsible-header {font-family:var(--bw-fonts-title);font-weight:700;font-size:22px;border-radius:20px;background-color: var(--bw-black);color:var(--bw-white);justify-content: left;} .faq ul.collapsible li .collapsible-body {background-color: var(--bw-grey);border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;text-align:left;} .faq ul.collapsible li.active .collapsible-header {background-color: var(--bw-purple);transition:0.5s;} .faq_table_desktop {display:table;} .faq_table_desktop .title {font-weight:bold;} .faq_table_desktop .title span, .faq_table_responsive .title td span {color:var(--bw-purple);} .faq_table_desktop .texte span, .faq_table_responsive .texte span {font-weight:bold;} .faq_table_responsive {display:none;} .faq_table_responsive .title {border:none;} .faq_table_responsive .title td {padding-top:40px;} .faq_table_responsive .texte {padding-bottom:40px;} .faq_table_responsive .title td {padding-bottom:0px;font-weight:bold;} /* Simulator on product pages */ .simulator-container {margin-top:60px;background-color: white;color:black;padding:65px 85px;border-radius:20px;} #product-slider {height: 12px;border-radius: 6px;background:var(--bw-purple);} #product-slider .noUi-handle {background-color:var(--bw-purple-light);height:50px;width:140px;border-radius:25px;top: -19px;left:-70px;} #product-slider .noUi-handle-touch-area {width:170px;height:80px;z-index:999;} #product-slider .noUi-tooltip {z-index:998;} #product-slider .noUi-tooltip {background-color: #a8a8a8;height:50px;width:50px;transform: scale(.5) rotate(0deg);left:-2px;} #product-slider .noUi-tooltip {background-color: transparent;height:40px;width:120px;transform: scale(1) translate(12px, 23px);} #product-slider .noUi-tooltip span {transform: rotate(0deg);color:var(--bw-white);top:5px;font-size:20px;opacity:1;} #simulator {position:relative;} #simulator .min-amount {position:absolute;top:40px;left:-30px;} #simulator .max-amount {position:absolute;top:40px;right:-30px;} .simulator-container .row span {font-family:var(--bw-fonts-title);font-size:28px;} /* Popup cookies consent */ #onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link, #onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler {background-color: var(--bw-purple) !important;border-color: var(--bw-purple) !important;} #onetrust-consent-sdk #onetrust-banner-sdk a[href], #onetrust-consent-sdk #onetrust-banner-sdk a[href] font, #onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn {color:var(--bw-purple) !important;} .partners-carousel-container {padding-top:85px;padding-bottom:85px;} .partners-slideshow {width:100%;height:80px;overflow:hidden;border:none;margin-top:65px;} .partners-slideshow ul {width:200%;height:41px;padding:0;margin:0;list-style:none;} .partners-slideshow li {float:left;margin:0px 30px;text-align:center;} .business-banner-section {background:linear-gradient(180deg, rgba(17,51,99,1) 0%, rgba(44,120,230,1) 70%, rgba(44,120,230,1) 100%);padding:0px;} .business-banner-section .row {margin-bottom:0px;} .business-banner-section .col {padding-left:0px;padding-right:0px;} .business-banner-container {background:linear-gradient(65deg, rgba(255,255,255,0) 40%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.6) 100%);padding-top:30px !important;padding-left:0px;padding-right:0px;color:var(--bw-white);height:500px;} .business-banner-container .bg_transparent {color:var(--bw-white);border:1px solid var(--bw-white) !important;} .business-banner-container h3 {margin-top:0px;margin-bottom:0px;font-size:40px;line-height:44px;} .business-banner-container .line {width:100%;float:left;} .business-banner-container .line-a {margin-top:40px;} .business-banner-container .line-b {margin-top:30px;margin-bottom:30px;} .business-banner-container .line .icon {float:left;width:45px;} .business-banner-container .line .text {float:left;width:calc(100% - 45px);padding-left:40px;padding-right:40px;box-sizing:border-box;} .business-banner-img {padding-left:0px;padding-right:0px;overflow:hidden;height:500px;} .business-banner-img img {width:100%;margin-top:-30px;} .business-banner-title-full {display:block;} .business-banner-title-resp {display:none;} .mosaic {width:100%;display:flex;} .mosaic .mos-col {height:100%;display:flex;flex-direction:column;} .mosaic .mos-containt {height:100%;border-radius:20px;} .mosaic .mos-containt img {position:absolute;} .slick-slide {background-color: white;padding:30px 60px;border-radius:20px;display:flex !important;} .slick-slide img {height:316px;display:inline-block;} .slick-slide .slick-wrapper:first-of-type {width:45%;display: inline-block;} .slick-slide .slick-wrapper:last-of-type {width:55%;display:flex;justify-content: center;align-items: center;} .slick-slide .slick-wrapper div div:first-of-type {font-size:30px;line-height:30px;font-weight:bold;color:var(--bw-purple);margin-bottom:10px;} .slick-slide .slick-wrapper div div:nth-of-type(2) {width:100%;display:inline-block;font-size:20px;line-height:20px;font-weight:bold;margin-bottom:20px;} .slick-slide .slick-wrapper div div:last-of-type {font-size:16px;line-height:20px;font-weight:500;} .slick-prev:before, .slick-next:before, .slick-dots li button:before {color:#5334C4;} a.youtube-link, a.youtube-link-white {font-weight:bold;color:#000;text-decoration:underline;display:flex;align-items:center;font-size:18px;font-weight:600;line-height:27px;} a.youtube-link-white {color:#fff;} a.youtube-link img, a.youtube-link-white img {margin-right:20px;} .legal-informations {background-color: var(--bw-grey);padding-top:45px;padding-bottom:45px;font-size:14px;line-height:21px;} .video-container {border-radius:20px;border:none;} .video-container iframe {border:none;} .select-wrapper * { transition: none !important; transform: none !important; } /* Homepage */ #homepage #top .top-wrapper {max-width:60%;} .top-shopping .container, .top-shopping .tri-cont .col {position:relative;} .top-shopping {margin-top:0px;margin-bottom:80px;overflow:hidden;} .top-shopping .container {margin-top:50px;padding-top:15px;} .top-shopping .title-wrapper {text-align:center;max-width:100%;} .top-shopping h2 {margin: 0px auto 50px auto;max-width:80%;} .top-shopping .illu {display:inline-block;height: 424px;width:auto;position:absolute;bottom:0px;left:0px;margin-left:-129px;z-index:996;} .top-shopping .tri-cont .col div {height:280px;} .top-shopping .tri-cont h3 {margin-top:10px;margin-bottom:15px;} .top-shopping .tri-cont .col img {position:absolute;bottom:0;left:50%;} .top-shopping .tri-cont .col img.bwcard {width:160px;margin-left:-80px;} .top-shopping .tri-cont .col img.food {width:140px;margin-left:-70px;} .top-shopping .tri-cont .col img.headphone {width:130px;margin-left:-65px;} .pay-smartphone {background-color: var(--bw-grey);padding:80px 0px;} .pay-smartphone .btn {margin-top:40px;} #homepage .mosaic {height:420px;margin-top:40px;} #homepage .mosaic.mosaic-resp {display:none;} #homepage .mos-left, #homepage .mos-center, #homepage .mos-right {height:100%;float:left;} #homepage .mos-left {padding-right:12px;width:40%;} #homepage .mos-center {padding-left:6px;padding-right:6px;width:39%;} #homepage .mos-right {padding-left:12px;width:21%;} #homepage .mos-center .mos-top {height:60%;padding-bottom:10px;} #homepage .mos-center .mos-bottom {height:40%;padding-top:10px;} #homepage .mos-center .mos-bottom div {height:100%;} #homepage .mos-center .mos-bottom .mos-left {width:50%;padding-right:10px;} #homepage .mos-center .mos-bottom .mos-right {width:50%;padding-left:10px;} #homepage .mosaic .mos-left .mos-containt img {bottom:0;right:0;height:100%;} #homepage .mosaic .mos-top .mos-containt, #homepage .mosaic.mosaic-resp .mos-center .mos-containt {background-color: black;text-align:center;} #homepage .mosaic .mos-top .mos-containt span {color:white;top:70px;font-weight:800;font-size:33px;line-height:28px;font-family: var(--bw-fonts-title);} #homepage .mosaic img.care {width:160px;bottom:-50px;left:50px;transform:rotate(-15deg);} #homepage .mosaic img.change {width:130px;top:-10px;right:20px;transform:rotate(20deg);} #homepage .mosaic img.stability {width:140px;top:-20px;left:140px;} #homepage .mosaic img.s-progress {width:130px;bottom:-50px;right:50px;transform:rotate(-5deg);} #homepage .mosaic img.standout {width:130px;top:60px;left:-10px;transform:rotate(-5deg);} #homepage .mosaic .mos-center .mos-bottom .mos-left img, #homepage .mosaic .mos-center .mos-bottom .mos-right img, #homepage .mosaic.mosaic-resp .mos-bottom .mos-left img, #homepage .mosaic.mosaic-resp .mos-bottom .mos-right img {height:62px;top:50%;left:50%;margin-top:-31px;} #homepage .mosaic .mos-center .mos-bottom .mos-left img, #homepage .mosaic.mosaic-resp .mos-bottom .mos-left img {margin-left:-60px;} #homepage .mosaic .mos-center .mos-bottom .mos-right img, #homepage .mosaic.mosaic-resp .mos-bottom .mos-right img {margin-left:-48px;} #homepage .mosaic .mos-bottom .mos-left .mos-containt {background-color: white;} #homepage .mosaic .mos-bottom .mos-right .mos-containt {background-color: white;} #homepage .mosaic .mos-right .mos-containt {background-color: var(--bw-purple);} #homepage .mosaic .mos-right .mos-containt img {top:20px;left:40px;height:380px;} #homepage .mosaic.mosaic-resp {height:698px;} #homepage .mosaic.mosaic-resp .mos-top, #homepage .mosaic.mosaic-resp .mos-center {height:246px;} #homepage .mosaic.mosaic-resp .mos-bottom {height:170px;} #homepage .mosaic.mosaic-resp .mos-center, #homepage .mosaic.mosaic-resp .mos-bottom {padding-left:0px;padding-right:0px;width:100%;display:inline-block;} #homepage .mosaic.mosaic-resp .mos-center {margin-top:18px;margin-bottom:18px;} #homepage .mosaic.mosaic-resp .mos-top, #homepage .mosaic.mosaic-resp .mos-bottom {display:flex;width:100%;} #homepage .mosaic.mosaic-resp .mos-top .mos-left, #homepage .mosaic.mosaic-resp .mos-bottom .mos-left {width:50%;padding-right:9px;} #homepage .mosaic.mosaic-resp .mos-top .mos-right, #homepage .mosaic.mosaic-resp .mos-bottom .mos-right {width:50%;padding-left:9px;} #homepage .mosaic.mosaic-resp .mos-top .mos-containt {background-color:var(--bw-purple);} #homepage .mosaic.mosaic-resp .mos-top .mos-left .mos-containt img {width:100%;height:100%;object-fit:cover;object-position:center;} #homepage .mosaic.mosaic-resp .mos-top .mos-right .mos-containt img {height:100%;top:20px;left:auto;right:-20px;} #homepage .mosaic.mosaic-resp .mos-center .mos-containt span {color:white;top:75px;font-weight:800;font-size:33px;line-height:28px;font-family: var(--bw-fonts-title);position:relative;overflow:hidden;z-index:998} #homepage .mosaic.mosaic-resp .mos-bottom .mos-containt {height:100%;} .to-you-service {background-color: var(--bw-purple);padding-top:87px;overflow:hidden;} .to-you-service .container {position:relative;} .to-you-service {color:var(--bw-white);} .to-you-service h2 span {color:var(--bw-purple);-webkit-text-stroke: 2px;-webkit-text-stroke-color: var(--bw-white);} .to-you-service .phones {position:absolute;left:0;bottom:0;max-width:530px;} .to-you-service .col:last-of-type {padding-top:30px;padding-bottom:80px;} .serv-point {position:relative;padding:24px 0px;height:auto;min-height:150px;width:100%;display:flex;border-bottom:1px solid var(--bw-purple-light);} .serv-point:last-of-type {height:auto;min-height:126px;border-bottom: none;} .serv-point .img-cont {position:absolute;top:24px;left:0;display:inline-block;width:100px;height:100px;background-color:var(--bw-purple-light);border-radius:20px;} .serv-point .img-cont img {height:68px;position:absolute;top:50%;left:50%;margin-top:-32px;margin-left:-20px;} .serv-point:first-of-type .img-cont img {height:63px;margin-left:-20px;} .serv-point:last-of-type .img-cont img {height:62px;margin-left:-35px;} .serv-point .text-cont {padding-left:150px;padding-right:40px;display:flex;height:auto;min-height:100px;align-items:center;} #homepage .phishing {background-color: var(--bw-black);padding-top:167px;padding-bottom:148px;} #homepage .phishing h2 {color:var(--bw-white);} #homepage .phishing .phishing-illu {position:absolute;left:50%;top:20px;} .trust {background-color: var(--bw-grey);padding-top:88px;padding-bottom:80px;text-align:center;} .trust h2 {padding:0px 60px;} .trust .row {margin-top:50px;margin-bottom:44px;color:var(--bw-white);text-align:left;} .trust .row .col {padding-left:6px;padding-right:6px;} .trust .row .col div {padding:30px;height:224px;border-radius:20px;background:var(--bw-rad-gra-2);} .trust .row .col:first-of-type {padding-left:0px;padding-right:12px;} .trust .row .col:first-of-type div {background:var(--bw-rad-gra-1);} .trust .row .col:last-of-type {padding-left:12px;padding-right:0px;} .trust .row .col:last-of-type div {background:var(--bw-lin-gra-2);} /* Buy Way Mobile */ .bg-shape-right {left:auto;right:0;} .bg-shape-center {left:50%;transform:translate(-50%);} #app #top {background-color: #000000;background-image: none;padding-bottom:120px;} #app .top-wrapper {max-width:65%;} #app .top-img {width:480px;height:auto;bottom:5%;left:65%;} #app .fidi h2 {margin-bottom:40px;} #app .fidi .mosaic {height:auto;min-height:286px;} #app .fidi .mosaic .mos-col {height:auto;} #app .fidi .mosaic:first-of-type {margin-bottom:18px;margin-top:100px;} #app .fidi .mosaic:first-of-type .mos-col:first-of-type {flex-grow:1;padding-right:18px;} #app .fidi .mosaic:first-of-type .mos-col:first-of-type .mos-containt {background-color:var(--bw-grey-dark);} #app .fidi .mosaic:first-of-type .mos-col:first-of-type .mos-containt img {height:100%;left:50%;margin-left:-223px;} #app .fidi .mosaic:first-of-type .mos-col:last-of-type {width:40%;} #app .fidi .mosaic:last-of-type {margin-bottom:100px;} #app .fidi .mosaic:last-of-type .mos-col {width:30%;padding-left:6px;padding-right:6px;} #app .fidi .mosaic:last-of-type .mos-col:first-of-type {width:40%;padding-left:0px;padding-right:12px;} #app .fidi .mosaic:last-of-type .mos-col:first-of-type img {width:100%;height:100%;object-fit:cover;object-position:center;} #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt {background-color: #000000;text-align:center;align-items: center;justify-content: center;display:flex;} #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt span {color:white;font-weight:800;font-size:33px;line-height:28px;font-family: var(--bw-fonts-title);} #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt img.care {width:160px;top:90px;left:50px;transform:rotate(10deg);z-index:996;} #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt img.change {width:110px;top:-30px;left:40px;transform:rotate(-30deg);} #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt img.stability {width:140px;bottom:-20px;left:-20px;} #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt img.s-progress {width:130px;bottom:0px;right:-10px;transform:rotate(-175deg);} #app .fidi .mosaic:last-of-type .mos-col:nth-of-type(2) .mos-containt img.standout {width:135px;right:0px;top:10px;transform:rotate(-30deg);} #app .fidi .mosaic:last-of-type .mos-col:last-of-type {width:30%;padding-left:12px;padding-right:0px;} #app .fidi .mosaic:last-of-type .mos-col:last-of-type .mos-containt {background-color:var(--bw-grey-dark);} #app .fidi .mosaic:last-of-type .mos-col:last-of-type img {bottom:0;left:50%;margin-left:-108px;} #app .transactions {background-color: var(--bw-grey);padding-top:100px;padding-bottom:100px;} #app .transactions h2 {margin-bottom:45px;} #app .transactions .carousel .carousel-item img {position:absolute;top:0;left:35px;width:34%;} #app .pay {background-color: black;color:var(--bw-white);padding-top:100px;padding-bottom:100px;} #app .slick-slide img {height:auto;width:80%;display:inline-block;margin-top:-30px;} #app .slick-slide .slick-wrapper div div:last-of-type {font-size:20px;line-height:20px;font-weight:bold;} #app .pay h2 {color:var(--bw-white);margin-bottom:50px;} #app .pay h2 span {color:var(--bw-black);-webkit-text-stroke: 2px;-webkit-text-stroke-color: var(--bw-white);} #app .pay .youtube-link-white {margin-top:20px;} #app .pay .bg-shape {height:100%;} #app .pay .big-btn {margin-top:10px;font-size:14px;} #app .billing {background-color: var(--bw-purple-light);padding-top:100px;padding-bottom:100px;} #app .billing h2 {margin-top:8px;margin-bottom:40px;} #app .billing .bg-shape {height:150%;top:-30%;} #app .billing .flex-wrapper {width:50%;} #app .billing .flex-wrapper:first-of-type {padding-right:9px;display:flex;flex-direction: column;} #app .billing .flex-wrapper:first-of-type div:first-of-type {flex-grow:1;} #app .billing .flex-wrapper:first-of-type div:last-of-type {background-color:#f6f6f6;height:276px;border-radius:20px;position:relative;margin-top:18px;} #app .billing .flex-wrapper:first-of-type div:last-of-type img {position:absolute;top:0;left:50%;margin-left:-109px;} #app .billing .flex-wrapper:last-of-type {padding-left:9px;} #app .billing .flex-wrapper:last-of-type div {background-color:#f6f6f6;height:100%;border-radius:20px;position:relative;} #app .billing .flex-wrapper:last-of-type div img {position:absolute;top:50%;left:50%;margin-top:-219px;margin-left:-108px;} #app .features {background-color:var(--bw-purple);padding-top:100px;padding-bottom:100px;} #app .features h2 {text-align:center;color:var(--bw-white);max-width:60%;margin: 0 auto;} #app .features h2 span {-webkit-text-stroke: 0px;} #app .download {padding-top:100px;padding-bottom:100px;} #app .download .bg-shape {height:160%;top:-30%;left:auto;right:-5%;} #app .download .col:first-of-type {text-align:center;} #app .download h3 {margin-top:40px;margin-bottom:20px;} .carousel-b {position:relative;width:100%;height:520px;margin: 130px auto 0px auto;} .carousel-card {position:absolute;top:0;left:0;background:var(--bw-white);width:100%;height:auto;min-height:520px;border-radius:30px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-transform-origin:center;transform-origin:center;-webkit-transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);cursor:pointer;} .carousel-card:nth-child(1), .carousel-card:nth-child(2), .carousel-card:nth-child(3) {-webkit-transform-origin:top;transform-origin:top;} .carousel-card:nth-child(1) {z-index:10;top:0px;-webkit-transform:scale(1);transform:scale(1);opacity:1;} .carousel-card:nth-child(2) {z-index:9;top:-30px;-webkit-transform:scale(0.94);transform:scale(0.94);opacity:1;background-color:#8e7df9;} .carousel-card:nth-child(3) {z-index:8;top:-60px;-webkit-transform:scale(0.88);transform:scale(0.88);background-color:#6845e8;opacity:1;} .carousel-card:nth-child(4), .carousel-card:nth-child(5) {opacity:0;} .carousel-card:first-child:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);-webkit-transform:scale(1.05);transform:scale(1.05);} .carousel-card {padding: 50px 45px;} .carousel-b .row .col:first-of-type {padding-right:50px;} .carousel-card h3 {margin-top:25px;font-size:32px;line-height:32px;} .carousel-card h3 span {color:var(--bw-purple-light)} .feat-text {margin-top:80px;padding-left:110px;position:relative;} .feat-green {display:inline-block;position:absolute;top:0;left:0;border-radius:10px;width:70px;height:70px;background-color:var(--bw-green);} .feat-green img {position:absolute;left:50%;top:50%;} .carousel-b .row .col:last-of-type {background-color:var(--bw-grey);border-radius:20px;height:425px;display:inline-block;} .carousel-b .row .col:last-of-type .feature-img, .carousel-b .row .col:last-of-type .feature-img-full {position:absolute;} .carousel-b .row .col:last-of-type .feature-img {bottom:0;left:50%;margin-left:-125px;} .carousel-b .row .col:last-of-type .feature-img-full {height:100%;top:0;right:-20px;} #app .faq {background-color: var(--bw-white);padding-top:100px;padding-bottom:100px;text-align:center;} #app .faq h2 {color:var(--bw-purple);margin-bottom:40px;} #app .faq .collapsible-header {text-align:left;} /* SOLUTIONS */ #pers-fin h2 {font-size:30px;line-height:30px;font-weight:500;color:var(--bw-purple);margin-bottom:20px;} #pers-fin h3 {font-size:44px;line-height:44px;font-weight:800;margin-bottom:45px;} #pers-fin h3 span {color:var(--bw-grey);-webkit-text-stroke: 2px;-webkit-text-stroke-color: var(--bw-black);} #pers-fin h3 img {height:36px;} #pers-fin .mastercard {background-color:var(--bw-grey);padding-top:100px;padding-bottom:100px;} #pers-fin .mastercard .bg-shape {height:120%;top:0%;transform: rotate(25deg);-webkit-transform: rotate(25deg);left:auto;right:0;} #pers-fin .mastercard .col:last-of-type {position:relative;} #pers-fin .mastercard .bg-card {width:460px;position:absolute;right:222px;top:135px;z-index:995;} #pers-fin .resp-card {display:none;width:96%;max-width:460px;margin:0 auto 60px auto;} #pers-fin .buywayline {background-color: var(--bw-black);color:var(--bw-white);padding-top:100px;padding-bottom:100px;} #pers-fin .buywayline .bg_transparent {color:var(--bw-white);border:1px solid var(--bw-white) !important;} #pers-fin .buywayline h2 {color:var(--bw-purple-light);} #pers-fin .pat {background-color:var(--bw-purple-light);padding-top:100px;padding-bottom:100px;color:white;} #pers-fin .pat h2 {text-transform: uppercase;} #pers-fin .pat .col:last-of-type {text-align:center;} #pers-fin .pat .col:last-of-type img {width:100%;border-radius:20px;max-width:640px;margin-top:60px;} #pers-fin .pat .bg_transparent {color:var(--bw-white);border:1px solid var(--bw-white) !important;} #pers-fin .buywaymobile {background-color:var(--bw-grey);padding-top:100px;padding-bottom:100px;} #pers-fin .buywaymobile .bg-phone {position:absolute;right:30px;bottom:-255px;height:520px;} #pers-fin .buywaymobile .bg-shape {height:220%;top:-55%;left:-10%;transform: rotate(65deg);-webkit-transform: rotate(65deg);} #pers-fin .legal-informations {background-color: var(--bw-grey-dark);} /* PRODUCT PAGES COMMON */ .product-page #top {background-image: radial-gradient(at bottom right, #382770, var(--bw-black));padding-bottom:145px;} .product-page #top h1 {font-size:30px;line-height:30px;font-weight:500;} .product-page #top h2 {font-size:48px;line-height:48px;font-weight:900;margin-top:30px;margin-bottom:40px;} .product-page .top-wrapper {max-width:50%;} .product-page .top-img, #mastercard .top-bg {bottom:50%;right:25%;bottom:50%;} .product-page .top-img {left:auto;z-index:995;} .product-page .simulator {background-color: var(--bw-black);padding-top:100px;padding-bottom:100px;color:var(--bw-white);} .product-page .simulator h2 {margin-bottom:45px;} .product-page .buywaymobile {background-color: var(--bw-purple-light);color:var(--bw-white);padding-top:100px;padding-bottom:100px;} .product-page .buywaymobile h2, #mastercard .buywaymobile h3 {color:var(--bw-white);} .product-page .buywaymobile h2 {margin-bottom:45px;} .product-page .buywaymobile h3 {margin-bottom:20px;} .product-page .buywaymobile h2 span {color:transparent;-webkit-text-stroke-color: var(--bw-white);} .product-page .buywaymobile a {margin-top:35px;} .product-page .faq {background-color: var(--bw-white);padding-top:100px;padding-bottom:100px;text-align:center;} .product-page .faq h2 {color:var(--bw-purple);margin-bottom:40px;} .product-page .buywaymobile .bg-shape, .product-page .faq .bg-shape {/*width:90%;*/width:1700px;left:10%;} .product-page .buywaymobile .bg-shape {top:auto;bottom:0px;transform:translate(0, 55%);} .product-page .faq .bg-shape {top:0px;transform:translate(0, -45%);} .product-page .benefits {background-color: var(--bw-grey);padding-top:100px;padding-bottom:100px;} .product-page .benefits h2 {text-align:center;margin:0 auto 80px auto;max-width:80%;} .product-page .benefit {display:flex;margin-bottom:10px;} .product-page .benefit div {height:auto;min-height:116px;border-radius:20px;text-align:left;} .product-page .benefit div:first-of-type {background-color:var(--bw-green);width:110px;min-width:110px;margin-right:24px;} .product-page .benefit div:first-of-type img {display:inline-block;margin:0 auto;} .product-page .benefit div:last-of-type {background-color:var(--bw-grey-dark);flex-grow:1;padding:15px 50px;} .product-page .benefit:first-of-type div:first-of-type {background-color:var(--bw-purple);} .product-page .benefit:nth-of-type(3) div:first-of-type {background-color:var(--bw-purple-light);} .product-page .benefit:nth-of-type(4) div:first-of-type {background-color:var(--bw-black);} .sim-result-wrapper {margin-top:90px;background-color:var(--bw-grey-dark);border-radius:20px;padding:50px 60px;} #mastercard .benefit:nth-of-type(2) div:first-of-type img, #buywayline .benefit:last-of-type div:first-of-type img {height:58px;} #mastercard .benefit:nth-of-type(3) div:first-of-type img {height:81px;} #mastercard .benefit:last-of-type div:first-of-type img, #buywayline .benefit:nth-of-type(2) div:first-of-type img, #buywayline .benefit:nth-of-type(3) div:first-of-type img {height:66px;} /* MASTERCARD */ #mastercard .top-img {height:46%;transform:translate(50%, 65%);} #mastercard .top-bg {height:75%;position:absolute;transform:translate(50%, 60%) rotate(20deg);} #mastercard .wherever {background-color: var(--bw-grey);padding-top:75px;padding-bottom:80px;} #mastercard .wherever h2 {margin-top:60px;margin-bottom:40px;} #mastercard .wherever .watch {position:relative;z-index:995;display:inline-block;height:480px;} #mastercard .wherever .bg-shape {height:160%;top:-30%;transform: rotate(0deg);-webkit-transform: rotate(0deg);} #mastercard .wherever .big-btn {margin-top:10px;} #mastercard .solution {background-color: var(--bw-purple);padding-top:100px;padding-bottom:100px;} #mastercard .solution h2 {text-align:center;color:var(--bw-white);margin-bottom:55px;} #mastercard .mosaic {height:408px;} #mastercard .mosaic h3 {font-size:26px;line-height:30px;margin-bottom:20px;} #mastercard .mosaic .mos-col:first-of-type {width:358px;padding-right:12px;} #mastercard .mosaic .mos-col:first-of-type .mos-containt {width:346px;} #mastercard .mosaic .mos-col:first-of-type .mos-containt:first-of-type {background-color: var(--bw-purple-light);color:var(--bw-white);margin-bottom:18px;padding:37px 31px;flex-grow: 1;height:auto;} #mastercard .mosaic .mos-col:first-of-type .mos-containt:last-of-type {height:220px;} #mastercard .mosaic .mos-col:nth-of-type(2) {width:56%;padding-left:6px;padding-right:12px;} #mastercard .mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {background-color:var(--bw-white);height:235px;margin-bottom:18px;} #mastercard .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {background-color: var(--bw-green);padding:37px 31px;flex-grow: 1;height:auto;} #mastercard .mosaic .mos-col:last-of-type {flex-grow:1;padding-left:12px;} #mastercard .mosaic .mos-col:last-of-type .mos-containt {background-color: var(--bw-white);height:100%;padding:37px 31px;} #mastercard .mosaic .card-mos {height:100%;width:100%;} #mastercard .mosaic .atm {width:100%;height:100%;object-fit:cover;object-position:center;} #mastercard .mosaic .gwp {bottom:-70px;right:-67px;width:93%;min-width:300px;} #mastercard .benefit div:first-of-type img {height:61px;} #mastercard .how-to-request {background-color: var(--bw-purple-light);padding-top:100px;padding-bottom:100px;text-align:center;font-family: var(--bw-fonts-title);color:var(--bw-white);font-weight:bold;} #mastercard .how-to-request h2 {color:var(--bw-white);max-width:80%;margin:0 auto 65px auto;} #mastercard .how-to-request .partners-carousel-container {padding-top:65px;padding-bottom:0px;} #mastercard .how-to-request .partners-slideshow {margin-top:0px;} #mastercard .how-to-request .partners-slideshow ul, #mastercard .how-to-request .partners-slideshow li {height:80px;} #mastercard .how-to-request .partners-slideshow li {margin:0px 20px;padding:0 50px;background-color: white;border-radius:20px;} /* BPR */ #buywayline .top-img {bottom:-50px;transform:translate(50%);height:490px;} #buywayline .desires {padding-top:75px;padding-bottom:80px;} #buywayline .desires h2 {margin-top:60px;margin-bottom:40px;} #buywayline .desires .col:first-of-type {padding-right:20px;} #buywayline .desires .col .gwc {border-radius:20px;position:relative;z-index:995;display:inline-block;width:100%;max-width:520px;} #buywayline .desires .bg-shape {width:120%;top:-30px;left:15%;transform: rotate(3deg);-webkit-transform: rotate(3deg);} #buywayline .needs {background-color: var(--bw-purple);padding-top:100px;padding-bottom:100px;} #buywayline .needs h2 {text-align:center;color:var(--bw-white);margin-bottom:55px;} #buywayline .mosaic {height:408px;} #buywayline .mosaic h3 {font-size:26px;line-height:30px;margin-bottom:20px;} #buywayline .mosaic .mos-col:first-of-type {width:34%;padding-right:12px;} #buywayline .mosaic .mos-col:first-of-type .mos-containt:first-of-type {height:220px;} #buywayline .mosaic .mos-col:first-of-type .mos-containt:last-of-type{background-color: var(--bw-black);color:var(--bw-white);height:auto;margin-top:18px;padding:37px 31px;flex-grow: 1;} #buywayline .mosaic .mos-col:nth-of-type(2) {width:33%;padding-left:6px;padding-right:12px;} #buywayline .mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {background-color: var(--bw-green);height:auto;margin-bottom:18px;padding:37px 31px;flex-grow: 1;} #buywayline .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {background-color:var(--bw-white);height:235px;} #buywayline .mosaic .gwp, #buywayline .mosaic .gic {width:100%;height:100%;object-fit:cover;object-position:center;} #buywayline .mosaic .maw {bottom:0px;right:10px;width:80%;} #buywayline .mosaic .mos-col:last-of-type {width:33%;padding-left:12px;} #buywayline .mosaic .mos-col:last-of-type .mos-containt {background-color: var(--bw-purple-light);height:100%;padding:37px 31px;} #buywayline .benefit div:first-of-type img {height:51px;} /* PAT */ #pat .top-img {height:100%;transform:translate(50%, 72%);} #pat .faq .bg-shape {top:0px;transform:translate(0, -41%);} #pat #top {background: #5334C4;background:linear-gradient(309deg,rgba(83, 52, 196, 1) 0%, rgba(83, 52, 196, 1) 38%, rgba(9, 6, 20, 1) 92%, rgba(9, 6, 20, 1) 100%);padding-bottom:145px;} #pat h2 span {color:var(--bw-green);} #pat .simulator-container h3 {color:var(--bw-purple);margin-top:50px;margin-bottom:20px;} #pat .needs {background-color: var(--bw-purple);padding-top:100px;padding-bottom:100px;} #pat .needs h2 {text-align:center;color:var(--bw-white);margin-bottom:55px;} #pat .mosaic {height:600px;} #pat .mosaic h3 {font-size:26px;line-height:30px;margin-bottom:20px;} #pat .mosaic .mos-col:first-of-type {width:34%;padding-right:12px;} #pat .mosaic .mos-col:first-of-type .mos-containt:first-of-type{background-color: var(--bw-purple-light);color:var(--bw-white);height:auto;margin-bottom:18px;padding:37px 31px;flex-grow:1;} #pat .mosaic .mos-col:first-of-type .mos-containt:last-of-type {height:307px;} #pat .mosaic .mos-col:nth-of-type(2) {width:38%;padding-left:6px;padding-right:6px;} #pat .mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {background-color:var(--bw-white);height:323px;margin-bottom:18px;} #pat .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {background-color: var(--bw-green);height:auto;padding:37px 31px;flex-grow:1;} #pat .mosaic .mos-col:last-of-type {width:28%;padding-left:12px;} #pat .mosaic .mos-col:last-of-type .mos-containt {background-color: var(--bw-white);height:100%;padding:37px 31px;} #pat .mosaic .gob, #pat .mosaic .moc {width:100%;height:100%;object-fit:cover;object-position:center;} #pat .mosaic .gwc {bottom:-2px;right:-90px;width:330px;} #pat .row .col:first-of-type {padding-right:12px;} #pat .row .col:last-of-type {padding-left:12px;} #pat .row:first-of-type .col:first-of-type .benefit div:first-of-type {background-color:var(--bw-green);} #pat .row:first-of-type .col:last-of-type .benefit div:first-of-type {background-color:var(--bw-purple);} #pat .row:last-of-type .col:first-of-type .benefit div:first-of-type {background-color:var(--bw-purple-light);} #pat .row:last-of-type .col:last-of-type .benefit div:first-of-type {background-color:black;} #pat .benefits .bg-shape{width:1700px;left:10%;top:auto;bottom:0px;transform:translate(0, 59%);} #pat-form-cta {margin-top:5px;} #pat-form-amount {padding-right:20px;} #pat-form-duration, #pat-form-rate-b, #pat-form-rate {margin-top:50px;} #pat-form-duration, #pat-form-rate-b {padding-left:20px;} #pat-form-rate {padding-left:10px;padding-right:10px;} #pat-page-success .section {height:725px;position:relative;background: url("../images/bg/gradient-bg-contact-success-b.webp");} .files_upload_form {max-width:900px;margin:0 auto;background-color:#917fff;padding:50px;margin-top:40px;color:white;border-radius:20px;} #pat #top .top-wrapper {max-width:60%;} #pat #top h2 {background-image: linear-gradient(45deg, var(--bw-green-light), #7092c0);background-clip: text;color: transparent;font-size:46px;line-height:46px;} #pat #top h3 {font-size:36px;line-height:36px;margin-bottom:20px;} #pat #top {background-color:var(--bw-purple);width:100%;height:auto;position:relative;overflow:hidden;background-image: url('../images/pages/pat/top.webp');background-size: auto 60%;background-position: 100% 65%;background-repeat: no-repeat;margin-bottom:0px;} /* GOOGLE PAY AND APPLE PAY */ #pay .top-img {height:80%;max-height:475px;bottom:0px;left:auto;right:25%;transform:translate(50%);z-index:995;} #pay #top {background:var(--bw-lin-gra-1);padding-bottom:145px;} #pay #top h1 {font-size:30px;line-height:30px;font-weight:500;} #pay #top h2 {font-size:48px;line-height:48px;font-weight:400;margin-top:30px;margin-bottom:40px;} #pay #top h2 span {font-weight:900;} #pay .secured {background-color: black;color:white;padding-top:100px;padding-bottom:100px;} #pay .secured h2 {margin-top:35px;margin-bottom:35px;} #pay .how-to-pay {background-color: var(--bw-grey);padding-top:100px;padding-bottom:100px;} #pay .how-to-pay h2 {margin-bottom:45px;} #pay .where-pay {background-color: var(--bw-purple-light);padding-top:100px;padding-bottom:100px;color:white;} #pay .where-pay h2 {margin-bottom:55px;} #pay .mosaic {height:408px;} #pay .mosaic h3 {font-size:26px;line-height:30px;margin-bottom:20px;} #pay .mosaic .mos-col:first-of-type {width:30%;padding-right:12px;} #pay .mosaic .mos-col:first-of-type .mos-containt {background-color:white;color:black;height:100%;padding:37px 31px;} #pay .mosaic .mos-col:nth-of-type(2) {width:35%;padding-left:6px;padding-right:12px;} #pay .mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {margin-bottom:18px;flex-grow:1;} #pay .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {background-color: var(--bw-green);color:black;height:auto;padding:50px 30px;align-items: center;} #pay .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type h3 {margin-bottom:0px;} #pay .mosaic .mos-col:last-of-type {width:35%;padding-left:12px;} #pay .mosaic .mos-col:last-of-type .mos-containt {background-color:black;height:100%;padding:37px 31px;} #pay .mosaic .go, #pay .mosaic .mo {bottom:-40px;right:-3%;width:410px;} #pay .mosaic .gwf, #pay .mosaic .cr {width:100%;height:100%;object-fit:cover;object-position:center;} #pay .mosaic .mos-col:last-of-type div:not(.mos-containt) {display:inline-block;width:100%;height:60px;border-radius:30px;border:2px solid white;text-align:center;padding-top:10px;margin-top:10px;} #pay .mosaic .mos-col:last-of-type div:last-of-type:not(.mos-containt) {padding-top:8px;margin-top:20px;} #pay .mosaic .mos-col:last-of-type div:last-of-type img {position:relative;height:40px;} #pay .howtopay .pay-wrapper {margin-right:10px;background-color:var(--bw-purple);padding:50px;border-radius:20px;} #pay .howtopay .col:last-of-type .pay-wrapper {margin-right:0px;margin-left:10px;} #pay .howtopay .pay-wrapper div:first-of-type {font-family:var(--bw-fonts-title);font-size:24px;font-weight:900;margin-bottom:20px;} /* CONTACT PAGE */ #contact-page #top {overflow: visible;} #contact-page #top, #contact-page-success #top {background: var(--bw-purple);background: linear-gradient(314deg,var(--bw-purple) 20%, rgba(83, 52, 196, 1) 40%, var(--bw-purple-dark) 90%);padding-bottom:80px;color:#ffffff;} #contact-page h1, #contact-page-success h1 {margin-top:0px;font-size:40px;font-weight:900;} #contact-page-success h1 {margin-bottom:60px;} #contact-page .input-field {margin-top: 40px;} #contact-page label, #contact-page [type="text"] {color:white;} #contact-page [type="radio"]+span:before, #contact-page [type="radio"]+span:after {border: 2px solid var(--bw-purple-light);} #contact-page [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {background-color: var(--bw-purple-light);} #seccilink {color:white;} #contact-page textarea {height:150px;margin-top: 10px;border:none;border-bottom: 1px solid #9e9e9e;} #contact-page .select-wrapper .caret {fill: white;} #contact-page textarea {color:white;} .alert-error h4 {color:var(--bw-purple);font-weight:bold;padding-bottom:20px;} .contact-term-page ul.purple-list li {padding-left:40px;} .contact-term-page ul.purple-list li::before {content: "\25CF";color: var(--bw-purple);display: inline-block;width: 30px;} .contact-term-page .input-field {margin-top: 40px;} .contact-term-page a.btn, .contact-term-page a.btn:hover, .contact-term-page button, .contact-term-page button:hover {box-shadow:none;display:inline-block;padding: 0 30px;text-transform:none;margin-top:-2px;margin-left:6px;margin-right:6px;border-radius:30px;height:60px;} .contact-term-page a.btn, .contact-term-page a.btn:hover {line-height:60px;} .contact-term-page .displayResp {display:none;} .contact-term-page .font-50 {font-size:50px;color:var(--bw-green);} .contact-term-page .big-btn {text-transform: none;} /* ABOUT PAGE */ #about #top {background-color: black;background-image: none;} #about #top .top-wrapper {max-width:100%;} #about #top .flex-container {margin-top:50px;margin-bottom:44px;text-align:left;} #about #top .flex-container .flex-wrapper {width:33%;} #about #top .flex-container .flex-wrapper:first-of-type {width:33%;padding-right:12px;} #about #top .flex-container .flex-wrapper:nth-of-type(2) {width:34%;padding-left:6px;padding-right:6px;} #about #top .flex-container .flex-wrapper:last-of-type {width:33%;padding-left:12px;} #about #top .flex-container .flex-wrapper .purple {padding:30px;border-radius: 20px;height:100%;background:var(--bw-rad-gra-1);} #about #top .flex-container .flex-wrapper:nth-of-type(2) .purple {border-radius: 20px;height:100%;background:var(--bw-rad-gra-2);} #about #top .flex-container .flex-wrapper:last-of-type .purple {border-radius: 20px;height:100%;background:var(--bw-lin-gra-5);} #about #top .flex-container .flex-wrapper .purple h2 {font-size:30px;line-height:34px;} #about .mission {padding-top:100px;padding-bottom:100px;} #about .mission .bg-shape {transform: rotate(70deg);-webkit-transform: rotate(70deg);width:160%;left:-10%;top:-142%;} #about .mission h2 {margin-bottom:30px;} #about .mission .flex-container {margin-top:45px;} #about .mission .flex-container .flex-wrapper {padding-left:6px;padding-right:6px;width:34%;} #about .mission .flex-container .flex-wrapper:first-of-type {padding-left:0px;padding-right:12px;width:33%;} #about .mission .flex-container .flex-wrapper:last-of-type {padding-left:12px;padding-right:0px;width:33%;} #about .mission .flex-container .flex-wrapper div {height:100%;background-color: var(--bw-green);color:black;border-radius:20px;padding:40px;padding-top:290px;position:relative;overflow:hidden;} #about .mission .flex-container .flex-wrapper:first-of-type div {background-color: var(--bw-purple);color:white;} #about .mission .flex-container .flex-wrapper:last-of-type div {background-color: var(--bw-purple-light);color:white;} #about .mission .flex-container .flex-wrapper div h3 {font-size:30px;line-height:32px;margin-bottom:20px;} #about .mission .flex-container .flex-wrapper div img {position:absolute;top:0;left:-60px;width:430px;} #about .mission .flex-container .flex-wrapper:first-of-type div img {left:-10px;width:460px;} #about .mission .flex-container .flex-wrapper:last-of-type div img {left:-40px;width:470px;} #about .moments {background-color:var(--bw-purple-light);padding-top:100px;padding-bottom:100px;overflow: hidden;} #about .moments h2 {text-align:center;color:white;} #about .partners {background-color:var(--bw-grey);padding-top:100px;padding-bottom:100px;} .timeline {background-color:white;height:4px;width:100%;display:inline-block;position: relative;margin:250px 0px 200px 0px;} .timeline .timeline-card {position: absolute;width:260px;height:154px;margin-left:-130px;text-align:left;box-sizing:border-box;font-size:16px;line-height:20px;padding: 0px 0px 0px 20px;} .timeline .timeline-card h3 {padding:0px;margin:0px;font-size:28px;line-height:28px;width:140px;background:var(--bw-lin-gra-6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .timeline .timeline-card p {margin-bottom:0px;color:#ffffff;font-weight:400;font-size:16px;line-height:22px;} .timeline .card-up {bottom:40px;} .timeline .card-up::after {bottom:-38px;} .timeline .card-down {top:40px;} .timeline .card-down::before {top:-38px;} .timeline .card-up::after, .card-down::before {content:"";background-color:white;width:4px;height:190px;border-radius:2px;display:inline-block;position:absolute;left:0%;margin-left:0px;} .timeline .card-1 {left:10%;} .timeline .card-2 {left:20%;} .timeline .card-3 {left:30%;} .timeline .card-4 {left:40%;} .timeline .card-5 {left:50%;} .timeline .card-6 {left:60%;} .timeline .card-7 {left:70%;} .timeline .card-8 {left:80%;} .timeline .card-9 {left:90%;} .timeline-b {background-color:white;width:4px;height:1000px;display:inline-block;position: relative;display:none;} .timeline-b .timeline-card {position: absolute;width:260px;margin-left:-130px;text-align:left;box-sizing:border-box;font-size:16px;line-height:20px;padding:20px 0px;} .timeline-b .timeline-card h3 {padding:0px;margin:0px;font-size:28px;line-height:28px;width:140px;background:var(--bw-lin-gra-6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .timeline-b .timeline-card p {margin-bottom:0px;color:white;} .timeline-b .card-left {left:-194px;} .timeline-b .card-right {right:-308px;} .timeline-b .card-right::before {right:-180px;} .timeline-b .card-left::after {content:"";background-color:white;height:4px;width:40px;border-radius:2px;display:inline-block;position:absolute;top:50%;right:-65px;} .timeline-b .card-right::before {content:"";background-color:white;height:4px;width:40px;border-radius:2px;display:inline-block;position:absolute;top:50%;left:-50px;} .timeline-b .card-1 {top:0%;} .timeline-b .card-2 {top:10%;} .timeline-b .card-3 {top:20%;} .timeline-b .card-4 {top:30%;} .timeline-b .card-5 {top:40%;} .timeline-b .card-6 {top:50%;} .timeline-b .card-7 {top:60%;} .timeline-b .card-8 {top:70%;} .timeline-b .card-9 {top:80%;} .timeline-c {background-color:white;width:4px;height:1400px;display:inline-block;position: relative;margin-left:-300px;display:none;} .timeline-c .timeline-card {position: absolute;width:260px;margin-left:-130px;text-align:left;box-sizing:border-box;font-size:16px;line-height:20px;padding:20px 0px;} .timeline-c .timeline-card h3 {padding:0px;margin:0px;font-size:28px;line-height:28px;width:140px;background:var(--bw-lin-gra-6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .timeline-c .timeline-card p {margin-bottom:0px;color:white;} .timeline-c .timeline-card {right:-308px;} .timeline-c .timeline-card::before {content:"";background-color:white;height:4px;width:40px;border-radius:2px;display:inline-block;position:absolute;top:50%;left:-50px;} .timeline-c .card-1 {top:0px;} .timeline-c .card-2 {top:180px;} .timeline-c .card-3 {top:320px;} .timeline-c .card-4 {top:480px;} .timeline-c .card-5 {top:650px;} .timeline-c .card-6 {top:780px;} .timeline-c .card-7 {top:960px;} .timeline-c .card-8 {top:1080px;} .timeline-c .card-9 {top:1200px;} #about .partners {background-color: var(--bw-grey-dark);} #about .partners h2 {max-width:60%;margin:0 auto;text-align:center;} #about .partners .flex-container {margin-top:40px;} #about .partners .flex-container .flex-wrapper {width:25%;padding-left:6px;padding-right:6px;} #about .partners .flex-container .flex-wrapper:first-of-type {padding-left:0px;padding-right:12px;} #about .partners .flex-container .flex-wrapper:last-of-type {padding-left:12px;padding-right:0px;} #about .testimonial {background-color:white;border-radius:20px;padding:30px;padding-bottom:80px;height:100%;font-family:var(--bw-fonts-title);font-size:18px;line-height:24px;font-style:italic;color:black;} #about .testimonial img {position:absolute;left:32px;bottom:32px;} /* SECURITY PAGE */ #security .section {padding:100px 0px;} #security #top {background-color: black;background-image: none;} #security #top .top-wrapper {width:100%;max-width:500px;padding-top:80px;padding-bottom:80px;} #security #top .top-img {height:auto;width:568px;bottom:-25%;left:55%;} #security .victim {background-color: var(--bw-purple-light);color:white;} #security .victim h2 {margin-bottom:30px;} #security .victim h3 {font-size:34px;line-height:34px;} #security .victim .bg-shape {left:auto;right:0px;height:100%;} #security .victim .flex-container:first-of-type .wrapper:first-of-type {width:66%;} #security .victim .flex-container .wrapper-b {background-color:var(--bw-grey-dark);border-radius:20px;margin-top:45px;padding:50px;} #security .victim .flex-container:first-of-type .wrapper:last-of-type {width:34%;overflow:hidden;} #security .victim .flex-container div.img-extend {border-radius:20px;overflow:hidden;height:100%;} #security .victim .flex-container div.img-extend img {width:100%;height:100%;object-fit:cover;object-position:center;display:block;} #security .victim div.content {display:flex;} #security .victim div.content:not(:first-of-type) {padding-top:30px;} #security .victim div.content .image {background-color:black;width:68px;height:68px;border-radius:20px;padding:0px;display:flex;flex-shrink:0;align-items:center;justify-content:center;} #security .victim div.content:nth-of-type(2) .image {background-color: var(--bw-purple-light);} #security .victim div.content:last-of-type .image {background-color: var(--bw-green);} #security .victim div.content .text {display:inline-block;padding-left:30px;color:black;} #security .victim .flex-container:last-of-type {margin-top:20px;} #security .victim .flex-container:last-of-type .wrapper div {background-color: var(--bw-purple);border-radius:20px;padding:45px 40px 60px 40px;} #security .victim .flex-container:last-of-type .wrapper div.content {background: none;border-radius: 0px;padding:30px 0px 0px 0px;} #security .victim .flex-container:last-of-type .wrapper div.content:first-of-type {padding-top:45px;} #security .victim .flex-container:last-of-type .wrapper div.content span:first-of-type {background-color: var(--bw-purple-light);width:68px;height:68px;border-radius:20px;padding:0px;display:flex;flex-shrink:0;align-items:center;justify-content:center;} #security .victim .flex-container:last-of-type .wrapper div.content span:last-of-type {padding:0px 0px 0px 30px;color:white;} #security .mirror {background: #5334C4;color:white;background:linear-gradient(315deg,rgba(83, 52, 196, 1) 10%, rgba(9, 6, 20, 1) 90%);} #security .mirror h2 {margin-bottom:30px;} #security .mirror .col:first-of-type {padding:75px 80px 0px 0px;} #security .mirror .wrapper {background-color: var(--bw-green);border-radius:20px;color:black;padding:10px 35px 35px 35px;margin-top:45px;} #security .mirror .wrapper div {margin-top:25px;display:flex;} #security .mirror .wrapper div span:last-of-type {padding-left:10px;} #security .types h2 {max-width:90%;margin:0 auto 60px auto;text-align:center;} #fraud-type-a, #fraud-type-d {padding-right:12px;} #fraud-type-b, #fraud-type-e {padding-left:6px;padding-right:6px;} #fraud-type-c, #fraud-type-f {padding-left:12px;} #fraud-type-a, #fraud-type-b, #fraud-type-c, #fraud-type-d, #fraud-type-e, #fraud-type-f {margin-bottom:18px;} .fraud-type-container {background-color:black;color:var(--bw-black);border-radius:20px;overflow: hidden;} .fraud-type-container img {width:100%;} .fraud-type-text-container {padding:30px;padding-bottom:20px;text-align:center;} .fraud-type-text-container div {margin: 0 auto;text-align:center;font-family: 'Sohne';color:white;font-weight:600;font-size:20px;line-height:22px;} .fraud-type-container span {color:black;background-color:var(--bw-green);margin:30px 0px;display:inline-block;font-weight:bold;cursor: pointer;height:40px;padding: 8px 30px 0px 30px;border-radius:20px;} #modal {position: fixed;z-index: 99999;top: 0;right: 0;bottom: 0;left: 0;display: block;visibility:hidden;} #modal.open {display: block;visibility: visible;} #modal .mask {background: black;opacity: 0.8;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} #modal .container {position: relative;display:block;background: white;border-radius:20px;top: 20%;width:80%;max-width: 900px;min-width:320px;height: 60%;min-height: 300px;max-height:65%;padding: 40px;padding-bottom:50px;} #modal .modal-wrapper {overflow-y:auto;display:inline-block;height:100%;} #modal .container .title {color:var(--bw-purple);font-weight:bold;} #modal .container .message {padding-top:20px;padding-right:10px;height:auto;max-height:400px;} #modal .container span.close {position: absolute;right:-20px;top:-20px;color: var(--bw-purple);background-color:white; font-size: 40px;font-weight:bold;width:40px;height:40px;border-radius:20px;display:inline-block;text-align:center;line-height:40px;cursor: pointer;} #modal .container span.close:hover {color: white;background-color:var(--bw-purple);} #security .avoid {background:var(--bw-green);background:var(--bw-lin-gra-1);color:white;padding-bottom:230px;} #security .avoid .title-container {display:flex;margin-bottom:60px;} #security .avoid .title-container div:first-of-type {padding-right:40px;} #security .avoid .title-container img {width:120px;} #security .avoid .flex-container .wrapper div.content {background-color: var(--bw-grey-dark);border-radius:20px;color:black;padding: 45px 40px;height:100%;} #security .avoid .flex-container .wrapper div.content div {display:flex;margin-top:30px;} #security .avoid .flex-container .wrapper div.content div:first-of-type {margin-top:45px;} #security .avoid .flex-container .wrapper div.content div span:last-of-type {padding-left:10px;} #security .avoid img.hacker {position:absolute;bottom:0px;left:48%;height:430px;} /* DOCUMENTS UTILES */ #documents .section {padding: 100px 0px;} #documents #top {background:var(--bw-lin-gra-3);} #documents #top .top-wrapper {max-width:38%;padding-top:80px;padding-bottom:80px;} #documents h1 {font-weight:800;} #documents .top-img {bottom:-140px;height:auto;width:688px;left:50%;} #documents .guides {padding-bottom:0px;} #documents .guides .flex-container .wrapper {flex-grow:1;} #documents .guides .flex-container .wrapper:first-of-type {width:35%;align-items: flex-end;display:flex;} #documents .guides .flex-container .wrapper:last-of-type {padding-top:30px;padding-bottom:80px;} #documents .guides img {display: block;width:90%;} #documents .guides .green {padding:45px 30px;border-radius:20px;margin-top:30px;} #documents .guides .green .row {margin-top:20px;} #documents .othersdocuments {background-color: var(--bw-purple-light);} #documents .othersdocuments h3 {margin-bottom:30px;} #documents .othersdocuments .flex-container .wrapper div.content {background-color: var(--bw-grey-dark);border-radius:20px;color:black;padding: 45px 40px;height:100%;} #documents .bg-shape {width:100%;} #documentreader {background:var(--bw-lin-gra-3);} #documentreader #top {padding-bottom:0px;background: none;} #documentreader h1, #documentreader h2 {text-transform: uppercase;} #documentreader h2 {font-size:20px;font-weight:500;margin:0px;} #documentreader h1 {font-weight:800;margin:0px;} #documentreader .guide-pdf-link {text-align:right;margin-top:80px;margin-bottom:10px;height:25px;line-height:25px;} #documentreader .guide-pdf-link a{color:white;height:30px;line-height:25px;display:inline-block;font-size:15px;} #documentreader .guide-pdf-link a img {height:25px;display:inline-block;vertical-align:middle;} /* JOBS */ #jobs h1 {font-weight:800;margin-top:0px;} #jobs .section {padding: 100px 0px;} #jobs #top .top-wrapper {max-width:100%;padding-top:80px;padding-bottom:80px;} #jobs #top .top-wrapper img:not(:first-of-type) {margin-left:15px;} #jobs .top-img {bottom:0px;height:auto;width:686px;left:75%;margin-left:-343px} #jobs .leader {background-color: var(--bw-grey-dark);} #jobs .leader h2 {margin-bottom:40px;} #jobs .leader h2 span {color:var(--bw-grey-dark);} #jobs .leader h3 {font-size:26px;line-height:26px;margin-bottom:40px;} #jobs .leader .flex-container .wrapper {flex-grow:1;} #jobs .leader .flex-container:first-of-type .wrapper:first-of-type, #jobs .leader .flex-container:last-of-type .wrapper:last-of-type {width:38%;} #jobs .leader .flex-container:last-of-type {margin-top:18px;} #jobs .leader .flex-container:first-of-type .wrapper:last-of-type div, #jobs .leader .flex-container:last-of-type .wrapper:first-of-type div {height:100%;border-radius:20px;padding:35px 60px;} #jobs .leader .flex-container:first-of-type .wrapper:last-of-type div, #jobs .leader .flex-container:last-of-type .wrapper:first-of-type div {display:flex;align-items:center;} #jobs .leader .flex-container:first-of-type .wrapper:last-of-type div {background-color:var(--bw-purple);color:white;} #jobs .leader .flex-container:last-of-type .wrapper:first-of-type div {background-color:var(--bw-green);} #jobs .faq h2 {color:var(--bw-purple);max-width:80%;margin:0 auto 45px auto;} #jobs .leader .bg-shape, #jobs .faq .bg-shape {width:1700px;left:10%;} #jobs .leader .bg-shape{top:auto;bottom:0px;transform:translate(0, 59%);} #jobs .faq ul {margin-top:60px;} #jobs .faq .bg-shape {top:0px;transform:translate(0, -41%);} #jobs .others {background:var(--bw-lin-gra-3);color:white;} #jobs .others a {color:white;} #jobs .others .bg_transparent {color:white;border: 1px solid white !important;} #jobs .others .bg_transparent {width:100%;margin-bottom:45px;} #jobs .others .flex-container {margin-top:20px;} #jobs .others .flex-container .bg_transparent {min-height:40px;padding: 8px 30px !important;border-radius:20px;} #jobs .others .flex-container div:not(:first-of-type) {margin-left:10px;} /* FAQ */ #help-page .section {padding: 100px 0px;} #help-page #top {background:var(--bw-lin-gra-1);} #help-page h1 {margin:0px;font-weight:800;} #help-page .col:last-of-type {padding-left:20px;} .help-menu, #help-page .help-menu-resp {background-color: var(--bw-grey);border-radius: 15px;margin:0px;} .help-menu li a {color:black;padding:10px 30px;display:inline-block;} .help-menu li.active {border:2px solid var(--bw-purple-light);border-radius:15px;padding:10px 30px;} .help-menu li.active, .help-menu li a:hover {color:var(--bw-purple-light);font-weight:bold;} #help-page .help-menu-resp {display:none;height:48px;position:relative;} #help-page .help-menu-resp li {width:100%;} #help-page .help-menu-resp li a {color:black;padding:10px 30px;display:inline-block;} #help-page .help-menu-resp li.active {border:2px solid var(--bw-purple-light);border-radius:15px;padding:10px 30px;} #help-page .help-menu-resp li.active, #help-page .help-menu-resp li a:hover {color:var(--bw-purple-light);font-weight:bold;} #help-page .help-menu-resp li:not(.active) {display:none;} #help-page .help-menu-resp.active {height:auto;} #help-page .help-menu-resp.active li:not(.active) {display:block;} #help-page .help-menu-resp .material-icons {position:absolute;top:12px;right:12px;transition: transform 0.3s ease-in-out;transform: rotate(0deg);} #help-page .help-menu-resp .material-icons.rotated {transform: rotate(-90deg);} .help-container {margin:0;} .help-container li:not(:first-of-type) {margin-top:20px;} .help-container li .collapsible-header {background-color: var(--bw-grey-dark);border:none;border-radius:10px;box-shadow: none;} .help-container li {box-shadow: none;border-radius:10px;} .help-container li .collapsible-body {border-radius:10px;background-color: var(--bw-grey-dark);} .help-container li:first-of-type.active {margin-top:0px !important;box-shadow: none;} .help-container li.active {box-shadow: none !important;background-color: var(--bw-grey-dark) !important;} .help-container li.active .collapsible-header {background-color: var(--bw-purple-light);color:white;} .help-contact-box {font-weight:bold;margin-top:60px;display:flex;align-items: center;} .help-contact-box a {margin-left:40px;} /* CONTACT */ #contact .section {padding: 100px 0px;} #contact #top {background: var(--bw-lin-gra-4);} #contact h1 {font-weight:800;margin-bottom:25px;} #contact #top h2 {font-size:30px;line-height:30px;font-weight:500;margin-bottom:30px;} #contact #top .top-img {right:80px;left:auto;height:auto;width:620px;} #contact #top .big-btn {padding-left:180px !important;padding-right:180px !important;} #contact .question {padding-bottom:0px;} #contact .question h2, #contact .contactus h2 {margin-bottom:30px;} #contact .question .flex-container {background-color:var(--bw-green);border-radius:20px;padding:30px 60px;align-items: center;} #contact .question .flex-container div {width:50%;font-size:22px;font-weight:800;} #contact .question .flex-container div:last-of-type {text-align:right;} #contact .question .flex-container:last-of-type {background-color:var(--bw-purple-light);margin-top:20px;} #contact .contactus {padding-top:50px;} #contact .contactus .flex-container .wrapper {width:35%;padding-right:9px;flex-grow: 1;} #contact .contactus .flex-container .wrapper:last-of-type {width:60%;padding-left:9px;padding-right:0px;} #contact .contactus .flex-container .wrapper .content {background-color:var(--bw-grey-dark);padding:30px;border-radius:20px;height:100%;} #contact-hours {max-width:640px;/*min-width:380px;*/margin:0 auto;} #contact-hours tr {border:none;} #contact-hours td {padding:0px;border-radius:0px;text-align:center;position:relative;vertical-align:middle;height:21px;line-height: 21px;box-sizing:border-box;} .waiting-time-bullet {display:inline-block;width:20px;height:20px;border-radius:10px;margin-top:4px;} .waiting-time-bullet.green {background-color:var(--bw-green) !important;} .waiting-time-bullet.orange {background-color:var(--bw-purple-light) !important;} .waiting-time-bullet.red {background-color:black !important;} .waiting-time-bullet.green.active, .waiting-time-bullet.orange.active, .waiting-time-bullet.red.active {border-radius:20px;} .waiting-time-bullet.green.active {animation: pulseGreen 2s infinite;} .waiting-time-bullet.orange.active {animation: pulseOrange 2s infinite;} .waiting-time-bullet.red.active {animation: pulseOrange 2s infinite;} .waiting-time-bullet.green.small, .waiting-time-bullet.orange.small, .waiting-time-bullet.red.small {width:11px;height:11px;} @keyframes pulseGreen { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(128, 217, 111, 1);} 70% {transform: scale(0.95);box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);} } @keyframes pulseOrange { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgb(158, 88, 238);} 70% {transform: scale(0.95);box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);} } @keyframes pulseRed { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);} 70% {transform: scale(0.95);box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);} } #contact-hours td:first-of-type {text-align:left;} #contact-hours td.spacer {height:10px;} #contact-hours td .infobulle{padding-top:0px;cursor:help;text-align:left;position:absolute;top:0px;left:0px;outline:none;width:100%;height:30px;border-radius:5px;} #contact-hours td .infobulle span{padding:8px 0px;height:40px;line-height: 40px;visibility: hidden;text-align:center;display: block;color:var(--bw-white);position: absolute;bottom: 37px;left: 50%;z-index: 999;width: 250px;margin-left:-125px;margin-top:23px;padding:0px;border: 0px;background-color: var(--bw-purple);-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;text-shadow: 0 1px 0 rgba(255,255,255,.4);-Moz-transform: scale(0);-Moz-transition:all 0.5s ease; -O-transform: scale(0);-O-transition:all 0.5s ease; -Webkit-transform: scale(0);-Webkit-transition:all 0.5s ease;} #contact-hours td .infobulle:hover span{visibility:visible;-Moz-transform:scale(1);-O-transform:scale(1);-Webkit-transform:scale(1);} #contact-hours td .infobulle span:before, #contact-hours td .infobulle span::after{content:"";position:absolute;z-index:1000;bottom:-7px;left:50%;margin-left:-9px;border-top:8px solid var(--bw-purple);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:0;} #contact-hours td .infobulle span:before{border-top-color:var(--bw-purple);bottom:-8px;} #current-waiting-time-container {background-color:#f5f5f5;width:100%;padding:10px 0px;text-align:center;color:var(--bw-black);border-radius:10px;max-width:640px;margin:20px auto 30px;} #current-waiting-time {background-color: transparent !important;} #current-waiting-time.green {color:var(--bw-green);} #current-waiting-time.orange {color:var(--bw-purple-light);} #current-waiting-time.red {color:black;} .waiting-time-legend {font-size:14px !important;line-height:14px !important;text-align:center !important;vertical-align:middle !important;} .wt-flex-container {display:flex;} .wt-wrapper:not(:last-of-type) {margin-right:20px;} #contact .ombudsman {background-color: var(--bw-purple-light);color:white;} #contact .ombudsman h2 {margin-bottom:30px;} #contact .ombudsman .bg-shape {width:100%;margin:0px;} #contact .ombudsman .flex-container .wrapper {flex-grow:1;} #contact .ombudsman .flex-container .wrapper:last-of-type {width:60%;} #contact .ombudsman .flex-container .wrapper div {height:100%;} #contact .ombudsman .flex-container .wrapper:last-of-type div {background-color: var(--bw-purple);padding: 60px 50px;border-radius:20px;} #contact .ombudsman img {border-radius:20px;margin-top:30px;width:100%;} #contact-page #top h2 {font-size:28px;} #contact-page .faq {padding-top:100px;padding-bottom:100px;} #contact-page .faq h2 {color:var(--bw-purple);margin-bottom:40px;text-align:center;} #contact-page #top .bg-shape {top: auto;bottom: 0px;transform: translate(0, 55%);} #contact-page .faq .bg-shape {top: 0px;transform: translate(0, -45%);} #contact-page .help-contact-box {color:white;padding:30px;border-radius:20px;background: var(--bw-lin-gra-1);} #contact-page #faq-link {color:var(--bw-white);cursor: pointer;width:90px;font-weight:bold;} /* INSURANCES */ #insurances .section {padding: 100px 0px;} #insurances .legal-informations {padding: 45px 0px;} #insurances #top .top-wrapper {max-width:50%;padding-top:0px;padding-bottom:80px;} #insurances #top .flex-container {margin-top:30px;background-color: var(--bw-green);padding:22px 80px;color:black;align-items: center;border-radius:20px;font-family: var(--bw-fonts-title);font-weight:800;font-size:18px;line-height:18px;} #insurances #top .flex-container div span {display:inline-block;font-weight:400;font-size:13px;line-height:13px;} #insurances #top .top-img {left:55%;width:523px;height:auto;bottom:10%;} #insurances #top .top-img-resp {display:none;height:auto;width:100%;max-width:400px;margin:0 auto;} #insurances .oups h2 {text-align:center;max-width:60%;margin:0 auto;} #insurances .transparency {background-color:var(--bw-purple-light);} #insurances .transparency h2 {text-align:center;max-width:60%;margin:0 auto;} #insurances .transparency .flex-container .wrapper {flex-grow:1;} #insurances .transparency .flex-container .wrapper:first-of-type {width:60%;} #insurances .transparency .flex-container .wrapper:last-of-type {width:40%;} #insurances .transparency .flex-header .wrapper:first-of-type {align-items: flex-end;display: flex;} #insurances .transparency .flex-header .wrapper:last-of-type {background-color:#b6abf8;height:80px;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content: center;align-items: center;} .flex-spacer .wrapper:last-of-type {background-color:#b6abf8;height:10px;} .flex-content {padding:0px;border:0px;} .flex-content .wrapper {background-color:#c8c1f4;display:flex;align-items: center;padding: 10px 30px 10px 30px;} .flex-content .wrapper:last-of-type {background-color:#d7d2f1;justify-content: center;padding:0px;} .flex-footer .wrapper:last-of-type {border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:#b6abf8;height:30px;} #insurances .transparency .collapsible {margin:0px;} #insurances .transparency .collapsible.popout>li {margin:0px;box-shadow: none;} #insurances .pat-flex-line .wrapper:nth-of-type(2), #insurances .pat-flex-line .wrapper:nth-of-type(3) {width:20% !important;background-color:#d7d2f1;justify-content: center;} #insurances .pat-flex-types .wrapper:nth-of-type(2), #insurances .pat-flex-types .wrapper:nth-of-type(3) {background-color: #b6abf8;width:20% !important;display:flex;justify-content: center;align-items: center;} #insurances .bpr_insurance, #insurances .pat_insurance {display:none;} #insurances .mastercard-insurance-tab, .bpr-insurance-tab, .pat-insurance-tab {cursor:pointer;} #insurances .mastercard-insurance-tab.active, .bpr-insurance-tab.active, .pat-insurance-tab.active {font-weight:bold;color:white;} #insurances .ins-call-cont {max-width:600px;margin: 0 auto;} #insurances .ins-call {display:flex;margin-top:30px;background-color: var(--bw-green);padding:22px 80px;color:black;align-items: center;border-radius:20px;font-family: var(--bw-fonts-title);font-weight:800;font-size:18px;line-height:18px;} #insurances span.phone-num {font-weight:800 !important;font-size:18px !important;line-height:18px !important;} #insurances .ins-call div span {display:inline-block;font-weight:400;font-size:13px;line-height:13px;} #insurances .declare {background-color:black;color:white;} #insurances .declare a {color:white;} #insurances .ins-ml {text-align:center;margin-top:10px;} /* 404 */ #notfound #top {background: var(--bw-lin-gra-1);} #notfound #top .container {padding-top:100px;padding-bottom:100px;} #notfound #top h2 {font-size:30px;line-height:30px;margin-bottom:10px;} #notfound #top h1 {font-family: var(--bw-fonts-title);font-weight:800;font-size:48px;line-height:54px;max-width:760px;display: inline-block;margin-top:0px;} #notfound .bg-shape {left:auto;top:auto;right:0px;bottom:0px;width:85%;} #notfound #navbar-background {z-index:994;} /* LEGAL INFORMATIONS */ #terms-conditions-menu h1, #terms-conditions-pages h1 {font-weight:800;text-transform:uppercase;} #terms-conditions-menu .section, #terms-conditions-pages .section {padding:100px 0px;} #terms-conditions-menu .section .container a {display:inline-block;width:100%;font-family:var(--bw-fonts-title);font-size:20px;font-weight:600;background-color: rgba(240, 240, 240, 0.5);-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);margin-bottom:20px;padding:20px 40px;box-sizing: border-box;border-radius:20px;} #terms-conditions-pages #top .top-wrapper {padding-top:40px;padding-bottom:40px;max-width:100%;} #terms-conditions-pages #top a {color:white;} #terms-conditions-pages #top h1 {margin-top:10px;margin-bottom:0px;} #terms-conditions-pages #top h2 {color:white;text-transform: none;font-size:24px;line-height: 24px;padding-bottom:0px;} #terms-conditions-pages h3 {font-size:30px;margin-top:0px;padding-top:60px;padding-bottom:15px;} #terms-conditions-pages h3:target {padding-top:120px;margin-top:-60px; } /* Décalage de la hauteur du menu fixed pour les h3 ciblés par des ancres */ #terms-conditions-pages h4 {font-size:20px;} #terms-conditions-pages .cg-text p a {font-weight:600;text-decoration:underline;} #terms-conditions-pages .cg-text ul {list-style:disc;margin-left:40px;} #terms-conditions-pages .cg-text ul li::before {content: "\25CF";color: var(--bw-purple-light);display: inline-block;width: 1em;margin-left: -1em;} .ml-li {font-size:20px;} .ml-li .bold {font-size:24px;font-weight:400;} #terms-conditions-pages.secci h3 {display:inline-block;margin:0px;padding:0px;width:410px;} .secci-cont form {padding-bottom:60px;} .secci-cont label {margin-left:40px;} .secci-cont label:first-of-type {margin-left:0px;} .secci-cont .select-wrapper, .secci-cont .select-wrapper input.select-dropdown {width:300px;display:inline-block;border-bottom-color:var(--bw-purple);} .secci-cont .select-dropdown {height:200px;} .secci-cont .select-wrapper input.select-dropdown {color:black !important;} .secci-cont .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {color:var(--bw-white);} #product-wrapper {height:44px;line-height:44px;margin-bottom:20px;display:inline-block;} #product-wrapper div {height:44px;line-height:44px;display:inline-block;padding-top:4px;box-sizing:border-box;} #amount-wrapper {height:44px;line-height:44px;margin-top:30px;margin-bottom:20px;display:inline-block;} #amount-container {height:44px;line-height:44px;display:inline-block;padding-top:4px;box-sizing:border-box;} .secci-cont .big-btn {padding:0px;} .secci-cont #submit {display:inline-block;width:100%;height:100%;padding-left:60px;padding-right:60px;} .cookies-container h3 {color:var(--bw-purple);} .cookies-container ul.collapsible li .collapsible-header {font-size:18px;font-family:var(--bw-fonts-text);padding-left:40px;} .cookies-container table {margin-bottom:20px;} .cookies-container table tr {border:0px;} .cookies-container table tr td {padding:5px 20px;border:1px solid black;vertical-align:top;margin:0px;font-size:16px;} .cookies-container #cookie-desk-table tr:first-of-type td {background-color:var(--bw-purple-light);color:white;font-weight:bold;} .cookies-container #cookie-resp-table tr td:first-of-type {background-color:var(--bw-purple-light);color:white;font-weight:bold;text-align:right;} #cookie-resp-table {display:none;} .cookies-container ul.collapsible li.active .collapsible-header {background-color: var(--bw-purple);color:var(--bw-white);transition:0.5s;} .cookies-container .collapsible.popout>li.active {background-color: white;} #terms-conditions-pages .cg-app-text h3 {font-size:36px;line-height:44px;} #terms-conditions-pages .cg-app-text h4 {font-size:30px;line-height:34px;font-weight:500;padding-top:60px;} #terms-conditions-pages .cg-app-text h5 {font-size:24px;line-height:29px;font-weight:500;padding-top:30px;} #terms-conditions-pages .font-11 {font-size: 11px;} @media screen and (max-width: 1810px) { #pat #top .top-wrapper {max-width:50%;} } @media screen and (max-width: 1760px) { #buywayline .top-img, #pat .top-img, #pay .top-img {right:19%;} #app .top-img {left:auto;right:5%;} #contact #top .top-img {left:auto;right:10px;width:620px;height:auto;} } @media only screen and (max-width: 1650px) { #pat #top {background-size: 50% auto;background-position: 100% 60%;} } @media screen and (max-width: 1550px) { #top-navbar ul.left li {margin-right:30px;} #top-navbar .left.desktop-menu {margin-left:60px;} } @media screen and (max-width: 1500px) { .desktop-menu {display: none !important;} .responsive-menu {display: block !important;} #app .top-wrapper {max-width:60%;} #app .top-img {right:0%;} #documents .top-img {left:auto;right:10px;} } @media screen and (max-width: 1400px) { #pers-fin .mastercard .bg-card {right:80px;} #pers-fin .mastercard .bg-shape {right:-120px;} #buywayline #top .top-wrapper {max-width:50%;} .timeline .timeline-card {width:220px;} } @media only screen and (max-width: 1320px) { .container {padding-left:30px;padding-right:30px;} #phishing-top-banner .wrapper {padding:20px 120px 20px 70px;} #phishing-top-banner .wrapper .error, #phishing-top-banner .wrapper .close {top:50%;margin-top:-12px;} #phishing-top-banner .wrapper .error {left:20px;} #phishing-top-banner .wrapper .close {right:20px;} #homepage .top-img {height:486px;left:auto;right:-220px;} #homepage #top .top-wrapper {max-width:100%;} #homepage #top .top-wrapper .top-text {max-width:60%;} .business-banner-section .container .col:first-of-type {padding-left:10px;padding-right:10px;} .business-banner-section .container {padding:0px;} } @media only screen and (max-width: 1290px) { #pat #top {background-size: 45% auto;background-position: 100% 60%;} } @media only screen and (max-width: 1244px) { .top-warning-fr {line-height:60px !important;} #contact #top .top-img {right:-120px;} } @media only screen and (max-width: 1227px) { #pat #top {background-image:none;} #pat #top .top-wrapper {width:100%;max-width:100%;} } @media only screen and (max-width: 1220px) { #phishing-top-banner .wrapper {padding:20px 80px 20px 70px;} } @media only screen and (max-width: 1200px) { #about .timeline {display:none;} #about .timeline-b {display:inline-block;margin-top:40px;} #pers-fin .mastercard .bg-card {right:20px;} #pers-fin .mastercard .bg-shape {right:-200px;} #mastercard .top-img {height:38%;} #mastercard .top-bg {height:60%;} #mastercard .wherever .watch {margin-left:-20px;} #documents .top-img {right:-120px;} #documents .guides .flex-container {flex-direction:column;} #documents .guides .flex-container .wrapper {width:100% !important;order:1;padding-left:0px !important;padding-right:0px !important;} #documents .guides .flex-container .wrapper:first-of-type {order:2;justify-content: center;} #documents .guides .flex-container .wrapper:first-of-type img {width:90%;max-width:500px;display:inline-block;} } @media only screen and (max-width: 1140px) { .page-footer .footer-copyright {display:none;} .page-footer .footer-copyright-resp {display:block;} #buywayline #top .top-wrapper, #pat #top .top-wrapper, #app .top-wrapper, #pay .top-wrapper, #insurances #top .top-wrapper, #security #top .top-wrapper, #contact #top .top-wrapper, #documents #top .top-wrapper, #jobs #top .top-wrapper {max-width:100%;} #buywayline #top, #app #top, #pay #top, #security #top, #contact #top, #documents #top, #jobs #top {padding-bottom:380px;} #buywayline .top-img {height:380px;right:50%;} #pat .top-img {height:460px;right:45%;transform: translate(50%, 0%);bottom:-100px;} #pat .mosaic .gwc {width:310px;} #insurances #top {padding-bottom:20px;} #pay .top-img {height:auto;width:360px;right:50%;} #insurances #top .top-img {display:none;} #insurances #top .top-img-resp {display:block;} #about .partners .flex-container {flex-direction: column;} #about .partners .flex-container .flex-wrapper {width:100%;padding-left:0px !important;padding-right:0px !important;} #about .partners .flex-container .flex-wrapper:not(:first-of-type) {margin-top:18px;} #app .top-img {right:50%;margin-right:-270px;bottom:-80px;} #security #top .top-img {left:50%;margin-left:-270px;width:540px;} #contact #top .top-img {right:50%;width:560px;margin-right:-280px;} #documents .top-img {right:50%;width:620px;margin-right:-310px;} #jobs .top-img {right:50%;left:auto;margin-right:-343px;} .slick-slide .slick-wrapper:last-of-type {padding-left:30px;} .carousel-b {height:900px;} } @media only screen and (max-width: 1060px) { #homepage .top-img {height:420px;right:-150px;} #pers-fin .top-img {height:380px;} #app .fidi .mosaic {flex-direction:column;} #app .fidi .mosaic .mos-col {width:100% !important;padding-left:0px !important;padding-right:0px !important;margin-top:0px;} #app .fidi .mosaic img {position: relative;display:block;} #app .fidi .mosaic:first-of-type .mos-col:last-of-type {order:1;margin-bottom:60px;} #app .fidi .mosaic:first-of-type .mos-col:first-of-type {order:2;} #app .fidi .mosaic:last-of-type .mos-col:not(:first-of-type) {margin-top:18px;} #documents .othersdocuments .flex-container {flex-direction:column;} #documents .othersdocuments .flex-container .wrapper {width:100% !important;padding:0px !important;} #documents .othersdocuments .flex-container .wrapper:last-of-type {margin-top:18px;} } @media only screen and (max-width: 992px) { .contact-term-page .displayFull {display:none;} .contact-term-page .displayResp {display:block;} #homepage .top-shopping .tri-cont .col div, #homepage .trust .row .col div {max-width:80%;margin:0 auto;} #homepage .top-shopping {margin-bottom:0px;} #homepage .top-shopping .container {padding-bottom:320px;} #homepage .top-shopping .tri-cont .col {margin-top:20px;padding:0px;} #homepage .top-shopping .tri-cont .col:first-of-type {margin-top:0px;} #homepage .top-shopping .illu {height:320px;bottom:-20px;left:50%;margin-left:-245px;} #homepage .to-you-service .container {padding-bottom:300px;} #homepage .to-you-service .phones {width:440px;left:50%;margin-left:-220px;} #homepage .phishing {padding-top:100px;padding-bottom:500px;} #homepage .phishing .container {text-align:center;} #homepage .phishing .phishing-illu {top:auto;bottom:-120px;width:490px;left:50%;margin-left:-245px;} #homepage .trust .row .col {padding:0px;margin-top:18px;} #pers-fin #top {padding-bottom:340px;} #pers-fin #top .top-wrapper {max-width:100%;} #pers-fin .top-img {width:440px;height:auto;left:50%;margin-left:-220px;} #pers-fin .mastercard .bg-card {display:none;} #pers-fin .resp-card {display:block;} #pers-fin .mastercard .bg-shape {right:0px;width:1100px;left:50%;margin-left:-580px;top:-160px;} #pers-fin .buywayline .col:first-of-type {text-align:center;padding-bottom:40px;} #pers-fin .buywayline .col:first-of-type img {width:96%;max-width:432px;} #pers-fin .buywaymobile .col:last-of-type {height:300px;text-align:center;} #pers-fin .buywaymobile .bg-phone {position:relative;bottom:-35px;right:0px;width:96%;max-width:436px;height:auto;} #mastercard #top {padding-bottom:380px;} #mastercard #top .top-wrapper {max-width:100%;} #mastercard .top-img {height:270px;} #mastercard .top-bg {height:434px;} #mastercard .top-img, #mastercard .top-bg {bottom:190px;right:50%;} #mastercard .wherever .col:first-of-type {text-align:center;} #mastercard .wherever .watch {margin-left:0px;width:96%;max-width:470px;} #mastercard .wherever .bg-shape {right:0px;width:1100px;left:50%;margin-left:-550px;top:-240px;} .product-page .buywaymobile .col:last-of-type {margin-top:50px;} #buywayline .desires .col:first-of-type {padding-right:0px;text-align:center;} #pat .row .col {padding-left:0px !important;padding-right:0px !important;} #pat-form-duration {padding-left:0px;} #pat-form-rate-b {padding-bottom:30px;} .business-banner-container {height:auto;padding:30px !important;} .business-banner-section .business-banner-img {display:none;} .simulator-result {text-align:center;} .simulator-result .col:not(:first-of-type) {margin-top:20px;} #pay .mosaic .go, #pay .mosaic .mo {right:-16%;} #pay .pay-wrapper {margin-left:0px !important;margin-right:0px !important;} #pay .howtopay .col:last-of-type .pay-wrapper {margin-top:18px;} .slick-carousel {margin-top:30px;} .slick-slide .slick-wrapper:first-of-type {text-align:center;} .slick-slide .slick-wrapper:last-of-type {padding-left:0px;} #about #top .flex-container, #about .mission .flex-container {flex-direction: column;} #about #top .flex-wrapper, #about .mission .flex-container .flex-wrapper {width:100% !important;padding-left:0px !important;padding-right:0px !important;} #about #top .flex-wrapper:not(:first-of-type), #about .mission .flex-container .flex-wrapper:not(:first-of-type) {margin-top:18px;} #app .top-img {width:440px;} #app .pay .col:last-of-type .row .col:last-of-type img {margin-top:60px;border-radius:20px;width:100%;height:100%;object-fit:cover;object-position:center;} #app .billing .flex-container {flex-direction:column;} #app .billing .flex-wrapper {padding-left:0px !important;padding-right:0px !important;width:100%;} #app .billing .col:last-of-type {margin-top:18px;} #app .billing .flex-wrapper:last-of-type {height:490px;margin-top:18px;} #app .billing .flex-wrapper:last-of-type div img {position: relative;} .carousel-b .col:last-of-type {margin-top:30px;} #app .download .col {padding-left:0px !important;padding-right:0px !important;} #security .mirror .row .col:first-of-type {padding:0px;margin-bottom:60px;} #fraud-type-a, #fraud-type-c, #fraud-type-e {padding-left:0px !important;padding-right:9px !important;} #fraud-type-b, #fraud-type-d, #fraud-type-f {padding-left:9px !important;padding-right:0px !important;} #security .avoid {padding-bottom:400px;} #security .avoid .flex-container {flex-direction:column;} #security .avoid .flex-container .wrapper {width:100% !important;padding-left:0px !important;padding-right:0px !important;} #security .avoid .flex-container .wrapper:last-of-type {margin-top:18px;} #help-page #help .col {padding-left:0px !important;padding-right:0px !important;} #help-page #help .help-container {margin-top:60px;} #help-page .collapsible.popout>li {margin-left:0px;margin-right:0px;} #help-page .help-menu {display:none;} #help-page .help-menu-resp {display:block;} #contact .contactus .flex-container, #contact .ombudsman .flex-container, #jobs .leader .flex-container {flex-direction:column;} #contact .contactus .flex-container .wrapper, #contact .ombudsman .flex-container .wrapper, #jobs .leader .flex-container .wrapper {width:100% !important;padding-left:0px !important;padding-right:0px !important;} #contact .contactus .flex-container .wrapper:last-of-type, #contact .ombudsman .flex-container .wrapper:last-of-type, #jobs .leader .flex-container .wrapper:last-of-type {margin-top:18px;} #pat #pat-form-cta {margin-top:50px;} #security .avoid {padding-bottom:340px;} #security .avoid img.hacker {left:auto;height:360px;right:-40px;} #help-page .col:last-of-type {padding-left:0px;} .pay-smartphone h2 {margin-bottom:30px;} } @media only screen and (max-width: 950px) { #mastercard .mosaic {flex-direction: column;height:auto;} #mastercard .mosaic .mos-col, #pat .mosaic .mos-col, #security .victim .wrapper {width:100% !important;padding-left:0 !important;padding-right:0 !important;} #mastercard .mosaic .mos-col .mos-containt {width:100% !important;height:auto !important;max-width:600px;margin:0 auto;margin-bottom:18px !important;} #mastercard .mosaic .card-mos, #mastercard .mosaic .atm {position: relative;display:block;} #mastercard .mosaic .mos-col:last-of-type .mos-containt {padding-bottom:300px;} #mastercard .mosaic .gwp {width:350px;right:50%;margin-right:-200px;} #pat .mosaic {flex-direction: column;height:auto;} #pat .mosaic .mos-col .mos-containt {width:100% !important;height:auto !important;max-width:600px;margin:0 auto;margin-bottom:18px !important;} #pat .mosaic .gob, #pat .mosaic .moc {position: relative;display:block;} #pat .mosaic .mos-col:last-of-type .mos-containt {padding-bottom:380px;} #pat .mosaic .gwp {width:350px;right:50%;margin-right:-200px;} #pat .mosaic .gwc {bottom:-2px;right:50%;width:330px;margin-right:-200px;} #pat .mosaic .mos-col:nth-of-type(2) .mos-containt:last-of-type {order:1;} #pat .mosaic .mos-col:nth-of-type(2) .mos-containt:first-of-type {order:2;} #security .victim .flex-container {flex-direction:column;} #security .victim .flex-container .wrapper:not(:first-of-type) {margin-top:18px;} #security .victim .flex-container .img-extend {max-height:560px;} #security .victim .flex-container .img-extend img {width: 100%;height: 100%;object-fit: cover;object-position: center;display:block;margin-top:-20%;} #insurances .transparency h2 {max-width:100%;} } @media only screen and (max-width: 900px) { #cookie-desk-table {display: none;} #cookie-resp-table {display:table;} #homepage #top {padding-bottom:260px;} #homepage #top .top-wrapper .top-text {max-width:100%;} #homepage .top-img {height:380px;right:-150px;} #pay .mosaic {flex-direction: column;height:auto;} #pay .mosaic .mos-col {width:100% !important;padding-left:0 !important;padding-right:0 !important;} #pay .mosaic .mos-col .mos-containt {width:100% !important;height:auto !important;max-width:600px;margin:0 auto;margin-bottom:18px !important;} #pay .mosaic .gwf, #pay .mosaic .cr {position: relative;display:block;} #pay .mosaic .mos-col:first-of-type .mos-containt {padding-bottom:300px;} #pay .mosaic .mos-col:last-of-type .mos-containt {padding-bottom:300px;} #pay .mosaic .gwp {width:350px;right:50%;margin-right:-200px;} #pay .mosaic .mos-col:last-of-type .mos-containt {padding-bottom:37px;} #pay .mosaic .go, #pay .mosaic .mo {bottom:-40px;right:50%;margin-right:-205px;} .faq ul.collapsible {margin:0px;} #jobs .faq .container {padding-left:10px;padding-right:10px;} } @media only screen and (max-width: 850px) { #homepage .mosaic.mosaic-desk {display:none;} #homepage .mosaic.mosaic-resp {display:block;} #buywayline .mosaic {flex-direction: column;height:auto;} #buywayline .mosaic .mos-col {width:100% !important;padding-left:0 !important;padding-right:0 !important;} #buywayline .mosaic .mos-col .mos-containt {width:100% !important;height:auto !important;max-width:600px;margin:0 auto !important;margin-bottom:18px !important;} #buywayline .mosaic .gwp, #buywayline .mosaic .gic {position: relative;display:block;} #buywayline .mosaic .mos-col:last-of-type .mos-containt {padding-bottom:300px;} #buywayline .mosaic .maw {width:350px;right:50%;margin-right:-200px;} #contact #top .top-img {width:500px;margin-right:-250px;} #contact .question .flex-container {flex-direction:column;} #contact .question .flex-container div {width:100%;} #contact .question .flex-container div:last-of-type {margin-top:20px;text-align:center;} } @media only screen and (max-width: 810px) { .secci-cont label {width:100%;display:inline-block;margin-left:0px;} .help-contact-box {flex-direction:column;} .help-contact-box a {margin-left:0px;margin-top:20px;} .top-shopping h2 {max-width: 100%;} } @media only screen and (max-width: 770px) { .footer-copyright-resp .right-align {text-align:center;margin-top:20px;} .footer-copyright-resp .right-align a {width:100%;display:inline-block;margin-right:0px;margin-top:6px;} .footer-copyright-rest .right-align a:first-of-type {margin-top:0px;} #homepage #top {padding-bottom:300px;} #homepage #top .top-wrapper a {z-index:995;position:relative;} #homepage .top-img {height:320px;right:-120px;z-index:994;} #jobs .others h3 {margin-top:50px;} #jobs .others .flex-container {flex-direction:column;} #jobs .others .flex-container div {width:100%;margin-left:0px !important;margin-right:0px !important;} #jobs .others .bg_transparent {margin-bottom:18px;} .slick-slide .slick-wrapper:first-of-type {text-align:left;} } @media only screen and (max-width: 698px) { .top-warning-nl {line-height:60px !important;} #fraud-type-a, #fraud-type-b, #fraud-type-c, #fraud-type-d, #fraud-type-e, #fraud-type-f {width:100% !important;padding-left:0px !important;padding-right:0px !important;} .carousel-b {height:900px;} } @media only screen and (max-width: 680px) {.top-warning-fr {line-height:40px !important;}} @media only screen and (max-width: 660px) { #about .timeline-b {display:none;} #about .timeline-c {display:inline-block;margin-top:40px;} .product-page .simulator-container {padding: 65px 30px;} .product-page #simulator {margin-left:55px;margin-right:55px;} .product-page .sim-result-wrapper {padding: 50px 20px;} #pers-fin h3 {font-size:30px;line-height:30px;} } @media only screen and (max-width: 635px) { #pat #top h2 {font-size:30px !important;line-height:30px !important;} #pat #top h3 {font-size:26px;line-height:26px;} } @media only screen and (max-width: 630px) { .wt-flex-container {flex-direction:column;} .wt-flex-container .wt-wrapper.wt-wrapper:not(:last-of-type) {margin-bottom:5px;margin-right:0px;} } @media only screen and (max-width: 600px) { .page-footer .logo-container {text-align:center;} .page-footer .social-icons {text-align:center;margin-top:60px;} .faq_table_desktop {display:none;} .faq_table_responsive {display:table;} #help-page .width-50p, #app .width-50p {width:100%;} #help-page .width-50p:last-of-type, #app .width-50p:last-of-type {margin-top:30px;} .business-banner-title-full {display:none;} .business-banner-title-resp {display:block;} .slick-slide {flex-direction: column;} .slick-slide .slick-wrapper {width:100% !important;} .slick-slide .slick-wrapper:first-of-type {text-align:center;order:2;margin-top:30px;} #pat-form-rate, #pat-form-rate-b {padding-left:0px;margin-top:20px;} } @media only screen and (max-width: 580px) { h1 {font-size:40px;line-height:40px;} h1 img {height:32px;} h2 {font-size:34px;line-height:34px;} h2 img {height:28px;} #contact #top .big-btn {padding-left: 80px !important;padding-right: 80px !important;} .carousel-b {height:1080px;} } @media only screen and (max-width: 530px) { .secci-cont {padding:0px 10px;} .secci-cont #submit {padding-left:0px;padding-right:0px;} .product-page .benefit div:first-of-type {margin-right:10px !important;} .product-page .benefit div:last-of-type {padding:15px 30px !important;} #insurances #top .flex-container {padding: 22px 40px;} } @media only screen and (max-width: 510px) { h1, #pay h2 {font-size:34px !important;line-height:34px !important;} h1 img, #pay h2 img {height:27px !important;} h1 .nowrap {white-space:normal;} #security .avoid img.hacker {right:-120px;} #contact .contactus .container, #contact .contactus .flex-container .wrapper .content {padding-left:10px;padding-right:10px;} .carousel-b {height:1200px;} } @media only screen and (max-width: 460px) { h2 {font-size:28px !important;line-height:28px !important;} h2 img {height:24px !important;} #contact h1, #pay h2 {font-size:30px !important;line-height:30px !important;} #contact h1 img, #pay h2 img {height:25px !important;} .carousel-b {height:1300px;} .files_upload_form {padding:50px 40px;} } @media only screen and (max-width: 430px) { .carousel-b {height:1460px;} .files_upload_form {padding:50px 30px;} } @media only screen and (max-width: 400px) { .files_upload_form {padding:50px 20px;} } @media only screen and (max-width: 383px) { .top-warning-nl {line-height:40px !important;} .carousel-b {height:1540px;} }