html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} *, *:before, *:after {box-sizing: border-box;} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} :root { --primary-color: #ff6555; --secondary-color: #004f53; --tertiary-color: #ccead2; --grey-color: #e9edeb; --container: 104.0rem; --border-5: .5rem; --font-weight-300: 300; --font-weight-400: 400; --font-weight-500: 500; --font-weight-600: 600; --font-weight-700: 700; } @font-face { font-family: "Spartan"; src: url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/ttf/Spartan-Thin.ttf") format("truetype"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/woff2/Spartan-Light.woff2") format("woff2"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/otf/Spartan-Light.otf") format("opentype"); font-weight: 300; } @font-face { font-family: "Spartan"; src: url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/ttf/Spartan-Regular.ttf") format("truetype"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/woff2/Spartan-Regular.woff2") format("woff2"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/otf/Spartan-Regular.otf") format("opentype"); font-weight: 400; } @font-face { font-family: "Spartan"; src: url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/ttf/Spartan-Medium.ttf") format("truetype"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/woff2/Spartan-Medium.woff2") format("woff2"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/otf/Spartan-Medium.otf") format("opentype"); font-weight: 500; } @font-face { font-family: "Spartan"; src: url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/ttf/Spartan-Bold.ttf") format("truetype"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/woff2/Spartan-Bold.woff2") format("woff2"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/otf/Spartan-Bold.otf") format("opentype"); font-weight: 600; } @font-face { font-family: "Spartan"; src: url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/ttf/Spartan-ExtraBold.ttf") format("truetype"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/woff2/Spartan-ExtraBold.woff2") format("woff2"), url("https://6141609.fs1.hubspotusercontent-na1.net/hubfs/6141609/spartan-font/otf/Spartan-ExtraBold.otf") format("opentype"); font-weight: 700; } .row-fluid {width: 100%;*zoom: 1;} .row-fluid:before, .row-fluid:after {display: table;content: "";} .row-fluid:after {clear: both;} .row-fluid [class*="span"] {display: block;float: left;width: 100%;margin-left: 2.127659574%;*margin-left: 2.0744680846382977%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} .row-fluid [class*="span"].d-flex{display:flex;float:none;} .row-fluid.justify-content-space-between > [class*="span"] + [class*="span"]:last-of-type {margin-left: auto;} .row-fluid [class*="span"]:first-child {margin-left: 0;} .row-fluid .span12 {width: 99.99999998999999%;*width: 99.94680850063828%;} .row-fluid .span11 {width: 91.489361693%;*width: 91.4361702036383%;} .row-fluid .span10 {width: 82.97872339599999%;*width: 82.92553190663828%;} .row-fluid .span9 {width: 74.468085099%;*width: 74.4148936096383%;} .row-fluid .span8 {width: 65.95744680199999%;*width: 65.90425531263828%;} .row-fluid .span7 {width: 57.446808505%;*width: 57.3936170156383%;} .row-fluid .span6 {width: 48.93617020799999%;*width: 48.88297871863829%;} .row-fluid .span5 {width: 40.425531911%;*width: 40.3723404216383%;} .row-fluid .span4 {width: 31.914893614%;*width: 31.8617021246383%;} .row-fluid .span3 {width: 23.404255317%;*width: 23.3510638276383%;} .row-fluid .span2 {width: 14.89361702%;*width: 14.8404255306383%;} .row-fluid .span1 {width: 6.382978723%;*width: 6.329787233638298%;} .container-fluid {*zoom: 1;} .container-fluid:before, .container-fluid:after {display: table;content: "";} .container-fluid:after {clear: both;} @media (max-width: 992px) { .row-fluid {width: 100%;} .row-fluid [class*="span"] {display: block;float: none;width: 100%;margin-left: 0;} .row-fluid.justify-content-space-between > [class*="span"] + [class*="span"]:last-of-type {margin-left: initial;} } @media (min-width: 993px) and (max-width: 1139px) { .row-fluid {width: 100%;*zoom: 1;} .row-fluid:before, .row-fluid:after {display: table;content: "";} .row-fluid:after {clear: both;} .row-fluid [class*="span"] {display: block;float: left;width: 100%;margin-left: 2.762430939%;*margin-left: 2.709239449638298%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} .row-fluid [class*="span"]:first-child {margin-left: 0;} .row-fluid .span12 {width: 99.999999993%;*width: 99.9468085036383%;} .row-fluid .span11 {width: 91.436464082%;*width: 91.38327259263829%;} .row-fluid .span10 {width: 82.87292817100001%;*width: 82.8197366816383%;} .row-fluid .span9 {width: 74.30939226%;*width: 74.25620077063829%;} .row-fluid .span8 {width: 65.74585634900001%;*width: 65.6926648596383%;} .row-fluid .span7 {width: 57.182320438000005%;*width: 57.129128948638304%;} .row-fluid .span6 {width: 48.618784527%;*width: 48.5655930376383%;} .row-fluid .span5 {width: 40.055248616%;*width: 40.0020571266383%;} .row-fluid .span4 {width: 31.491712705%;*width: 31.4385212156383%;} .row-fluid .span3 {width: 22.928176794%;*width: 22.874985304638297%;} .row-fluid .span2 {width: 14.364640883%;*width: 14.311449393638298%;} .row-fluid .span1 {width: 5.801104972%;*width: 5.747913482638298%;} } @media (min-width: 1280px) { .row-fluid {width: 100%;*zoom: 1;} .row-fluid:before, .row-fluid:after {display: table;content: "";} .row-fluid:after {clear: both;} .row-fluid [class*="span"] {display: block;float: left;width: 100%;margin-left: 2.564102564%;*margin-left: 2.510911074638298%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} .row-fluid [class*="span"]:first-child {margin-left: 0;} .row-fluid .span12 {width: 100%;*width: 99.94680851063829%;} .row-fluid .span11 {width: 91.45299145300001%;*width: 91.3997999636383%;} .row-fluid .span10 {width: 82.905982906%;*width: 82.8527914166383%;} .row-fluid .span9 {width: 74.358974359%;*width: 74.30578286963829%;} .row-fluid .span8 {width: 65.81196581200001%;*width: 65.7587743226383%;} .row-fluid .span7 {width: 57.264957265%;*width: 57.2117657756383%;} .row-fluid .span6 {width: 48.717948718%;*width: 48.6647572286383%;} .row-fluid .span5 {width: 40.170940171000005%;*width: 40.117748681638304%;} .row-fluid .span4 {width: 31.623931624%;*width: 31.5707401346383%;} .row-fluid .span3 {width: 23.076923077%;*width: 23.0237315876383%;} .row-fluid .span2 {width: 14.529914530000001%;*width: 14.4767230406383%;} .row-fluid .span1 {width: 5.982905983%;*width: 5.929714493638298%;} } .clearfix {*zoom: 1;} .clearfix:before, .clearfix:after {display: table;content: "";} .clearfix:after {clear: both;} #hs_cos_wrapper_module_spacer:before {content: '\00a0';display: block;width: 100%;height: 100%;} @-webkit-keyframes from-left{from{left:-100%;opacity:0}to{left:0;opacity:1}} @keyframes from-left{from{left:-100%;opacity:0}to{left:0;opacity:1}} @-webkit-keyframes from-right{from{right:-100%;opacity:0}to{right:0;opacity:1}} @keyframes from-right{from{right:-100%;opacity:0}to{right:0;opacity:1}} .form-arcane { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s,-webkit-transform 1s;} .come-in { -webkit-transform: translateY(-10rem); -ms-transform: translateY(-10rem); transform: translateY(-10rem); -webkit-animation: come-in .7s ease forwards; animation: come-in .7s ease forwards;} .body-container{overflow:hidden;} .row-fluid:before, .row-fluid:after {display: table;content: "";} .row-fluid {width: 100%; *zoom: 1;} .dnd-section > .row-fluid, [class*="-module"].content-wrapper > .row-fluid{max-width: 104.0rem;margin-left:auto;margin-right:auto;box-sizing:border-box;} .body-container .dnd-section > .row-fluid, [class*="-module"].content-wrapper > .row-fluid{position:relative;padding-left: 5.0rem;padding-right: 5.0rem;} .body-container .dnd-section > .row-fluid, .body-container [class*="-module"].container > .row-fluid{padding-top:4rem;padding-bottom: 4rem;} .body-container .dnd-section[class*="padding"] > .row-fluid, .body-container .dnd-section[class*="padding"] > .row-fluid [class*="-module"].container > .row-fluid{padding-top: 0;padding-bottom: 0;} @media (max-width: 992px){ .body-container .dnd-section > .row-fluid, .body-container [class*="-module"].container > .row-fluid{padding-top: calc(4rem /1.3);padding-bottom: calc(4rem /1.3);} .body-container .dnd-section > .row-fluid{flex-flow: row wrap;} .body-container .dnd-module img{display: block; margin-left: auto; margin-right: auto;} .dnd-section>.row-fluid>[class*='span']:not(:first-child), .dnd-row>.row-fluid>[class*='span']:not(:first-child) {margin-top: calc(0.5rem*6);} /*.widget-type-rich_text{text-align: center;}*/ .body-container .row-fluid-wrapper .widget-span{padding-left: 0 !important; padding-right: 0 !important;} } @media (max-width: 480px){ .body-container .dnd-section > .row-fluid, .body-container [class*="-module"].container > .row-fluid{padding-top: calc(4rem / 2);padding-bottom:calc(4rem / 2);} .body-container .dnd-section[class*="background"] > .row-fluid{padding-bottom: calc(10.0rem / 2);} .body-container .dnd-section > .row-fluid, [class*="-module"].content-wrapper > .row-fluid{position:relative;padding-left: calc(5.0rem/ 3.5);padding-right: calc(5.0rem/ 3.5);} } html{ font-size:62.5%; } body{ font-size:1.4rem; line-height:1.6; font-family:'Spartan', Arial, sans-serif;; color:#004f53; position: relative; } b, strong { font-weight: var(--font-weight-700); } i, em{ font-style: italic; } sup { font-size: calc(1.4rem/1.5); position: relative; bottom: calc(1.4rem/1.5); } sub { font-size: calc(1.4rem/1.5); position: relative; } a{ cursor:pointer; text-decoration:none; display:inline-block; } h1{ font-weight : var(--font-weight-500); } h2, h3, h4, h5, h6{ font-weight : var(--font-weight-600); } h1, h2, h3, h4, h5, h6{ font-family: 'Spartan', serif;; } h1{ color:#004f53; margin-bottom:calc(.5rem*5); } h2{ color:#004f53; margin-bottom:calc(.5rem*4); } h3{ color:#004f53; margin-bottom:calc(.5rem*2); } h4{ color:#004f53; margin-bottom:calc(.5rem*4); } h5{ color:#004f53; margin-bottom:calc(.5rem*4); } h6{ color:#004f53; margin-bottom:calc(.5rem*4); } h1 strong, h2 strong, h3 strong, h4 strong, h1 .hero-title-bottom{ font-family:var(--font-weight-700); } .font-family-title{ font-family: 'Spartan', serif;; } h1, .font-size-h1, h2, .font-size-h2, h3, .font-size-h3, h4, .font-size-h4, h5, .font-size-h5, h6, .font-size-h6{ margin-top:0; line-height:1.2; } h1, .font-size-h1{ font-size:4.5rem; } h2, .font-size-h2{ font-size:3rem; } h3, .font-size-h3{ font-size:2.2rem; } h4, .font-size-h4{ font-size:2rem; } h5, .font-size-h5{ font-size:1.8rem; } h6, .font-size-h6{ font-size:1.6rem; } p, ul, ol, blockquote{ margin-bottom:calc(.5rem*4); } ul:not(.summary-list):not(.hs-menu-children-wrapper):not(.tags):not(.blog-post--body-rs > ul):not(form.hs-form ul):not(.footer-no-navigation .footer-copyright ul):not(.navigation-primary .submenu):not(.lang_list_class){ margin-left: 1.5rem; } ul li{ position: relative; } ul li:not(.blog-post .post-body ul li):not(.footer-no-navigation .footer-copyright ul > li):not(.summary-list > li):not(.blog-post--body-rs > ul > li):not(.menu-item):not(.tags > li):not(.pagination > li):not(.hs-menu-item):not(form.hs-form ul > li):not(.hs-error-msgs li):(.lang_list_class li){ margin-bottom: calc(.5rem*3); display: inline-block; } ul li:not(.footer-no-navigation .footer-copyright ul > li):not(.summary-list > li):not(.blog-post--body-rs > ul > li):not(.menu-item):not(.tags > li):not(.pagination > li):not(.hs-menu-item):not(form.hs-form ul > li):not(.hs-error-msgs li):before{ content: ''; position: absolute; left: -13px; top: 9px; width: 6px; height: 6px; background-color: #ff6555; border-radius: 50px; } footer, .footer{ font-size:1.0rem; } img{ max-width:100%; height:auto; } .text-align-left{ text-align:left; } .text-align-right{ text-align:right; } .text-align-center{ text-align:center; } .text-align-center ul li, .text-align-right ul li, .text-align-center ol li, .text-align-right ol li{ text-align: left; } .uppercase{ text-transform:uppercase; } .lowercase{ text-transform:lowercase; } .capitalize{ text-transform:capitalize; } .extra-small{ font-size:1.0rem; } .small{ font-size:1.3rem; } .normal{ font-size:1.4rem; } .large{ font-size:1.6rem; } .category { color:#FFFFFF; background:#ff6555; line-height: 1; white-space:normal; transition:all .3s ease-in-out; } .category:hover{ opacity:.65; } .font-weight-light{ font-weight:300; } .font-weight-regular{ font-weight:400; } .font-weight-medium{ font-weight:500; } .font-weight-bold{ font-weight:600; } .font-weight-black{ font-weight:900; } @media (max-width:992px){ h1, .font-size-h1{ font-size:calc(4.5rem / 1.2);} h2, .font-size-h2{font-size:calc(3rem / 1.2);} h3, .font-size-h3{font-size:calc(2.2rem / 1.2);} h4, .font-size-h4{font-size:calc(2rem / 1.2);} h5, .font-size-h5{font-size:calc(1.8rem / 1.2);} .extra-small-tablet{font-size:1.0rem;} .small-tablet{font-size:1.3rem;} .normal-tablet{font-size:1.4rem;} .large-tablet{font-size:1.6rem;} } @media (max-width: 480px){ html{font-size:55%;} h2 br, h3 br, h4 br {content: '';} h1, .font-size-h1{ font-size:calc(4.5rem / 1.5);} h2, .font-size-h2{font-size:calc(3rem / 1.5);} h3, .font-size-h3{font-size:calc(2.2rem / 1.5);} h4, .font-size-h4{font-size:calc(2rem / 1.5);} .extra-small-mobile{font-size:1.0rem;} .small-mobile{font-size:1.3rem;} .normal-mobile{font-size:1.4rem;} .large-mobile{font-size:1.6rem;} .text-align-left-mobile{ text-align:left;} .text-align-right-mobile{ text-align:right;} .text-align-center-mobile{ text-align:center;} } .primary-color{color:#004f53;} .secondary-color{color:#ccead2;} .tertiary-color{color:#ff6555;} .black-color{color:#004f53;} .grey-color{color:#5f5f5f;} .white-color{color:#FFFFFF;} .primary-bg{background-color:#004f53;} .secondary-bg{background-color:#ccead2;} .tertiary-bg{background-color: #ff6555;} .black-bg{background-color:#004f53;} .grey-bg{background-color:#5f5f5f;} .white-bg{background-color:#FFFFFF;} .hs-button, .cta_button, .hs-cta-node a{ font-family: 'Spartan', Arial, sans-serif;; -webkit-appearance: none; -moz-appearance: none; transition: opacity .25s ease-in-out, background-color .25s ease-in-out; text-decoration: none; display: inline-block; background-color: #ff6555; color: #FFFFFF; padding: 1.0rem 2.5rem; position:relative; cursor:pointer; border: 1px solid transparent; width: fit-content; } .hs-button:hover, .hs-button:focus, .cta_button:hover, .cta_button:focus, .hs-cta-node a:hover, .hs-cta-node a:focus{ background-color:#e12208; color:#FFFFFF; } .hs-button.secondary, .cta_button.secondary{ background-color: #004f53; border: 0.2rem solid transparent; color: #FFFFFF; } .hs-button.secondary:hover, .cta_button.secondary:hover{ background-color: #053430; color: #FFFFFF; border: 0.2rem solid transparent; } .hs-button.white, .cta_button.white{ background-color: #FFFFFF; border: 0.2rem solid transparent; color: #ff6555; } .hs-button.white:hover, .cta_button.white:hover, .hs-button.white:focus, .cta_button.white:focus{ opacity:.75; } .hs-button.arrow, .cta_button.arrow{ position: relative; padding-right: 6.5rem; } .hs-button.arrow:after, .cta_button.arrow:after{ content: ''; position: absolute; top: 50%; right: 35px; width: 15px; height: 11px; background-image: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/icons/arrow-white.svg); background-repeat: no-repeat; background-size: contain; display: block; transform: translateY(-50%); } .hs-button.icon, .cta_button.icon{ padding-right: calc(.5rem*7); } .hs-button.icon:after, .cta_button.icon:after{ background-size:contain; background-position:50%; background-repeat:no-repeat; } .hs-button.arrow-simple, .cta_button.arrow-simple{ background-color:transparent; color: #ff6555; position: relative; padding: 0 6rem 0 0; } .hs-button.arrow-simple:after, .cta_button.arrow-simple:after{ content: ''; position: absolute; top: 50%; right: 35px; width: 20px; height: 20px; background-image: url(https://139541051.fs1.hubspotusercontent-eu1.net/hubfs/139541051/Icons/arrow-rebrand-arcane.svg); background-repeat: no-repeat; background-size: contain; display: block; transform: translateY(-50%); transition:all .3s ease-in-out } /*** SPECIFIC STYLING ***/ header .hs-button, header .cta_button{ padding: 1.2rem 4.0rem; font-size: 1.4rem; } form.hs-form { --spaceX-between-fields: 2rem; --spaceY-between-fields: 2rem; --input-label-spacing: 0rem; --global-font-color: #004f53; --global-font-family: 'Spartan', Arial, sans-serif;; --global-font-size: 1.3rem; --global-font-weight: 400; --form-submit-height: 4.8rem; --form-submit-padding: 4rem; --form-submit-padding-left: unset; --form-submit-padding-right: unset; --form-submit-background-color: #ff6555; --form-submit-position: left; --form-submit-border: unset; --form-submit-border-top: unset; --form-submit-border-right: unset; --form-submit-border-bottom: unset; --form-submit-border-left: unset; --form-submit-border-radius: 0rem; --form-submit-border-top-left-radius: unset; --form-submit-border-top-right-radius: unset; --form-submit-border-bottom-right-radius: unset; --form-submit-border-bottom-left-radius: unset; --form-submit-hover-font-color: unset; --form-submit-hover-background-color: #e12208; --form-submit-hover-border: unset; --form-submit-hover-border-top: unset; --form-submit-hover-border-right: unset; --form-submit-hover-border-bottom: unset; --form-submit-hover-border-left: unset; --form-submit-hover-border-radius: 0rem; --form-submit-hover-border-top-left-radius: unset; --form-submit-hover-border-top-right-radius: unset; --form-submit-hover-border-bottom-right-radius: unset; --form-submit-hover-border-bottom-left-radius: unset; --form-submit-font-color:#FFFFFF; --form-submit-font-family: unset; --form-submit-font-size: 1.4rem; --form-submit-font-weight: 400; --label-font-color: #004f53; --label-font-family: unset; --label-font-size: 1.3rem; --label-font-weight: 400; --required-font-color: #FF0000; --required-font-family: unset; --required-font-size: 0; --required-font-weight: 400; --helptext-color: #FF00FF; --helptext-background-color: #fff; --helptext-border: 1px solid #cccccc; --helptext-border-top: unset; --helptext-border-right: unset; --helptext-border-bottom: unset; --helptext-border-left: 10px solid #BBBBFF; --helptext-border-radius: 0rem; --helptext-border-top-left-radius: unset; --helptext-border-top-right-radius: unset; --helptext-border-bottom-right-radius: unset; --helptext-border-bottom-left-radius: unset; --helptext-padding: 2rem; --helptext-line-height: 1.2; --helptext-width: 100%; --helptext-opacity: 1; --input-font-color: #004f53; --input-font-family: unset; --input-font-size: unset; --input-font-weight: 400; --input-placeholder-font-color: #004f53; --input-placeholder-font-family: unset; --input-placeholder-font-size: 1.8rem; --input-placeholder-font-weight: 400; --input-height: 4rem; --input-padding: 2rem; --input-background-color: #FFFFFF; --input-border: unset; --input-border-top: unset; --input-border-right: unset; --input-border-bottom: unset; --input-border-left: unset; --input-border-radius: 0rem; --input-border-top-left-radius: unset; --input-border-top-right-radius: unset; --input-border-bottom-right-radius: unset; --input-border-bottom-left-radius: unset; --input-focus-font-color: #004f53; --input-focus-background-color: #fff; --input-focus-border: unset; --input-focus-border-top: unset; --input-focus-border-right: unset; --input-focus-border-bottom: unset; --input-focus-border-left: unset; --input-focus-border-radius: unset; --input-focus-border-top-left-radius: unset; --input-focus-border-top-right-radius: unset; --input-focus-border-bottom-right-radius: unset; --input-focus-border-bottom-left-radius: unset; --input-error-font-color: #fe4f2e; --input-error-background-color: #fff; --input-error-border: 0.1rem solid #fe4f2e; --input-error-border-top: unset; --input-error-border-right: unset; --input-error-border-bottom: unset; --input-error-border-left: unset; --input-error-border-radius: unset; --input-error-border-top-left-radius: unset; --input-error-border-top-right-radius: unset; --input-error-border-bottom-right-radius: unset; --input-error-border-bottom-left-radius: unset; --select-carret-image: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/icons/dropdown.svg); --select-carret-position: center right 1.5rem; --select-carret-size: auto 15%; --checkbox-size: 13px; --checkbox-background-color: #fff; --checkbox-label-spacing: 1rem; --checkbox-label-position: center; /* start / center / end */ --space-between-checkbox: 1.5rem; --checkbox-font-color: #004f53;; --checkbox-font-family: unset; --checkbox-font-size: 13px; --checkbox-font-weight: 400; --checkbox-border: none; --checkbox-border-top: unset; --checkbox-border-right: unset; --checkbox-border-bottom: unset; --checkbox-border-left: unset; --checkbox-border-radius: unset; --checkbox-border-top-left-radius: unset; --checkbox-border-top-right-radius: unset; --checkbox-border-bottom-right-radius: unset; --checkbox-border-bottom-left-radius: unset; --checkbox-valid-sign: ''; /* πŸ—Έ βœ“ βœ” β•³ βœ• βœ– */ --checkbox-valid-size: 0; --checkbox-padding: 1.5px; --checkbox-valid-color: #004f53; --checkbox-valid-background-color: #ff6555; --checkbox-valid-background-image: url(''); --checkbox-valid-background-size: cover; --radio-size: 13px; --radio-background-color: #FFFFFF; --radio-label-spacing: 1rem; --radio-label-position: center; /* start / center / end */ --space-between-radio: 1.5rem; --radio-font-color: #004f53; --radio-font-family: unset; --radio-font-size: 1.4rem; --radio-font-weight: 400; --radio-border: none; --radio-border-top: unset; --radio-border-right: unset; --radio-border-bottom: unset; --radio-border-left: unset; --radio-border-radius: 15px; --radio-border-top-left-radius: unset; --radio-border-top-right-radius: unset; --radio-border-bottom-right-radius: unset; --radio-border-bottom-left-radius: unset; --radio-valid-sign: ''; /* πŸ—Έ βœ“ βœ” β•³ βœ• βœ– */ --radio-valid-size: 1rem; --radio-padding: 1px; --radio-valid-color: #004f53; --radio-valid-background-color: #ff6555; --radio-valid-background-image: unset; --radio-valid-background-size: cover; --error-font-color: #fe4f2e; --error-font-size: 1.1rem; --error-font-weight: 400; --error-font-family: unset; --error-background-color: transparent; --error-position: absolute; /* absolute/relative */ --error-padding: 0.5rem; /* one value */ --error-padding-top: unset; --error-padding-right: 1rem; --error-padding-bottom: unset; --error-padding-left: unset; --error-margin: 0; /* one value */ --error-margin-top: unset; --error-margin-right: unset; --error-margin-bottom: unset; --error-margin-left: unset; --error-border: none; --error-border-top: unset; --error-border-right: unset; --error-border-bottom: unset; --error-border-left: unset; --error-border-radius: unset; --error-border-top-left-radius: unset; --error-border-top-right-radius: unset; --error-border-bottom-right-radius: unset; --error-border-bottom-left-radius: unset; } /* *** FORM RESET *** */ form.hs-form fieldset { max-width: unset; } form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } form.hs-form .hs-form-field label span { display: inline; } form.hs-form fieldset.form-columns-1 .input { margin-right: 0; } form.hs-form fieldset.form-columns-2 .input { margin-right: 0; } form.hs-form fieldset.form-columns-3 .input { margin-right: 0; } form.hs-form div.field .input .hs-input, form.hs-form fieldset .input .hs-input { width: 100%;border:none;padding:0;margin:0; } /* ****************** */ form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+1) div:first-child, form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+1) { padding-right:calc(var(--spaceX-between-fields, 0) / 2); } form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+2) div:first-child, form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+2) { padding-left:calc(var(--spaceX-between-fields, 0) / 2); } form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+1) div:first-child, form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+1) { padding-right:calc((var(--spaceX-between-fields, 0) / 3) * 2); } form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+2) div:first-child, form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+2) { padding: 0 calc(var(--spaceX-between-fields, 0) / 3); } form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+3) div:first-child, form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+3) { padding-left:calc((var(--spaceX-between-fields, 0) / 3) * 2); } form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+1) div:not(:first-child), form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+2) div:not(:first-child), form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+1) div:not(:first-child), form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+2) div:not(:first-child), form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+3) div:not(:first-child) {width: 100%;} form.hs-form div.field, form.hs-form fieldset { margin: var(--spaceY-between-fields, 0) 0; } form.hs-form .input { margin-top: var(--input-label-spacing, 0); } form.hs-form .hs-form-field { position: relative; } form.hs-form .hs-error-msgs { font-size: var(--error-font-size); font-weight: var(--error-font-weight); font-family: var(--error-font-family); margin-top: var(--error-margin-top, var(--error-margin, 0.5rem)); margin-right: var(--error-margin-right, var(--error-margin, 0)); margin-bottom: var(--error-margin-bottom, var(--error-margin, 0.5rem)); margin-left: var(--error-margin-left, var(--error-margin, 1rem)); color: var(--error-font-color); position: var(--error-position, relative); top: calc(var(--input-height) + var(--input-font-size) + var(--input-label-spacing)); left: 0; line-height: 1; } form.hs-form .hs-error-msgs li { padding: var(--error-padding); padding-top: var(--error-padding-top, var(--error-padding, 0.5rem)); padding-right: var(--error-padding-right, var(--error-padding, 0)); padding-bottom: var(--error-padding-bottom, var(--error-padding, 0.5rem)); padding-left: var(--error-padding-left, var(--error-padding, 0)); background-color: var(--error-background-color, transparent); display: inline-block; border-top: var(--error-border-top, var(--error-border, none)); border-right: var(--error-border-right, var(--error-border, none)); border-bottom: var(--error-border-bottom, var(--error-border, none)); border-left: var(--error-border-left, var(--error-border, none)); border-top-left-radius: var(--error-border-top-left-radius, var(--error-border-radius, 0)); border-top-right-radius: var(--error-border-top-right-radius, var(--error-border-radius, 0)); border-bottom-right-radius: var(--error-border-bottom-right-radius, var(--error-border-radius, 0)); border-bottom-left-radius: var(--error-border-bottom-left-radius, var(--error-border-radius, 0)); } form.hs-form .hs-form-field > legend { position: absolute; top: calc(var(--input-label-spacing) + var(--label-font-size) * 1.5); left: 0; z-index: -1; color: var(--helptext-color); background-color: var(--helptext-background-color); border-top: var(--helptext-border-top, var(--helptext-border)); border-right: var(--helptext-border-right, var(--helptext-border)); border-bottom: var(--helptext-border-bottom, var(--helptext-border)); border-left: var(--helptext-border-left, var(--helptext-border)); border-top-left-radius: var(--helptext-border-top-left-radius, var(--helptext-border-radius, 0)); border-top-right-radius: var(--helptext-border-top-right-radius, var(--helptext-border-radius, 0)); border-bottom-right-radius: var(--helptext-border-bottom-right-radius, var(--helptext-border-radius, 0)); border-bottom-left-radius: var(--helptext-border-bottom-left-radius, var(--helptext-border-radius, 0)); padding: var(--helptext-padding); line-height: var(--helptext-line-height); opacity: 0; width: var(--helptext-width); } form.hs-form .hs-form-field>label:hover ~ legend { opacity: var(--helptext-opacity); z-index: 10; } form.hs-form .hs-form-field > label > span { color: var(--label-font-color, var(--global-font-color)); font-family: var(--label-font-family, var(--global-font-family)); font-size: var(--label-font-size, var(--global-font-size)); font-weight: var(--label-font-weight, var(--global-font-weight)); } form.hs-form .legal-consent-container p { color: var(--global-font-color); font-family: var(--global-font-family); font-size: var(--global-font-size); font-weight: var(--global-font-weight); } form.hs-form .hs-form-field > label > span.hs-form-required { color: var(--required-font-color, var(--label-font-color, var(--global-font-color))); font-family: var(--required-font-family, var(--label-font-family, var(--global-font-family))); font-size: var(--required-font-size, var(--label-font-size, var(--global-font-size))); font-weight: var(--required-font-weight, var(--label-font-weight, var(--global-font-weight))); } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone) { border-top: var(--input-border-top, var(--input-border, none)); border-right: var(--input-border-right, var(--input-border, none)); border-bottom: var(--input-border-bottom, var(--input-border, none)); border-left: var(--input-border-left, var(--input-border, none)); border-top-left-radius: var(--input-border-top-left-radius, var(--input-border-radius, 0)); border-top-right-radius: var(--input-border-top-right-radius, var(--input-border-radius, 0)); border-bottom-right-radius: var(--input-border-bottom-right-radius, var(--input-border-radius, 0)); border-bottom-left-radius: var(--input-border-bottom-left-radius, var(--input-border-radius, 0)); height: var(--input-height); padding: 0 var(--input-padding); color: var(--input-font-color, var(--global-font-color)); background-color: var(--input-background-color, transparent); font-family: var(--input-font-family, var(--global-font-family)); font-size: var(--input-font-size, var(--global-font-size)); font-weight: var(--input-font-weight, var(--global-font-weight)); } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox)>.input select.hs-input { -webkit-appearance: none; background-image: var(--select-carret-image); background-position: var(--select-carret-position, center right 1rem); background-size: var(--select-carret-size, auto 75%); background-repeat: no-repeat; } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input option[disabled], form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input[disabled], form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input:invalid, form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input::placeholder { color: var(--input-placeholder-font-color, var(--input-font-color, var(--global-font-color))); font-family: var(--input-placeholder-font-family, var(--input-font-family, var(--global-font-family))); font-size: var(--input-placeholder-font-size, var(--input-font-size, var(--global-font-size))); font-weight: var(--input-placeholder-font-weight, var(--input-font-weight, var(--global-font-weight))); } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input select.hs-input option { color: var(--input-font-color, var(--global-font-color))); font-family: var(--input-font-family, var(--global-font-family))); font-size: var(--input-font-size, var(--global-font-size))); font-weight: var(--input-font-weight, var(--global-font-weight))); } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).invalid:focus, form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).error:focus, form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone):focus { border-top: var(--input-focus-border-top, var(--input-focus-border, var(--input-border-top, var(--input-border, none)))); border-right: var(--input-focus-border-right, var(--input-focus-border, var(--input-border-right, var(--input-border, none)))); border-bottom: var(--input-focus-border-bottom, var(--input-focus-border, var(--input-border-bottom, var(--input-border, none)))); border-left: var(--input-focus-border-left, var(--input-focus-border, var(--input-border-left, var(--input-border, none)))); border-top-left-radius: var(--input-focus-border-top-left-radius, var(--input-focus-border-radius, var(--input-border-top-left-radius, var(--input-border-radius, 0)))); border-top-right-radius: var(--input-focus-border-top-right-radius, var(--input-focus-border-radius, var(--input-border-top-right-radius, var(--input-border-radius, 0)))); border-bottom-right-radius: var(--input-focus-border-bottom-right-radius, var(--input-focus-border-radius, var(--input-border-bottom-right-radius, var(--input-border-radius, 0)))); border-bottom-left-radius: var(--input-focus-border-bottom-left-radius, var(--input-focus-border-radius, var(--input-border-bottom-left-radius, var(--input-border-radius, 0)))); color: var(--input-focus-font-color, var(--input-font-color)); background-color: var(--input-focus-background-color); outline:0; } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).invalid, form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input .hs-input:not(.hs-fieldtype-intl-phone).error { border-top: var(--input-error-border-top, var(--input-error-border, var(--input-border-top, var(--input-border, none)))); border-right: var(--input-error-border-right, var(--input-error-border, var(--input-border-right, var(--input-border, none)))); border-bottom: var(--input-error-border-bottom, var(--input-error-border, var(--input-border-bottom, var(--input-border, none)))); border-left: var(--input-error-border-left, var(--input-error-border, var(--input-border-left, var(--input-border, none)))); border-top-left-radius: var(--input-error-border-top-left-radius, var(--input-error-border-radius, var(--input-border-top-left-radius, var(--input-border-radius, 0)))); border-top-right-radius: var(--input-error-border-top-right-radius, var(--input-error-border-radius, var(--input-border-top-right-radius, var(--input-border-radius, 0)))); border-bottom-right-radius: var(--input-error-border-bottom-right-radius, var(--input-error-border-radius, var(--input-border-bottom-right-radius, var(--input-border-radius, 0)))); border-bottom-left-radius: var(--input-error-border-bottom-left-radius, var(--input-error-border-radius, var(--input-border-bottom-left-radius, var(--input-border-radius, 0)))); color: var(--input-error-font-color, var(--input-font-color)); background-color: var(--input-error-background-color); } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) > .input textarea.hs-input { padding-top: 1rem !important; resize: vertical; overflow: hidden; min-height: 10rem; } form.hs-form div.hs-fieldtype-radio > .input .hs-input { -webkit-appearance: none; vertical-align: text-bottom; position: relative; width: var(--radio-size, var(--input-height, 15px)); height: var(--radio-size, var(--input-height, 15px)); background-color: var(--radio-background-color, var(--input-background-color, #ffffff)); border-top: var(--radio-border-top, var(--radio-border, 1px solid #000000)); border-right: var(--radio-border-right, var(--radio-border, 1px solid #000000)); border-bottom: var(--radio-border-bottom, var(--radio-border, 1px solid #000000)); border-left: var(--radio-border-left, var(--radio-border, 1px solid #000000)); border-top-left-radius: var(--radio-border-top-left-radius, var(--radio-border-radius, 8px)); border-top-right-radius: var(--radio-border-top-right-radius, var(--radio-border-radius, 8px)); border-bottom-right-radius: var(--radio-border-bottom-right-radius, var(--radio-border-radius, 8px)); border-bottom-left-radius: var(--radio-border-bottom-left-radius, var(--radio-border-radius, 8px)); margin-right: var(--radio-label-spacing, var(--input-label-spacing, 5px)); cursor: pointer; } form.hs-form div.hs-fieldtype-radio .input ul li { margin: var(--space-between-radio, 5px) 0; } form.hs-form div.hs-fieldtype-radio .input .hs-form-radio-display span { color: var(--radio-font-color, var(--global-font-color)); font-family: var(--radio-font-family, var(--global-font-family)); font-size: var(--radio-font-size, var(--global-font-size)); font-weight: var(--radio-font-weight, var(--global-font-weight)); } form.hs-form div.hs-fieldtype-radio .input .hs-input:checked:before { position: absolute; content: ''; height: calc(100% - var(--radio-padding, 2px) * 2); width: calc(100% - var(--radio-padding, 2px) * 2); top: var(--radio-padding, 2px); left: var(--radio-padding, 2px); background-color: var(--radio-valid-background-color, #000000); background-image: var(--radio-valid-background-image); border-top-left-radius: var(--radio-border-top-left-radius, var(--radio-border-radius, 8px)); border-top-right-radius: var(--radio-border-top-right-radius, var(--radio-border-radius, 8px)); border-bottom-right-radius: var(--radio-border-bottom-right-radius, var(--radio-border-radius, 8px)); border-bottom-left-radius: var(--radio-border-bottom-left-radius, var(--radio-border-radius, 8px)); background-position: center; background-repeat: no-repeat; background-size: var(--radio-valid-background-size, contain); } form.hs-form div.hs-fieldtype-radio .input .hs-input:checked:after { position: absolute; line-height: 0; height: 0; width: 0; top: 50%; left: 50%; text-align: center; content: var(--radio-valid-sign, ''); font-size: var(--radio-valid-size); color: var(--radio-valid-color, var(--input-font-color, var(--global-font-color))); } form.hs-form div.hs-fieldtype-radio > .input label { display: flex; align-items: var(--radio-label-position, center); } form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 0 !important; } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input label, form.hs-form div.hs-fieldtype-checkbox > .input label, form.hs-form div.hs-fieldtype-booleancheckbox > .input label { display: flex; align-items: var(--checkbox-label-position, center); } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input, form.hs-form div.hs-fieldtype-checkbox > .input .hs-input, form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input { -webkit-appearance: none; vertical-align: text-bottom; position: relative; width: var(--checkbox-size, var(--input-height, 16px)); height: var(--checkbox-size, var(--input-height, 16px)); background-color: var(--checkbox-background-color, var(--input-background-color, #FFFFFF)); border-top: var(--checkbox-border-top, var(--checkbox-border, 1px solid #000000)); border-right: var(--checkbox-border-right, var(--checkbox-border, 1px solid #000000)); border-bottom: var(--checkbox-border-bottom, var(--checkbox-border, 1px solid #000000)); border-left: var(--checkbox-border-left, var(--checkbox-border, 1px solid #000000)); border-top-left-radius: var(--checkbox-border-top-left-radius, var(--checkbox-border-radius, 0)); border-top-right-radius: var(--checkbox-border-top-right-radius, var(--checkbox-border-radius, 0)); border-bottom-right-radius: var(--checkbox-border-bottom-right-radius, var(--checkbox-border-radius, 0)); border-bottom-left-radius: var(--checkbox-border-bottom-left-radius, var(--checkbox-border-radius, 0)); margin-right: var(--checkbox-label-spacing, var(--input-label-spacing, 5px)); padding: 0; cursor: pointer; } form.hs-form div.hs-fieldtype-checkbox > .input ul li { margin: var(--space-between-checkbox, 0) 0; } form.hs-form div.legal-consent-container > .input .hs-form-booleancheckbox-display span, form.hs-form div.hs-fieldtype-checkbox > .input .hs-form-checkbox-display span, form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-form-booleancheckbox-display span { color: var(--checkbox-font-color, var(--global-font-color)); font-family: var(--checkbox-font-family, var(--global-font-family)); font-size: var(--checkbox-font-size, var(--global-font-size)); font-weight: var(--checkbox-font-weight, var(--global-font-weight)); } form.hs-form div:not(.hs-fieldtype-radio):not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox).legal-consent-container > .input .hs-input:checked:before, form.hs-form div.hs-fieldtype-checkbox > .input .hs-input:checked:before, form.hs-form div.hs-fieldtype-booleancheckbox > .input .hs-input:checked:before { position: absolute; line-height: 1; height: calc(100% - var(--checkbox-padding, 0) * 2); width: calc(100% - var(--checkbox-padding, 0) * 2); top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; content: var(--checkbox-valid-sign, 'πŸ—Έ'); font-size: var(--checkbox-valid-size, 14px); color: var(--checkbox-valid-color, var(--input-font-color, var(--global-font-color, #000000))); background-color: var(--checkbox-valid-background-color); background-image: var(--checkbox-valid-background-image); border-top-left-radius: var(--checkbox-border-top-left-radius, var(--checkbox-border-radius, 0)); border-top-right-radius: var(--checkbox-border-top-right-radius, var(--checkbox-border-radius, 0)); border-bottom-right-radius: var(--checkbox-border-bottom-right-radius, var(--checkbox-border-radius, 0)); border-bottom-left-radius: var(--checkbox-border-bottom-left-radius, var(--checkbox-border-radius, 0)); padding: 0; background-position: center; background-repeat: no-repeat; background-size: var(--checkbox-valid-background-size, contain); } form.hs-form .hs-submit { display:flex; justify-content: var(--form-submit-position, center); } form.hs-form .hs-submit input { background-color: var(--form-submit-background-color); color: var(--form-submit-font-color, var(--global-font-color)); font-weight: var(--form-submit-font-weight, var(--global-font-weight)); font-size: var(--form-submit-font-size, var(--global-font-size)); padding: 0 var(--form-submit-padding-right, var(--form-submit-padding, 0)) 0 var(--form-submit-padding-left, var(--form-submit-padding, 0)); border-top: var(--form-submit-border-top, var(--form-submit-border, none)); border-right: var(--form-submit-border-right, var(--form-submit-border, none)); border-bottom: var(--form-submit-border-bottom, var(--form-submit-border, none)); border-left: var(--form-submit-border-left, var(--form-submit-border, none)); border-top-left-radius: var(--form-submit-border-top-left-radius, var(--form-submit-border-radius, 0)); border-top-right-radius: var(--form-submit-border-top-right-radius, var(--form-submit-border-radius, 0)); border-bottom-right-radius: var(--form-submit-border-bottom-right-radius, var(--form-submit-border-radius, 0)); border-bottom-left-radius: var(--form-submit-border-bottom-left-radius, var(--form-submit-border-radius, 0)); height: var(--form-submit-height); cursor: pointer; } form.hs-form .hs-submit input:focus, form.hs-form .hs-submit input:hover { background-color: var(--form-submit-hover-background-color); color: var(--form-submit-hover-font-color, var(--form-submit-font-color, var(--global-font-color))); border-top: var(--form-submit-hover-border-top, var(--form-submit-hover-border, var(--form-submit-border-top, var(--form-submit-border, none)))); border-right: var(--form-submit-hover-border-right, var(--form-submit-hover-border, var(--form-submit-border-right, var(--form-submit-border, none)))); border-bottom: var(--form-submit-hover-border-bottom, var(--form-submit-hover-border, var(--form-submit-border-bottom, var(--form-submit-border, none)))); border-left: var(--form-submit-hover-border-left, var(--form-submit-hover-border, var(--form-submit-border-left, var(--form-submit-border, none)))); border-top-left-radius: var(--form-submit-hover-border-top-left-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-top-left-radius, var(--form-submit-border-radius, 0)))); border-top-right-radius: var(--form-submit-hover-border-top-right-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-top-right-radius, var(--form-submit-border-radius, 0)))); border-bottom-right-radius: var(--form-submit-hover-border-bottom-right-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-bottom-right-radius, var(--form-submit-border-radius, 0)))); border-bottom-left-radius: var(--form-submit-hover-border-bottom-left-radius, var(--form-submit-hover-border-radius, var(--form-submit-border-bottom-left-radius, var(--form-submit-border-radius, 0)))); } form.hs-form .hs-submit .actions {position:relative;} form.hs-form .hs-submit .actions::before {} form.hs-form .hs-submit .actions::after {} form.hs-form .hs-fieldtype-file .input input{ position:absolute; opacity:0; height:4rem; top:0; left:0; } form.hs-form .hs-fieldtype-file .input{ position:relative; display:flex; align-items:center; } form.hs-form .hs-fieldtype-file .input::before { content:'Parcourir...'; font-size:var(--global-font-size); border:var(--input-border); padding: 0 var(--input-padding); border-radius:var(--input-border-radius); height:var(--input-height); width: 100%; display:flex; align-items:center; background:#fff; } form.hs-form .hs-fieldtype-file .input p.files{ padding-left:1rem; font-size:var(--global-font-size); } /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ color:#004f53; opacity:.5; } :-moz-placeholder { /* Firefox 18- */ color:#004f53; opacity:.5; } ::-moz-placeholder { /* Firefox 19+ */ color:#004f53; opacity:.5; } :-ms-input-placeholder { /* IE10 */ color:#004f53; opacity:.5; } @media (max-width: 480px) { form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+1) div:first-child, form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+1) { padding-right:0; } form.hs-form fieldset.form-columns-2 > .hs-dependent-field:nth-child(2n+2) div:first-child, form.hs-form fieldset.form-columns-2 > .hs-form-field:nth-child(2n+2) { padding-left:0; } form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+1) div:first-child, form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+1) { padding-right:0; } form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+2) div:first-child, form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+2) { padding: 0; } form.hs-form fieldset.form-columns-3 > .hs-dependent-field:nth-child(3n+3) div:first-child, form.hs-form fieldset.form-columns-3 > .hs-form-field:nth-child(3n+3) { padding-left:0; } form.hs-form fieldset.form-columns-2 > .hs-form-field > .input .hs-input { width: 100%; } form.hs-form fieldset.form-columns-3 > .hs-form-field > .input .hs-input { width: 100%; } } /***********************/ /* CUSTOM FORM */ /***********************/ .post-form > div{ background:#ccead2; } .post-form h3{ text-align:center; margin-bottom:3rem; font-size:3rem; } .post-form .hs-submit .hs-button{ padding-right:6.5rem; background-color: #ff6555; } .post-form .hs-submit .actions::after { content: ''; position: absolute; top: 50%; right: 35px; width: 16px; height: 16px; background-image: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/icons/download.svg); background-repeat: no-repeat; background-size: contain; display: block; transform: translateY(-50%); } table, th, td{border: 1px solid #004f53;} th, td{padding:calc(.5rem*4);} table{background-color:#FFFFFF;color:#004f53;} tfoot{background-color:#FFFFFF;color:#004f53;} th{background-color:#004f53;color:#FFFFFF;} .header-module {background-color: transparent;position: fixed;top: 0;left: 0;width: 100%;transition: background .3s ease-in-out, border .3s ease-in-out;border-bottom: 1px solid transparent;z-index:10;padding-top:2.0rem;padding-bottom:2.0rem; padding-right: 10rem; padding-left: 10rem;} .header-module .container-header, .header-module .header-inner{width: 100%;} .header-module.scrolled{background-color: #FFFFFF;border-bottom: 1px solid rgba(95, 95, 95, .2);} .header-module .navigation-primary > ul{justify-content: flex-end;align-items: center;} .header-module .logo img, .header-module .logo span {width: 145px; display: flex;flex-flow: column;align-items: center;justify-content: center;} .header-module .cta-header .cta_button.secondary{margin-right: 2rem;} .header-module .part-right-header{margin-left: auto;} .header-no-navigation-module{background: #004f53;} .homepage .header-module div#hs_cos_wrapper_cta-two{display: none;} .header-module .languageswitcher{ border-left: 1px solid #004f53; } .header-module .hs_cos_wrapper_type_language_switcher{ display: flex; flex: 0 0 100%; } .header-module .lang_switcher_class{ width: 100%; } .header-module .globe_class{ min-width: 42px; user-select: none; background: transparent; width: 100%; height: auto; border-radius: 0; position: relative; } .header-module .globe_class .current{ text-transform : uppercase; position: relative; user-select: none; font-size: 1.6rem; text-align: left; color: rgb(95, 95, 95); } .header-module .globe_class .current:after{ content: ""; position: absolute; top: 50%; right: -7px; transform: translateY(-57%); background-image: url('https://139541051.fs1.hubspotusercontent-eu1.net/hubfs/139541051/Icons/arrow-down.svg'); background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; } .header-module .globe_class .lang_list_class{ display: block; opacity: 0; user-select: none; pointer-events: none; transition: opacity .3s ease-in-out; padding: 0; border: none; z-index: 1; top: 100%; left: 0; overflow: hidden; padding: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } .header-module .globe_class:hover .lang_list_class{ opacity: 1; pointer-events: initial; transition: opacity .3s ease-in-out; position: absolute; top: 33%; left: 0; width: 100%; height: 6rem; } .header-module .lang_list_class:after, .header-module .lang_list_class:before{ display: none; } .header-module .lang_list_class li{ position: relative; border: none; text-align: left; background-color: transparent; padding: 5px 0 0 20px; } .header-module .lang_list_class li a{ font-size: 0; position: relative; } .header-module .lang_list_class li a.lang_switcher_link:before{ content: attr(data-language); position: absolute; top: 0; left: 0; font-size: 1.6rem; text-transform: uppercase; z-index: 5; width: max-content; padding-top: 1rem; color: rgb(95, 95, 95); } .header-module .lang_list_class li:first-child{ border-top: none; } .header-module .lang_list_class li:last-child{ border-bottom : none; padding: 0; } @media (max-width: 1280px){ .header-module{ padding: 2rem 3rem; } } @media (max-width: 1024px){ .header-module .container-header{text-align: center;} .header-module .logo {position: relative;z-index: 3;} .header-module .header-inner { background: #f4fafa; padding-top: 7rem; padding-bottom: 7rem; justify-content: flex-start; opacity:0;display:flex;align-items:center;flex-flow:column;position: fixed;top: -100%;right: 0;width: 100%;height: 100%;overflow: auto;transition: top .3s ease-in-out, opacity .3s ease-in-out;} .header-module .header-inner:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f4fafa;z-index: -1;} .header-module .row-fluid > [class*="span"] {width: 50%;} .header-module .header-inner .submenu{display: flex; flex-flow: column;} .header-module .navigation-primary>ul>li.has-submenu{padding-right: 0;} .header-module .part-right-header{margin-left: 0; flex-flow: column;} .header-module .part-right-header .cta-header{flex-flow: column;} .header-module .cta-header .cta_button.secondary{margin-right: 0; margin: 2rem 0 2rem 0;} .header-module .languageswitcher{border-left: none; margin-left: 0; padding-left: 0; margin-top: 2rem; margin-left: -5rem;} .header-module .submenu.level-1>.has-submenu>.menu-arrow{right: -25px; top: 32px; transform: translateY(-28%);} .header-module .has-submenu.clicked .submenu.level-2 { margin-top: 0.5rem; position: relative; left:0; text-align: center; opacity: 1; background:#f4fafa; display: flex; flex-flow: column; border: none; border-radius: 0; box-shadow: none; font-weight: 500; left: 0; top: 0; padding: 0;} .header-module .submenu.level-2>.menu-item:first-child, .header-module .submenu.level-2>.menu-item:nth-child(2){margin-right: 0;} .header-module .has-submenu .submenu.level-2{display: none;} .header-module .submenu.level-2>li.has-submenu>a{padding: 1rem 0 0.5rem 0;} .header-module .submenu.level-3 a{padding: 0.5rem 0} .header-module .header__navigation--toggle {width: 4rem;height: 4rem;margin-left: 3rem;position:relative;} .header-module .header__navigation--toggle .menu-toggle-container-inner{width:50%;height:50%;top:50%; transform:translateY(-50%); position: absolute;} .header-module .header__navigation--toggle .menu-toggle-container-inner i{width:100%;height:2px;background:#5f5f5f;display: block;position: absolute;top: 50%;right: 0%;transform:translateY(-50%)} .header-module .header__navigation--toggle .menu-toggle-container-inner:before{transition: all .3s ease-in-out;content:'';width:90%;height:2px;background:#5f5f5f;display: block;position: absolute;top: calc(50% - .6rem);right: 0%;transform:translateY(-50%);} .header-module .header__navigation--toggle .menu-toggle-container-inner:after{transition: all .3s ease-in-out;content:'';width:80%;height:2px;background:#5f5f5f;display: block;position: absolute;top: calc(50% + .6rem);right: 0%;transform:translateY(-50%);} .header-module .header__navigation--toggle:hover i, .header-module .header__navigation--toggle:hover .menu-toggle-container-inner:before, .header-module .header__navigation--toggle:hover .menu-toggle-container-inner:after {width: 100%; background-color: #ccead2} .header-module .navigation-primary > ul {justify-content: center;align-items: center;flex-flow: column;} body.menu-open .header-module .header-inner {top: 0;opacity:1;} .header-module #hs_cos_wrapper_navigation-cta {opacity: 1;transition: all .3s ease-in-out;} .menu-open .header-module #hs_cos_wrapper_navigation-cta {opacity: 0;} .menu-open .header-module .header__navigation--toggle i {width: 0} .menu-open .header-module .header__navigation--toggle .menu-toggle-container-inner:before {width: 100%;top: 50%;transform: translateY(-50%);} .menu-open .header-module .header__navigation--toggle .menu-toggle-container-inner:after {width: 100%;top: 45%;transform: rotate(-90deg) translateY(calc(-50% + 1px));transform-origin: center center;} .menu-open .header-module .header__navigation--toggle .menu-toggle-container-inner {transform: translate(-50%,-50%) rotate(45deg);transform-origin: center center;} .header-module .navigation-primary > ul > li {padding: 2rem 0;position:relative;} .header-module .cta-container-mobile .cta_button {position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box !important;border-radius: 0;text-align: center;} } @media (max-width:640px){ .header-module{padding-right: 5rem; padding-left: 5rem;} } @media (max-width:480px){ .header-module .header-inner{padding-top: 12rem;} .header-module{padding-right: 2rem; padding-left: 2rem;} .navigation-primary>ul>li>a{font-size: 1.8rem;} } .header-no-navigation-module .logo img, .footer-no-navigation--container img { max-width: 13rem; } .manifeste { margin-right: 2rem; color: #004f53; border: 1px solid; padding: 1.2rem 2rem; transition: all .25s ease-in-out; } .manifeste:hover { color: #fff; background-color: #053430; } @media (max-width: 1024px) { .manifeste { margin-right: 0; } } footer{background-color:rgba(0, 79, 83,1.0);} footer h2{color: #FFFFFF;} footer .dnd-section > .row-fluid{padding-top:4.0rem;padding-bottom:4.0rem;padding-left: 5.0rem;padding-right: 5.0rem;} footer .navigation-primary {width: 100%;} footer .navigation-primary > ul {justify-content: space-between;} footer .navigation-primary ul li a{color:#ffffff;font-size:1rem;padding: 0;transition: all .3s ease-in-out;box-sizing:border-box;width:100%;position:relative;} footer .navigation-primary ul > li:not(:last-child) > a{margin-bottom:calc(.5rem*3);} footer .navigation-primary ul li a:hover, footer .navigation-primary ul li a:focus{color:#ffffff;} footer .navigation-primary > ul > li{flex: 0 0 25%;} footer .navigation-primary > ul > li:not(:first-of-type){padding-left:calc(.5rem*3);} footer .navigation-primary > ul > li > input[type="checkbox"], footer .navigation-primary > ul > li > label {display: none;} footer .navigation-primary > ul > li > a[href="javascript:;"], footer .navigation-primary > ul > li > a[href="javascript:;"]:hover, footer .navigation-primary > ul > li > a[href="javascript:;"]:focus { cursor:default; color:#004f53;padding-left:0;} footer .navigation-primary > ul > li > a[href="javascript:;"]:before{display:none;} footer .navigation-primary .hs-menu-flow-horizontal ul{margin-bottom:0;} footer .navigation-primary .hs-menu-flow-horizontal > ul {display: flex;flex-flow: row;align-items: flex-start;justify-content: space-between;flex: 0 0 100%;} footer .navigation-primary .hs-menu-flow-horizontal ul > li {flex: 1 1 auto;box-sizing: border-box;} footer .navigation-primary .hs-menu-flow-horizontal > ul > li > a {font-size: 1.0rem;margin-bottom: calc(.5rem*3);font-weight: 700;} footer .navigation-primary .hs-menu-flow-horizontal > ul > li > .hs-menu-children-wrapper li a {margin-bottom: calc(.5rem*2); font-weigt: 400;} footer .dnd-section .dnd-column > .dnd-row:nth-child(3) {border-top: 1px solid #b9d1d1;} footer .navigation-primary.copyright .hs-menu-flow-horizontal > ul { align-items: flex-start; justify-content: flex-start; } footer .navigation-primary.copyright .hs-menu-flow-horizontal ul > li { flex: 0 0 auto; box-sizing: border-box; } footer .navigation-primary.copyright .hs-menu-flow-horizontal ul > li > a { font-weight:initial; } footer .navigation-primary.copyright .hs-menu-flow-horizontal ul>li:not(:first-child) { margin-left:1rem; } footer .navigation-primary.copyright .hs-menu-flow-horizontal ul>li:last-child { margin-left:auto; } /* Footer no navigation */ /*****************************/ .footer-no-navigation { background: #004f53; } .footer-no-navigation .footer-no-navigation--container { margin:0 6rem; } .footer-no-navigation .footer-copyright{ border-top:solid 1px rgba(29, 6, 71, 0.13); padding-top: 2rem; } .footer-no-navigation .footer-copyright p, .footer-no-navigation .footer-copyright a{ font-size:1.8rem; color: #FFFFFF; margin:0; } .footer-no-navigation .footer-copyright ul{ margin-bottom:0; display:flex; } .footer-no-navigation .footer-copyright ul > li{ margin-left:4rem; } @media (max-width: 992px){ footer .navigation-primary>ul>li { flex: 0 0 50%; } footer .navigation-primary > ul{ flex-flow:row wrap; } footer .navigation-primary > ul > li, footer .navigation-primary > ul > li:not(:first-of-type){padding-left:0;margin-bottom:3rem;} #newsletter-form .legal-consent-container { margin-top: calc(.5rem*6); } .footer-no-navigation .footer-copyright ul > li{ margin-left:2rem; margin-right:2rem; margin-top:1rem; } } @media (max-width: 640px){ footer .navigation-primary.copyright .hs-menu-flow-horizontal>ul { align-items: center; justify-content: center; } footer .navigation-primary.copyright .hs-menu-flow-horizontal ul>li:not(:first-child) { margin-left: 0; } footer .navigation-primary.copyright .hs-menu-flow-horizontal ul>li:last-child { margin-left: 0; margin-top: calc(.5rem*6); } footer .navigation-primary .hs-menu-flow-horizontal>ul { flex-flow: column; align-items: center; justify-content: center; text-align: center; } footer .navigation-primary .hs-menu-flow-horizontal > ul > li { flex: 1 1 auto; margin-bottom: calc(.5rem*3); } footer .navigation-primary.copyright .hs-menu-flow-horizontal ul > li{ margin-bottom: 0; } } @media (max-width: 480px){ .copyright-socials > [class*="span"] { width: 50%; flex: 0 0 50%; } } .navigation-primary > ul { display: flex; flex-flow: row; margin-bottom:0;} .navigation-primary > ul > li > a{ color: #5f5f5f; font-size: 1.4rem; transition: color .3s ease-in-out; cursor:pointer;} .navigation-primary > ul > li > a:hover{ color: #ccead2;} .navigation-primary > ul > li.has-submenu{padding-right: 3rem; } .navigation-primary { display: inline-block;} .navigation-primary a { position: relative; color: #494A52; font-family: "Spartan"; font-size: 14px; font-weight: 500; line-height: 1.57;} .navigation-primary a.active-item { font-weight: 600; position: relative;} .navigation-primary .submenu.level-1 > li > a.active-item:after { background-color: #494A52; bottom: -3px; content: ""; height: 2px; left: 0; position: absolute; width: 100%;} .navigation-primary .submenu { list-style: none; margin: 0; padding: 0;} .navigation-primary .submenu a,.navigation-primary .submenu p { text-decoration: none;} .submenu-toggle { display: none;} .submenu.level-1 { display: inline-block; white-space: nowrap;} .submenu.level-1 > li { display: inline-block; padding:15px;} .submenu.level-1 > li.has-submenu { position: relative;} .submenu.level-1 > .has-submenu > a:after {content:''; background-image: url('https://139541051.fs1.hubspotusercontent-eu1.net/hubfs/139541051/Icons/chevrons.svg'); background-repeat: no-repeat; display: block; height: 0; position: absolute; right: -22px; top: 50%; height: 15px; width: 19px; background-size: contain; transform: translateY(-20%) rotate(90deg);} .submenu.level-2 { background: #fff; display: flex; flex-flow: row; border-radius: 20px; box-shadow: 0 2px 9px 0 rgb(0 0 0 / 20%); font-weight: 500; left: -9999px; opacity: 0; position: absolute; text-transform: none; top: 100%; padding: 2.4rem 3rem;} .submenu.level-2 > .menu-item:first-child,.submenu.level-2 > .menu-item:nth-child(2){ margin-right: 5rem;} .submenu.level-2 > li.has-submenu > a{ font-family: "Spartan"; font-size: 2rem; color: #004f53; cursor: default; font-weight: 700;} .submenu li.no-submenu.menu-item:hover a{color: #ccead2} .submenu li.no-submenu.menu-item a{color: #004f53; transition: .3s ease-in-out; padding-bottom: 3px;} .submenu.level-1 > li.has-submenu:hover .submenu.level-2, .submenu.level-1 > li.has-submenu.focus .submenu.level-2 { left: 0; opacity: 1; } /* Hide navigation dropdown in the inline editor */ .hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2, .hs-inline-edit > li.has-submenu.focus .submenu.level-2 { visibility: hidden; } /*** HERO HOMEPAGE ***/ .module-hero .hero-title-bottom{font-family: 'Spartan', Arial, sans-serif;;} /*** HERO PAGES ***/ .module-hero-pages .hero-title-bottom{font-family: 'Spartan', Arial, sans-serif;;} /*** CARDS SERVICES ***/ .module-cards-services .container-card{background: #fff; height: 100%; border: solid 0.8px #cae9d2;} .module-cards-services .container-card .cta_card:not(last-child){margin-right: 5px;} /*** TESTIMONIALS ***/ .testimonials-module svg g{fill:#004f53;} .testimonials-module .image-container .image {width: 8.4rem;height: 8.4rem;background-size: cover;background-position: 50%;background-repeat: no-repeat;border-radius: 50%;} .testimonials-module .card-inner {box-shadow: 0 0 80px 0 #E7EAF1;background: #FFFFFF;border-radius: 6px;} @media (max-width:992px){ .testimonials-module .slick-list {margin-left: calc(-.5rem*2);margin-right: calc(-.5rem*2);} .testimonials-module .ratings {order:3;text-align: center; margin-bottom: calc(.5rem*5);} .testimonials-module .title {order:2; margin-bottom: calc(.5rem*5);} .testimonials-module .title h2 {margin-bottom: 0;} .testimonials-module .category {order:1; text-align: center; margin-bottom: calc(.5rem*3);} } /*** SOCIAL FOLLOW ***/ .social-links {align-items: center;display: flex;flex-wrap: wrap;justify-content: flex-start;} .social-links__link {flex: 0 0 16px;height: 18px;margin: 0 10px 0 0;position: relative;width: 18px;} .social-links__icon svg {transition: background-color .3s ease-in-out, fill .3s ease-in-out; fill: #ffffff;height: 18px;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 18px;} .social-links__icon:hover svg, .social-links__icon:focus svg, .social-links__icon:active svg {fill:#ffffff;} .social-links__link.facebook-f svg {height: 16px;width: 16px;background: #ffffff;width: 100%;padding: 2px;box-sizing: border-box;fill:#FFFFFF;border-radius: 50%;} .social-links__link.facebook-f:hover svg {background: #ffffff;} .social-links__link.linkedin-in svg {height: 16px;width: 16px;background: #ffffff;width: 100%;padding: 2px;box-sizing: border-box;fill:#FFFFFF;border-radius: 2px;} .social-links__link.linkedin-in:hover svg {background: #ffffff;} @media (max-width:992px){ .social-links{justify-content:center;margin-bottom:calc(.5rem*6);} } /* ***************** */ /* BLOG INDEX */ /* ***************** */ .blog-index .blog-listing{ display:flex; flex-wrap:wrap; } .blog-index .blog-featured-post-module{ background-color: rgba(78, 192, 175, .11); position: relative; } .blog-index .blog-featured-post-module .blog-card--img{ width:40%; height: 304px; } .blog-index .blog-featured-post-module .blog-card--img img{ height: 100%; width:100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .blog-index .blog-featured-post-module .blog-card--text{ width:60%; position:relative; } .blog-index .blog-featured-post-module::before { background-image: url(https://www.arcane.run/hubfs/new-theme-arcane/backgrounds/24-illus-testimonial.png); position: absolute; content: ''; width: 39%; height: 51%; left: -3px; background-repeat: no-repeat; background-size: contain; top: 20%; z-index: -1; } .blog-index .blog-featured-post-module .blog-card--text .description{ line-height:1.2; } .blog-index .blog-listing .blog-card { width:calc(100% / 3); } .blog-index .blog-listing .blog-card>div{ display: flex; flex-direction: column; justify-content: space-between; position:relative; height:100%; background:#fff; transition:all .3s ease-in-out; cursor:pointer; border: solid 1px #ccead2; } .blog-index .link-to-post { position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; } .blog-index .blog-listing .blog-card--text { flex: auto; display: flex; flex-direction: column; justify-content: space-between; } .blog-index .blog-listing .blog-card--text .tags > li > a{ position:relative; z-index:9; } .blog-index .blog-listing .blog-card>div:hover .read-more .hs-button.arrow-simple::after { right: 25px; } .blog-index .blog-listing .blog-card--img { height: 180px; width: 100%; overflow:hidden; } .blog-index .blog-listing .blog-card--img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .blog-index .blog-listing .blog-card:hover .blog-card--img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .blog-index .blog-listing h3{ font-size:2rem; } .blog-index .blog-filter-module ul.tags { padding: 0; display: flex; max-width: calc(100% * 8/12); margin: 0 auto; } .blog-index .blog-pagination-module .pagination { display: flex; align-items: center; justify-content: center; } .blog-index .blog-pagination-module .pagination .chevron{ line-height:0; } .blog-index .blog-pagination-module .pagination a { color: #aaa; width: 2.5rem; height: 2.5rem; border-radius:.5rem; display: flex; justify-content: center; align-items: center; transition:all .3s ease-in-out; } .blog-index .blog-pagination-module .pagination li.active > a, .blog-index .blog-pagination-module .pagination li > a:hover{ background:#ccead2; color:#004f53; } /* blog cta meeting */ .blog-index .cta-meeting{ background: #ccead2; } .blog-index .cta-meeting--content{ text-align: center; position:relative; } /* blog author */ .blog-index .blog-author-module{ background-color: rgba(78, 192, 175, .11); } .blog-index .blog-author-module .description p{ max-width:64rem; margin-right:auto; margin-left:auto; } .blog-index .blog-author-module .profile { width:12rem; height:12rem; border-radius:50%; box-shadow: 0 6px 17px 0 rgba(53, 192, 167, 0.2); } .blog-index .blog-author-module .profile img{ height: 100%; width: 100%; border-radius:50%; -o-object-fit: cover; object-fit: cover; } /* medias queries */ @media screen and (max-width: 992px){ .blog-index .blog-featured-post-module .blog-card .blog-card--img, .blog-index .blog-featured-post-module .blog-card .blog-card--text{ width: 100%; } .blog-index .blog-listing .blog-card { width: calc(100% / 2); } .blog-index .blog-filter-module ul.tags { max-width: 100%; } .blog-index .blog-featured-post-module .blog-card--text::before { background-image:none; } } @media screen and (max-width: 768px){ .blog-index .blog-listing .blog-card { width: 100%; } .blog-index .cta-meeting--content{ max-width:100%; } .blog-index .blog-cta-meeting-module .cta-meeting--content::after { content: none; } } @media screen and (max-width: 480px){ .blog-index .blog-featured-post-module .blog-card .blog-card--img{ height: 204px; } .blog-index .blog-cta-meeting-module .cta-meeting--img{ display:none; } } /* ***************** */ /* BLOG POST */ /* ***************** */ .blog-post h1{ font-size:calc(4.5rem * 0.66666667); } .blog-post .blog-post--body-module.content-wrapper > .row-fluid { max-width:calc(104.0rem + 18rem); } .blog-post .blog-post--body-module { background-image: url(https://www.arcane.run/hubfs/new-theme-arcane/backgrounds/14-arcades.png); background-repeat: no-repeat; background-position-x: 78vw; background-position-y: 24vh; } .blog-post .blog-post--hero-module .blog-card .blog-card--img{ width:40%; height: 304px; } .blog-post .blog-post--hero-module .blog-card .blog-card--img img{ height: 100%; width:100%; object-fit: cover; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .blog-post .blog-post--hero-module .blog-card .blog-card--text{ width:60%; position:relative; } .blog-post .blog-post--body-content{ max-width:calc(104.0rem * 0.67); } .blog-post .blog-post--hero-module .infos img { height:4rem; width:4rem; border-radius:50%; } .blog-post .blog-post--hero-module .blog-card--social img{ width:2rem; height:2rem; } .blog-post .blog-post--body-rs{ width:9rem; } .blog-post .blog-post--body-rs ul{ position: -webkit-sticky; position: sticky; top: 12rem; padding:0; margin:0; } .blog-post .blog-post--body-rs ul > li{ list-style:none; } .blog-post .blog-post--body-rs ul > li > a{ display:inline-block; } .blog-post .blog-post--body-rs ul > li > a > img { transition: background .3s ease-in-out; height: auto; width: 2rem; } .blog-post .post-body strong{ font-weight:700; } .blog-post .post-body p{ color:#004f53; line-height:calc(1.6); } .blog-post .post-body a{ color:#ccead2; font-weight:; text-decoration:underline; } .blog-post .post-body a.cta_button{ text-decoration:none; } .blog-post .post-body h2, .blog-post .post-body h1, .blog-post .post-body h3, .blog-post .post-body h4{ color:#004f53; } .blog-post .post-body h1{ font-size: 3rem; } .blog-post .post-body h2{ font-size: 3rem; } .blog-post .post-body h3{ font-size: 2.5rem; } .blog-post .post-body h4{ font-size: 2rem; } .blog-post .post-body h5{ font-size: 1.6rem; color:#000; } .blog-post .post-body h6{ font-size: 1.4rem; color:#000; } .blog-post .post-body img{ max-width:100%; height:auto; border-radius:2rem; } .blog-post .post-body blockquote{ padding:0 0 0 4rem; position:relative; border-left:0; margin:4rem 0; } .blog-post .post-body blockquote p{ font-size:1.4rem; margin:0; font-style:italic; font-weight:500; } .blog-post .post-body blockquote::before { content:''; background-image: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/icons/quote-1.svg); background-repeat:no-repeat; background-size:contain; width:30px; height:28px; position: absolute; top: 5px; left: 0; } .blog-post .post-body ul li::before { content: ''; position: absolute; width: 6px; height: 6px; background-color:#ccead2; border-radius: 50%; left: 0; top: 8px; } .blog-post .post-body ul li{ position: relative; font-size:1.4rem; color:#004f53; padding-left: 1.5rem; margin-bottom: 1.5rem; } .blog-post .post-body ol li{ position: relative; font-size:1.4rem; color:#004f53; margin-bottom: 1.5rem; padding-left: .5rem; } .blog-post .post-body ol li::marker{ color:#ccead2; font-weight:700; } .blog-post .post-body ol{ list-style:decimal; padding-left: 1.5rem; } .blog-post .post-body table tr > td > p{ margin-bottom:0; } /* social sharing */ .blog-post .copy-to-clipboard{ position: relative; } .blog-post .copy-to-clipboard::after { content: attr(data-text); position: absolute; top: 50%; left: calc(100% + 30px); padding: .75rem 1.5rem; font-size: 1.4rem; visibility: hidden; opacity: 0; z-index: -1; transform: translate(-15px,-50%); white-space: nowrap; transition: all .3s ease-in-out; } .blog-post .copy-to-clipboard.copied::after { transform: translate(0px, -50%); z-index: 2; visibility: visible; opacity: 1; } /* chapΓ΄ & summary */ .blog-post .single-post-body-container .single-post-chapo p{ color:#004f53; line-height:1.2; } .blog-post .single-post-body-container .single-post-summary { width: 30rem; background-color: #FFFFFF; padding: 2.5rem 3rem; border-radius:2rem; box-shadow: 0 6px 17px 0 rgba(53, 192, 167, 0.23); } .blog-post .single-post-body-container .single-post-summary .summary-title { color: #ccead2; font-size: 1.5rem; padding-bottom: 1.5rem; margin-bottom: 0; font-weight:500; } .blog-post .single-post-body-container .single-post-summary .summary-list { padding-left: 0.8rem; display:flex; flex-direction:column; } .blog-post .single-post-body-container .single-post-summary .summary-list li { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .blog-post .single-post-body-container .single-post-summary .summary-list li:not(:last-of-type) { padding-bottom: 1.5rem; } .blog-post .single-post-body-container .single-post-summary .summary-list .summary-link { position: relative; color:#004f53; } .blog-post .single-post-body-container .single-post-summary .summary-list li::before { content: ''; position: absolute; top: 7px; left: -8px; width: 4px; height: 4px; border-radius:50%; background-color:#004f53; } /* blog post featured */ .blog-post .blog-listing .blog-card { width: calc(100% / 3); } .blog-post .blog-listing{ position:relative; } .blog-post .blog-featured-post .blog-card h3{ font-size:1.8rem; color: #004f53; } .blog-post .blog-featured-post .blog-card p.description{ font-size:1.2rem; line-height:1.2; color:#000; } .blog-post .blog-featured-post .blog-card .blog-card--img { width: 100%; height: 240px; } .blog-post .blog-featured-post .blog-card .blog-card--img img { height: 100%; width: 100%; border-radius: 2rem; object-fit: cover; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; height:24rem; } .blog-post .blog-featured-post .blog-card > div{ cursor:pointer; height: 100%; } .blog-post .blog-featured-post .blog-card > div:hover .read-more .hs-button.arrow-simple::after { right: 25px; } .blog-post .blog-featured-post .blog-card > div:hover .blog-card--img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .blog-post .blog-featured-post .blog-card .blog-card--text{ border: solid 0.8px #cae9d2; margin-top: -5rem; position: relative; z-index: 2; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; height: 100%; display: flex; flex-flow: column; } .blog-post .blog-featured-post .blog-card > div:hover .blog-card--text{ box-shadow: 0 3px 5px 0 rgba(166, 166, 166, 0.18); } .blog-post .blog-post--featured-module{ position:relative; } .blog-post .blog-post--featured-module::before { content: ''; background-color:#f0faf8; width: 100%; height: 64%; position: absolute; bottom: 0; left: 0; z-index:-1; } .blog-post .blog-featured-post .blog-card .read-more{ margin-top: auto; } /* blog cta resource */ .blog-post .cta-resource{ background: #f0faf8; border-radius:2rem; box-shadow: 0 10px 30px 0 rgba(53, 192, 167, 0.23); } .blog-post .cta-resource .cta-resource--content{ flex:0 1 55rem; } /* medias queries */ @media screen and (max-width: 992px){ .blog-post .blog-post--body-rs{ width:100%; } .blog-post .blog-post--body-content{ max-width:100%; } .blog-post .blog-post--hero-module .blog-card .blog-card--img, .blog-post .blog-post--hero-module .blog-card .blog-card--text{ width: 100%; } .blog-post .blog-post--body-module, .blog-post .blog-featured-post .blog-listing::before { background-image: none; } .blog-post .blog-listing .blog-card { width: 100%; } .blog-post .blog-post--featured-module::before { height: 100%; } } @media screen and (max-width: 768px){ .blog-post .cta-resource .cta-resource--content{ flex:0 1 100%; } .blog-post .cta-resource .cta-resource--illustration{ display:none; } } @media screen and (max-width: 480px){ .blog-post .blog-post--hero-module .blog-card .blog-card--img { height: 204px; } .blog-post .cta-resource .cta-resource--img { display:none; } } /* ***************** */ /* BLOG RESOURCE INDEX */ /* ***************** */ .blog-index.resource-center .blog-filter-module{ position: relative; } .blog-index.resource-center .blog-filter-module::before { background-image: url(https://www.arcane.run/hubfs/new-theme-arcane/backgrounds/3-arcades.png); position: absolute; content: ''; width: 50%; height: 60%; left: 0; background-repeat: no-repeat; background-size: contain; top: 50%; z-index: -1; } /* ***************** */ /* BLOG RESOURCE POST */ /* ***************** */ .blog-post .blog-resource-post--body-module{ overflow-x:hidden; position: relative; } .blog-post .blog-resource-post--body-module.content-wrapper > .row-fluid { max-width: calc(104.0rem + 26rem); } .blog-post .blog-resource-post--body-module .post-body{ width:55%; position:relative; } .blog-post .blog-resource-post--body-module .post-body #hs_cos_wrapper_title-top_ { font-size: 4.5rem; } .blog-post .blog-resource-post--body-module .post-body #hs_cos_wrapper_title-bottom_ { font-family: 'Spartan', Arial, sans-serif;; font-size: 5.5rem; } .blog-post .blog-resource-post--body-module .post-form{ width:45%; position:relative; } .blog-post .blog-resource-post--body-module::before { content: url(https://www.arcane.run/hubfs/new-theme-arcane/backgrounds/18-arcades.png); right: 0; position: absolute; top: -50px; z-index: -1; } .blog-post .blog-resource-post--body-module::after { content: url(https://www.arcane.run/hubfs/new-theme-arcane/backgrounds/2-bulle-section1.png); left: -95px; position: absolute; top: 40%; z-index: -1; } @media screen and (max-width: 992px){ .blog-post .blog-resource-post--body-module .post-body, .blog-post .blog-resource-post--body-module .post-form{ width:100%; } .blog-post .blog-resource-post--body-module .post-body #hs_cos_wrapper_title-top_ { font-size: 3rem; } .blog-post .blog-resource-post--body-module .post-body #hs_cos_wrapper_title-bottom_ { font-size: 4rem; } } /****** 404 & 500 *****/ .body-container--404, .body-container--500{ margin:0 auto; margin-top: 6rem;} .body-container--404 a, .body-container--500 a{margin-top:3rem; padding:1rem 2.2rem; width: fit-content; text-decoration: none; transition: all .5s ease-in-out;} .body-container--404 h1, .body-container--500 h1{font-size: 18rem;} .body-container--404 p {font-size: 6rem;} .body-container--500 p{font-size: 2.5rem;} @media (max-width: 1024px){ .body-container--404, .body-container--500{margin-top: 4rem;} .body-container--404 p{font-size: 3rem;} } @media (max-width: 992px){ .body-container--404, .body-container--500{margin-top: 0rem;} .body-container--404 .span6, .body-container--500 .span6{text-align:center;} } @media (max-width: 480px){ .body-container--404 h1, .body-container--500 h1{font-size: 15rem;} .body-container--404 p{font-size: 4rem;} } .hs-login-widget-show-password, #hs_login_reset, .hs-register-widget-show-password, .hs-reset-widget-show-password{font-size: 1.2rem; color: #004f53;} .systems-page form .hs-form-field{margin-bottom: calc(.5rem*5); display: flex; flex-flow: column;} .systems-page form .hs-form-field input:not([type='checkbox']){border: 1px solid #4ec0af4A; height: 4.8rem; padding: 1.6rem 1.2rem; border-radius: 5px; width: 50%; margin: 0 auto; background-color: #ffffff} .systems-page form .hs-form-field input::placeholder,.body-container--password .systems-page.password #hs_cos_wrapper_password_prompt form > input::placeholder{ font-size: 1.2rem;} .systems-page form .hs-error-msgs li{text-align: center;} .systems-page input[type="checkbox"]{-webkit-appearance: none;-moz-appearance: none; -ms-appearance: none;} .systems-page input[type="checkbox"]{margin-right: 0.5rem;border: 1px solid #ccc; background: #fff; border-radius: 12px; height: 20px; width: 20px; padding: 10px; } .systems-page input[type="checkbox"]:checked { background: #E6EAF5; position: relative; } .systems-page input[type="checkbox"]:checked:before {content: ' '; display: block; color: #004f53; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);background: #004f53;border-radius: 10px; height: 13px; width: 13px;} .systems-page input:focus{outline: none;} @media (max-width: 767px){.systems-page form .hs-form-field input:not([type='checkbox']){width: 70%;} } @media (max-width: 480px){.systems-page form .hs-form-field input:not([type='checkbox']){width: 90%;} } /*** UNSUBSCRIBE ***/ .systems-page #hs_cos_wrapper_backup_unsubscribe .hs-button{margin-top: calc(.5rem*5)} .systems-page #hs_cos_wrapper_backup_unsubscribe h3{font-size: 2rem; } .systems-page.unsubscribe #hs_cos_wrapper_backup_unsubscribe #email-prefs-form input[type="email"]{ border-radius: 6px; height: 4.8rem; padding: 1.6rem 1.2rem;} @media (max-width: 480px){.systems-page #hs_cos_wrapper_backup_unsubscribe #email-prefs-form input[type="email"]{max-width: 300px;}} /*** LOGIN ***/ .body-container--login .systems-page form .hs-form-field:nth-child(3n){display: flex; flex-flow: row; justify-content: center;} .body-container--login .systems-page form .hs-form-field:nth-child(3n) input{margin-right: calc(.5rem*2)} /*** PASSWORD PROMPT ***/ .body-container--password .systems-page.password #hs_cos_wrapper_password_prompt form{display: flex; flex-flow: column; margin: 0 auto; width: 50%;} .body-container--password .systems-page.password #hs_cos_wrapper_password_prompt form > input[type="password"]{border:1px solid #4ec0af4A; border-radius: 6px; min-height: 4.8rem;padding: 1.6rem 1.2rem; } .body-container--password .systems-page.password #hs_cos_wrapper_password_prompt form > input[type="submit"]{width: fit-content; margin: 0 auto; margin-top:calc(.5rem*5) } @media (max-width: 767px){.body-container--password .systems-page.password #hs_cos_wrapper_password_prompt form{width: 70%;} } @media (max-width: 480px){.body-container--password .systems-page.password #hs_cos_wrapper_password_prompt form{width: 90%;} } /*** SUBSCRIPTION PREFERENCES ***/ .body-container--preferences .dnd-section .span8.systems-page{margin: 0 auto; float: none;} .body-container--preferences .page-header h2{font-size: 1.7rem; margin-bottom: calc(.5rem*3)} .body-container--preferences .item { border: 3px solid #4ec0af4a; border-radius: 6px; margin-bottom: calc(0.5rem*5); padding: 1.6rem 1.2rem; transition: all .3s ease-in-out; background: #fff;} .body-container--preferences .item p{margin-bottom: 0;} .body-container--preferences .item span{color: #004f53; display: flex; flex-flow: row; justify-content: center; } /*** SUBSCRIPTION CONFIRMATION ***/ .body-container--confirmation .success{color: #004f53; font-weight: 500; } /*--- Paddings & Margins ---*/ .pt-1x{padding-top:calc(.5rem*1);} .pb-1x{padding-bottom:calc(.5rem*1);} .pl-1x{padding-left:calc(.5rem*1);} .pr-1x{padding-right:calc(.5rem*1);} .mt-1x{margin-top:calc(.5rem*1);} .mb-1x{margin-bottom:calc(.5rem*1);} .ml-1x{margin-left:calc(.5rem*1);} .mr-1x{margin-right:calc(.5rem*1);} .pt-2x{padding-top:calc(.5rem*2);} .pb-2x{padding-bottom:calc(.5rem*2);} .pl-2x{padding-left:calc(.5rem*2);} .pr-2x{padding-right:calc(.5rem*2);} .mt-2x{margin-top:calc(.5rem*2);} .mb-2x{margin-bottom:calc(.5rem*2);} .ml-2x{margin-left:calc(.5rem*2);} .mr-2x{margin-right:calc(.5rem*2);} .pt-3x{padding-top:calc(.5rem*3);} .pb-3x{padding-bottom:calc(.5rem*3);} .pl-3x{padding-left:calc(.5rem*3);} .pr-3x{padding-right:calc(.5rem*3);} .mt-3x{margin-top:calc(.5rem*3);} .mb-3x{margin-bottom:calc(.5rem*3);} .ml-3x{margin-left:calc(.5rem*3);} .mr-3x{margin-right:calc(.5rem*3);} .pt-4x{padding-top:calc(.5rem*4);} .pb-4x{padding-bottom:calc(.5rem*4);} .pl-4x{padding-left:calc(.5rem*4);} .pr-4x{padding-right:calc(.5rem*4);} .mt-4x{margin-top:calc(.5rem*4);} .mb-4x{margin-bottom:calc(.5rem*4);} .ml-4x{margin-left:calc(.5rem*4);} .mr-4x{margin-right:calc(.5rem*4);} .pt-5x{padding-top:calc(.5rem*5);} .pb-5x{padding-bottom:calc(.5rem*5);} .pl-5x{padding-left:calc(.5rem*5);} .pr-5x{padding-right:calc(.5rem*5);} .mt-5x{margin-top:calc(.5rem*5);} .mb-5x{margin-bottom:calc(.5rem*5);} .ml-5x{margin-left:calc(.5rem*5);} .mr-5x{margin-right:calc(.5rem*5);} .pt-6x{padding-top:calc(.5rem*6);} .pb-6x{padding-bottom:calc(.5rem*6);} .pl-6x{padding-left:calc(.5rem*6);} .pr-6x{padding-right:calc(.5rem*6);} .mt-6x{margin-top:calc(.5rem*6);} .mb-6x{margin-bottom:calc(.5rem*6);} .ml-6x{margin-left:calc(.5rem*6);} .mr-6x{margin-right:calc(.5rem*6);} .pt-7x{padding-top:calc(.5rem*7);} .pb-7x{padding-bottom:calc(.5rem*7);} .pl-7x{padding-left:calc(.5rem*7);} .pr-7x{padding-right:calc(.5rem*7);} .mt-7x{margin-top:calc(.5rem*7);} .mb-7x{margin-bottom:calc(.5rem*7);} .ml-7x{margin-left:calc(.5rem*7);} .mr-7x{margin-right:calc(.5rem*7);} .pt-8x{padding-top:calc(.5rem*8);} .pb-8x{padding-bottom:calc(.5rem*8);} .pl-8x{padding-left:calc(.5rem*8);} .pr-8x{padding-right:calc(.5rem*8);} .mt-8x{margin-top:calc(.5rem*8);} .mb-8x{margin-bottom:calc(.5rem*8);} .ml-8x{margin-left:calc(.5rem*8);} .mr-8x{margin-right:calc(.5rem*8);} .pt-9x{padding-top:calc(.5rem*9);} .pb-9x{padding-bottom:calc(.5rem*9);} .pl-9x{padding-left:calc(.5rem*9);} .pr-9x{padding-right:calc(.5rem*9);} .mt-9x{margin-top:calc(.5rem*9);} .mb-9x{margin-bottom:calc(.5rem*9);} .ml-9x{margin-left:calc(.5rem*9);} .mr-9x{margin-right:calc(.5rem*9);} .pt-10x{padding-top:calc(.5rem*10);} .pb-10x{padding-bottom:calc(.5rem*10);} .pl-10x{padding-left:calc(.5rem*10);} .pr-10x{padding-right:calc(.5rem*10);} .mt-10x{margin-top:calc(.5rem*10);} .mb-10x{margin-bottom:calc(.5rem*10);} .ml-10x{margin-left:calc(.5rem*10);} .mr-10x{margin-right:calc(.5rem*10);} .pt-11x{padding-top:calc(.5rem*11);} .pb-11x{padding-bottom:calc(.5rem*11);} .pl-11x{padding-left:calc(.5rem*11);} .pr-11x{padding-right:calc(.5rem*11);} .mt-11x{margin-top:calc(.5rem*11);} .mb-11x{margin-bottom:calc(.5rem*11);} .ml-11x{margin-left:calc(.5rem*11);} .mr-11x{margin-right:calc(.5rem*11);} .pt-12x{padding-top:calc(.5rem*12);} .pb-12x{padding-bottom:calc(.5rem*12);} .pl-12x{padding-left:calc(.5rem*12);} .pr-12x{padding-right:calc(.5rem*12);} .mt-12x{margin-top:calc(.5rem*12);} .mb-12x{margin-bottom:calc(.5rem*12);} .ml-12x{margin-left:calc(.5rem*12);} .mr-12x{margin-right:calc(.5rem*12);} .pt-13x{padding-top:calc(.5rem*13);} .pb-13x{padding-bottom:calc(.5rem*13);} .pl-13x{padding-left:calc(.5rem*13);} .pr-13x{padding-right:calc(.5rem*13);} .mt-13x{margin-top:calc(.5rem*13);} .mb-13x{margin-bottom:calc(.5rem*13);} .ml-13x{margin-left:calc(.5rem*13);} .mr-13x{margin-right:calc(.5rem*13);} .pt-14x{padding-top:calc(.5rem*14);} .pb-14x{padding-bottom:calc(.5rem*14);} .pl-14x{padding-left:calc(.5rem*14);} .pr-14x{padding-right:calc(.5rem*14);} .mt-14x{margin-top:calc(.5rem*14);} .mb-14x{margin-bottom:calc(.5rem*14);} .ml-14x{margin-left:calc(.5rem*14);} .mr-14x{margin-right:calc(.5rem*14);} .pt-15x{padding-top:calc(.5rem*15);} .pb-15x{padding-bottom:calc(.5rem*15);} .pl-15x{padding-left:calc(.5rem*15);} .pr-15x{padding-right:calc(.5rem*15);} .mt-15x{margin-top:calc(.5rem*15);} .mb-15x{margin-bottom:calc(.5rem*15);} .ml-15x{margin-left:calc(.5rem*15);} .mr-15x{margin-right:calc(.5rem*15);} .pt-16x{padding-top:calc(.5rem*16);} .pb-16x{padding-bottom:calc(.5rem*16);} .pl-16x{padding-left:calc(.5rem*16);} .pr-16x{padding-right:calc(.5rem*16);} .mt-16x{margin-top:calc(.5rem*16);} .mb-16x{margin-bottom:calc(.5rem*16);} .ml-16x{margin-left:calc(.5rem*16);} .mr-16x{margin-right:calc(.5rem*16);} .pt-17x{padding-top:calc(.5rem*17);} .pb-17x{padding-bottom:calc(.5rem*17);} .pl-17x{padding-left:calc(.5rem*17);} .pr-17x{padding-right:calc(.5rem*17);} .mt-17x{margin-top:calc(.5rem*17);} .mb-17x{margin-bottom:calc(.5rem*17);} .ml-17x{margin-left:calc(.5rem*17);} .mr-17x{margin-right:calc(.5rem*17);} .pt-18x{padding-top:calc(.5rem*18);} .pb-18x{padding-bottom:calc(.5rem*18);} .pl-18x{padding-left:calc(.5rem*18);} .pr-18x{padding-right:calc(.5rem*18);} .mt-18x{margin-top:calc(.5rem*18);} .mb-18x{margin-bottom:calc(.5rem*18);} .ml-18x{margin-left:calc(.5rem*18);} .mr-18x{margin-right:calc(.5rem*18);} .pt-19x{padding-top:calc(.5rem*19);} .pb-19x{padding-bottom:calc(.5rem*19);} .pl-19x{padding-left:calc(.5rem*19);} .pr-19x{padding-right:calc(.5rem*19);} .mt-19x{margin-top:calc(.5rem*19);} .mb-19x{margin-bottom:calc(.5rem*19);} .ml-19x{margin-left:calc(.5rem*19);} .mr-19x{margin-right:calc(.5rem*19);} .pt-20x{padding-top:calc(.5rem*20);} .pb-20x{padding-bottom:calc(.5rem*20);} .pl-20x{padding-left:calc(.5rem*20);} .pr-20x{padding-right:calc(.5rem*20);} .mt-20x{margin-top:calc(.5rem*20);} .mb-20x{margin-bottom:calc(.5rem*20);} .ml-20x{margin-left:calc(.5rem*20);} .mr-20x{margin-right:calc(.5rem*20);} .pt-21x{padding-top:calc(.5rem*21);} .pb-21x{padding-bottom:calc(.5rem*21);} .pl-21x{padding-left:calc(.5rem*21);} .pr-21x{padding-right:calc(.5rem*21);} .mt-21x{margin-top:calc(.5rem*21);} .mb-21x{margin-bottom:calc(.5rem*21);} .ml-21x{margin-left:calc(.5rem*21);} .mr-21x{margin-right:calc(.5rem*21);} .pt-22x{padding-top:calc(.5rem*22);} .pb-22x{padding-bottom:calc(.5rem*22);} .pl-22x{padding-left:calc(.5rem*22);} .pr-22x{padding-right:calc(.5rem*22);} .mt-22x{margin-top:calc(.5rem*22);} .mb-22x{margin-bottom:calc(.5rem*22);} .ml-22x{margin-left:calc(.5rem*22);} .mr-22x{margin-right:calc(.5rem*22);} .pt-23x{padding-top:calc(.5rem*23);} .pb-23x{padding-bottom:calc(.5rem*23);} .pl-23x{padding-left:calc(.5rem*23);} .pr-23x{padding-right:calc(.5rem*23);} .mt-23x{margin-top:calc(.5rem*23);} .mb-23x{margin-bottom:calc(.5rem*23);} .ml-23x{margin-left:calc(.5rem*23);} .mr-23x{margin-right:calc(.5rem*23);} .pt-24x{padding-top:calc(.5rem*24);} .pb-24x{padding-bottom:calc(.5rem*24);} .pl-24x{padding-left:calc(.5rem*24);} .pr-24x{padding-right:calc(.5rem*24);} .mt-24x{margin-top:calc(.5rem*24);} .mb-24x{margin-bottom:calc(.5rem*24);} .ml-24x{margin-left:calc(.5rem*24);} .mr-24x{margin-right:calc(.5rem*24);} .pt-25x{padding-top:calc(.5rem*25);} .pb-25x{padding-bottom:calc(.5rem*25);} .pl-25x{padding-left:calc(.5rem*25);} .pr-25x{padding-right:calc(.5rem*25);} .mt-25x{margin-top:calc(.5rem*25);} .mb-25x{margin-bottom:calc(.5rem*25);} .ml-25x{margin-left:calc(.5rem*25);} .mr-25x{margin-right:calc(.5rem*25);} .pt-26x{padding-top:calc(.5rem*26);} .pb-26x{padding-bottom:calc(.5rem*26);} .pl-26x{padding-left:calc(.5rem*26);} .pr-26x{padding-right:calc(.5rem*26);} .mt-26x{margin-top:calc(.5rem*26);} .mb-26x{margin-bottom:calc(.5rem*26);} .ml-26x{margin-left:calc(.5rem*26);} .mr-26x{margin-right:calc(.5rem*26);} .pt-27x{padding-top:calc(.5rem*27);} .pb-27x{padding-bottom:calc(.5rem*27);} .pl-27x{padding-left:calc(.5rem*27);} .pr-27x{padding-right:calc(.5rem*27);} .mt-27x{margin-top:calc(.5rem*27);} .mb-27x{margin-bottom:calc(.5rem*27);} .ml-27x{margin-left:calc(.5rem*27);} .mr-27x{margin-right:calc(.5rem*27);} .pt-28x{padding-top:calc(.5rem*28);} .pb-28x{padding-bottom:calc(.5rem*28);} .pl-28x{padding-left:calc(.5rem*28);} .pr-28x{padding-right:calc(.5rem*28);} .mt-28x{margin-top:calc(.5rem*28);} .mb-28x{margin-bottom:calc(.5rem*28);} .ml-28x{margin-left:calc(.5rem*28);} .mr-28x{margin-right:calc(.5rem*28);} .pt-29x{padding-top:calc(.5rem*29);} .pb-29x{padding-bottom:calc(.5rem*29);} .pl-29x{padding-left:calc(.5rem*29);} .pr-29x{padding-right:calc(.5rem*29);} .mt-29x{margin-top:calc(.5rem*29);} .mb-29x{margin-bottom:calc(.5rem*29);} .ml-29x{margin-left:calc(.5rem*29);} .mr-29x{margin-right:calc(.5rem*29);} .pt-30x{padding-top:calc(.5rem*30);} .pb-30x{padding-bottom:calc(.5rem*30);} .pl-30x{padding-left:calc(.5rem*30);} .pr-30x{padding-right:calc(.5rem*30);} .mt-30x{margin-top:calc(.5rem*30);} .mb-30x{margin-bottom:calc(.5rem*30);} .ml-30x{margin-left:calc(.5rem*30);} .mr-30x{margin-right:calc(.5rem*30);} .pt-31x{padding-top:calc(.5rem*31);} .pb-31x{padding-bottom:calc(.5rem*31);} .pl-31x{padding-left:calc(.5rem*31);} .pr-31x{padding-right:calc(.5rem*31);} .mt-31x{margin-top:calc(.5rem*31);} .mb-31x{margin-bottom:calc(.5rem*31);} .ml-31x{margin-left:calc(.5rem*31);} .mr-31x{margin-right:calc(.5rem*31);} .pt-32x{padding-top:calc(.5rem*32);} .pb-32x{padding-bottom:calc(.5rem*32);} .pl-32x{padding-left:calc(.5rem*32);} .pr-32x{padding-right:calc(.5rem*32);} .mt-32x{margin-top:calc(.5rem*32);} .mb-32x{margin-bottom:calc(.5rem*32);} .ml-32x{margin-left:calc(.5rem*32);} .mr-32x{margin-right:calc(.5rem*32);} .pt-33x{padding-top:calc(.5rem*33);} .pb-33x{padding-bottom:calc(.5rem*33);} .pl-33x{padding-left:calc(.5rem*33);} .pr-33x{padding-right:calc(.5rem*33);} .mt-33x{margin-top:calc(.5rem*33);} .mb-33x{margin-bottom:calc(.5rem*33);} .ml-33x{margin-left:calc(.5rem*33);} .mr-33x{margin-right:calc(.5rem*33);} .pt-34x{padding-top:calc(.5rem*34);} .pb-34x{padding-bottom:calc(.5rem*34);} .pl-34x{padding-left:calc(.5rem*34);} .pr-34x{padding-right:calc(.5rem*34);} .mt-34x{margin-top:calc(.5rem*34);} .mb-34x{margin-bottom:calc(.5rem*34);} .ml-34x{margin-left:calc(.5rem*34);} .mr-34x{margin-right:calc(.5rem*34);} .pt-35x{padding-top:calc(.5rem*35);} .pb-35x{padding-bottom:calc(.5rem*35);} .pl-35x{padding-left:calc(.5rem*35);} .pr-35x{padding-right:calc(.5rem*35);} .mt-35x{margin-top:calc(.5rem*35);} .mb-35x{margin-bottom:calc(.5rem*35);} .ml-35x{margin-left:calc(.5rem*35);} .mr-35x{margin-right:calc(.5rem*35);} .pt-36x{padding-top:calc(.5rem*36);} .pb-36x{padding-bottom:calc(.5rem*36);} .pl-36x{padding-left:calc(.5rem*36);} .pr-36x{padding-right:calc(.5rem*36);} .mt-36x{margin-top:calc(.5rem*36);} .mb-36x{margin-bottom:calc(.5rem*36);} .ml-36x{margin-left:calc(.5rem*36);} .mr-36x{margin-right:calc(.5rem*36);} .pt-37x{padding-top:calc(.5rem*37);} .pb-37x{padding-bottom:calc(.5rem*37);} .pl-37x{padding-left:calc(.5rem*37);} .pr-37x{padding-right:calc(.5rem*37);} .mt-37x{margin-top:calc(.5rem*37);} .mb-37x{margin-bottom:calc(.5rem*37);} .ml-37x{margin-left:calc(.5rem*37);} .mr-37x{margin-right:calc(.5rem*37);} .pt-38x{padding-top:calc(.5rem*38);} .pb-38x{padding-bottom:calc(.5rem*38);} .pl-38x{padding-left:calc(.5rem*38);} .pr-38x{padding-right:calc(.5rem*38);} .mt-38x{margin-top:calc(.5rem*38);} .mb-38x{margin-bottom:calc(.5rem*38);} .ml-38x{margin-left:calc(.5rem*38);} .mr-38x{margin-right:calc(.5rem*38);} .pt-39x{padding-top:calc(.5rem*39);} .pb-39x{padding-bottom:calc(.5rem*39);} .pl-39x{padding-left:calc(.5rem*39);} .pr-39x{padding-right:calc(.5rem*39);} .mt-39x{margin-top:calc(.5rem*39);} .mb-39x{margin-bottom:calc(.5rem*39);} .ml-39x{margin-left:calc(.5rem*39);} .mr-39x{margin-right:calc(.5rem*39);} .pt-40x{padding-top:calc(.5rem*40);} .pb-40x{padding-bottom:calc(.5rem*40);} .pl-40x{padding-left:calc(.5rem*40);} .pr-40x{padding-right:calc(.5rem*40);} .mt-40x{margin-top:calc(.5rem*40);} .mb-40x{margin-bottom:calc(.5rem*40);} .ml-40x{margin-left:calc(.5rem*40);} .mr-40x{margin-right:calc(.5rem*40);} .mt-auto{margin-top:auto;} .mb-auto{margin-bottom:auto;} .ml-auto{margin-left:auto;} .mr-auto{margin-right:auto;} .mt-0x{margin-top:0;} .mb-0x{margin-bottom:0;} .ml-0x{margin-left:0;} .mr-0x{margin-right:0;} .pt-0x{padding-top:0;} .pb-0x{padding-bottom:0;} .pl-0x{padding-left:0;} .pr-0x{padding-right:0;} @media (max-width:992px){ .pt-1xt{padding-top:calc(.5rem*1);} .pb-1xt{padding-bottom:calc(.5rem*1);} .pl-1xt{padding-left:calc(.5rem*1);} .pr-1xt{padding-right:calc(.5rem*1);} .mt-1xt{margin-top:calc(.5rem*1);} .mb-1xt{margin-bottom:calc(.5rem*1);} .ml-1xt{margin-left:calc(.5rem*1);} .mr-1xt{margin-right:calc(.5rem*1);} .pt-2xt{padding-top:calc(.5rem*2);} .pb-2xt{padding-bottom:calc(.5rem*2);} .pl-2xt{padding-left:calc(.5rem*2);} .pr-2xt{padding-right:calc(.5rem*2);} .mt-2xt{margin-top:calc(.5rem*2);} .mb-2xt{margin-bottom:calc(.5rem*2);} .ml-2xt{margin-left:calc(.5rem*2);} .mr-2xt{margin-right:calc(.5rem*2);} .pt-3xt{padding-top:calc(.5rem*3);} .pb-3xt{padding-bottom:calc(.5rem*3);} .pl-3xt{padding-left:calc(.5rem*3);} .pr-3xt{padding-right:calc(.5rem*3);} .mt-3xt{margin-top:calc(.5rem*3);} .mb-3xt{margin-bottom:calc(.5rem*3);} .ml-3xt{margin-left:calc(.5rem*3);} .mr-3xt{margin-right:calc(.5rem*3);} .pt-4xt{padding-top:calc(.5rem*4);} .pb-4xt{padding-bottom:calc(.5rem*4);} .pl-4xt{padding-left:calc(.5rem*4);} .pr-4xt{padding-right:calc(.5rem*4);} .mt-4xt{margin-top:calc(.5rem*4);} .mb-4xt{margin-bottom:calc(.5rem*4);} .ml-4xt{margin-left:calc(.5rem*4);} .mr-4xt{margin-right:calc(.5rem*4);} .pt-5xt{padding-top:calc(.5rem*5);} .pb-5xt{padding-bottom:calc(.5rem*5);} .pl-5xt{padding-left:calc(.5rem*5);} .pr-5xt{padding-right:calc(.5rem*5);} .mt-5xt{margin-top:calc(.5rem*5);} .mb-5xt{margin-bottom:calc(.5rem*5);} .ml-5xt{margin-left:calc(.5rem*5);} .mr-5xt{margin-right:calc(.5rem*5);} .pt-6xt{padding-top:calc(.5rem*6);} .pb-6xt{padding-bottom:calc(.5rem*6);} .pl-6xt{padding-left:calc(.5rem*6);} .pr-6xt{padding-right:calc(.5rem*6);} .mt-6xt{margin-top:calc(.5rem*6);} .mb-6xt{margin-bottom:calc(.5rem*6);} .ml-6xt{margin-left:calc(.5rem*6);} .mr-6xt{margin-right:calc(.5rem*6);} .pt-7xt{padding-top:calc(.5rem*7);} .pb-7xt{padding-bottom:calc(.5rem*7);} .pl-7xt{padding-left:calc(.5rem*7);} .pr-7xt{padding-right:calc(.5rem*7);} .mt-7xt{margin-top:calc(.5rem*7);} .mb-7xt{margin-bottom:calc(.5rem*7);} .ml-7xt{margin-left:calc(.5rem*7);} .mr-7xt{margin-right:calc(.5rem*7);} .pt-8xt{padding-top:calc(.5rem*8);} .pb-8xt{padding-bottom:calc(.5rem*8);} .pl-8xt{padding-left:calc(.5rem*8);} .pr-8xt{padding-right:calc(.5rem*8);} .mt-8xt{margin-top:calc(.5rem*8);} .mb-8xt{margin-bottom:calc(.5rem*8);} .ml-8xt{margin-left:calc(.5rem*8);} .mr-8xt{margin-right:calc(.5rem*8);} .pt-9xt{padding-top:calc(.5rem*9);} .pb-9xt{padding-bottom:calc(.5rem*9);} .pl-9xt{padding-left:calc(.5rem*9);} .pr-9xt{padding-right:calc(.5rem*9);} .mt-9xt{margin-top:calc(.5rem*9);} .mb-9xt{margin-bottom:calc(.5rem*9);} .ml-9xt{margin-left:calc(.5rem*9);} .mr-9xt{margin-right:calc(.5rem*9);} .pt-10xt{padding-top:calc(.5rem*10);} .pb-10xt{padding-bottom:calc(.5rem*10);} .pl-10xt{padding-left:calc(.5rem*10);} .pr-10xt{padding-right:calc(.5rem*10);} .mt-10xt{margin-top:calc(.5rem*10);} .mb-10xt{margin-bottom:calc(.5rem*10);} .ml-10xt{margin-left:calc(.5rem*10);} .mr-10xt{margin-right:calc(.5rem*10);} .pt-11xt{padding-top:calc(.5rem*11);} .pb-11xt{padding-bottom:calc(.5rem*11);} .pl-11xt{padding-left:calc(.5rem*11);} .pr-11xt{padding-right:calc(.5rem*11);} .mt-11xt{margin-top:calc(.5rem*11);} .mb-11xt{margin-bottom:calc(.5rem*11);} .ml-11xt{margin-left:calc(.5rem*11);} .mr-11xt{margin-right:calc(.5rem*11);} .pt-12xt{padding-top:calc(.5rem*12);} .pb-12xt{padding-bottom:calc(.5rem*12);} .pl-12xt{padding-left:calc(.5rem*12);} .pr-12xt{padding-right:calc(.5rem*12);} .mt-12xt{margin-top:calc(.5rem*12);} .mb-12xt{margin-bottom:calc(.5rem*12);} .ml-12xt{margin-left:calc(.5rem*12);} .mr-12xt{margin-right:calc(.5rem*12);} .pt-13xt{padding-top:calc(.5rem*13);} .pb-13xt{padding-bottom:calc(.5rem*13);} .pl-13xt{padding-left:calc(.5rem*13);} .pr-13xt{padding-right:calc(.5rem*13);} .mt-13xt{margin-top:calc(.5rem*13);} .mb-13xt{margin-bottom:calc(.5rem*13);} .ml-13xt{margin-left:calc(.5rem*13);} .mr-13xt{margin-right:calc(.5rem*13);} .pt-14xt{padding-top:calc(.5rem*14);} .pb-14xt{padding-bottom:calc(.5rem*14);} .pl-14xt{padding-left:calc(.5rem*14);} .pr-14xt{padding-right:calc(.5rem*14);} .mt-14xt{margin-top:calc(.5rem*14);} .mb-14xt{margin-bottom:calc(.5rem*14);} .ml-14xt{margin-left:calc(.5rem*14);} .mr-14xt{margin-right:calc(.5rem*14);} .pt-15xt{padding-top:calc(.5rem*15);} .pb-15xt{padding-bottom:calc(.5rem*15);} .pl-15xt{padding-left:calc(.5rem*15);} .pr-15xt{padding-right:calc(.5rem*15);} .mt-15xt{margin-top:calc(.5rem*15);} .mb-15xt{margin-bottom:calc(.5rem*15);} .ml-15xt{margin-left:calc(.5rem*15);} .mr-15xt{margin-right:calc(.5rem*15);} .pt-16xt{padding-top:calc(.5rem*16);} .pb-16xt{padding-bottom:calc(.5rem*16);} .pl-16xt{padding-left:calc(.5rem*16);} .pr-16xt{padding-right:calc(.5rem*16);} .mt-16xt{margin-top:calc(.5rem*16);} .mb-16xt{margin-bottom:calc(.5rem*16);} .ml-16xt{margin-left:calc(.5rem*16);} .mr-16xt{margin-right:calc(.5rem*16);} .pt-17xt{padding-top:calc(.5rem*17);} .pb-17xt{padding-bottom:calc(.5rem*17);} .pl-17xt{padding-left:calc(.5rem*17);} .pr-17xt{padding-right:calc(.5rem*17);} .mt-17xt{margin-top:calc(.5rem*17);} .mb-17xt{margin-bottom:calc(.5rem*17);} .ml-17xt{margin-left:calc(.5rem*17);} .mr-17xt{margin-right:calc(.5rem*17);} .pt-18xt{padding-top:calc(.5rem*18);} .pb-18xt{padding-bottom:calc(.5rem*18);} .pl-18xt{padding-left:calc(.5rem*18);} .pr-18xt{padding-right:calc(.5rem*18);} .mt-18xt{margin-top:calc(.5rem*18);} .mb-18xt{margin-bottom:calc(.5rem*18);} .ml-18xt{margin-left:calc(.5rem*18);} .mr-18xt{margin-right:calc(.5rem*18);} .pt-19xt{padding-top:calc(.5rem*19);} .pb-19xt{padding-bottom:calc(.5rem*19);} .pl-19xt{padding-left:calc(.5rem*19);} .pr-19xt{padding-right:calc(.5rem*19);} .mt-19xt{margin-top:calc(.5rem*19);} .mb-19xt{margin-bottom:calc(.5rem*19);} .ml-19xt{margin-left:calc(.5rem*19);} .mr-19xt{margin-right:calc(.5rem*19);} .pt-20xt{padding-top:calc(.5rem*20);} .pb-20xt{padding-bottom:calc(.5rem*20);} .pl-20xt{padding-left:calc(.5rem*20);} .pr-20xt{padding-right:calc(.5rem*20);} .mt-20xt{margin-top:calc(.5rem*20);} .mb-20xt{margin-bottom:calc(.5rem*20);} .ml-20xt{margin-left:calc(.5rem*20);} .mr-20xt{margin-right:calc(.5rem*20);} .pt-21xt{padding-top:calc(.5rem*21);} .pb-21xt{padding-bottom:calc(.5rem*21);} .pl-21xt{padding-left:calc(.5rem*21);} .pr-21xt{padding-right:calc(.5rem*21);} .mt-21xt{margin-top:calc(.5rem*21);} .mb-21xt{margin-bottom:calc(.5rem*21);} .ml-21xt{margin-left:calc(.5rem*21);} .mr-21xt{margin-right:calc(.5rem*21);} .pt-22xt{padding-top:calc(.5rem*22);} .pb-22xt{padding-bottom:calc(.5rem*22);} .pl-22xt{padding-left:calc(.5rem*22);} .pr-22xt{padding-right:calc(.5rem*22);} .mt-22xt{margin-top:calc(.5rem*22);} .mb-22xt{margin-bottom:calc(.5rem*22);} .ml-22xt{margin-left:calc(.5rem*22);} .mr-22xt{margin-right:calc(.5rem*22);} .pt-23xt{padding-top:calc(.5rem*23);} .pb-23xt{padding-bottom:calc(.5rem*23);} .pl-23xt{padding-left:calc(.5rem*23);} .pr-23xt{padding-right:calc(.5rem*23);} .mt-23xt{margin-top:calc(.5rem*23);} .mb-23xt{margin-bottom:calc(.5rem*23);} .ml-23xt{margin-left:calc(.5rem*23);} .mr-23xt{margin-right:calc(.5rem*23);} .pt-24xt{padding-top:calc(.5rem*24);} .pb-24xt{padding-bottom:calc(.5rem*24);} .pl-24xt{padding-left:calc(.5rem*24);} .pr-24xt{padding-right:calc(.5rem*24);} .mt-24xt{margin-top:calc(.5rem*24);} .mb-24xt{margin-bottom:calc(.5rem*24);} .ml-24xt{margin-left:calc(.5rem*24);} .mr-24xt{margin-right:calc(.5rem*24);} .pt-25xt{padding-top:calc(.5rem*25);} .pb-25xt{padding-bottom:calc(.5rem*25);} .pl-25xt{padding-left:calc(.5rem*25);} .pr-25xt{padding-right:calc(.5rem*25);} .mt-25xt{margin-top:calc(.5rem*25);} .mb-25xt{margin-bottom:calc(.5rem*25);} .ml-25xt{margin-left:calc(.5rem*25);} .mr-25xt{margin-right:calc(.5rem*25);} .pt-26xt{padding-top:calc(.5rem*26);} .pb-26xt{padding-bottom:calc(.5rem*26);} .pl-26xt{padding-left:calc(.5rem*26);} .pr-26xt{padding-right:calc(.5rem*26);} .mt-26xt{margin-top:calc(.5rem*26);} .mb-26xt{margin-bottom:calc(.5rem*26);} .ml-26xt{margin-left:calc(.5rem*26);} .mr-26xt{margin-right:calc(.5rem*26);} .pt-27xt{padding-top:calc(.5rem*27);} .pb-27xt{padding-bottom:calc(.5rem*27);} .pl-27xt{padding-left:calc(.5rem*27);} .pr-27xt{padding-right:calc(.5rem*27);} .mt-27xt{margin-top:calc(.5rem*27);} .mb-27xt{margin-bottom:calc(.5rem*27);} .ml-27xt{margin-left:calc(.5rem*27);} .mr-27xt{margin-right:calc(.5rem*27);} .pt-28xt{padding-top:calc(.5rem*28);} .pb-28xt{padding-bottom:calc(.5rem*28);} .pl-28xt{padding-left:calc(.5rem*28);} .pr-28xt{padding-right:calc(.5rem*28);} .mt-28xt{margin-top:calc(.5rem*28);} .mb-28xt{margin-bottom:calc(.5rem*28);} .ml-28xt{margin-left:calc(.5rem*28);} .mr-28xt{margin-right:calc(.5rem*28);} .pt-29xt{padding-top:calc(.5rem*29);} .pb-29xt{padding-bottom:calc(.5rem*29);} .pl-29xt{padding-left:calc(.5rem*29);} .pr-29xt{padding-right:calc(.5rem*29);} .mt-29xt{margin-top:calc(.5rem*29);} .mb-29xt{margin-bottom:calc(.5rem*29);} .ml-29xt{margin-left:calc(.5rem*29);} .mr-29xt{margin-right:calc(.5rem*29);} .pt-30xt{padding-top:calc(.5rem*30);} .pb-30xt{padding-bottom:calc(.5rem*30);} .pl-30xt{padding-left:calc(.5rem*30);} .pr-30xt{padding-right:calc(.5rem*30);} .mt-30xt{margin-top:calc(.5rem*30);} .mb-30xt{margin-bottom:calc(.5rem*30);} .ml-30xt{margin-left:calc(.5rem*30);} .mr-30xt{margin-right:calc(.5rem*30);} .pt-31xt{padding-top:calc(.5rem*31);} .pb-31xt{padding-bottom:calc(.5rem*31);} .pl-31xt{padding-left:calc(.5rem*31);} .pr-31xt{padding-right:calc(.5rem*31);} .mt-31xt{margin-top:calc(.5rem*31);} .mb-31xt{margin-bottom:calc(.5rem*31);} .ml-31xt{margin-left:calc(.5rem*31);} .mr-31xt{margin-right:calc(.5rem*31);} .pt-32xt{padding-top:calc(.5rem*32);} .pb-32xt{padding-bottom:calc(.5rem*32);} .pl-32xt{padding-left:calc(.5rem*32);} .pr-32xt{padding-right:calc(.5rem*32);} .mt-32xt{margin-top:calc(.5rem*32);} .mb-32xt{margin-bottom:calc(.5rem*32);} .ml-32xt{margin-left:calc(.5rem*32);} .mr-32xt{margin-right:calc(.5rem*32);} .pt-33xt{padding-top:calc(.5rem*33);} .pb-33xt{padding-bottom:calc(.5rem*33);} .pl-33xt{padding-left:calc(.5rem*33);} .pr-33xt{padding-right:calc(.5rem*33);} .mt-33xt{margin-top:calc(.5rem*33);} .mb-33xt{margin-bottom:calc(.5rem*33);} .ml-33xt{margin-left:calc(.5rem*33);} .mr-33xt{margin-right:calc(.5rem*33);} .pt-34xt{padding-top:calc(.5rem*34);} .pb-34xt{padding-bottom:calc(.5rem*34);} .pl-34xt{padding-left:calc(.5rem*34);} .pr-34xt{padding-right:calc(.5rem*34);} .mt-34xt{margin-top:calc(.5rem*34);} .mb-34xt{margin-bottom:calc(.5rem*34);} .ml-34xt{margin-left:calc(.5rem*34);} .mr-34xt{margin-right:calc(.5rem*34);} .pt-35xt{padding-top:calc(.5rem*35);} .pb-35xt{padding-bottom:calc(.5rem*35);} .pl-35xt{padding-left:calc(.5rem*35);} .pr-35xt{padding-right:calc(.5rem*35);} .mt-35xt{margin-top:calc(.5rem*35);} .mb-35xt{margin-bottom:calc(.5rem*35);} .ml-35xt{margin-left:calc(.5rem*35);} .mr-35xt{margin-right:calc(.5rem*35);} .pt-36xt{padding-top:calc(.5rem*36);} .pb-36xt{padding-bottom:calc(.5rem*36);} .pl-36xt{padding-left:calc(.5rem*36);} .pr-36xt{padding-right:calc(.5rem*36);} .mt-36xt{margin-top:calc(.5rem*36);} .mb-36xt{margin-bottom:calc(.5rem*36);} .ml-36xt{margin-left:calc(.5rem*36);} .mr-36xt{margin-right:calc(.5rem*36);} .pt-37xt{padding-top:calc(.5rem*37);} .pb-37xt{padding-bottom:calc(.5rem*37);} .pl-37xt{padding-left:calc(.5rem*37);} .pr-37xt{padding-right:calc(.5rem*37);} .mt-37xt{margin-top:calc(.5rem*37);} .mb-37xt{margin-bottom:calc(.5rem*37);} .ml-37xt{margin-left:calc(.5rem*37);} .mr-37xt{margin-right:calc(.5rem*37);} .pt-38xt{padding-top:calc(.5rem*38);} .pb-38xt{padding-bottom:calc(.5rem*38);} .pl-38xt{padding-left:calc(.5rem*38);} .pr-38xt{padding-right:calc(.5rem*38);} .mt-38xt{margin-top:calc(.5rem*38);} .mb-38xt{margin-bottom:calc(.5rem*38);} .ml-38xt{margin-left:calc(.5rem*38);} .mr-38xt{margin-right:calc(.5rem*38);} .pt-39xt{padding-top:calc(.5rem*39);} .pb-39xt{padding-bottom:calc(.5rem*39);} .pl-39xt{padding-left:calc(.5rem*39);} .pr-39xt{padding-right:calc(.5rem*39);} .mt-39xt{margin-top:calc(.5rem*39);} .mb-39xt{margin-bottom:calc(.5rem*39);} .ml-39xt{margin-left:calc(.5rem*39);} .mr-39xt{margin-right:calc(.5rem*39);} .pt-40xt{padding-top:calc(.5rem*40);} .pb-40xt{padding-bottom:calc(.5rem*40);} .pl-40xt{padding-left:calc(.5rem*40);} .pr-40xt{padding-right:calc(.5rem*40);} .mt-40xt{margin-top:calc(.5rem*40);} .mb-40xt{margin-bottom:calc(.5rem*40);} .ml-40xt{margin-left:calc(.5rem*40);} .mr-40xt{margin-right:calc(.5rem*40);} .mt-auto-tablet{margin-top:auto;} .mb-auto-tablet{margin-bottom:auto;} .ml-auto-tablet{margin-left:auto;} .mr-auto-tablet{margin-right:auto;} .mt-0xt{margin-top:0;} .mb-0xt{margin-bottom:0;} .ml-0xt{margin-left:0;} .mr-0xt{margin-right:0;} .pt-0xt{padding-top:0;} .pb-0xt{padding-bottom:0;} .pl-0xt{padding-left:0;} .pr-0xt{padding-right:0;} } @media (max-width:480px){ .pt-1xm{padding-top:calc(.5rem*1);} .pb-1xm{padding-bottom:calc(.5rem*1);} .pl-1xm{padding-left:calc(.5rem*1);} .pr-1xm{padding-right:calc(.5rem*1);} .mt-1xm{margin-top:calc(.5rem*1);} .mb-1xm{margin-bottom:calc(.5rem*1);} .ml-1xm{margin-left:calc(.5rem*1);} .mr-1xm{margin-right:calc(.5rem*1);} .pt-2xm{padding-top:calc(.5rem*2);} .pb-2xm{padding-bottom:calc(.5rem*2);} .pl-2xm{padding-left:calc(.5rem*2);} .pr-2xm{padding-right:calc(.5rem*2);} .mt-2xm{margin-top:calc(.5rem*2);} .mb-2xm{margin-bottom:calc(.5rem*2);} .ml-2xm{margin-left:calc(.5rem*2);} .mr-2xm{margin-right:calc(.5rem*2);} .pt-3xm{padding-top:calc(.5rem*3);} .pb-3xm{padding-bottom:calc(.5rem*3);} .pl-3xm{padding-left:calc(.5rem*3);} .pr-3xm{padding-right:calc(.5rem*3);} .mt-3xm{margin-top:calc(.5rem*3);} .mb-3xm{margin-bottom:calc(.5rem*3);} .ml-3xm{margin-left:calc(.5rem*3);} .mr-3xm{margin-right:calc(.5rem*3);} .pt-4xm{padding-top:calc(.5rem*4);} .pb-4xm{padding-bottom:calc(.5rem*4);} .pl-4xm{padding-left:calc(.5rem*4);} .pr-4xm{padding-right:calc(.5rem*4);} .mt-4xm{margin-top:calc(.5rem*4);} .mb-4xm{margin-bottom:calc(.5rem*4);} .ml-4xm{margin-left:calc(.5rem*4);} .mr-4xm{margin-right:calc(.5rem*4);} .pt-5xm{padding-top:calc(.5rem*5);} .pb-5xm{padding-bottom:calc(.5rem*5);} .pl-5xm{padding-left:calc(.5rem*5);} .pr-5xm{padding-right:calc(.5rem*5);} .mt-5xm{margin-top:calc(.5rem*5);} .mb-5xm{margin-bottom:calc(.5rem*5);} .ml-5xm{margin-left:calc(.5rem*5);} .mr-5xm{margin-right:calc(.5rem*5);} .pt-6xm{padding-top:calc(.5rem*6);} .pb-6xm{padding-bottom:calc(.5rem*6);} .pl-6xm{padding-left:calc(.5rem*6);} .pr-6xm{padding-right:calc(.5rem*6);} .mt-6xm{margin-top:calc(.5rem*6);} .mb-6xm{margin-bottom:calc(.5rem*6);} .ml-6xm{margin-left:calc(.5rem*6);} .mr-6xm{margin-right:calc(.5rem*6);} .pt-7xm{padding-top:calc(.5rem*7);} .pb-7xm{padding-bottom:calc(.5rem*7);} .pl-7xm{padding-left:calc(.5rem*7);} .pr-7xm{padding-right:calc(.5rem*7);} .mt-7xm{margin-top:calc(.5rem*7);} .mb-7xm{margin-bottom:calc(.5rem*7);} .ml-7xm{margin-left:calc(.5rem*7);} .mr-7xm{margin-right:calc(.5rem*7);} .pt-8xm{padding-top:calc(.5rem*8);} .pb-8xm{padding-bottom:calc(.5rem*8);} .pl-8xm{padding-left:calc(.5rem*8);} .pr-8xm{padding-right:calc(.5rem*8);} .mt-8xm{margin-top:calc(.5rem*8);} .mb-8xm{margin-bottom:calc(.5rem*8);} .ml-8xm{margin-left:calc(.5rem*8);} .mr-8xm{margin-right:calc(.5rem*8);} .pt-9xm{padding-top:calc(.5rem*9);} .pb-9xm{padding-bottom:calc(.5rem*9);} .pl-9xm{padding-left:calc(.5rem*9);} .pr-9xm{padding-right:calc(.5rem*9);} .mt-9xm{margin-top:calc(.5rem*9);} .mb-9xm{margin-bottom:calc(.5rem*9);} .ml-9xm{margin-left:calc(.5rem*9);} .mr-9xm{margin-right:calc(.5rem*9);} .pt-10xm{padding-top:calc(.5rem*10);} .pb-10xm{padding-bottom:calc(.5rem*10);} .pl-10xm{padding-left:calc(.5rem*10);} .pr-10xm{padding-right:calc(.5rem*10);} .mt-10xm{margin-top:calc(.5rem*10);} .mb-10xm{margin-bottom:calc(.5rem*10);} .ml-10xm{margin-left:calc(.5rem*10);} .mr-10xm{margin-right:calc(.5rem*10);} .pt-11xm{padding-top:calc(.5rem*11);} .pb-11xm{padding-bottom:calc(.5rem*11);} .pl-11xm{padding-left:calc(.5rem*11);} .pr-11xm{padding-right:calc(.5rem*11);} .mt-11xm{margin-top:calc(.5rem*11);} .mb-11xm{margin-bottom:calc(.5rem*11);} .ml-11xm{margin-left:calc(.5rem*11);} .mr-11xm{margin-right:calc(.5rem*11);} .pt-12xm{padding-top:calc(.5rem*12);} .pb-12xm{padding-bottom:calc(.5rem*12);} .pl-12xm{padding-left:calc(.5rem*12);} .pr-12xm{padding-right:calc(.5rem*12);} .mt-12xm{margin-top:calc(.5rem*12);} .mb-12xm{margin-bottom:calc(.5rem*12);} .ml-12xm{margin-left:calc(.5rem*12);} .mr-12xm{margin-right:calc(.5rem*12);} .pt-13xm{padding-top:calc(.5rem*13);} .pb-13xm{padding-bottom:calc(.5rem*13);} .pl-13xm{padding-left:calc(.5rem*13);} .pr-13xm{padding-right:calc(.5rem*13);} .mt-13xm{margin-top:calc(.5rem*13);} .mb-13xm{margin-bottom:calc(.5rem*13);} .ml-13xm{margin-left:calc(.5rem*13);} .mr-13xm{margin-right:calc(.5rem*13);} .pt-14xm{padding-top:calc(.5rem*14);} .pb-14xm{padding-bottom:calc(.5rem*14);} .pl-14xm{padding-left:calc(.5rem*14);} .pr-14xm{padding-right:calc(.5rem*14);} .mt-14xm{margin-top:calc(.5rem*14);} .mb-14xm{margin-bottom:calc(.5rem*14);} .ml-14xm{margin-left:calc(.5rem*14);} .mr-14xm{margin-right:calc(.5rem*14);} .pt-15xm{padding-top:calc(.5rem*15);} .pb-15xm{padding-bottom:calc(.5rem*15);} .pl-15xm{padding-left:calc(.5rem*15);} .pr-15xm{padding-right:calc(.5rem*15);} .mt-15xm{margin-top:calc(.5rem*15);} .mb-15xm{margin-bottom:calc(.5rem*15);} .ml-15xm{margin-left:calc(.5rem*15);} .mr-15xm{margin-right:calc(.5rem*15);} .pt-16xm{padding-top:calc(.5rem*16);} .pb-16xm{padding-bottom:calc(.5rem*16);} .pl-16xm{padding-left:calc(.5rem*16);} .pr-16xm{padding-right:calc(.5rem*16);} .mt-16xm{margin-top:calc(.5rem*16);} .mb-16xm{margin-bottom:calc(.5rem*16);} .ml-16xm{margin-left:calc(.5rem*16);} .mr-16xm{margin-right:calc(.5rem*16);} .pt-17xm{padding-top:calc(.5rem*17);} .pb-17xm{padding-bottom:calc(.5rem*17);} .pl-17xm{padding-left:calc(.5rem*17);} .pr-17xm{padding-right:calc(.5rem*17);} .mt-17xm{margin-top:calc(.5rem*17);} .mb-17xm{margin-bottom:calc(.5rem*17);} .ml-17xm{margin-left:calc(.5rem*17);} .mr-17xm{margin-right:calc(.5rem*17);} .pt-18xm{padding-top:calc(.5rem*18);} .pb-18xm{padding-bottom:calc(.5rem*18);} .pl-18xm{padding-left:calc(.5rem*18);} .pr-18xm{padding-right:calc(.5rem*18);} .mt-18xm{margin-top:calc(.5rem*18);} .mb-18xm{margin-bottom:calc(.5rem*18);} .ml-18xm{margin-left:calc(.5rem*18);} .mr-18xm{margin-right:calc(.5rem*18);} .pt-19xm{padding-top:calc(.5rem*19);} .pb-19xm{padding-bottom:calc(.5rem*19);} .pl-19xm{padding-left:calc(.5rem*19);} .pr-19xm{padding-right:calc(.5rem*19);} .mt-19xm{margin-top:calc(.5rem*19);} .mb-19xm{margin-bottom:calc(.5rem*19);} .ml-19xm{margin-left:calc(.5rem*19);} .mr-19xm{margin-right:calc(.5rem*19);} .pt-20xm{padding-top:calc(.5rem*20);} .pb-20xm{padding-bottom:calc(.5rem*20);} .pl-20xm{padding-left:calc(.5rem*20);} .pr-20xm{padding-right:calc(.5rem*20);} .mt-20xm{margin-top:calc(.5rem*20);} .mb-20xm{margin-bottom:calc(.5rem*20);} .ml-20xm{margin-left:calc(.5rem*20);} .mr-20xm{margin-right:calc(.5rem*20);} .pt-21xm{padding-top:calc(.5rem*21);} .pb-21xm{padding-bottom:calc(.5rem*21);} .pl-21xm{padding-left:calc(.5rem*21);} .pr-21xm{padding-right:calc(.5rem*21);} .mt-21xm{margin-top:calc(.5rem*21);} .mb-21xm{margin-bottom:calc(.5rem*21);} .ml-21xm{margin-left:calc(.5rem*21);} .mr-21xm{margin-right:calc(.5rem*21);} .pt-22xm{padding-top:calc(.5rem*22);} .pb-22xm{padding-bottom:calc(.5rem*22);} .pl-22xm{padding-left:calc(.5rem*22);} .pr-22xm{padding-right:calc(.5rem*22);} .mt-22xm{margin-top:calc(.5rem*22);} .mb-22xm{margin-bottom:calc(.5rem*22);} .ml-22xm{margin-left:calc(.5rem*22);} .mr-22xm{margin-right:calc(.5rem*22);} .pt-23xm{padding-top:calc(.5rem*23);} .pb-23xm{padding-bottom:calc(.5rem*23);} .pl-23xm{padding-left:calc(.5rem*23);} .pr-23xm{padding-right:calc(.5rem*23);} .mt-23xm{margin-top:calc(.5rem*23);} .mb-23xm{margin-bottom:calc(.5rem*23);} .ml-23xm{margin-left:calc(.5rem*23);} .mr-23xm{margin-right:calc(.5rem*23);} .pt-24xm{padding-top:calc(.5rem*24);} .pb-24xm{padding-bottom:calc(.5rem*24);} .pl-24xm{padding-left:calc(.5rem*24);} .pr-24xm{padding-right:calc(.5rem*24);} .mt-24xm{margin-top:calc(.5rem*24);} .mb-24xm{margin-bottom:calc(.5rem*24);} .ml-24xm{margin-left:calc(.5rem*24);} .mr-24xm{margin-right:calc(.5rem*24);} .pt-25xm{padding-top:calc(.5rem*25);} .pb-25xm{padding-bottom:calc(.5rem*25);} .pl-25xm{padding-left:calc(.5rem*25);} .pr-25xm{padding-right:calc(.5rem*25);} .mt-25xm{margin-top:calc(.5rem*25);} .mb-25xm{margin-bottom:calc(.5rem*25);} .ml-25xm{margin-left:calc(.5rem*25);} .mr-25xm{margin-right:calc(.5rem*25);} .pt-26xm{padding-top:calc(.5rem*26);} .pb-26xm{padding-bottom:calc(.5rem*26);} .pl-26xm{padding-left:calc(.5rem*26);} .pr-26xm{padding-right:calc(.5rem*26);} .mt-26xm{margin-top:calc(.5rem*26);} .mb-26xm{margin-bottom:calc(.5rem*26);} .ml-26xm{margin-left:calc(.5rem*26);} .mr-26xm{margin-right:calc(.5rem*26);} .pt-27xm{padding-top:calc(.5rem*27);} .pb-27xm{padding-bottom:calc(.5rem*27);} .pl-27xm{padding-left:calc(.5rem*27);} .pr-27xm{padding-right:calc(.5rem*27);} .mt-27xm{margin-top:calc(.5rem*27);} .mb-27xm{margin-bottom:calc(.5rem*27);} .ml-27xm{margin-left:calc(.5rem*27);} .mr-27xm{margin-right:calc(.5rem*27);} .pt-28xm{padding-top:calc(.5rem*28);} .pb-28xm{padding-bottom:calc(.5rem*28);} .pl-28xm{padding-left:calc(.5rem*28);} .pr-28xm{padding-right:calc(.5rem*28);} .mt-28xm{margin-top:calc(.5rem*28);} .mb-28xm{margin-bottom:calc(.5rem*28);} .ml-28xm{margin-left:calc(.5rem*28);} .mr-28xm{margin-right:calc(.5rem*28);} .pt-29xm{padding-top:calc(.5rem*29);} .pb-29xm{padding-bottom:calc(.5rem*29);} .pl-29xm{padding-left:calc(.5rem*29);} .pr-29xm{padding-right:calc(.5rem*29);} .mt-29xm{margin-top:calc(.5rem*29);} .mb-29xm{margin-bottom:calc(.5rem*29);} .ml-29xm{margin-left:calc(.5rem*29);} .mr-29xm{margin-right:calc(.5rem*29);} .pt-30xm{padding-top:calc(.5rem*30);} .pb-30xm{padding-bottom:calc(.5rem*30);} .pl-30xm{padding-left:calc(.5rem*30);} .pr-30xm{padding-right:calc(.5rem*30);} .mt-30xm{margin-top:calc(.5rem*30);} .mb-30xm{margin-bottom:calc(.5rem*30);} .ml-30xm{margin-left:calc(.5rem*30);} .mr-30xm{margin-right:calc(.5rem*30);} .pt-31xm{padding-top:calc(.5rem*31);} .pb-31xm{padding-bottom:calc(.5rem*31);} .pl-31xm{padding-left:calc(.5rem*31);} .pr-31xm{padding-right:calc(.5rem*31);} .mt-31xm{margin-top:calc(.5rem*31);} .mb-31xm{margin-bottom:calc(.5rem*31);} .ml-31xm{margin-left:calc(.5rem*31);} .mr-31xm{margin-right:calc(.5rem*31);} .pt-32xm{padding-top:calc(.5rem*32);} .pb-32xm{padding-bottom:calc(.5rem*32);} .pl-32xm{padding-left:calc(.5rem*32);} .pr-32xm{padding-right:calc(.5rem*32);} .mt-32xm{margin-top:calc(.5rem*32);} .mb-32xm{margin-bottom:calc(.5rem*32);} .ml-32xm{margin-left:calc(.5rem*32);} .mr-32xm{margin-right:calc(.5rem*32);} .pt-33xm{padding-top:calc(.5rem*33);} .pb-33xm{padding-bottom:calc(.5rem*33);} .pl-33xm{padding-left:calc(.5rem*33);} .pr-33xm{padding-right:calc(.5rem*33);} .mt-33xm{margin-top:calc(.5rem*33);} .mb-33xm{margin-bottom:calc(.5rem*33);} .ml-33xm{margin-left:calc(.5rem*33);} .mr-33xm{margin-right:calc(.5rem*33);} .pt-34xm{padding-top:calc(.5rem*34);} .pb-34xm{padding-bottom:calc(.5rem*34);} .pl-34xm{padding-left:calc(.5rem*34);} .pr-34xm{padding-right:calc(.5rem*34);} .mt-34xm{margin-top:calc(.5rem*34);} .mb-34xm{margin-bottom:calc(.5rem*34);} .ml-34xm{margin-left:calc(.5rem*34);} .mr-34xm{margin-right:calc(.5rem*34);} .pt-35xm{padding-top:calc(.5rem*35);} .pb-35xm{padding-bottom:calc(.5rem*35);} .pl-35xm{padding-left:calc(.5rem*35);} .pr-35xm{padding-right:calc(.5rem*35);} .mt-35xm{margin-top:calc(.5rem*35);} .mb-35xm{margin-bottom:calc(.5rem*35);} .ml-35xm{margin-left:calc(.5rem*35);} .mr-35xm{margin-right:calc(.5rem*35);} .pt-36xm{padding-top:calc(.5rem*36);} .pb-36xm{padding-bottom:calc(.5rem*36);} .pl-36xm{padding-left:calc(.5rem*36);} .pr-36xm{padding-right:calc(.5rem*36);} .mt-36xm{margin-top:calc(.5rem*36);} .mb-36xm{margin-bottom:calc(.5rem*36);} .ml-36xm{margin-left:calc(.5rem*36);} .mr-36xm{margin-right:calc(.5rem*36);} .pt-37xm{padding-top:calc(.5rem*37);} .pb-37xm{padding-bottom:calc(.5rem*37);} .pl-37xm{padding-left:calc(.5rem*37);} .pr-37xm{padding-right:calc(.5rem*37);} .mt-37xm{margin-top:calc(.5rem*37);} .mb-37xm{margin-bottom:calc(.5rem*37);} .ml-37xm{margin-left:calc(.5rem*37);} .mr-37xm{margin-right:calc(.5rem*37);} .pt-38xm{padding-top:calc(.5rem*38);} .pb-38xm{padding-bottom:calc(.5rem*38);} .pl-38xm{padding-left:calc(.5rem*38);} .pr-38xm{padding-right:calc(.5rem*38);} .mt-38xm{margin-top:calc(.5rem*38);} .mb-38xm{margin-bottom:calc(.5rem*38);} .ml-38xm{margin-left:calc(.5rem*38);} .mr-38xm{margin-right:calc(.5rem*38);} .pt-39xm{padding-top:calc(.5rem*39);} .pb-39xm{padding-bottom:calc(.5rem*39);} .pl-39xm{padding-left:calc(.5rem*39);} .pr-39xm{padding-right:calc(.5rem*39);} .mt-39xm{margin-top:calc(.5rem*39);} .mb-39xm{margin-bottom:calc(.5rem*39);} .ml-39xm{margin-left:calc(.5rem*39);} .mr-39xm{margin-right:calc(.5rem*39);} .pt-40xm{padding-top:calc(.5rem*40);} .pb-40xm{padding-bottom:calc(.5rem*40);} .pl-40xm{padding-left:calc(.5rem*40);} .pr-40xm{padding-right:calc(.5rem*40);} .mt-40xm{margin-top:calc(.5rem*40);} .mb-40xm{margin-bottom:calc(.5rem*40);} .ml-40xm{margin-left:calc(.5rem*40);} .mr-40xm{margin-right:calc(.5rem*40);} .mt-auto-mobile{margin-top:auto;} .mb-auto-mobile{margin-bottom:auto;} .ml-auto-mobile{margin-left:auto;} .mr-auto-mobile{margin-right:auto;} .mt-0xm{margin-top:0;} .mb-0xm{margin-bottom:0;} .ml-0xm{margin-left:0;} .mr-0xm{margin-right:0;} .pt-0xm{padding-top:0;} .pb-0xm{padding-bottom:0;} .pl-0xm{padding-left:0;} .pr-0xm{padding-right:0;} } /*--- Displays ---*/ .d-none{ display:none; } .d-flex{display:flex;} .d-block{display:block;} .d-inline-block{display:inline-block;} .d-inline{display:inline;} /*--- Flex ---*/ .flex-full{flex: 1 1 100%;} .flex-flow-row{flex-flow:row;} .flex-flow-row-reverse{flex-flow:row-reverse;} .flex-flow-row-wrap{flex-flow:row wrap;} .flex-flow-row-reverse-wrap{flex-flow:row-reverse wrap;} .flex-flow-column{flex-flow:column;} .flex-flow-column-wrap{flex-flow:column wrap;} .justify-content-flex-start{justify-content:flex-start;} .justify-content-flex-end{justify-content:flex-end;} .justify-content-space-around{justify-content:space-around;} .justify-content-space-between{justify-content:space-between;} .justify-content-center{justify-content:center;} .align-items-flex-start{align-items:flex-start;} .align-items-flex-end{align-items:flex-end;} .align-items-center{align-items:center;} .order-1 { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1;} .order-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;} .row-fluid > [class*="span"].order-1, .row-fluid.justify-content-space-between > [class*="span"] + [class*="span"].order-1:last-of-type{margin-left: 0;} .row-fluid > [class*="span"].order-2, .row-fluid.justify-content-space-between > [class*="span"]+[class*="span"].order-2:last-of-type {margin-left: auto;} @media screen and (max-width: 992px){ .flex-flow-row-tablet{flex-flow:row;} .flex-flow-row-wrap-tablet{flex-flow:row wrap;} .flex-flow-column-tablet{flex-flow:column;} .flex-flow-column-wrap-tablet{flex-flow:column wrap;} .order-1 {order: 2} .row-fluid [class*="span"] .order-2 {margin-left: 0;} .justify-content-flex-start-tablet{justify-content:flex-start;} .justify-content-flex-end-tablet{justify-content:flex-end;} .justify-content-space-around-tablet{justify-content:space-around;} .justify-content-space-between-tablet{justify-content:space-between;} .justify-content-center-tablet{justify-content:center;} .align-items-flex-start-tablet{align-items:flex-start;} .align-items-flex-end-tablet{align-items:flex-end;} .align-items-center-tablet{align-items:center;} .d-none-tablet{ display:none; } .d-flex-tablet{display:flex;} .d-block-tablet{display:block;} .d-inline-block-tablet{display:inline-block;} .d-inline-tablet{display:inline;} .text-align-center-tablet{text-align: center;} } @media screen and (max-width: 480px){ .flex-flow-row-mobile{flex-flow:row;} .flex-flow-row-wrap-mobile{flex-flow:row wrap;} .flex-flow-column-mobile{flex-flow:column;} .flex-flow-column-wrap-mobile{flex-flow:column wrap;} .justify-content-flex-start-mobile{justify-content:flex-start;} .justify-content-flex-end-mobile{justify-content:flex-end;} .justify-content-space-around-mobile{justify-content:space-around;} .justify-content-space-between-mobile{justify-content:space-between;} .justify-content-center-mobile{justify-content:center;} .align-items-flex-start-mobile{align-items:flex-start;} .align-items-flex-end-mobile{align-items:flex-end;} .align-items-center-mobile{align-items:center;} .d-none-mobile{ display:none; } .d-flex-mobile{display:flex;} .d-block-mobile{display:block;} .d-inline-block-mobile{display:inline-block;} .d-inline-mobile{display:inline;} } /*--- Images ---*/ img{max-width:100%;height:auto;} /*** HOME ***/ .body-container--home .row-number-10{position: relative;} /*** TECH ***/ .body-container--tech .module-hero-pages .illu-hero-pages{top: 7%; right: calc(-160rem / 2); z-index: 0;} /*** ABOUT US ***/ .body-container--about .module-hero-pages .illu-hero-pages{top: 1%; right: calc(-82rem / 2); height: 43rem; width: 53rem; z-index: 0;} @media (max-width: 1024px){ .body-container--about .module-hero-pages .illu-hero-pages {right: calc(-45rem / 2); opacity: 0.2; } .body-container--about .module-hero-pages:before{ left: calc(-93rem /2); opacity: 0.2;} } @media (max-width: 992px){ .body-container--about .module-hero-pages:before{ display: none;} .body-container--about .module-hero-pages { padding-bottom: 0rem;} } /*** CLIENTS ***/ .body-container--clients .module-hero-pages .illu-hero-pages{top: 1%; right: calc(-82rem / 2); height: 43rem; width: 53rem; z-index: 0;} .body-container--clients .module-hero-pages{padding-bottom: 18rem;} .body-container--clients .module-hero-pages:before{content: ""; position: absolute; left: calc(-100rem /2); bottom: -18rem; height: 42rem; width: 81rem; background: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/shapes/about-us-hero-left.svg); background-repeat: no-repeat; background-size: contain; background-position: center;} .body-container--clients .widget-type-form{background: #a5d6df; padding: 5rem 3rem; box-shadow: 0 6px 17px 0 rgba(53, 192, 167, 0.23); border-radius: 20px; width: 90%;} @media (max-width: 1024px){ .body-container--clients .module-hero-pages .illu-hero-pages {right: calc(-45rem / 2); opacity: 0.2; } .body-container--clients .module-hero-pages:before{ left: calc(-93rem /2); opacity: 0.2;} } @media (max-width: 992px){ .body-container--clients .module-hero-pages:before{ display: none;} .body-container--clients .module-hero-pages { padding-bottom: 0rem;} .body-container--clients .widget-type-form{width: 100%} } /*** CLIENTS V2 ***/ .body-container--clients-v2 .row-number-1 {background: linear-gradient(180deg,rgba(232,241,255,1) 32%,rgba(255,255,255,1) 76%);} .body-container--clients-v2 .row-number-1 .module-hero-pages > .row-fluid{ background-image: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/shapes/hero-illu-clients-v2.svg) !important; background-size: contain; background-position: center center; background-repeat: no-repeat;} } .body-container--clients-v2 .module-hero-pages .illu-hero-pages{display: none;} .body-container--clients-v2 .dnd_area-row-1-force-full-width-section > .row-fluid{padding: 0;} .body-container--clients-v2 .widget-type-form{background: #a5d6df; padding: 5rem 3rem; box-shadow: 0 6px 17px 0 rgba(53, 192, 167, 0.23); border-radius: 20px; width: 100%; text-align:center;} .body-container--clients-v2 .widget-type-form .legal-consent-container .input .hs-form-booleancheckbox-display{justify-content: center;} .body-container--clients-v2 form.hs-form .grecaptcha-badge{margin: 0 auto;} .body-container--clients-v2 form.hs-form .hs-submit{justify-content: center;} /*** CONTACT ***/ .body-container--contact .module-hero-pages .illu-hero-pages{top: 1%; right: calc(-82rem / 2); height: 43rem; width: 53rem; z-index: 0;} .body-container--contact .widget-type-form{background: #a5d6df; padding: 5rem 3rem; box-shadow: 0 6px 17px 0 rgba(53, 192, 167, 0.23); border-radius: 20px; width: 50%;} @media (max-width: 1024px){ .body-container--contact .module-hero-pages .illu-hero-pages {right: calc(-45rem / 2); opacity: 0.2; } } @media (max-width: 992px){ .body-container--contact .module-hero-pages:before{ display: none;} .body-container--contact .module-hero-pages { padding-bottom: 0rem;} .body-container--contact .widget-type-form{width: 80%;} } @media (max-width: 480px){ .body-container--contact .widget-type-form{width: 90%;} } @media (max-width: 375px){ .body-container--contact .widget-type-form{width: 100%;} } /*** CONTACT V2 ***/ #main-content .body-container--contact-v2 > .row-fluid-wrapper > .row-fluid > .span12 {background: linear-gradient(180deg,rgba(232,241,255,1) 6%,rgba(255,255,255,1) 35%);} .body-container--contact-v2 .module-hero-pages{padding-bottom: 0;} .body-container--contact-v2 .module-hero-pages .hero-pages-container{padding-bottom: 0;} .body-container--contact-v2 .module-hero-pages .illu-hero-pages{ top: 36%; right: calc(-60rem / 2); height: 35rem; width: 50rem; z-index: 0;} .body-container--contact-v2 .widget-type-form{width: 100%; background: #ccead2; padding: 5rem 3rem; box-shadow: 0 6px 17px 0 rgba(53, 192, 167, 0.23); text-align: center;} .body-container--contact-v2 .widget-type-form .legal-consent-container .input .hs-form-booleancheckbox-display{justify-content: center;} .body-container--contact-v2 form.hs-form .hs-submit{justify-content: center;} .body-container--contact-v2 form.hs-form .grecaptcha-badge{margin: 0 auto;} /*** JOIN US ***/ .body-container--join-us .module-hero-pages .illu-hero-pages{top: 1%; right: calc(-82rem / 2); height: 43rem; width: 53rem; z-index: 0;} .body-container--join-us .module-hero-pages{padding-bottom: 18rem;} .body-container--join-us .module-hero-pages:before{content: ""; position: absolute; left: calc(-100rem /2); bottom: -18rem; height: 42rem; width: 81rem; background: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/shapes/about-us-hero-left.svg); background-repeat: no-repeat; background-size: contain; background-position: center;} @media (max-width: 1024px){ .body-container--join-us .module-hero-pages .illu-hero-pages {right: calc(-45rem / 2); opacity: 0.2; } .body-container--join-us .module-hero-pages:before{ left: calc(-93rem /2); opacity: 0.2;} } @media (max-width: 992px){ .body-container--join-us .module-hero-pages:before{ display: none;} .body-container--join-us .module-hero-pages { padding-bottom: 0rem;} } /*** LANDING PAGE ***/ .body-container--landing-page .widget-type-form {background: #a5d6df;padding: 3.5rem;box-shadow: 0 6px 17px 0 rgba(53,192,167,0.23);border-radius: 20px;} .body-container--landing-page .dnd-section > .row-fluid{max-width: calc(104.0rem + 26rem);} .body-container--landing-page .post-form,.body-container--landing-page .post-body{position:relative;} .body-container--landing-page .post-form::after {content: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/shapes/about-us-hero-right.svg);right: -270px;position: absolute;top: -50px;z-index: -1;} .body-container--landing-page .post-body::after {content: url(https://fs.hubspotusercontent00.net/hubfs/6141609/arcane-website/shapes/arcane-header-analytics.svg);left: -760px;position: absolute;top: -50px;z-index: -1;transform: scale(-1,1);} /**** VIDEO MODULE HUBSPOT *****/ .oembed_container{ position: relative; } .oembed_container:before{ content: ''; position: absolute; top: -5%; left: -3%; width: 5rem; height: 5rem; background-image: url('https://www.arcane.run/hubfs/new-theme-arcane/backgrounds/4-bulle-rouge.png'); background-repeat: no-repeat; background-size: contain; } .oembed_container:after{ content: ''; position: absolute; bottom: -27%; right: -13%; width: 25rem; height: 25rem; background-image: url('https://www.arcane.run/hubfs/new-theme-arcane/backgrounds/2-bulle-section1.png'); background-repeat: no-repeat; background-size: contain; z-index: -1; } @charset 'UTF-8';.slick-loading .slick-list{background:#fff url(https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/lick.eot);src:url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.eot?#iefix') format('embedded-opentype'),url(https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.woff) format('woff'),url(https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.ttf) format('truetype'),url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/fonts/slick.svg#slick') format('svg');font-display:swap}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick','Open Sans',Helvetica,Arial,sans-serif;;font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'β†’'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'β†’'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}body .body-container-wrapper .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick','Open Sans',Helvetica,Arial,sans-serif;;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'β€’';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}