/* ---Normalize--- */
:root{
    --color-white: #ffffff;
    /*--color-black: #000000;*/
    --color-light-green: #a5cd39;
    --color-green: #6cbc45;
    --color-dark-green: #678a3c;
    --color-blue: #059ec3;
    --color-dark-blue: #084c7f;
    --color-orange: #e67d26;
    --color-dark-orange: #bc5227;
    --color-light-gray: #828282;
    --color-medium-gray: #4f4f4f;
    --color-gray: #434343;
    --color-dark-gray: #3a3a3a;
    --color-hr: #f2f2f2;
    --color-gradient: linear-gradient(90deg, #084C7F 0%, #059EC3 39.17%, #6CBC45 100%);
    --color-gradient-contact: linear-gradient(213.04deg, #084C7F 7.23%, #0684AE 39.19%, #31AB8D 73.02%, #6CBC45 94.48%);
    --color-form-error: #dc3232;

    --size-h1: 55px;
    --size-h1-super: 100px;
    --size-h2: 48px;
    --size-h3: 45px;
    --size-h4: 25px;
    --size-h5: 18px;
    --size-h6: 14px;
    --size-p-super: 35px;
    --size-p: 20px;
    --size-p-small: 15px;
    --size-a-btn: 18px;

    --media-proportion: 0.56875;

    --size-full-text-block: 850px;
    --size-text-media-block: 45%;
    --size-text-block-holder: 600px;
    --size-scroll-btn: 93px;
    --size-slider-next: var(--size-scroll-btn);
    --size-slider-prev: calc(var(--size-scroll-btn) * 0.73);

    --indent-p: 30px;
    --indent-between-text: var(--indent-p);


    --btn-radius: 30px;
}

@font-face {
    font-family: "AxiformaRegular";
    src: local("O"), url("../fonts/Axiforma-Regular.woff") format("woff"), url("../fonts/Axiforma-Regular.ttf") format("opentype"), url("../fonts/Axiforma-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AxiformaMedium";
    src: local("O"), url("../fonts/Axiforma-Medium.woff") format("woff"), url("../fonts/Axiforma-Medium.ttf") format("opentype"), url("../fonts/Axiforma-Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AxiformaSemibold";
    src: local("O"), url("../fonts/Axiforma-SemiBold.woff") format("woff"), url("../fonts/Axiforma-SemiBold.ttf") format("opentype"), url("../fonts/Axiforma-SemiBold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AxiformaBold";
    src: local("O"), url("../fonts/Axiforma-Bold.woff") format("woff"), url("../fonts/Axiforma-Bold.ttf") format("opentype"), url("../fonts/Axiforma-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AxiformaBlack";
    src: local("O"), url("../fonts/Axiforma-Black.woff") format("woff"), url("../fonts/Axiforma-Black.ttf") format("opentype"), url("../fonts/Axiforma-Black.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
html {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: inherit;
}
body, html {
    font-family: "AxiformaRegular", sans-serif;
    font-size: var(--size-p);
    color: var(--color-medium-gray);
    overflow-x: hidden;
}
body.preload *{
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    transition:background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;}

.body-inner-wrapper {
    max-width: 1920px;
    margin: 0 auto;
}
li {
    list-style: none;
}
img {
    max-width: 100%;
    height: auto;
}
table {
    width: 100%;
    table-layout: fixed;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

/* ---Start typography--- */

.flex {
    display: flex;
}

h1 {
    font-family: 'AxiformaBold', sans-serif;
    font-size: var(--size-h1);
    color: var(--color-white);
    line-height: 1.48;
}
h1.dark { color: var(--color-medium-gray); }
h1.super {
    font-family: 'AxiformaBlack', sans-serif;
    font-size: var(--size-h1-super);
    line-height: 1.25;
    text-transform: uppercase;
}

h2 {
    font-family: 'AxiformaBold', sans-serif;
    font-size: var(--size-h2);
    color: var(--color-white);
    line-height: 1.4;
}

h3 {
    font-family: 'AxiformaMedium', sans-serif;
    font-size: var(--size-h3);
    color: var(--color-gray);
    line-height: 1.4;
}

h4 {
    font-family: 'AxiformaRegular', sans-serif;
    font-size: var(--size-h4);
    color: var(--color-medium-gray);
    line-height: 1.4;
    font-weight: 400;
}
h4.dark { color: var(--color-gray); }
.page-template-article-page h4 {
    font-family: 'AxiformaMedium', sans-serif;
}

h5 {
    font-family: 'AxiformaRegular', sans-serif;
    font-size: var(--size-h5);
    line-height: 1.3;
    color: var(--color-light-green);
    letter-spacing: 0.3px;
    font-weight: 400;
}
h5.dark { color: #434343; }
h5.heavy { font-family: 'AxiformaBold', sans-serif !important; }

h6 {
    font-family: 'AxiformaRegular', sans-serif;
    font-size: var(--size-h6);
    line-height: 1.4;
    color: var(--color-white);
    letter-spacing: 0.3px;
    font-weight: 400;
}

p {
    font-family: "AxiformaRegular", sans-serif;
    line-height: 1.8;
    font-size: var(--size-p);
}
p.small {
    font-size: var(--size-p-small);
    font-weight: 400;
}
p + p { margin-top: var(--indent-p); }
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: var(--indent-between-text); }
h3 + h4 {
    margin-top: 10px;
}


p > a {
    color: var(--color-blue);
}

a {
    font-weight: 600;
    line-height: inherit;
}
a, a:focus, a:active {
    outline: 0 none;
    text-decoration: none;
}

.btn{
    border-radius: var(--btn-radius);
    padding: 15px 40px;
    font-size: var(--size-a-btn);
    font-weight: 600;
    display: inline-block;
}
.btn-orange{
    background-color: var(--color-orange);
    color: var(--color-white);
}
.btn-green{
    background-color: var(--color-light-green);
    color: var(--color-white);
}

hr {
    border: none;
    background-color: var(--color-light-gray);
    height: 1px; 
    margin: 0;
}
textarea, input {
    width: 100%;
    border: 2px solid #E3E2E4;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: "AxiformaRegular", sans-serif;
}
ul {
    margin: 20px;
}
ul li {
    list-style: disc;
}
ul li li {
    list-style: circle;
}



.left {
    float: left;
}
.right {
    float: right;
}
.clear:after {
    display: block;
    content: "";
    clear: both;
}
.block {
    display: block;
}
.relative {
    position: relative;
}

.bold, body strong, button strong {
    font-family: "AxiformaSemibold", sans-serif;
    font-weight: 600;
}

.italic {
    font-style: italic;
}
.overflow-hidden {
    overflow: hidden;
}

.width50 { width: 50%; }
.width100 { width: 100%; }

.valign {
    display: flex;
    align-items: center;
}
.align_justify,
.justify {
    text-align: justify;
}
.flex-around {
    align-items: baseline;
    justify-content: space-around;
}
.align-center,
.align_center {
    text-align: center;
}
.align_right,
.align-right {
    text-align: right;
}
.align_left {
    text-align: left;
}
.same-line {
    white-space: nowrap;
}

.scroll-to-next,
.scroll-to-up,
.text-media-block-image-holder,
.scroll-centered-text::after,
.business-card::before,
.bx-next,
.bx-prev,
.article-float-image-block-wrapper,
.service-item .service-title
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.line-animated {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 100%;
    display: inline-block;
    /*line-height: 1.2;*/
    line-height: 1.6;
}
.line-white-short {
    background-image: url("../img/2023/scribble-underline-white-100.svg");
}
.line-green-short {
    background-image: url("../img/2023/scribble-underline-green-100.svg");
}
.line-blue-short {
    background-image: url("../img/2023/scribble-underline-blue-100.svg");
}
.line-dark-blue-short {
    background-image: url("../img/2023/scribble-underline-dark-blue-100.svg");
}
.line-orange-short {
    background-image: url("../img/2023/scribble-underline-orange-100.svg");
}
.line-dark-orange-short {
    background-image: url("../img/2023/scribble-underline-dark-orange-100.svg");
}
.line-white {
    background-image: url("../img/2023/scribble-underline-white-200.svg");
}
.line-green {
    background-image: url("../img/2023/scribble-underline-green-200.svg");
}
.line-blue {
    background-image: url("../img/2023/scribble-underline-blue-200.svg");
}
.line-dark-blue {
    background-image: url("../img/2023/scribble-underline-dark-blue-200.svg");
}
.line-orange {
    background-image: url("../img/2023/scribble-underline-orange-200.svg");
}
.line-dark-orange {
    background-image: url("../img/2023/scribble-underline-dark-orange-200.svg");
}
.gradient-stripe{
    width: 100%;
    height: 270px;
    background: var(--color-gradient);
    /*background-image: url(../img/gradient.png);*/
    /*background-size: contain;*/
}
.trapezium{
    position: absolute;
    left: 0;
    top: 0;
    width: 450px;
    height: 200vh;
    height: 200svh; /* Do not remove. svh is important for mobile */
    background-color: var(--color-white);
    clip-path: polygon(0 0, 100% 0, 42% 100%, 0% 100%);
    z-index: 8;
    display: none;
}

/*.no-mouseover {*/
/*    pointer-events: none;*/
/*}*/

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeOut {
     0% { opacity: 1; }
     100% { opacity: 0; }
 }
@keyframes slideDown {
     0% { height: 0; }
     100% { height: auto; }
 }