/* Theme base styles */
/* Generic */
*, *: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;
}
/* Objects */
/* 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: 1px;
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: 1px;
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: 1px;
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 ;
}
}
/* Content wrappers for blog post and system templates */
.content-wrapper {
padding: 0 20px;
margin: 0 auto;
}
/* Drag and drop layout styles */
.dnd-section > .row-fluid {
margin: 0 auto;
}
@media (max-width: 767px) {
.dnd-section .dnd-column {
padding: 0;
}
}
/* Elements */
body {
line-height: 1.4;
overflow-wrap: break-word;
}
html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
line-break: strict;
overflow-wrap: normal;
word-break: break-all;
}
/* Paragraphs */
p {
margin: 0 0 1.4rem;
font-size: 1rem;
}
/* Anchors */
a {
cursor: pointer;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 1.4rem;
word-break: break-word;
}
/* Lists */
ul,
ol {
padding-left: 1rem;
margin: 0 0 1.4rem;
}
ul li,
ol li {
margin: 0.7rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 1.4rem 0;
}
.no-list {
padding: 0;
margin: 0;
list-style: none;
}
.no-list li {
margin: 0;
}
/* Code blocks */
pre {
overflow: auto;
}
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote {
padding-left: 1rem;
border-left: 10px solid;
margin: 0 0 1.4rem;
}
/* Horizontal rules */
hr {
border: 0 none;
border-bottom: 1px solid;
}
/* Subscripts and superscripts */
sup,
sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Image alt text */
img {
font-size: 1rem;
word-break: normal;
vertical-align:middle;
}
/* Primary button */
button,
.button,
.hs-button {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
text-align: left;
transition:none;
white-space: normal;
letter-spacing: 0.32px;
line-height:normal;
}
.hs-download-data__button{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button,
.hs-button {
min-height:40px;
}
.button,
.hs-button {
gap:6px;
}
.hs-button-modify--full-width {
width: 100%;
justify-content: center;
text-align: center;
}
/* Simple button */
.button.button--simple {
position: relative;
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;
}
.button.button--simple:hover,
.button.button--simple:focus {
border: none;
background-color: transparent;
}
/* Disabled button */
button:disabled,
.button:disabled,
.hs-button:disabled {
border-color: #f1f1f1;
background-color: #f1f1f1;
pointer-events: none;
}
button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled {
color: #d0d0d0;
}
/* No button */
.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
padding: 0;
border: none;
border-radius: 0;
margin-bottom: 0;
background: none;
color: initial;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: left;
text-decoration: none;
transition: none;
}
/* Tooltip styles for copy to clipboard */
.hs-tooltip {
position: absolute;
bottom: calc(100% + 7px);
left: 50%;
display: none;
height: auto;
width: auto;
padding: 5px 10px;
border-radius: 3px;
background-color: #494a52;
color: #fff;
font-size: 14px;
font-weight: 400;
opacity: 0.8;
transform: translateX(-50%);
}
.hs-tooltip:after {
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
border-top: 5px solid #494a52;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: '';
transform: translateX(-50%);
}
.hs-tooltip__failure,
.hs-tooltip__success {
display: none;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
}
.hs-visible {
display: block;
}
/* Button icons */
.button .button__icon svg {
display: block;
height: 1.25rem;
margin-right: 1rem;
fill: inherit;
}
a.button {
display: flex;
width: fit-content;
align-items: center;
}
a.button_link {
display: flex;
gap: 4px;
align-items: center;
color: #2F2F2F;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.32px;
transition: all 0.5s ease;
text-decoration:none;
}
a.button_link:hover,
a.button_link:focus {
transition: all 0.5s ease;
background: linear-gradient(90deg, #005A64 0%, #009B48 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
gap: 8px !important;
font-weight: 600;
}
a.btn_green{
color: #009B48;
}
/* a.button svg, a.button_link svg {
width: 6px;
height: 18px;
} */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.button .button__icon svg {
width: 1.25rem;
}
}
.button--icon-right .button__icon {
order: 1;
}
.button--icon-right .button__icon svg {
margin-right: 0;
margin-left: 1rem;
}
.hs_submit .actions:before {
content: 'chevron_right';
font-family: Material Symbols Outlined;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-height: 1;
text-transform: none;
white-space: nowrap;
position: absolute;
right: 0;
z-index: 99;
color: #fff;
top: 50%;
transform: translate(0%, -50%);
right: 10px;
}
.hs_submit .actions {
position: relative;
display: inline-block;
}
.hs_submit .actions input {
padding-right: 30px;
}
/* Form title */
.form-title {
margin: 0;
}
.form-title ~ div > form {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Labels */
form label {
display: block;
/* margin-bottom: 0.35rem; */
}
.hsfc-Form,
.hsfc-FormWrapper {
--hsf-module__vertical-spacing: 0.35rem;
}
/* Form fields */
form .hs-form-field {
margin-bottom: 1.4rem;
}
.hsfc-Form,
.hsfc-FormWrapper {
--hsf-row__vertical-spacing: 1.4rem;
}
.form-columns-1 .hs-fieldtype-intl-phone,
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='file'],
form input[type='search'],
form select,
form textarea {
display: inline-block;
width: 100% !important; /* stylelint-disable-line declaration-no-important */
line-height: 1.5;
letter-spacing: -0.08px;
}
form textarea {
vertical-align:middle;
min-height:175px;
}
@media (max-width:767px){
form textarea {
min-height:130px;
}
}
form fieldset {
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
/* Form fields - checkbox/radio */
form .inputs-list {
padding: 0;
margin: 0;
list-style: none;
}
form .inputs-list > li {
display: block;
margin: 0.7rem 0;
}
form .inputs-list input,
form .inputs-list span {
vertical-align: middle;
}
form input[type='checkbox'],
form input[type='radio'] {
margin-right: 0.35rem;
cursor: pointer;
}
/* Form fields - date picker */
form .hs-dateinput {
position: relative;
}
form .hs-dateinput:before {
position: absolute;
top: 50%;
content: '\01F4C5';
transform: translateY(-50%);
}
form .is-selected .pika-button {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
}
form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
}
/* Form fields - file picker */
form input[type='file'] {
padding: initial;
border: initial;
background-color: transparent;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
margin: 0 0 1.4rem;
font-size: 0.8rem;
}
form .hs-richtext img {
height: auto;
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
form .legal-consent-container, form .legal-consent-container .hs-richtext, form .legal-consent-container .hs-richtext p{
line-height:1.33;
}
/* GDPR */
form .legal-consent-container .hs-form-booleancheckbox-display > span {
margin-left: 1rem !important; /* stylelint-disable-line declaration-no-important */
}
/* Validation */
form .hs-form-required {
color: #ef6b51;
}
form .hs-input.error {
border-color: #ef6b51;
}
form .hs-error-msg,
form .hs-error-msgs {
margin-top: 0.35rem;
color: #ef6b51;
}
.hsfc-Form,
.hsfc-FormWrapper {
--hsf-global-error__color: #ef6b51;
--hsf-field-label-requiredindicator__color: var(--hsf-global-error__color);
--hsf-erroralert__color: var(--hsf-global-error__color);
}
/* Submit button */
form input[type='submit'],
form .hs-button {
display: inline-block;
width: 100%;
cursor: pointer;
text-align: center;
transition: all 0.15s linear;
white-space: normal !important; /* stylelint-disable-line declaration-no-important */
}
/* Captcha */
.grecaptcha-badge {
margin: 0 auto;
}
/******************************************** Radio Button CSS*******************************************************/
form .input ul.inputs-list li label input[type="radio"]:checked+span:before {
background: #009b48;
background-size: 14px;
background-position: center center;
border-radius: 50%;
box-shadow: 0 0 0 4px #fff inset;
}
form .input ul.inputs-list li label input[type="radio"] {
opacity: 0;
display: none !important;
}
form .input ul.inputs-list li label input[type="radio"]+span:before {
margin-top: -3px;
content: '';
background: #f3f3f3;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
padding: 2px;
margin-right: 10px;
text-align: center;
border: 1px solid #9C9D9D;
border-radius: 50%;
}
/******************************************** Check Box CSS*******************************************************/
.input ul.inputs-list li label input[type="checkbox"]:checked+span:before {
background: #009b48 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjZmZmZmZmIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZD0iTTE3NDMuODU4IDI2Ny4wMTIgNzEwLjc0NyAxMzAwLjEyNCAxNzYuMDA1IDc2NS4zODIgMCA5NDEuMzg3bDcxMC43NDcgNzEwLjg3MSAxMjA5LjI0LTEyMDkuMTE2eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4=);
background-size: 10px;
background-position: center center;
background-repeat: no-repeat;
}
.input ul.inputs-list li label input[type="checkbox"] {
opacity: 0;
display: none !important;
}
.input ul.inputs-list li label input[type="checkbox"]+span:before {
margin-top: 5px;
content: '';
background: #f3f3f3;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
padding: 2px;
margin-right: 10px;
text-align: center;
border: 1px solid #9C9D9D;
position: absolute;
left: 0;
}
li.hs-form-booleancheckbox {
position: relative;
}
form .legal-consent-container .hs-form-booleancheckbox-display>span {
margin-left: 25px !important;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
color: #2f2f2f;
font-size: 14px;
line-height: 1.33;
font-weight: 400;
font-family: "Encode Sans Condensed";
}
ul.no-list.hs-error-msgs.inputs-list li {
margin: 0;
}
form .hs-form-field {
margin: 0 0 14px;
}
/*
form fieldset {
margin: 0px 0 14px !important;
} */
form select {
-moz-appearance: none;
-webkit-appearance: none;
color: #2b2b2b;
background:#f3f3f3 url("https://144349406.fs1.hubspotusercontent-eu1.net/hubfs/144349406/keyboard_arrow.svg");
background-position: 97% center !important;
background-repeat: no-repeat !important;
background-size: 25px auto;
}
.hs-form-field label input[type="checkbox"]:checked+span:before {
background: #009b48 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjZmZmZmZmIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZD0iTTE3NDMuODU4IDI2Ny4wMTIgNzEwLjc0NyAxMzAwLjEyNCAxNzYuMDA1IDc2NS4zODIgMCA5NDEuMzg3bDcxMC43NDcgNzEwLjg3MSAxMjA5LjI0LTEyMDkuMTE2eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQo8L3N2Zz4=);
background-size: 10px;
background-position: center center;
background-repeat: no-repeat;
}
.hs-form-field label input[type="checkbox"] {
opacity: 0;
display: none !important;
}
.hs-form-field label input[type="checkbox"]+span:before {
margin-top: 5px;
content: '';
background: #f3f3f3;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
padding: 2px;
margin-right: 10px;
text-align: center;
border: 1px solid #9C9D9D;
position: absolute;
left: 0;
}
form .legal-consent-container label {
font-size: 14px;
}
form .hs-richtext strong,
form .hs-richtext strong a {
font-weight: 700;
}
/* Icon wrapper */
.icon {
display: inline-flex;
border-radius: 50%;
}
.icon--square .icon {
border-radius: 0;
}
/* Icon */
.icon svg {
vertical-align: middle;
}
/* Table */
table {
border-collapse: collapse;
margin-bottom: 1.4rem;
overflow-wrap: break-word;
}
/* Table cells */
th,
td {
padding: 0.7rem;
vertical-align: top;
}
/* Table header */
thead th,
thead td {
vertical-align: bottom;
}
table.no-border td,
table.no-border th {
border: none;
}
/* Unordered list */
.widget-type-rich_text ul,
.baseModuleStyle.image_content ul {
position: relative;
list-style-type: none;
}
.widget-type-rich_text ul li::before,
.baseModuleStyle.image_content ul li::before {
content: "\2212";
position: absolute;
left: 8px;
color: #009b48;
line-height: 1;
font-size: 1.4em;
}
ul li.unordered-list--white::before {
color: #fff;
}
/* Components */
/* Header container */
#header {
background: #fff;
position: relative;
z-index: 9;
}
/* The overlay effect with black background */
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
}
/* The content */
.overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
}
/* Close button */
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.overlay .closebtn:hover {
color: #ccc;
}
/* Style the search field */
.overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: white;
}
.overlay input[type=text]:hover {
background: #f1f1f1;
}
/* Style the submit button */
.overlay button {
float: left;
width: 20%;
padding: 15px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;
}
.overlay button:hover {
background: #bbb;
}
.header {
width: 100%;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.header__container__main {
padding: 16px 0;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.header--no-navigation {
padding-top: 20px;
padding-bottom: 20px;
}
.header__container--no-navigation img {
vertical-align: middle;
margin-top: 0 !important;
}
.justify-content-end {
justify-content: end !important;
}
.header_platfrom_login a{
margin: 0 0 15px;
display: flex;
}
.header_platfrom_login span {
font-weight: 500;
text-decoration: underline;
}
.header__column ul li a.menu-link {
font-family: "Encode Sans Condensed";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
color:#6F6F6E;
}
.white_language {
color: #fff !important;
font-size: 21px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: normal !important;
letter-spacing: 0.42px !important;
}
@media only screen and (min-width:769px) {
.header__column-mega-menu {
flex: auto;
text-align: center;
}
}
@media (min-width: 1001px) {
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
}
@media (max-width: 767px) {
}
.header_button_no_navigation {
margin-top: 5px;
}
.header__button .elements-module-buttons-container button {
margin-bottom: 0;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__row-1,
.header__row-2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
/* Navigation skipper */
.header__skip {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
text-align: left;
top: -1000px;
width: 1px;
}
.header__skip:active,
.header__skip:focus,
.header__skip:hover {
left: 0;
overflow: visible;
top: 0;
width: auto;
}
/* ------------------------------------------------------------------ header_style_1 ----------------------------------------------------------------------*/
/* Navigation */
#nav-toggle {
display: none;
}
.header__menu--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__search .hs-search-field__input:focus {
position: absolute !important;
right: -2px !important;
top: -23px !important;
width: 200px;
}
.header__search--toggle {
fill: #1F2559 !important;
}
.header__button {
margin-left: 8px;
}
.header__navigation {
margin-right: 8px;
}
.header__navigation.header--element ul.submenu.level-1 li {
margin: 0;
padding:0 20.5px;
text-transform: capitalize;
}
.header__logo.header__logo--main img {
margin: 0 !important;
max-width: 185px !important;
}
/* Tablet styles */
/*
@media (max-width: 1150px) and (min-width: 858px) {
.header__column {
width: 100%;
}
}*/
img.black_language {
display: none;
}
@media (max-width:1200px){
.header__navigation.header--element ul.submenu.level-1 li {
margin: 0;
padding: 0 5px;
text-transform: capitalize;
}
.header__navigation.header--element ul.submenu.level-1 li a {
font-size:14px;
}
}
/* Mobile styles */
@media (max-width: 1024px) {
img.black_language {
display: block;
}
img.white_language {
display: none;
}
.header__language-switcher-label-current.headerLanguageCurrent.text {
background: transparent !important;
border-radius: 0;
}
.headerLanguageSwitcher .header__language-switcher-label-current img, .headerLanguageSwitcher .lang_switcher_link img {
height: 21px !important;
width: 21px !important;
}
.header__navigation.header--element ul.submenu.level-1 {
display:block;
}
.header__language-switcher .lang_list_class {
left: -18px !important;
}
.header__language-switcher {
position: absolute;
right: 43px;
top: -50px;
}
.sticky {
padding: 8px 0 10px !important;
}
.hs_cos_wrapper_site_logo_hs_logo_widget img {
margin-top: 8px;
}
.header__button {
display: none;
}
.header__logo--main {
padding-bottom: 0px !important;
}
span.headerLanguageText {
display: none;
}
.header__language-switcher-label-current.headerLanguageCurrent.text {
background: transparent;
border-radius: 0;
}
}
@media (min-width: 910px) {
.header__search {
display: none;
}
}
@media (max-width: 767px) {
.header__logo img {
margin-top: 0px !important;
}
.header__logo.header__logo--main img.hs-image-widget {
width: 113px !important;
margin: 0;
}
}
@media (max-width: 1024px) {
.header_platfrom_login {
display: flex;
justify-content: end;
padding: 0 15px;
}
.header__row-2 {
display: none !important;
}
.header__search .hs-search-field__input:focus {
position: relative !important;
right: unset !important;
top: unset !important;
width: 100%;
}
.header__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 9px 0 0;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
}
.header--no-navigation {
padding-top: 20px;
padding-bottom: 20px;
}
.header__container--no-navigation {
padding: 0;
}
.header__container form {
max-width: 100%;
}
.header__logo {
padding: 0px 0px 0px 0px;
width: 100%;
}
.header--no-navigation .header__logo {
margin: 0 auto 0;
}
.header__navigation,
.header__search,
.header__language-switcher {
/*display: none;*/
}
/* .header__navigation,
.header__search {
opacity: 0;
height: 0;
width: 100%;
visibility: hidden;
transition: all .25s ease-in-out;
position: absolute;
top: 10px !important;
left: 0;
right: 0;
} */
.header__navigation.open,
.header__search.open {
background-color: #FFFFFF;
/*display: block;*/
height: calc(100vh - 115px);
z-index: 999;
opacity: 1;
visibility: visible;
}
.header__navigation--toggle,
.header__search--toggle,
.header__language-switcher--toggle,
.header__close--toggle {
cursor: pointer;
margin: 0 5vw;
position: relative;
}
.header__navigation--toggle.hide,
.header__search--toggle.hide {
/*display: none; */
opacity: 0;
visibility: hidden;
}
.header__navigation--toggle.open,
.header__search--toggle.open {
/*display: block;*/
margin-left: 0;
margin-right: auto;
}
.header__navigation--toggle.open:after,
.header__search--toggle.open:after {
/* display: block;*/
visibility: visible;
word-break: normal;
opacity: 1;
}
.header__navigation--toggle:after,
.header__search--toggle:after {
/*display: none; */
visibility: hidden;
font-size: 26px;
font-weight: 600;
position: absolute;
display: block;
left: 40px;
text-transform: uppercase;
top: -10px;
transition: 0.35s ease-in-out;
opacity: 0;
}
.header__column {
position: relative;
}
.header__row-1,
.header__row-2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header__row-2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px;
}
.header__navigation--toggle {
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 18px;
visibility: visible;
cursor: pointer;
height: 38px;
width: 38px;
position: absolute;
display: block !important;
opacity: 1;
top: -48px;
right: 20px;
padding: 10px !important;
border-radius: 7px;
transition: all ease 0.35s !important;
}
.header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle {
margin: 0 !important;
}
.header__search--toggle {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRwdCIgaGVpZ2h0PSIyNHB0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTIuMTU2ODYzJSwxNC41MDk4MDQlLDM0LjkwMTk2MSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMC41NzAzMTIgMCBDIDQuNzQyMTg4IDAgMCA0Ljc0MjE4OCAwIDEwLjU3MDMxMiBDIDAgMTYuMzk4NDM4IDQuNzQyMTg4IDIxLjEzNjcxOSAxMC41NzAzMTIgMjEuMTM2NzE5IEMgMTYuMzk4NDM4IDIxLjEzNjcxOSAyMS4xMzY3MTkgMTYuMzk4NDM4IDIxLjEzNjcxOSAxMC41NzAzMTIgQyAyMS4xMzY3MTkgNC43NDIxODggMTYuMzk4NDM4IDAgMTAuNTcwMzEyIDAgWiBNIDEwLjU3MDMxMiAxOS4xODc1IEMgNS44MTY0MDYgMTkuMTg3NSAxLjk1MzEyNSAxNS4zMjAzMTIgMS45NTMxMjUgMTAuNTcwMzEyIEMgMS45NTMxMjUgNS44MTY0MDYgNS44MTY0MDYgMS45NTMxMjUgMTAuNTcwMzEyIDEuOTUzMTI1IEMgMTUuMzIwMzEyIDEuOTUzMTI1IDE5LjE4NzUgNS44MTY0MDYgMTkuMTg3NSAxMC41NzAzMTIgQyAxOS4xODc1IDE1LjMyMDMxMiAxNS4zMjAzMTIgMTkuMTg3NSAxMC41NzAzMTIgMTkuMTg3NSBaIE0gMTAuNTcwMzEyIDE5LjE4NzUgIi8+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTIuMTU2ODYzJSwxNC41MDk4MDQlLDM0LjkwMTk2MSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAyMy43MTQ4NDQgMjIuMzM1OTM4IEwgMTguMTIxMDk0IDE2Ljc0MjE4OCBDIDE3LjczODI4MSAxNi4zNTkzNzUgMTcuMTIxMDk0IDE2LjM1OTM3NSAxNi43NDIxODggMTYuNzQyMTg4IEMgMTYuMzU5Mzc1IDE3LjEyMTA5NCAxNi4zNTkzNzUgMTcuNzM4MjgxIDE2Ljc0MjE4OCAxOC4xMjEwOTQgTCAyMi4zMzU5MzggMjMuNzE0ODQ0IEMgMjIuNTIzNDM4IDIzLjkwNjI1IDIyLjc3MzQzOCAyNCAyMy4wMjM0MzggMjQgQyAyMy4yNzM0MzggMjQgMjMuNTIzNDM4IDIzLjkwNjI1IDIzLjcxNDg0NCAyMy43MTQ4NDQgQyAyNC4wOTM3NSAyMy4zMzIwMzEgMjQuMDkzNzUgMjIuNzE0ODQ0IDIzLjcxNDg0NCAyMi4zMzU5MzggWiBNIDIzLjcxNDg0NCAyMi4zMzU5MzggIi8+CjwvZz4KPC9zdmc+Cg==) !important;
background-size: cover;
height: 25px;
width: 25px;
position: absolute;
top: -41px;
right: 70px;
}
.header__search--toggle:after {
content: "Search";
}
.header__search {
border-top: 2px solid #CED4DB;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 30px;
}
.header__search .hs-search-field__input {
padding-left: 15px;
}
.header__search .hs-search-field__suggestions li {
padding: 10px 0;
}
.header__close--toggle {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 13px;
background-position: center;
visibility: hidden;
height: 43px !important;
margin-right: 0;
width: 43px !important;
margin-top: 16px;
position: absolute;
opacity: 0;
top: -50px;
right: 20px;
padding: 10px !important;
border-radius: 7px;
transition: all ease 0.35s !important;
}
.header__close--toggle.show {
visibility: visible;
opacity: 1;
}
}
/*******************
** Language Switcher
*********************/
ul.lang_list_class {
padding: 0;
}
.headerLanguageSwitcher .lang-box .globe_class { background-image: none !important; width: 0; height: 0;}
.topNavigationAlign { display: flex; justify-content: flex-end; align-items: center; padding-right:20px;}
.headerLanguageSwitcher .lang-box { line-height: 0;}
.headerLanguageSwitcher span#hs_cos_wrapper_language_switcher { font-size: 0;}
.headerLanguageCurrent{cursor:pointer;}
.headerLanguageSwitcher { position: relative; line-height: 0; height: 33px; }
.headerLanguageSwitcher ul.lang_list_class {width: 52px; border: none; top: 32px; }
.headerLanguageSwitcher ul.lang_list_class li { text-align:center;padding: 0px 0px; border: none; background:transparent;}
.headerLanguageSwitcher ul.lang_list_class li a{padding: 8px 10px; border: none; background-color: #c5c6c6; display:block; color:#fff !important;}
.headerLanguageSwitcher .lang_switcher_link img { width: 16px; height: 16px; }
.headerLanguageSwitcher .header__language-switcher-label-current img { width: 16px; height: 16px; }
.headerLanguageSwitcher .lang_list_class:after,.headerLanguageSwitcher .lang_list_class:before { display: none; }
.headerLanguageSwitcher .lang_list_class li:first-child { border: none; padding-top: 0px; }
.headerLanguageSwitcher .lang_list_class li:last-child { padding-bottom: 8px; border-bottom: none; }
/* .headerLanguageSwitcher .langBoxOpen {
background: rgba(255, 255, 255, 0.75);
border-radius: 16px 16px 0px 0px;} */
.headerLanguageSwitcher .headerLanguageCurrent { padding: 6px;}
.headerLanguageSwitcher ul.lang_list_class { width: 52px; border: none; top: 32px;}
.whiteHeaderSection .headerLanguageSwitcher .langBoxOpen { background-color: #333;}
.whiteHeaderSection .headerLanguageSwitcher ul.lang_list_class{ background-color: #333;}
.header.headerSticky .headerLanguageSwitcher ul.lang_list_class,
.header.headerSticky .headerLanguageSwitcher .langBoxOpen{ background: #333;}
.headerLanguageSwitcher .lang_switcher_class{position: inherit;}
.header__language-switcher-label-current.headerLanguageCurrent.text {
background: #C5C6C6;
border-radius: 0;
height:33px;
}
span.headerLanguageText {
color: #fff !important;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 100%;
letter-spacing: -0.08px;
text-transform: uppercase;
}
.header__language-switcher .lang_list_class a:focus, .header__language-switcher .lang_list_class a:hover {
background-color: #005a64 !important;
color: #fff !important;
}
.header__language-switcher-label-current.headerLanguageCurrent.text {
display: flex;
align-items: center;
gap: 2px;
}
li.top-level-link a {
color: #6f6f6e;
font-family: Encode Sans Condensed;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
margin: 0;
padding: 0 20.5px;
}
ul.main-nav li {
margin: 0;
}
@media(min-width:1025px){
.headerLanguageSwitcher .lang-box .headerLanguageCurrent{ transition: all ease 0.3s;}
.headerLanguageSwitcher .lang-box.langSwitcher_hover ul.lang_list_class{display:block;}
/* .headerLanguageSwitcher .lang-box.langSwitcher_hover .headerLanguageCurrent { background:;} */
.whiteHeaderSection .headerLanguageSwitcher .lang-box.langSwitcher_hover .headerLanguageCurrent { background-color: #444;}
.whiteHeaderSection .headerLanguageSwitcher .lang-box.langSwitcher_hove ul.lang_list_class{ background-color: #555;}
.headerSticky .headerLanguageSwitcher .lang-box.langSwitcher_hover .headerLanguageCurrent{background: #666;}
.jobHeader.headerSticky .navigation .hs-menu-wrapper ul li a { color: #FFF; }
}
@media(max-width:1024px){
.headerLanguageSwitcher ul.lang_list_class.activeLangBox { display: block;
position: absolute;
top: 32px;
width: 52px;
right: 0;
left: 0 !important;
background: #c5c6c6;
}
.header.headerSticky .headerLanguageSwitcher ul.lang_list_class,
.header.headerSticky .headerLanguageSwitcher .langBoxOpen{ background: #444;}
.whiteHeaderSection .headerLanguageSwitcher .langBoxOpen, .whiteHeaderSection .headerLanguageSwitcher ul.lang_list_class{ background: #444;}
}
@media(min-width:1025px){
.headerLanguageSwitcher { display: block ;}
.headerLanguageSwitcher ul.lang_list_class { display: block; opacity: 0; visibility: hidden; transition:all ease 0.3s;}
.headerLanguageSwitcher .lang-box.langSwitcher_hover ul.lang_list_class{ opacity: 1; visibility: visible;}
}
@media(max-width: 1024px){
/*********
Language Switcher
************/
.headerLanguageSwitcher.mobileLangButton { padding:20px; }
.headerTest .headerLanguageSwitcher.mobileLangButton { padding: 26px 16px 26px 16px; }
.navigation .hs-menu-wrapper ul li a.lang_switcher_link { padding: 0; }
.headerLanguageSwitcher span#hs_cos_wrapper_module_163341385539614_language_switcher { width: calc(100% - 28px); }
.headerLanguageSwitcher.mobileLangButton .headerLanguageCurrent { padding: 8px 8px ; width: 32px ; height: 32px ; border-radius: 16px 0 0 16px ; text-align: center; display: flex; justify-content: center; align-items: center; }
.headerLanguageSwitcher.mobileLangButton .headerLanguageCurrent.langBoxOpen { background: #444;}
.headerLanguageSwitcher.mobileLangButton .headerLanguageCurrent img { width: 16px; height: 16px; }
.headerLanguageSwitcher ul.lang_list_class { top: 0; display:none; position: inherit; transform: inherit; left: 0; padding-left: 2px; padding-right: 4px; width: auto; background: #ddd; }
.headerLanguageSwitcher .lang-box { display: flex; align-items: center; }
.headerLanguageSwitcher .lang-box .globe_class { width: auto; height: auto; }
.headerLanguageSwitcher.mobileLangButton { display: block;}
.headerLanguageSwitcher.mobileLangButton { height: auto;}
.headerLanguageSwitcher ul.lang_list_class li { display: inline-block; vertical-align: middle;}
}
.elements-overlay-search input[type=text]:focus-visible {
outline: none;
}
/* Card */
.card {
border: 0;
}
.card--dark,
.card--light {
padding: 1.4rem;
}
/* Logo */
.widget-type-logo:not(.hs-lp-header-logo) img {
height: auto;
max-width: 100%;
margin-bottom: 1.4rem;
}
/* Menu and simple menu */
.hs-menu-wrapper ul {
display: flex;
padding-left: 0;
margin: 0;
flex-wrap: wrap;
justify-content: space-around;
list-style: none;
}
.hs-menu-wrapper li {
margin: 0;
}
@media (max-width: 767px) {
.hs-menu-wrapper li {
margin-bottom: 1.4rem;
text-align: center;
}
}
/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
flex-direction: column;
}
@media (max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
flex-direction: column;
}
}
/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
flex-direction: column;
}
/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
display: inline-flex;
}
@media (max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-vertical ul {
display: flex;
}
}
.hs-menu-wrapper.flyouts .hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
position: absolute;
left: -9999px;
opacity: 0;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
display: block;
white-space: nowrap;
}
/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
top: 100%;
left: 0;
opacity: 1;
}
/* prettier-ignore */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
top: 0;
left: 100%;
opacity: 1;
}
@media (max-width: 767px) {
/* prettier-ignore */
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts
.hs-item-has-children:hover
> .hs-menu-children-wrapper {
position: relative;
top: auto;
left: 0;
opacity: 1;
}
}
/* Rich text */
.widget-type-rich_text img {
height: auto;
max-width: 100%;
}
/* If the default module language switcher is used, keep growth margins from messing it up */
.lang_switcher_class .lang_list_class li {
margin: initial;
}
/* Teamplates */
.blog-section {
background: #F3F3F3;
padding: 60px 0 120px;
}
.blog-header {
display: flex;
flex-wrap:wrap;
align-items: flex-end;
padding-bottom:45px;
}
.blog-header .heading {
width: 55%;
}
.blog-header .heading *:last-child {
margin-bottom: 0;
}
.filter-tags {
width: 45%;
}
.blog-header .heading h3 strong {
font-weight: 700;
}
.filter-tag {
font-size: 14px;
text-decoration: none;
display: inline-block;
padding: 4px 11px;
background-color: #fff;
color: #9C9D9D;
line-height: 1.5;
}
.filter-list {
padding: 0;
margin: 0;
list-style-type: none;
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content: flex-end;
}
.filter-tag-item {
margin: 0;
padding: 0;
}
.active .filter-tag,
.filter-tag.active,
.filter-tag:hover,
.filter-tag:focus,
.filter-tag:active{
color: #fff;
background-color: #009B48;
text-decoration: none;
}
.blog-index {
display: flex;
flex-wrap: wrap;
margin: 0 -9px;
}
.blog-index-post {
padding: 0 9px;
width: 33.33%;
margin-bottom: 18px;
}
.blog-index-post-inner {
position: relative;
height:100%;
background-color:#fff;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.0);
transition: all 0.3s ease-in-out;
}
.blog-index-post-inner:hover {
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);
}
.blog-index-post-inner .overlay-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.blog-index-post-img {
height: 180px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.blog-index__post-content {
padding: 27px;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 180px);
}
.no-img .blog-index__post-content{
height:100%;
}
.blog-index-post-meta {
display: flex;
flex-wrap: wrap;
font-size: 12px;
line-height: 1.2;
}
.blog-index-post .date {
color: #9C9D9D;
}
.blog-index__topic-link {
color: #9C9D9D;
text-transform: uppercase;
letter-spacing: 1.08px;
z-index:4;
position:relative;
}
.blog-index__topic:after {
content: '·';
margin-right: 6px;
font-weight: 700;
margin-left: 3px;
}
.blog-index__topic-link,
.blog-index__topic-link:hover,
.blog-index__topic-link:focus,
.blog-index__topic-link:active{
font-weight:700;
text-decoration: none;
}
.blog-index__post-title {
margin-bottom: 0;
margin-top: 12px;
text-decoration: none;
font-weight: 400;
line-height: 1.2;
}
.blog-index__post-title a {
color: inherit;
}
.blog-index__post-title a,
.blog-index__post-title a:hover,
.blog-index__post-title a:focus,
.blog-index__post-title a:active{
font: inherit;
text-decoration: none;
}
.blog-index__post-summary {
margin-top: 20px;
}
.read-more-btn {
margin-top: 27px;
z-index:4;
}
.read-more-btn a {
font-size: 16px;
letter-spacing: .32px;
line-height: normal;
}
.read-more-btn a,
.read-more-btn a:hover,
.read-more-btn a:focus,
.read-more-btn a:active{
text-decoration: none;
font-weight: 600;
}
.blog-index-post.lg-post {
width: 100%;
}
.blog-index__author-info {
display: flex;
align-items: center;
margin-bottom: 20px;
row-gap: 5px;
color: #9c9d9d;
font-size:12px;
}
.blog-index__author-avatar {
display: inline-block;
margin-right: 15px;
z-index:4;
position:relative;
}
.blog-index__author-name {
color: #9c9d9d;
z-index:4;
position:relative;
}
.blog-index__author-name,
.blog-index__author-name:hover,
.blog-index__author-name:focus,
.blog-index__author-name:active{
font-weight: 700;
text-decoration: none;
}
.blog-index__author-avatar img {
width: 30px;
height: 30px;
border-radius: 30px;
}
.blog-pagination {
padding-top: 27px;
font-size: 21px;
margin: 0 -22.5px;
}
.blog-pagination a {
text-decoration: none;
color: #9C9D9D;
font-weight: 600;
line-height: 1.2;
display: inline-block;
margin: 0 22.5px;
}
.blog-pagination .blog-pagination__link--active {
color: #2F2F2F;
}
.blog-pagination a:hover,
.blog-pagination a:focus,
.blog-pagination a:active {
text-decoration: none;
color: #2F2F2F;
font-weight:600;
}
.blog-pagination .blog-pagination__prev-link,
.blog-pagination .blog-pagination__next-link {
color: #2F2F2F;
}
.blog-pagination .blog-pagination__prev-link--disabled,
.blog-pagination .blog-pagination__prev-link--disabled:hover,
.blog-pagination .blog-pagination__prev-link--disabled:focus,
.blog-pagination .blog-pagination__next-link--disabled,
.blog-pagination .blog-pagination__next-link--disabled:hover,
.blog-pagination .blog-pagination__next-link--disabled:focus{
color: #9c9d9d;
pointer-events: none;
cursor: text;
}
.post_data_paragraph {
margin: 20px 0 0;
}
a.blog-post__tag-link {
padding: 0 0px 0 0;
position: relative;
}
/* a.blog-post__tag-link:before {
content: '';
position: absolute;
width: 4px;
height: 4px;
background: #009b48;
left: 0;
top: 7px;
border-radius: 50%;
}
*/
@media (min-width:768px){
.lg-post .blog-index-post-img {
height: 420px;
}
.lg-post .blog-index__post-content {
width:50%;
position: absolute;
bottom: 0;
left: 0;
max-width:100%;
height:auto;
}
.lg-post .no-img .blog-index__post-content{
position:static;
width: 100%;
}
}
@media (min-width:992px){
.lg-post .blog-index__post-content {
width: 490px;
padding-right: 60px;
}
.lg-post .blog-index-post-img {
height: 542px;
}
.lg-post .blog-index-post-meta {
font-size: 14px;
}
.lg-post .blog-index__topic-link {
letter-spacing: 1.26px;
}
.lg-post .blog-index__post-title {
margin-top: 9px;
font-size: 28px;
line-height: 1.1;
font-weight: 300;
}
.lg-post .read-more-btn {
margin-top: 36px;
}
}
@media (max-width:991px){
.blog-index__post-content{
padding:20px;
}
.blog-header .heading {
width: 100%;
}
.filter-tags {
width: 100%;
margin-top: 20px;
}
.filter-list{
justify-content: flex-start;
}
}
@media (max-width:767px){
.blog-section {
padding: 60px 0;
}
.blog-header {
padding-bottom:30px;
}
.blog-index-post{
width:100%;
}
.blog-index-post:last-child{
margin-bottom:0;
}
.blog-index__post-title{
font-size:18px;
}
.read-more-btn {
margin-top: 20px;
}
.blog-pagination {
padding-top: 30px;
margin:0 -15px;
font-size:18px;
}
.blog-pagination a {
margin:0 15px;
}
}
@media (min-width:575px) and (max-width:767px){
.blog-index-post-img {
height: 244px;
}
.blog-index__post-content {
height:calc(100% - 244px);
}
}
/* -------------------- Blog Post Css ------------------- */
.related-posts .blog-index-post {
width: 100%;
padding: 0;
margin-bottom:15px;
box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.10);
}
.related-posts .blog-index-post:last-child{
margin-bottom:0;
}
.blog-post-head {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 44px;
padding-top: 63px;
}
.post-head-left {
width: 58.78%;
max-width: 100%;
}
.post-meta{
margin-bottom: 14px;
display:flex;
align-items:center;
flex-wrap:wrap;
font-size: 14px;
}
.blog-post__tag-link,
.post-date {
color: #009B48;
font-weight: 700;
letter-spacing: 1.26px;
text-transform: uppercase;
text-decoration:none;
display:inline-block;
}
.blog-post__tag-link:hover,
.blog-post__tag-link:focus,
.blog-post__tag-link:active{
text-decoration:none;
font-weight: 700;
}
.post-tag-wrap:after{
content: '·';
margin-right: 6px;
font-weight: 700;
margin-left: 1px;
color:#009b48;
vertical-align: text-bottom;
}
.post-title {
margin-bottom: 0;
}
.post-head-right img {
vertical-align: middle;
width:84px;
}
.post-featured-img {
width: 100%;
padding-bottom:90px;
}
.post-featured-img img {
width: 100%;
vertical-align: middle;
max-height:504px;
object-fit: cover;
}
.blog-post-body {
color: #2F2F2F;
line-height: 1.5;
}
.blog-post-foot {
padding-bottom:90px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 -15px;
}
.post-main {
width: 58.78%;
max-width: 100%;
padding:0 15px;
}
.post-sidebar {
width: 33.98%;
padding:0 15px;
max-width: 100%;
}
.post-share-title,
.related-post-title {
font-size: 14px;
line-height: 1.2;
color: #C5C6C6;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 18px;
letter-spacing: 1.26px;
}
ul.post-share-list {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-bottom: 37px;
align-items: center;
}
ul.post-share-list li {
margin: 0;
padding: 0;
}
.blog-post-body p{
margin-bottom:27px;
}
.blog-post-body h4{
margin-bottom:12px;
color:#000;
}
.blog-post-body h6 {
line-height: 1.2;
font-weight: 400;
margin-bottom:12px;
}
.blog-post-body h6 strong{
font-weight:600;
}
.blog-post-body *:last-child{
margin-bottom:0;
}
@media (max-width:991px){
.blog-post-foot{
padding-bottom:50px;
}
.post-featured-img{
padding-bottom:50px;
}
}
.post-tag-divider {
display: inline-block;
margin-inline: 3px;
color: #9C9D9D;
font-weight: 700;
}
@media (max-width:767px){
.blog-post-head{
padding-top:60px;
padding-bottom:30px;
}
.post-head-left{
width:90%;
}
.post-head-right img {
position: absolute;
right: 0px;
left: unset;
bottom: 0;
}
.blog-post-head {
position: relative;
}
.post-head-right{
width:100%;
padding-top:15px;
}
.post-head-right img{
width:45px;
}
.blog-post-foot{
padding:0 0 60px;
}
.post-featured-img{
padding-bottom:30px;
}
.post-main {
width: 100%;
}
.post-sidebar {
width: 100%;
padding-top: 30px;
}
ul.post-share-list{
margin-bottom:20px;
}
.post-share-title,
.related-post-title {
margin-bottom:15px;
}
.blog-post-body p{
margin-bottom:20px;
}
}
/* Utilities */
/* For content that needs to be visually hidden but stay visible for screenreaders */
/* stylelint-disable declaration-no-important */
.show-for-sr {
position: absolute !important;
overflow: hidden !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
.show-for-sr--mobile {
position: absolute !important;
overflow: hidden !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
}
}
/* stylelint-enable declaration-no-important */
/* Custom */
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
background-position: 50%;
background-repeat: no-repeat;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 32px 22px;
cursor: pointer;
height: 22px;
margin-top: -22px;
position: absolute;
top: 100%;
width: 27px;
z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTY2NjcgMTguNTQ4OUwwLjIyMDgzNCA5LjYwMzAzTDkuMTY2NjcgMC42MTc2MUwxMC42MzEzIDIuMDQyNjFMMy4xMTA0MiA5LjYwMzAzTDEwLjYzMTMgMTcuMTIzOUw5LjE2NjY3IDE4LjU0ODlaIiBmaWxsPSIjMkYyRjJGIi8+Cjwvc3ZnPgo=");
left: 0px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTM5NTkgOS42MDMwM0wwLjQxODc1IDIuMDQyNjFMMS44ODMzMyAwLjYxNzYxTDEwLjgyOTIgOS42MDMwM0wxLjg4MzMzIDE4LjU0ODlMMC40MTg3NSAxNy4xMjM5TDcuOTM5NTkgOS42MDMwM1oiIGZpbGw9IiMyRjJGMkYiLz4KPC9zdmc+Cg==");
left: 70px;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 1);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container {
padding-bottom: 80px;
}
.swiper-scrollbar {
background: #d6d6d6;
}
.swiper-container-horizontal > .swiper-scrollbar {
border-radius: 2px;
height: 5px;
max-width: 350px;
width:100%;
bottom: 50px;
left: 0%;
transform: translateX(0%);
}
/**
* Progress Bar
*/
.slider_elements {
margin: 20px 0 0;
}
.progress {
display: block;
max-width: 350px;
width:100%;
height: 3px;
border-radius: 0px;
overflow: hidden;
background-color: #C5C6C6;
background-image: linear-gradient(to right, black, black);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
/* Slider */
.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: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-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;
}
.slick-track:before,
.slick-track:after
{
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;
}
.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;
border:none;
}
.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
{
opacity: .75;
width: 20px;
height: 20px;
display: block;
background-repeat:no-repeat;
background-size:contain;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: 0px;
}
[dir='rtl'] .slick-prev
{
left: 70px;
left: auto;
}
.slick-prev:before
{
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTY2NjcgMTguNTQ4OUwwLjIyMDgzNCA5LjYwMzAzTDkuMTY2NjcgMC42MTc2MUwxMC42MzEzIDIuMDQyNjFMMy4xMTA0MiA5LjYwMzAzTDEwLjYzMTMgMTcuMTIzOUw5LjE2NjY3IDE4LjU0ODlaIiBmaWxsPSIjMkYyRjJGIi8+Cjwvc3ZnPgo=");
}
[dir='rtl'] .slick-prev:before
{
content: '';
}
.slick-next
{
left: 70px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: 0px;
}
.slick-next:before
{
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTM5NTkgOS42MDMwM0wwLjQxODc1IDIuMDQyNjFMMS44ODMzMyAwLjYxNzYxTDEwLjgyOTIgOS42MDMwM0wxLjg4MzMzIDE4LjU0ODlMMC40MTg3NSAxNy4xMjM5TDcuOTM5NTkgOS42MDMwM1oiIGZpbGw9IiMyRjJGMkYiLz4KPC9zdmc+Cg==");
}
[dir='rtl'] .slick-next:before
{
content: '';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 0px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.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';
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;
}
@media (max-width:525px){
.progress {
max-width: 100%;
}
}
/*@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 400;
src: local('Material Symbols Outlined'),
local('MaterialIcons-Regular'),
url(https://144349406.fs1.hubspotusercontent-eu1.net/hubfs/144349406/MaterialIconsOutlined-Regular.woff2) format('woff2'),
url(https://144349406.fs1.hubspotusercontent-eu1.net/hubfs/144349406/MaterialIconsOutlined-Regular.woff) format('woff'),
url(https://144349406.fs1.hubspotusercontent-eu1.net/hubfs/144349406/MaterialIconsOutlined-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 200;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v220/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOej.woff2) format('woff2');
}
@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v220/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOej.woff2) format('woff2');
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 16px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}*/
.d-flex{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
[class*="col-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"], [class*="col-xl-"], [class*="col-xxl-"] {
position: relative; width: 100%; padding-right: 0px; padding-left: 0px;
}
.col-2{width:16.67%;}.col-3{width:25.00%;}.col-4{width:33.33%;}.col-5{width:41.67%;}.col-6{width:50.00%;}.col-7{width:58.33%;}.col-8{width:66.67%;}.col-9{width:75.00%;}.col-10{width:83.33%;}.col-12{width:100.00%;}
.justify-space-between{ justify-content: space-between; }
/****** min-width-768 ******/
@media(min-width:768px){
.col-md-2{width:16.67%;}.col-md-3{width:25.00%;}.col-md-4{width:33.33%;}.col-md-5{width:41.67%;}.col-md-6{width:50.00%;}.col-md-7{width:58.33%;}.col-md-8{width:66.67%;}.col-md-9{width:75.00%;}.col-md-10{width:83.33%;}.col-md-12{width:100.00%;}
.w-md-15{width:15%;}.w-md-16{width:16.66%;}.w-md-20{width:20%;}.w-md-25{width:25%;}.w-md-30{width:30%;}.w-md-33{width:33.33%;}.w-md-35{width:35%;}.w-md-40{width:40%;}.w-md-41{width:41.67%;}.w-md-45{width:45%;}.w-md-50{width:50%;}.w-md-55{width:55%;}.w-md-58{width:58.33%;}.w-md-60{width:60%;}.w-md-65{width:65%;}.w-md-66{width:66.67%;}.w-md-70{width:70%;}.w-md-75{width:75%;}.w-md-80{width:80%;}.w-md-83{width:83.33%;}.w-md-85{width:85%;}.w-md-100{width:100%;}
}
/****** min-width-992 ******/
@media(min-width:992px){
.col-lg-2{width:16.67%;}.col-lg-3{width:25.00%;}.col-lg-4{width:33.33%;}.col-lg-5{width:41.67%;}.col-lg-6{width:50.00%;}.col-lg-7{width:58.33%;}.col-lg-8{width:66.67%;}.col-lg-9{width:75.00%;}.col-lg-10{width:83.33%;}.col-lg-12{width:100.00%;}
.w-lg-15{width:15%;}.w-lg-16{width:16.66%;}.w-lg-20{width:20%;}.w-lg-25{width:25%;}.w-lg-30{width:30%;}.w-lg-33{width:33.33%;}.w-lg-35{width:35%;}.w-lg-40{width:40%;}.w-lg-41{width:41.67%;}.w-lg-45{width:45%;}.w-lg-50{width:50%;}.w-lg-55{width:55%;}.w-lg-58{width:58.33%;}.w-lg-60{width:60%;}.w-lg-65{width:65%;}.w-lg-66{width:66.67%;}.w-lg-70{width:70%;}.w-lg-75{width:75%;}.w-lg-80{width:80%;}.w-lg-83{width:83.33%;}.w-lg-85{width:85%;}.w-lg-100{width:100%;}
/* .row{ margin-left: -15px; margin-right: -15px; } */
}
/****** min-width-1200 ******/
@media(min-width:1200px){
.col-xl-2{width:16.67%;}.col-xl-3{width:25.00%;}.col-xl-4{width:33.33%;}.col-xl-5{width:41.67%;}.col-xl-6{width:50.00%;}.col-xl-7{width:58.33%;}.col-xl-8{width:66.67%;}.col-xl-9{width:75.00%;}.col-xl-10{width:83.33%;}.col-xl-12{width:100.00%;}
.w-xl-15{width:15%;}.w-xl-16{width:16.66%;}.w-xl-20{width:20%;}.w-xl-25{width:25%;}.w-xl-30{width:30%;}.w-xl-33{width:33.33%;}.w-xl-35{width:35%;}.w-xl-40{width:40%;}.w-xl-41{width:41.67%;}.w-xl-45{width:45%;}.w-xl-50{width:50%;}.w-xl-55{width:55%;}.w-xl-58{width:58.33%;}.w-xl-60{width:60%;}.w-xl-65{width:65%;}.w-xl-66{width:66.67%;}.w-xl-70{width:70%;}.w-xl-75{width:75%;}.w-xl-80{width:80%;}.w-xl-83{width:83.33%;}.w-xl-85{width:85%;}.w-xl-100{width:100%;}
/* .row{ margin-left: -1.042vw; margin-right: -1.042vw; } */
[class*="col-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"], [class*="col-xl-"], [class*="col-xxl-"]
{ padding-left: 0vw; padding-right: 0vw; }
}
/****** min-width-1400 ******/
@media(min-width:1400px){
.col-xxl-2{width:16.67%;}.col-xxl-3{width:25.00%;}.col-xxl-4{width:33.33%;}.col-xxl-5{width:41.67%;}.col-xxl-6{width:50.00%;}.col-xxl-7{width:58.33%;}.col-xxl-8{width:66.67%;}.col-xxl-9{width:75.00%;}.col-xxl-10{width:83.33%;}.col-xxl-12{width:100.00%;}
}
@media(max-width:767px){
/* .row{ margin-left: -16px; margin-right: -16px; } */
/* [class*="col-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"], [class*="col-xl-"], [class*="col-xxl-"] {
padding-right: 16px; padding-left: 16px;
} */
}