*, *:before, *:after {
box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Responsive Grid */
.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%;
min-height: 0px;/* 28px*/
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"]: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: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) 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%;
min-height: 0px;/*28px*/
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%;
min-height: 0px;/*28px*/
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 */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
/* bootstrap css */
.container {
width: 100% !important;
padding-right: 15px !important;
padding-left: 15px !important;
margin-right: auto !important;
margin-left: auto !important;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1260px) {
.container {
max-width: 1200px !important;
}
}
@media (min-width: 1360px) {
.container-nav {
max-width: 1300px !important;
}
}
.container-fluid {
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.button-cta{padding-top:40px}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
min-height: 1px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%; max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.heading .description{width:75%;margin:auto;}
.heading {padding-bottom: 30px;text-align:center}
li.hs-form-checkbox, .hs-form-radio{display:flex !important}
@media(max-width:767px){
.heading .description{width:100% !important;font-size:16px !important}
}
@media(max-width:767px){
.heading .description{width:100% !important;font-size:16px !important}
}
.content-wrapper {
margin: 0 auto;
max-width: 1240px;
padding: 0 20px;
}
.body-container--blog-post .content-wrapper {
margin: 0 auto;
}
@media screen and (min-width: 1380px) {
.content-wrapper {
padding: 0;
margin: 0 24px;
}
}
.dnd-section {
padding: 120px 24px;
}
.dnd-section > .row-fluid {
margin: 0 auto;
max-width: 1440px;
}
.dnd-section .dnd-column {
padding: 0;
}
@media (max-width: 991px) {
.dnd-section .dnd-column {
padding: 0px 0px;
}
.dnd-section {
padding: 80px 24px;
margin: 0;
}
}
@font-face {
font-family: 'Frends-Variable';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/Frends-Variable.woff2") format("woff2");
font-display: swap;
font-weight: 100 900; /* Specify the range of weights available */
font-stretch: 50% 200%; /* Specify the range of widths available */
}
@font-face {
font-family: 'Gilroy-Black';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-Black.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Gilroy-Bold';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-Bold.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Gilroy-ExtraBold';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-ExtraBold.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Gilroy-Light';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-Light.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Gilroy-Medium';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-Medium.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-Regular.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Gilroy-Thin';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-Thin.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Gilroy-UltraLight';
src: url("//139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/raw_assets/public/Frends/fonts/RadomirTinkov-Gilroy-UltraLight.woff2") format("woff2");
font-display: swap;
}
html {
font-size: 24px;
}
@media (max-width: 480px) {
html {
font-size: 16px;
}
}
body {
color: #000;
font-family: 'Gilroy', sans-serif;
line-height: 1.5;
word-break: break-word;
}
body p{ line-height:1.6;}
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
line-break: strict;
word-break: break-all;
}
/* Paragraphs */
p {
line-height: 25px;
margin-top: 16px;
font-family: Gilroy-Light;
font-size: 16px;
font-style: normal;
font-weight: 400;
color: #58696C;
}
.tag {
font-family: Gilroy;
font-size: 18px;
color: #000;
font-style: normal;
font-weight: 500;
line-height: 18px; /* 100% */
}
.arrowlink,
.systems-page .hs-search-results__link {
color: var(--Black, #000);
position: relative;
font-family: Gilroy;
font-size: 18px;
text-decoration: none;
width: fit-content;
font-style: normal;
font-weight: 500;
line-height: normal;
transition: color 0.4s ease;
}
.arrowlink:hover,
.systems-page .hs-search-results__content:hover {
color: #6717ff;
position: relative;
font-family: Gilroy;
font-size: 18px;
text-decoration: none;
width: fit-content;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.arrowlink::after,
.systems-page .hs-search-results__content::after {
content: "";
position: absolute;
top: 5px;
height: 13px;
width: 6.5px;
right: -0.89rem;
background-color: currentColor;
mask-image: url("data:image/svg+xml,%3Csvg viewBox='8 4 9 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M8.29289 4.29289C8.68342 3.90237 9.31658 3.90237 9.70711 4.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L9.70711 19.7071C9.31658 20.0976 8.68342 20.0976 8.29289 19.7071C7.90237 19.3166 7.90237 18.6834 8.29289 18.2929L14.5858 12 8.29289 5.70711C7.90237 5.31658 7.90237 4.68342 8.29289 4.29289Z'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
transition: transform 0.4s ease;
transform-origin: left center;
}
.arrowlink::before,
.systems-page .hs-search-results__content::before {
content: "";
position: absolute;
top: 9.89px;
height: 2px;
right: -0.86rem;
width: 12px;
background-color: currentColor;
mask-image: url("data:image/svg+xml,%3Csvg viewBox='5 11 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L18 12' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
transition: transform .4s ease;
transform-origin: left center;
}
.arrowlink:hover::after,
.menucta_inner a:hover::after,
.systems-page .hs-search-results__content:hover::after {
transform: translateX(0.45rem);
}
.arrowlink:hover::before,
.menucta_inner a:hover::before,
.systems-page .hs-search-results__content:hover::before {
transform: scaleX(1.99);
}
@media(max-width:991px){
.systems-page .hs-search-results__content:after {
display: none !important;
}
}
@media(max-width:991px){
.systems-page .hs-search-results__content {
color: var(--Black, #000);
position: relative;
font-family: Gilroy;
font-size: 18px;
text-decoration: none;
width: fit-content;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.systems-page .hs-search-results__content:hover {
color: var(--Black, #000);
position: relative;
font-family: Gilroy;
font-size: 18px;
text-decoration: none;
width: fit-content;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.systems-page .hs-search-results__content:after {
background-position: left;
width: 70px;
left: unset;
background-image: url('data:image/svg+xml,');
content: "";
position: absolute;
bottom: 0;
transform: scaleX(1.2);
transition: transform 0.2s ease-in-out;
height: 10px;
background-repeat: no-repeat;
transform-origin: left center; /* Set the transform origin to the left side */
left: 0;
background-size: contain;
bottom: -25px;
}
.systems-page .hs-search-results__content:hover:after {
transform: scaleX(1.35);
}
}
.specialtitle {
font-family: 'Gilroy-Bold';
}
.p-small, .legal-consent-container p, form .hs-richtext,
form .hs-richtext p, .legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p, .hs_cos_wrapper_type_rich_text ul li {
font-family: Gilroy-Light;
font-size: 16px;
font-style: normal;
color: var(--grey-1);
font-weight: 400;
line-height: 25px;
}
.p-medium {
font-family: Gilroy-Medium;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px;
}
.p-quote {
font-family: 'Gilroy';
font-weight: 500;
font-size: 24px;
line-height: 35px;
}
.p-highlight {
font-size: 70px;
font-style: normal;
font-weight: 400;
font-family: 'Gilroy-Bold', sans-serif;
line-height: 40px;
}
.p-large-medium {
font-family: 'Gilroy-Medium', sans-serif;
}
.p-large, .p-large p {
color: var(--Black, #000);
font-family: Gilroy;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 31px; /* 155% */
}
.p-highlight-16 {
color: #59B9F3;
/* Highlight 16 */
font-family: 'Gilroy', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}
.p-highlight_small {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}
strong {
font-weight: 500;
font-family: 'Gilroy-Bold';
}
p[style="font-weight: bold;"] ,span[style="font-weight: bold;"] {
font-family: 'Gilroy-Bold';
}
/* Anchors */
a {
color: var(--Grey-1, #58696C);
font-family: Gilroy;
font-style: normal;
font-weight: 500;
line-height: 25px;
text-decoration-line: underline;
}
a:hover, a:focus {
color: var(--Grey-1, #58696C);
text-decoration-line: underline;
font-family: 'Gilroy-Bold';
font-style: normal;
font-weight: 700;
line-height: 25px;
text-decoration-line: underline;
}
/* Headings */
.hs_cos_wrapper_type_rich_text > :first-child {
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: 'Gilroy', sans-serif;
font-weight: 700;
line-height: 1;
}
h1 {
font-family: 'Gilroy', sans-serif;
font-style: normal;
font-weight: 500;
line-height: 56px;
text-decoration: none;
color: #000;
font-size: 50px;
}
h1.variable {
font-family: 'Gilroy-Bold', sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
line-height: 54px;
font-size: 50px !important;
}
h2 {
font-size: 42px;
font-weight: 500;
line-height: 48px;
}
h2.variable {
font-family: 'Gilroy-Bold', sans-serif;
font-weight: 400;
font-size: 42px;
line-height: 46px;
}
h3 {
font-size: 26px;
line-height: 31px;
font-weight: 500;
}
h4 {
font-size: 22px;
font-weight: normal;
font-weight: 500;
line-height: 26px;
}
h5 {
font-size: 18px;
font-weight: normal;
font-weight: 500;
line-height: 26px;
}
h6 {
font-size: 0.9rem;
font-weight: normal;
font-weight: 500;
line-height: 26px;
}
/* Lists */
ul ul,
ol ul,
ul ol,
ol ol {
margin: 0;
}
ol {
padding-left: 30px;
}
ul.no-list {
list-style: none;
}
.widget-type-rich_text ul, .hs_cos_wrapper_type_rich_text ul {
list-style: none; /* Remove default bullets */
padding-left: 0;
}
.widget-type-rich_text ul li, .hs_cos_wrapper_type_rich_text ul li {
position: relative;
padding-left: 30px; /* Add space for the SVG */
}
.widget-type-rich_text ul li > *, .hs_cos_wrapper_type_rich_text ul li > *, .hs_cos_wrapper_type_rich_text ul li {
margin: 8px 0;
}
.widget-type-rich_text ol li::marker, .hs_cos_wrapper_type_rich_text ol li::marker {
font-family: 'Gilroy-Medium';
font-weight: 200;
font-size: initial;
color: #58696C;
}
.widget-type-rich_text ul li::before, .hs_cos_wrapper_type_rich_text ul li::before {
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
content: '';
position: absolute;
left: 0;
width: 22px;
height: 22px;
}
/* Code blocks */
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote, blockquote p {
text-align: center;
font-family: Gilroy, sans-serif; /* Fallback font */
color: #000; /* Text color, used as SVG fill color */
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 35px; /* 145.833% */
position: relative; /* Ensure positioning for ::before */
padding: 32px;
margin: 0;
}
blockquote p {
margin: 0;
padding: 0;
}
/* Horizontal rules */
hr {
background-color: #CCC;
border: none;
color: #CCC;
height: 1px;
}
/* Subscripts and superscripts */
sup,
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Focus styles */
:focus {
outline: auto;
outline-color: green;
}
.disable-focus-styles :focus {
outline: none;
}
.separator {
width: 150px;
height: 5px;
display: inline-block;
margin: auto;
transition: .3s;
text-align: center;
margin-bottom: 10px;
border-radius: 10px;
}
.heading:hover .separator {
width: 200px;
height: 5px;
}
.heading .description {
padding-bottom: 40px;
}
@media(max-width:991px){
p {
font-size: 20px;
}
h1 {
font-family: Gilroy;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 40px;
}
h2 {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
h3 {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 140% */
}
h4 {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 144.444% */
}
.p-highlight {
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 100% */
}
blockquote {
font-size: 20px;
line-height: 31px; /* 145.833% */
}
}
@media(max-width:991px){
.p-quote {
font-family: 'Gilroy';
font-weight: 500;
font-size: 20px;
line-height: 31px;
}
.p-highlight {
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 40px;
}
.p-large-medium {
font-family: 'Gilroy-Medium', sans-serif;
}
}
button,
.button,
.cta-primary, form input[type=submit],
form .hs-button {
display: flex;
height: 40px;
font-size: 18px;
padding: 0px 25px;
font-family: Gilroy;
white-space: nowrap;
line-height: 25px;
justify-content: center;
font-weight: 700;
align-items: center;
gap: 10px;
color: #fff;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
border-radius: 15px;
-webkit-font-smoothing: antialiased;
text-decoration: none;
width: fit-content;
border: 2px solid var(--purple-dark);
background: var(--purple-dark);
}
/* Target Safari on macOS */
.safari-external-screen button,
.safari-external-screen .button,
.safari-external-screen .cta-primary,
.safari-external-screen form input[type=submit],
.safari-external-screen form .hs-button,
.safari-external-screen .subscribe-section form input[type=submit], form .hs-button {
font-weight: 500 !important; /* Adjust as needed for external screen */
}
/* Target Safari on macOS */
.safari-external-screen button:hover,
.safari-external-screen .button:hover,
.safari-external-screen .cta-primary:hover,
.safari-external-screen form input[type=submit]:hover,
.safari-external-screen form .hs-button:hover,
.safari-external-screen .subscribe-section form input[type=submit], form .hs-button:hover,
.safari-external-screen .footer__inner-secondary.lower__secondary a:hover {
font-weight: 500 !important; /* Adjust as needed for external screen */
}
button:disabled,
.button:disabled {
background-color: #D0D0D0;
border-color: #D0D0D0;
color: #E6E6E6;
}
button:hover,
button:focus,
button:active,
.button:hover,
.button:active,
.button:focus, form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus, form input[type=submit]:active,
form .hs-button:active {
background: var(--purple-prim);
border: 2px solid var(--purple-prim);
color: #FFF;
font-size: 18px;
font-weight: 700;
line-height: 25px;
font-family: Gilroy;
text-decoration: none;
}
.button.button-secondary, .form-button-secondary form input[type=submit] {
color: var(--purple-dark);
border: 2px solid var(--purple-prim);
background: #fff;
}
.button.button-secondary:hover, .button.button-secondary:focus, .form-button-secondary form input[type=submit]:hover, .form-button-secondary form input[type=submit]:focus {
color: var(--purple-dark);
background: var(--purple-ter);
border: 2px solid var(--purple-prim);
}
.button.button-pink, .form-button-pink form input[type=submit] {
color: #fff;
border: 2px solid var(--pink-dark);
background: var(--pink-dark);
}
.button.button-pink:hover, .button.button-pink:focus, .form-button-pink form input[type=submit]:hover, .form-button-pink form input[type=submit]:focus {
color: #fff;
background: var(--pink-prim);
border: 2px solid var(--pink-prim);
}
.button.button-pink-s, .form-button-pink-s form input[type=submit] {
color: var(--pink-dark);
border: 2px solid var(--pink-prim);
background: #fff;
}
.button.button-pink-s:hover, .button.button-pink-s:focus, .form-button-pink-s form input[type=submit]:hover, .form-button-pink-s form input[type=submit]:focus {
color: var(--pink-dark);
background: var(--pink-ter);
border: 2px solid var(--pink-prim);
}
.button.button-green, .form-button-green form input[type=submit] {
color: #fff;
border: 2px solid var(--green-dark);
background: var(--green-dark);
}
.button.button-green:hover, .button.button-green:focus, .form-button-green form input[type=submit]:hover, .form-button-green form input[type=submit]:focus {
color: #fff;
background: var(--green-prim);
border: 2px solid var(--green-prim);
}
.form-button-green-s form input[type=submit] {
color: var(--green-dark);
border: 2px solid var(--green-prim);
background: #fff;
}
.button.button-green-s {
color: var(--green-dark);
border: 2px solid var(--green-prim);
background: #fff;
}
.button.button-green-s:hover, .button.button-green-s:focus, .form-button-green-s form input[type=submit]:focus, .form-button-green-s form input[type=submit]:hover {
color: var(--green-dark);
background: var(--green-ter);
border: 2px solid var(--green-prim);
}
.button.button-orange, .form-button-orange form input[type=submit]{
color: #fff;
border: 2px solid var(--orange-dark);
background: var(--orange-dark);
}
.button.button-orange:hover, .button.button-orange:focus, .form-button-orange form input[type=submit]:hover, .form-button-orange form input[type=submit]:focus {
color: #fff;
background: var(--orange-prim);
border: 2px solid var(--orange-prim);
}
.button.button-orange-s, .form-button-orange-s form input[type=submit] {
color: var(--orange-dark);
border: 2px solid var(--orange-prim);
background: #fff;
}
.button.button-orange-s:hover, .button.button-orange-s:focus, .form-button-orange-s form input[type=submit]:hover, .form-button-orange-s form input[type=submit]:focus {
color: var(--orange-dark);
background: var(--orange-ter);
border: 2px solid var(--orange-prim);
}
.button.button-blue, .form-button-blue form input[type=submit] {
color: #fff;
border: 2px solid var(--blue-dark);
background: var(--blue-dark);
}
.button.button-blue:hover, .button.button-blue:focus, .form-button-blue form input[type=submit]:hover, .form-button-blue form input[type=submit]:focus {
color: #fff;
background: var(--blue-prim);
border: 2px solid var(--blue-prim);
}
.button.button-blue-s, .form-button-blue-s form input[type=submit] {
color: var(--blue-dark);
border: 2px solid var(--blue-prim);
background: #fff;
}
.button.button-blue-s:hover, .button.button-blue-s:focus, .form-button-blue-s form input[type=submit]:hover, .form-button-blue-s form input[type=submit]:focus {
color: var(--blue-dark);
background: var(--blue-ter);
border: 2px solid var(--blue-prim);
}
.button.button-black, .form-button-black form input[type=submit] {
color: #fff;
border: 2px solid #000;
background: #000;
}
.button.button-black:hover, .button.button-black:focus, .form-button-black form input[type=submit]:hover, .form-button-black form input[type=submit]:focus {
color: #fff;
background: var(--grey-1);
border: 2px solid var(--grey-1);
}
.button.button-black-s, .form-button-black-s form input[type=submit] {
color: #000;
border: 2px solid #B3CBCB;
background: #fff;
}
.button.button-black-s:hover, .button.button-black-s:focus, .form-button-black-s form input[type=submit]:hover, .form-button-black-s form input[type=submit]:focus {
color: #000;
background: #D2E5E4;
border: 2px solid #B3CBCB;
}
.tab-link, .tab-link.button-secondary {
background: none !important;
border: 0 !important;
position: relative;
color: rgba(0, 0, 0, 0.50) !important;
font-family: Gilroy-Bold !important;
font-size: 24px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 28px !important; /* 116.667% */
}
.tab-link:hover, .tab-link.button-secondary:hover {
color: #6717FF !important;
}
.tab-link.active, .tab-link.button-secondary.active {
color: #280074 !important;
}
.tab-link.active:after {
content: ""; /* Required for the :after element */
display: block; /* Makes the :after element a block-level element */
width: 100%; /* Full width underline */
height: 2px; /* 2px height for the underline */
background-color: #280074; /* Set the color of the underline */
position: absolute; /* Position it absolutely */
left: 0;
bottom: 0; /* Position it at the bottom of the element */
}
.tab-link.button-pink:hover, .tab-link.button-pink-s:hover {
color: #FF69BD !important;
}
.tab-link.button-pink.active, .tab-link.button-pink-s.active {
color: #8F1459 !important;
}
.tab-link.button-pink.active:after, .tab-link.button-pink-s.active:after {
background-color: #8F1459; /* Set the color of the underline */
}
.tab-link.button-green:hover, .tab-link.button-green-s:hover {
color: #00DE80 !important;
}
.tab-link.button-green.active, .tab-link.button-green-s.active {
color: #004628 !important;
}
.tab-link.button-green.active:after, .tab-link.button-green-s.active:after {
background-color: #004628 !important; /* Set the color of the underline */
}
.tab-link.button-orange:hover, .tab-link.button-orange-s:hover {
color: #FF7923 !important;
}
.tab-link.button-orange.active, .tab-link.button-orange-s.active {
color: #7D3100 !important;
}
.tab-link.button-orange.active:after, .tab-link.button-orange-s.active:after {
background-color: #7D3100 !important; /* Set the color of the underline */
}
.tab-link.button-blue:hover, .tab-link.button-blue-s:hover {
color: #1EBEFF !important;
}
.tab-link.button-blue.active, .tab-link.button-blue-s.active {
color: #034F6D !important;
}
.tab-link.button-blue.active:hover, .tab-link.button-blue-s.active:hover {
background-color: #280074; /* Set the color of the underline */
}
@media (max-width: 991px) {
.button {
width: 100%;
}
form input[type=submit],
form .hs-button {
width: -webkit-fill-available;
}
}
/* Form */
form {
font-family: Gilroy, sans-serif;
max-width: 576px;
}
.hs-form-field {
margin-bottom: 24px;
}
/* Labels */
form label {
color: #000;
display: block;
font-size: 14px;
font-weight: 500;
padding-top: 0;
margin-bottom: 0.35rem;
text-align: left;
width: auto;
}
/* Help text - legends */
form legend {
color: #33475B;
font-size: 0.875rem;
}
/* Inputs */
.input {
position: relative;
}
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
border-radius: 15px;
border: 2px solid rgba(0, 0, 0, 0.15);
background: #FFF;
color: #000 !important;
display: inline-block;
font-size: 0.875rem;
padding: 10px;
width: 100%;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
outline-color: rgba(82, 168, 236, 0.8);
}
fieldset {
max-width: 100% !important;
}
::-webkit-input-placeholder {
color: #BFBFBF;
}
::-moz-placeholder {
color: #BFBFBF;
}
:-ms-input-placeholder {
color: #BFBFBF;
}
:-moz-placeholder {
color: #BFBFBF;
}
::placeholder {
color: #BFBFBF;
}
/* Inputs - checkbox/radio */
form .inputs-list {
margin: 0;
padding: 0;
list-style: none;
}
.inputs-list > li {
display: block;
margin: 0.7rem 0;
padding: 0;
width: 100%;
}
.inputs-list input,
.inputs-list span {
font-size: 14px;
vertical-align: middle;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
border: none;
cursor: pointer;
transform: scale(1.4);
height: auto;
line-height: normal;
margin-right: 0.35rem;
padding: 0;
width: auto;
}
/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
color: #33475B;
content:'\01F4C5';
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.fn-date-picker .pika-table thead th {
color: #FFF;
}
.fn-date-picker td.is-today .pika-button {
color: #343A40;
}
.fn-date-picker td.is-selected .pika-button {
background: #343A40;
border-radius: 0;
box-shadow: none;
}
.fn-date-picker td .pika-button:hover {
background-color: #343A40 !important;
border-radius: 0 !important;
color: #FFF;
}
/* Inputs - file picker */
input[type=file] {
background-color: transparent;
border: initial;
box-shadow: none;
line-height: initial;
padding: initial;
}
/* Headings and text */
form .hs-richtext img {
max-width: 100% !important;
}
form .header {
background-color: transparent;
border: none;
}
/* GDPR */
/* Validation */
.hs-form-required {
color: red;
}
.hs-input.invalid.error {
border-color: #EF6B51;
}
.hs-error-msg {
color: #EF6B51;
margin-top: 0.35rem;
}
/* Submit button */
/* in buttons */
/* Captcha */
.grecaptcha-badge {
margin: 0 auto;
}
/* Table */
table {
border: 0;
margin-top: 16px;
margin-bottom: 0;
}
tbody + tbody {
border-top: 0;
}
.widget-type-rich_text table, .widget-type-rich_text tr, .widget-type-rich_text td {
background: none !important;
}
/* Table Cells */
tr td > * {
margin: 0;
}
th,
td {
border: 0;
padding: 0.75rem;
vertical-align: top;
}
/* Table Header */
thead th,
thead td {
background-color: transparent;
border-bottom: 0;
vertical-align: bottom;
}
.hs-menu-wrapper ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.hs-menu-item a {
text-decoration: none;
}
.hs-menu-item:hover a,
.hs-menu-item:focus a {
text-decoration: none;
}
/* Header container */
.header {
padding: 0;
min-height: 60px;
position: fixed;
width: 100%;
background: white;
z-index: 100000;
}
.body-container {
top: 60px;
position: relative;
}
#hs-link-site_logo_hs_logo_widget {
height: 100%;
display: flex;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
min-height: 60px;
display: flex;
margin: auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
padding:0 20px !important;
max-width: 1355px !important;
justify-content: space-between;
}
.header-links {
display: flex;
width: -webkit-fill-available;
}
.header__mobile-search {
display: none;
}
.desktop-logo {
display: block !important;
}
.mobilelogo {
display: none !important;
}
.mobile-langselect, .langselect-mobile {
display: none;
}
.mobile-langselect .closelang {
display: none;
}
.header__language-switcher--toggle {
position: relative;
display: none;
}
.header__navigation{display:contents;}
.header__container {
display: flex;
}
.header form button {
position: absolute;
right: -7px;
top: 25px;
}
.hs-search-field__bar button svg {
height:22px !important;
}
.header__row-1 {
padding-top: 0px;
position: relative;
}
.header__row-1,
.header__row-2 {
align-items: center;
display: flex;
justify-content: flex-end;
width: max-content;
}
.header__column {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: -webkit-fill-available;
}
.flex-direction-row{
display:flex;
flex-direction: row !important;
}
.header__cta {
display: flex;
align-items: center;
}
.header__search--toggle:before {
content: '';
width: 16px;
height: 16px; /* Ensure height is set to maintain aspect ratio */
cursor: pointer;
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22Icons%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.0667%2014L8.86667%209.8C8.53333%2010.0667%208.15%2010.2778%207.71667%2010.4333C7.28333%2010.5889%206.82222%2010.6667%206.33333%2010.6667C5.12222%2010.6667%204.09722%2010.2472%203.25833%209.40833C2.41944%208.56944%202%207.54444%202%206.33333C2%205.12222%202.41944%204.09722%203.25833%203.25833C4.09722%202.41944%205.12222%202%206.33333%202C7.54444%202%208.56944%202.41944%209.40833%203.25833C10.2472%204.09722%2010.6667%205.12222%2010.6667%206.33333C10.6667%206.82222%2010.5889%207.28333%2010.4333%207.71667C10.2778%208.15%2010.0667%208.53333%209.8%208.86667L14%2013.0667L13.0667%2014ZM6.33333%209.33333C7.16667%209.33333%207.875%209.04167%208.45833%208.45833C9.04167%207.875%209.33333%207.16667%209.33333%206.33333C9.33333%205.5%209.04167%204.79167%208.45833%204.20833C7.875%203.625%207.16667%203.33333%206.33333%203.33333C5.5%203.33333%204.79167%203.625%204.20833%204.20833C3.625%204.79167%203.33333%205.5%203.33333%206.33333C3.33333%207.16667%203.625%207.875%204.20833%208.45833C4.79167%209.04167%205.5%209.33333%206.33333%209.33333Z%22%20fill%3D%22black%22/%3E%3C/g%3E%3C/svg%3E') no-repeat center center;
background-size: contain;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, 0%);
display: block;
}
.header__row-2 {
padding-right:0px; margin: auto;
}
.header__search .hs-search-field__button svg {
display: none;
}
.header__search .hs-search-field__button {
background: none;
height: -webkit-fill-available;
position: absolute;
left: 0;
width: 25px; /* Ensure the button has a size */
top: 0;
cursor: pointer;
border: none;
background-size: 50%;
background-image: url('https://139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/Website%20assets/Search.svg');
background-repeat: no-repeat;
background-position: center;
}
.header__search .hs-search-field__label {
display: none;
}
.header__search .hs-search-field__input {
border-radius: 15px;
border: 2px solid rgba(0, 0, 0, 0.15);
background: #FFF;
padding-left: 60px;
display: flex;
height: 40px;
padding: 14px 15px 15px 45px;
align-items: center;
gap: 8px;
align-self: stretch;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */
}
.header__close--toggle.show:before{
display:block;
z-index:9999;
}
.header form {
margin: 24px;
position: relative;
max-width: none;
}
.header__close--toggle {
cursor: pointer;
margin: 0 5vw;
display: none;
position: relative;
}
.header__language-switcher .lang_list_class li{
font-size:13px !important;
background:#000000;
}
.lang_list_class:after {
top: -7px;
border: 12px solid transparent;
border-bottom-color: #010101 !important;
}
.buy-button .hs-button{
padding:12px 25px !important;
color:#ffffff
}
.buy-button .hs-button a:hover{text-decoration:none}
.header__row-1{
flex-direction: initial;
}
/* Navigation skipper */
.header__skip {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
text-align: left;
top: -1000px;
width: 1px;
}
.header__skip:hover,
.header__skip:focus,
.header__skip:active {
height: auto;
left: 0;
overflow: visible;
top: 0;
width: auto;
}
/* Language selector */
.language__inner .hs-menu-children-wrapper,
.signin__inner .hs-menu-children-wrapper {
background: #fff;
border: .5px solid rgba(0, 0, 0, .15);
border-radius: 15px;
box-shadow: 0 15px 35px 0 rgba(0, 0, 0, .05);
gap: 0;
left: -1.2rem;
padding: 20px 30px;
z-index: 999;
display: flex;
opacity: 0;
visibility: hidden;
position: absolute;
flex-flow: column;
width: 6rem;
transition: all 0.4s ease;
}
.language__inner .hs-menu-children-wrapper li {
line-height: 1;
}
.langselect__btn .hs-menu-children-wrapper.visible,
.sign-in__btn .hs-menu-children-wrapper.visible {
opacity: 1;
visibility: visible;
transform: translateY(30px);
}
.language-selector,
.language-selector .hs-menu-wrapper,
.language-selector .hs-menu-wrapper .language__inner,
.sign__in-desktop, .sign__in-desktop .signin__inner,
.sign__in-desktop .additional_header--links {
height: 100%;
position: relative;
}
.signin__inner .additional_header--links {
justify-content: center;
display: flex;
}
.sign__in-desktop .signin__inner .sign-in__btn {
height: 100%;
margin: auto;
display: flex;
padding: 0 16px;
white-space: nowrap;
align-items: center;
}
.additional_header--links .sign-in__btn.sign-in__btn--mobile a {
color: var(--Black, #000);
text-align: center;
font-family: Gilroy;
font-size: 18px;
padding-right: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.sign__in-mobile {
display: none;
}
.langselect__btn {
justify-content: center;
display: flex;
}
.langselect__btn--icon {
align-items: center;
padding: 0 !important;
display: flex !important;
}
/* Logo */
.header__logo {
align-items: center;
display: flex;
width: -webkit-fill-available;
height: auto;
margin-right: 23px;
max-width: 175px;
overflow: hidden;
}
@media (max-width: 991px) {
.header--toggle.header__navigation--toggle.hide.open{display:none}
.header__container {
flex-direction: column;
padding: 0 !important;
}
.header__close--toggle {
display: none;
}
.header__column {
position: relative;
display: flex;
flex-direction: row;
height: 0;
justify-content: flex-end;
}
.header__row-1 {
padding-top: 0;
width: 100vw;
height: 80px;
position: absolute;
bottom: 0;
}
.header__row-2 {
justify-content: center;
padding:0px 20px;
flex-direction: row-reverse;
margin-top:-65px;
}
.header--toggle.header__search--toggle{
padding: 0 7px !important;
}
.header__close--toggle {
display: block;
}
.header__logo {
width: 100%;
max-width:150px;
}
.header__search {
display: none;
}
}
.header__logo img {
max-width: 100%;
transform: translateY(2px);
}
.header__logo .logo-company-name {
font-size: 28px;
margin-top: 7px;
}
/* Search bar */
.header__search {
padding: 0 22px;
width: auto;
}
.header__search .hs-search-field__input {
padding: 0 15px;
padding-left: 50px;
}
.header__search .hs-search-field--open .hs-search-field__input {
border-radius: 6px;
max-width: 100%;
}
.header__search .hs-search-field--open .hs-search-field__suggestions {
background-color: #FFF;
border: 2px solid #D1D6DC;
border-radius: 0 0 6px 6px;
border-top-width: 1px;
position: relative;
margin: auto;
width: 100%;
z-index: 10;
}
.header__search .hs-search-field__suggestions li {
font-size: 14px;
}
.header__search .hs-search-field__suggestions li a {
color: #494A52;
padding: 10px 15px;
text-decoration: none;
transition: background-color 0.3s;
}
.header__search .hs-search-field__suggestions #results-for {
display: none;
}
.header__close--toggle:before {
content: '';
width: 30px;
height: 30px;
cursor: pointer;
font-size: 35px;
background-size: 100% 100%;
margin: 0px;
position: relative;
top: 50%;
left: 0;
transform: translate(0%, -50%);
display:none;
width: 30px;
margin: 0 25px;
height: 30px;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8,');
position: relative;
top: 50%;
left: 0;
transform: translate(0%, -50%);
display: none; /* This will hide the element by default */
}
.header__close--toggle.show{
display: block;
z-index: 9999;
margin: 10px 24px;
position: relative;
transform: translateX(-45px);
}
/* Language switcher */
.header__language-switcher {
cursor: pointer;
padding-right: 20px;
}
.header__language-switcher .lang_switcher_class {
position: static;
}
.header__language-switcher .lang_list_class {
border: 2px solid;
border-radius: 6px;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
display: block;
left: calc(100% - 24px);
opacity: 0;
min-width: 100px;
padding-top: 0;
text-align: left;
top: 100%;
transition: opacity 0.3s;
visibility: hidden;
}
.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
opacity: 1;
transition: opacity 0.3s;
visibility: visible;
}
.header__language-switcher .lang_list_class:before {
left: 70%;
top: -25px;
}
.header__language-switcher .lang_list_class:after {
left: 70%;
top: -22px;
}
.header__language-switcher .lang_list_class.first-active::after {
top: -22px;
transition: 0.3s;
}
.header__language-switcher .lang_list_class li {
border: none;
font-size: 18px;
padding: 10px 15px;
}
.header__language-switcher .lang_list_class li:first-child {
border-radius: 6px 6px 0 0;
border-top: none;
}
.header__language-switcher .lang_list_class li:last-child {
border-bottom: none;
border-radius: 0 0 6px 6px;
}
.header__language-switcher .lang_list_class li:hover {
background-color: #EBEFF3;
transition: background-color 0.3s;
}
.header__language-switcher--label {
display: flex;
position: relative;
}
.header__language-switcher--label-current {
align-items: center;
display: flex;
font-size: 14px;
margin-left: 10px;
}
.header--toggle.header__search--toggle {
padding: 0 15px;
}
.header__language-switcher--label-current:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #494A52;
content: "";
display: none;
height: 0px;
margin-left: 10px;
margin-top: 3px;
width: 0px;
}
@media (max-width: 991px) {
.sign__in-desktop, .header__search--toggle, .menucta {
display: none !important;
}
}
@media (max-width: 991px) {
.header__language-switcher {
padding-left: 30px;
padding-right: 0;
}
.header__language-switcher .lang_list_class {
border: none;
box-shadow: unset;
display: block;
left: 30px;
opacity: 1;
padding: 0 30px;
top: 0;
visibility: visible;
}
.header__language-switcher .lang_list_class li {
background-color: inherit;
font-size: 22px;
}
.header__language-switcher--label-current {
display: none;
}
.header__language-switcher .globe_class {
background-image: none;
}
.header__language-switcher .lang_list_class li:hover{
background-color: inherit;
}
.header__language-switcher .lang_list_class:before,
.header__language-switcher .lang_list_class:after {
content: none;
}
.header__logo--main{
padding: 10px 0px 5px;
}
}
/* Navigation */
#nav-toggle {
display: none;
}
/* Mobile toggles */
.globe_class {
background-image: url(https://www.maxonshooters.com/hubfs/globe%20language%20selector%20icon.png) !important;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
width: 20px;
height: 20px;
cursor: pointer;
}
@media (max-width: 991px) {
:root {
--dd-duration: 0.35s;
--dd-delay: 0.15s;
}
.header__navigation,
.mobile-langselect.header__language-switcher {
will-change: opacity, transform;
--dd-visibility-delay: calc(var(--dd-duration) + var(--dd-delay));
background-color: #fff;
display: block;
height: auto;
left: auto;
height: 100vh;
width: 100vw;
overflow: scroll;
position: absolute;
right: 0;
top: -5px;
opacity: 0;
visibility: hidden;
padding-top: 1rem;
pointer-events: none;
transition: opacity var(--dd-duration) var(--dd-delay) ease,
visibility 0s var(--dd-visibility-delay) steps(1, end),
transform var(--dd-duration) ease;
transform: translateX(100%);
}
.mobile-langselect.header__language-switcher {
padding-top: 0;
}
.mobile-langselect.header__language-switcher.open {
--dd-visibility-delay: 0s;
opacity: 1;
transform: translateX(0%);
z-index: 9999;
visibility: visible;
pointer-events: all;
}
.header__navigation.open {
--dd-visibility-delay: 0s;
opacity: 1;
transform: translateX(0%);
z-index: 9999;
visibility: visible;
pointer-events: all;
}
.flex-direction-row {
display:block;
flex-direction: row !important;
}
.header__navigation--toggle,
.header__search--toggle,
.header__close--toggle {
cursor: pointer;
margin: 15px 20px;
position: absolute;
right: 0;
top: 0px;
}
.header__navigation--toggle.hide,
.header__search--toggle.hide,
.header__language-switcher--toggle.hide {
display: none;
}
.header__navigation--toggle.open,
.header__search--toggle.open,
.header__language-switcher--toggle.open {
display: block;
margin-left: 0;
margin-right: auto;
}
.header__navigation--toggle:after,
.header__search--toggle:after,
.header__language-switcher--toggle:after {
display: none;
font-size: 26px;
font-weight: 600;
position: absolute;
left: 40px;
text-transform: uppercase;
top: -10px;
}
.header__language-switcher--toggle:before {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 24px;
margin-right: 10px;
transform: translateY(5px);
width: 24px;
}
.header__search--toggle.open:after,
.header__language-switcher--toggle.open:after {
display: block;
word-break: normal;
}
.header__mobile-search .hs-search-field__button,
.header__search.header--element.open .hs-search-field__button {
background: none;
position: absolute;
left: 0;
width: 25px; /* Ensure the button has a size */
top: 0;
cursor: pointer;
border: none;
background-size: 50%;
background-image: url('https://139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/Website%20assets/Search.svg');
background-repeat: no-repeat;
background-position: center;
}
.header__bottom-mobile {
display: flex;
justify-content: space-between;
margin: 0 24px;
padding-bottom: 200px;
padding-top: 24px;
}
.header__mobile-search .hs-search-field__input {
border-radius: 15px;
border: 2px solid rgba(0, 0, 0, 0.15);
background: #FFF;
padding-left: 60px;
display: flex;
height: 40px;
padding: 14px 15px 15px 45px;
align-items: center;
gap: 8px;
align-self: stretch;
width: 100%;
font-family: Gilroy;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 156.25% */
}
.header__mobile-search #autocomplete-results {
display: none;
}
.header__navigation--toggle:before {
display: block;
width: 30px;
height: 25px;
content: '';
cursor: pointer;
background-size: 100% 100%;
margin: 0px;
position: relative;
top: 50%;
left: 0;
transform: translate(0%, 15%);
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3%2018.5V16.5H21V18.5H3ZM3%2013.5V11.5H21V13.5H3ZM3%208.5V6.5H21V8.5H3Z%22%20fill%3D%22black%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: center;
}
.header__close--toggle:before {
content: '';
width: 30px;
height: 30px;
cursor: pointer;
font-size: 35px;
background-size: 100% 100%;
margin: 0px;
position: relative;
top: 50%;
left: 0;
transform: translate(0%, -50%);
display:none;
width: 30px;
height: 30px;
cursor: pointer;
background-size: contain;
margin: 25px 0;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf8,');
position: relative;
top: 50%;
left: 0;
transform: translate(0%, -50%);
display: none; /* This will hide the element by default */
}
.header__navigation--toggle:after {
content: "";
}
.header__language-switcher--toggle:after {
content: "";
}
.header__search--toggle:after {
content:"";
}
.header__close--toggle.show{
position: absolute;
transform: translateX(0px);
}
.header__close--toggle.show:before {
display: block;
position: relative;
z-index: 3;
right: 15px;
top: 0px;
margin: 25px 0;
}
.buy-button{
position: absolute;
top: -45px;
}
}
@media (max-width: 991px) {
.header__close--toggle {
display: none !important;
}
.header--toggle.header__navigation--toggle.hide.open {
display: block !important;
}
.desktop-logo {
display: none !important;
}
.mobilelogo {
display: block !important;
margin: 0 25px;
z-index: 1000;
position: relative;
transform: translateY(7px);
}
.header-links {
margin-top: 13px;
}
.header__cta {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 27px;
}
.body-wrapper--mobile--menu-langselect-open .langselect-mobile {
background: #fff;
display: block;
height: 100vh;
left: 200%;
opacity: 1;
overflow-y: scroll;
position: fixed;
top: 0;
transition: all .7s ease;
width: 100vw;
z-index: 1234;
}
.langselect-mobile {
display: flex;
border-top: 2px solid rgba(0, 0, 0, 0.05);
margin-right: 20px;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
margin-right: 20px;
}
.langselect-mobile .hs-menu-item.hs-menu-depth-2:not(:last-child) {
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
.language-selection {
width: 100%;
}
.mobile-langselect.header__language-switcher.open {
display: flex;
flex-flow: column;
}
.mobile-langselect .closelang {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 1rem;
height: 80px;
}
.mobile-langselect .closelang svg {
width: 17px;
height: 17px;
margin-left: auto;
margin-right: 20px;
}
.mobile-langselect .closelang p {
color: #000;
margin: 0;
}
.sign__in-mobile {
display: flex;
}
.langselect-mobile .langlink {
display: flex;
padding: 16px 0px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
color: #000;
align-self: stretch;
font-family: Gilroy;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 144.444% */
}
.langselect-mobile ul, .langselect-mobile li {
list-style-type: none;
margin: 0;
padding: 0;
}
.header__mobile-search {
display: block;
}
.header__logo img {
transform: translateY(0);
}
.header__language-switcher--toggle {
display: block;
font-size: 20px;
}
.header--toggle.header__language-switcher--toggle {
display: none;
}
.header__language-switcher--toggle.hide {
color: var(--Black, #000);
text-align: center;
font-family: Gilroy;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: none;
}
.header--toggle.header__navigation--toggle {
position: absolute;
top: 0.7rem;
right: 0;
background-image: linear-gradient(to right, transparent, transparent calc(100% - var(--burger-menu-middle-width, 100%)), currentColor calc(100% - var(--burger-menu-middle-width, 100%)));
background-position: left 50%;
background-repeat: no-repeat;
background-size: 100% 2.5px;
color: #000;
display: block;
height: 17px;
overflow: hidden;
transition: all calc(0.3s * var(--burger-open, 0) * -1 + 0.3s) linear;
width: 22px;
}
.header--toggle.header__navigation--toggle::before,
.header--toggle.header__navigation--toggle::after {
background: #000;
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2.5px;
transition: top 0.3s 0.3s ease,
transform 0.3s ease,
background-color 0.3s ease;
}
.header--toggle.header__navigation--toggle::after {
top: auto;
bottom: 0;
transition: bottom 0.3s 0.3s ease,
transform 0.3s ease,
background-color 0.3s ease;
}
.header--toggle.header__navigation--toggle.open {
margin-right: 20px;
background-position: calc(24px * 1.5) 50%;
transition: background-color 0.3s ease;
background-image: linear-gradient(to right, transparent, transparent calc(100% - 24px), #000 calc(100% - 24px));
}
.header--toggle.header__navigation--toggle.open::before {
background: #000;
top: calc(50% - (2.5px / 2));
transform: rotate(45deg);
transition: top 0.3s ease,
transform 0.3s 0.3s ease,
background-color 0.3s ease;
}
.header--toggle.header__navigation--toggle.open::after {
background: #000;
bottom: calc(50% - (2.5px / 2));
transform: rotate(-45deg);
transition: bottom 0.3s ease,
transform 0.3s 0.3 ease,
background-color 0.3s ease;
}
/* content: '';
display: inline-block;
width: 24px;
height: 24px;
transform: translateY(5px);
margin-right: 10px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
} */
}
@media(max-width:575px){
.buy-button{display:none}
}
@media (min-width: 992px) {
.header__container {
position: relative;
}
.header__search {
position: absolute;
left: 0;
right: -2rem;
pointer-events: none;
padding: 0;
opacity: var(--search-open, 0);
visibility: hidden;
transition: all 0.4s ease;
}
.header__search.open {
--search-open: 1;
visibility: visible;
z-index: 9999;
pointer-events: all;
}
.header__search form {
margin: 0;
}
.header__close--toggle::before {
margin: 0;
}
.header__close--toggle {
position: absolute;
right: 0;
top: 50%;
display: block;
opacity: 0;
visibility: hidden;
padding: 0;
margin: 0;
transform: translateX(0);
transition: all 0.4s ease;
}
.header__close--toggle.show {
opacity: 1;
visibility: visible;
position: unset;
transform: translateX(-20px);
}
.header--toggle.header__search--toggle.hide {
display: block;
}
}
.footer {
text-align: left;
background: #000;
margin-top: 60px;
}
.footer__inner--row a:not(.button),
.footer__inner--row p:not(.button) {
text-decoration: none;
color: #fff;
font-size: 20px;
}
.footer a:not(.button):hover {
text-decoration: underline;
}
.footer__inner-secondary.lower__secondary p, .footer__inner-secondary.lower__secondary a {
font-size: 16px;
line-height: 20px;
}
.footer.dnd-section > .row-fluid {
max-width: 1280px !important;
}
.footer-divider__desktop {
display: block;
}
.footer .hs-menu-item.active a {
color: #fff;
}
.footer-newsletter {
justify-content: center;
display: flex;
background: #000;
padding-bottom: 120px;
}
.footer-divider__mobile {
display: none;
}
@media (max-width: 991px) {
.footer-divider__desktop {
display: none;
}
.footer-newsletter {
padding-bottom: 80px;
}
.footer-divider__mobile {
display: block;
}
}
.footer .hs-menu-item a {
font-size: 18px;
}
.footer__copyright{font-size:16px;}
.logo-content p{padding-top:20px}
.footer__container.content-wrapper {
padding: 1rem 0;
}
.footer .hs-menu-wrapper ul{display:inline-block !important}
.footer .hs-menu-item a{padding:.5rem 0rem}
.footer .row{margin:0px !important}
.footer__copyright {
font-size: 1rem;
margin: 0.5rem 0;
}
.footer li.hs-menu-item {
display: inline-block;
margin:3px 8px;
}
.footer li.hs-menu-item:nth-child(1){margin-left:0px}
.footer .hs-menu-item:hover a, .footer .hs-menu-item:focus a { color:#c6c6c6;}
.footer #hs_cos_wrapper_footer_menu-heading1, .footer #hs_cos_wrapper_footer_menu-heading2{color:#fff;font-size:16px;font-weight:bold;padding-bottom:10px}
/* Blog header */
.blog-section {
align-items: center;
background-color: var(--Base-White, #fff);
display: flex;
justify-content: center;
}
.blog-post-row {
display: grid;
gap: 30px;
grid-template-columns: auto auto auto;
}
@media (max-width: 991px) {
.blog-post-row {
grid-template-columns: auto auto;
}
}
@media (max-width: 768px) {
.blog-post-row {
grid-template-columns: auto;
}
}
.blog-post-row .blog-post {
width: 100%;
}
.blog-container {
display: flex;
width: 100%;
flex-direction: column;
}
@media (max-width: 991px) {
.blog-container {
max-width: 100%;
}
}
.blog-header {
justify-content: space-between;
align-content: flex-start;
row-gap: 32px;
flex-wrap: wrap;
margin-top: 80px;
display: flex;
gap: 20px;
text-align: left;
background: none;
font-weight: 600;
line-height: 150%;
}
.blog-post-header::before {
content: url('https://139695046.fs1.hubspotusercontent-eu1.net/hubfs/139695046/Development%20placeholders/placeholder.svg');
display: block;
position: absolute;
width: 20px;
height: 20px;
right: -50px;
}
@media (max-width: 991px) {
.blog-header {
max-width: 100%;
flex-flow: column;
}
}
.blog-intro {
display: flex;
flex-direction: column;
flex: 1;
}
@media (max-width: 991px) {
.blog-intro {
max-width: 100%;
}
}
@media (max-width: 991px) {
.blog-label {
max-width: 100%;
}
}
.blog-title {
color: var(--Gray-900, #101828);
margin-top: 0;
}
@media (max-width: 991px) {
.blog-title {
max-width: 100%;
}
}
.blog-description {
color: var(--Gray-600, #475467);
margin-top: 20px;
font: 400 18px Montserrat, sans-serif;
}
@media (max-width: 991px) {
.blog-description {
max-width: 100%;
}
}
.view-posts-button {
justify-content: center;
border-radius: 4px;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
border: 1px solid rgba(127, 86, 217, 1);
background-color: var(--Brand-600, #7f56d9);
align-self: start;
color: var(--Base-White, #fff);
}
.blog-posts {
align-content: flex-start;
flex-wrap: wrap;
margin-top: 75px;
margin-bottom: 75px;
}
@media (max-width: 991px) {
.blog-posts {
max-width: 100%;
margin-top: 40px;
}
}
.blog-intro p {
margin: 0;
}
.body-container.body-container--blog-post .blog-post {
width: 100%;
margin: auto;
}
.blog-post {
display: flex;
flex-direction: column;
line-height: normal;
width: 33%;
margin-left: 0px;
}
@media (max-width: 991px) {
.blog-post {
width: 100%;
}
}
.blog-post-content {
display: flex;
flex-grow: 1;
flex-direction: column;
font-weight: 600;
}
@media (max-width: 991px) {
.blog-post-content {
margin-top: 32px;
}
}
.blog-post-image {
border-radius: 4px;
background-color: #c4c4c4;
height: 240px;
background-size: cover;
}
.blog-post-category {
color: var(--blue-40);
font-family: Montserrat;
font-size: 16px;
margin-top: 20px;
font-style: normal;
font-weight: 700;
margin-bottom: 0;
line-height: 150%; /* 24px */
}
.blog-post-header {
display: flex;
position: relative;
margin-right: 50px;
margin-top: 25px;
gap: 16px;
font-size: 24px;
color: var(--Gray-900);
line-height: 133%;
}
.blog-post-title {
flex: 1;
color: var(--text-dark);
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
}
.blog-post-icon {
aspect-ratio: 1;
object-fit: contain;
object-position: center;
width: 24px;
margin: auto 0;
}
.blog-post-excerpt {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: var(--text-dark);
font-size: 17px !important;
text-overflow: ellipsis;
margin-top: 25px;
}
/* Blog pagination */
.blog-pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: Lato, sans-serif;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 3.3rem;
text-align: center;
}
.blog-pagination__link {
border: 2px solid transparent;
border-radius: 7px;
color: #494A52;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
margin: 0 0.1rem;
padding: 0.25rem 0.4rem;
text-decoration: none;
}
.blog-pagination__link--active {
border: 2px solid #B0C1D4;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.blog-pagination__prev-link {
margin-right: 0.25rem;
text-align: right;
}
.blog-pagination__next-link {
margin-left: 0.25rem;
text-align: left;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
color: #B0C1D4;
cursor: default;
pointer-events: none;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
fill: #494A52;
margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
fill: #B0C1D4;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
border: 2px solid #B0C1D4;
}
/* Blog post */
.blog-post {
margin: 0 auto;
max-width: 960px;
padding: 0;
}
.blog-post__body {
margin-bottom: 75px;
}
.blog-post h1 {
font-size: 1.6rem;
}
.blog-post__meta {
margin: 1rem 0;
}
.blog-post__meta a {
color: #494A52;
text-decoration: underline;
}
.blog-post__tags {
color: var(--text-dark);
margin: 20px 0;
margin-bottom: 150px;
}
.blog-post__tags svg {
height: auto;
margin-right: 10px;
width: 15px;
fill:#20b446;
}
.blog-post__tag-link {
color: #000;
font-size: .8rem;
}
/* Blog related posts */
.blog-recent-posts {
background-color: #09090e;
margin-top: 3rem;
padding: 2rem 0;
}
.blog-recent-posts h2 {
text-align: center;
}
.blog-recent-posts__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-recent-posts__post {
color: #494A52;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem;
}
@media screen and (min-width: 768px) {
.blog-recent-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/2);
flex: 0 0 calc(100%/2);
}
}
@media screen and (min-width: 1000px) {
.blog-recent-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/3);
flex: 0 0 calc(100%/3);
}
}
.blog-recent-posts__post:hover {
text-decoration: none;
}
.blog-recent-posts__image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 63%;
}
.blog-recent-posts__title {
margin: 1rem 0 0.5rem;
}
/* Blog comments */
.blog-comments {
margin: 0 auto;
max-width: 680px;
}
.blog-comments form {
max-width: 100%;
}
.blog-comments .hs-submit {
text-align: center;
}
.blog-comments .hs-button {
background-color: transparent;
border: 2px solid #ffffff;
color: #ffffff;
}
.blog-comments .hs-button:hover {
background-color: #494A52;
color: #FFF;
}
.blog-comments .comment-reply-to {
border: 0 none;
}
.blog-comments .comment-reply-to:hover {
background-color: transparent;
color: #494A52;
text-decoration: underline;
}
/* Error pages */
.bg-color{background-color:#17171d;}
.error-page {
padding: 10rem 0;
position: relative;
text-align: center;
z-index:1;
}
.systems-page ul.no-list{padding-left:0px}
.error-page:before {
color: #1d2a38;
content: attr(data-error);
font-family: Lato, sans-serif;
font-size: 40vw;
font-weight: bold;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: -1;
}
@media screen and (min-width: 1100px) {
.error-page:before {
font-size: 20rem;
}
}
.error-page__heading {
margin-bottom: 1rem;
}
/* System pages */
.systems-page {
margin: 0 auto;
padding: 3rem 1.4rem;
}
.systems-page h1 {
color: #0270E0;
}
.systems-page .success {
background-color: #CDE3CC;
border: 1.5px solid #4F7D24;
border-radius: 6px;
color: #4F7D24;
display: inline-block;
margin: 1.4rem 0;
padding: 0.1rem 0.7rem;
width: 100%;
}
.systems-page form input {
max-width: 100%;
}
.systems-page form .hs-button{margin:10px 0px}
#email-prefs-form .header {
background-color: transparent;
}
.systems-page #email-prefs-form .header {
position: relative;
}
/* Search pages */
.hs-search-field__bar {
position: relative;
}
.systems-page .hs-search-results__content:after {
right: -110px;
background-position: right;
width: 70px;
bottom: -20px;
background-image: url('data:image/svg+xml,');
}
.hs-search-field__suggestions {
background-color: #FFF;
max-width: 700px;
position: absolute;
right: 0;
top: 100%;
width: 100%;
}
.hs-search-results {
margin-top: 1.4rem;
margin-left: 32px;
}
@media(max-width:991px){
.hs-search-results {
margin-left: 0;
}
}
ul.hs-search-results__listing li {
margin-bottom: 1.4rem;
}
.systems-page .hs-search-results__listing {
gap: 0;
}
.hs-search-results__listing__item {
max-width: 700px;
}
.hs-search-results__title {
color: #000;
font-family: Gilroy, serif;
font-size: 26px;
line-height: 31px;
font-weight: 500;
margin-bottom: 0.35rem;
text-decoration: none;
}
.hs-search-results__title:hover {
text-decoration: underline;
}
.hs-search-results__description {
margin-top: 0;
padding-top: 0;
color: #58696C;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__pagination a {
color: #0270E0;
white-space: nowrap;
}
/* Password prompt */
.password-prompt input[type=password] {
display: block;
height: auto !important;
margin-bottom: 1.4rem;
}
/* Backup unsubscribe */
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0 !important;
}
.backup-unsubscribe input[type=email] {
margin-bottom: 1.4rem;
padding: 0.7rem !important;
}
.bg--purple {
background-color: var(--purple-bg);
}
#archive-webinar {
position: relative;
max-width: 1312px;
overflow: hidden;
margin: 0 auto -2.5rem auto;
padding: 5rem 1.5rem;
> header {
text-align: center;
}
> div.grid {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
}
.post--webinar {
display: flex;
flex-direction: column;
gap: 0.5rem;
justify-content: center;
overflow: hidden;
padding: 1rem;
border-radius: 1.875rem;
border: 2px solid #fff;
overflow: hidden;
background: rgba(255, 255, 255, 0.4);
figure {
position: relative;
margin-inline: -1rem;
margin-top: -1rem;
aspect-ratio: 16/9;
img {
aspect-ratio: 16/9;
z-index: -2;
width: 100%;
object-fit: cover;
z-index: auto;
}
}
figcaption {
position: absolute;
bottom: 1.25rem;
left: 1.5rem;
p {
font-size: 14px;
line-height: 1;
color: var(--purple-dark);
text-transform: capitalize;
border-radius: 1.25rem;
padding: 0.5rem 1rem;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
}
}
@media (min-width: 991px) {
#archive-webinar {
padding: 5rem 0;
}
.post--webinar {
max-width: 396px;
figcaption {
p {
font-size: 1rem;
}
}
}
}