@charset "UTF-8";

@font-face {
    font-family: 'Century Gothic';
    src: url("../../fonts/centurygothic.ttf");
}

@font-face {
    font-family: 'Century Gothic Bold';
    src: url("../../fonts/centurygothic_bold.ttf");
}

*, :after, :before {
    border: 0 solid;
    box-sizing: border-box; 
    moz-box-sizing: border-box; 
    outline: 0 !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; 
}

html {
	scroll-behavior: smooth;
}

body {
    margin:0;
	font-size: 14px;
    font-family: "Century Gothic";
    color: #24226a;
    line-height: normal;
    position: static;
    background: 0;
    overflow-x: hidden;
    height: auto;
    width: 100%;
}

body.modal-open {
    height: 100vh;
    overflow-y: hidden;
    padding-right: 15px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #F55B41;
    border-radius: 5px;
}

::-webkit-scrollbar-button:vertical:start:decrement {
    background: 0;
}

::-webkit-scrollbar-button:vertical:end:increment {
    background: 0;
}

::-webkit-scrollbar-button:horizontal:start:decrement {
    background: 0;
}

::-webkit-scrollbar-button:horizontal:end:increment {
    background: 0;
}

@keyframes ani {
  0% {opacity: 0;}
  100% {opacity: 1;}
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

img, video {
    height: auto;
    max-width: 100%;
}

img {
    max-height: 100%;
    width: auto;
    height: auto;
}

audio, canvas, embed, iframe, img, object, svg, video {
    /* display: block; */
    /* vertical-align: middle; */
}

menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol, ul {
    box-sizing: border-box;
}

a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}

a {
    color: inherit;
    text-decoration: inherit;
}

[role=button], button {
    cursor: pointer;
}

button, select {
    text-transform: none;
}

button.unstyled {
    background: none;
    border-width: 0;
    margin: 0;
    padding: 0;
}

button[type=button] {
    -webkit-appearance: button;
    background: initial;
    background: none;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
    border:0;
    height: auto;
    width:auto;
    background:0;
}

input, select {
    height: 56px !important;
    text-transform: uppercase;
}

input, select, textarea {
    border: 1px solid #353383;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Century Gothic Bold';
    padding: 0 18px;
    width: 100%;
    border-radius: 5px;
    resize:none;
    color: #353383;
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }

sub {
    font-size: 70%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: -0.25em;
}

sup {
    top: -0.5em;
    font-size: 70%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

p strong, p b, li strong, li b {
    font-family: 'Century Gothic Bold';
}

p i, p em, li i, li em {
    font-style:italic;
}

iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    max-height: 100%;
}

main {
    color: #24226a;
    width: 100%;
    font-family: 'Century Gothic';
}

.desktop {
    display:block;
}

.mobile {
    display:none;
}

.relative {
    position: relative!important;
}

.absolute {
    position: absolute!important;
}

.flex {
    display: flex!important;
}

.flex-wrap {
    flex-wrap: wrap!important;
}

.grow {
    flex-grow: 1!important;
}

.justify-start {
    justify-content: flex-start!important;
}

.justify-end {
    justify-content: flex-end!important;
}

.justify-between {
    justify-content: space-between!important;
}

.justify-center {
    justify-content: center!important;
}

.align-middle {
    vertical-align: middle!important;
}

.flex-column {
    flex-direction:column;
}

.inline-block {
    display: inline-block!important;
}

.items-center {
    align-items: center!important;
}

.items-start {
    align-items: flex-start!important;
}

.w-full {
    width: 100%!important;
}

.wp-block-spacer {
    clear: both;
}

.block {
    display:block !important;
}

.font-bold {
    font-weight: 700!important;
}

.text-lg {
    font-size: 18px;
}

.p-8 {
    padding: 32px!important;
}

.bg-indigo-50 {
    opacity: 1!important;
    background: #ebebf9!important;
}
.rounded-md {
    border-radius: 6px!important;
}

.mb-5 {
    margin-bottom: 20px!important;
}

.font-light {
    font-weight: 300!important;
}

.text-2xl {
    font-size: 24px!important;
}

.mb-4 {
    margin-bottom: 16px!important;
}

.text-white {
    color: #fff!important;
}

.text-indigo-900 {
    color: #24226a!important;
}

.text-indigo-900, .text-white {
    opacity: 1!important;
}

.bg-indigo-900 {
    background: #24226a!important;
}

.bg-repeat-y {
    background-repeat: repeat-y!important;
}

.wp-block-group {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 1340px !important;
}

.m-0-auto {
    margin:0 auto;
}

.text-center {
    text-align: center!important;
}

.p-6 {
    padding: 24px!important;
}

.mt-12 {
    margin-top: 48px!important;
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
}

.is-layout-constrained {
    width:100%;
}

.alignfull {
    max-width: 100% !important;
}

.alignmiddle {
    max-width: 1140px !important;
}

.wp-block-group.alignfull {
    max-width: 100% !important;
    margin: 0;
}

.wp-block-group.alignmiddle {
    max-width: 1140px !important;
    margin: 0 auto;
}

.has-white-background {
    background: #fff!important;
}

.has-background {
    transform: translateY(0);
    transform-origin: 50% 16%;
}

.has-background.bg-active {
    animation: kenburns-top .6s linear both;
}

.has-indigo-50-background {
    background: #ebebf9!important;
}

.has-white-background {
    background: #fff!important;
    max-width: 1240px;
    margin: 0 auto;
}

.wp-block-group.alignfull {
    max-width: none;
}

.wp-block-columns .wp-block-group .wp-block-group {
    padding-left: 0;
    padding-right: 0;
}

.has-small-font-size {
    font-size: 12px!important;
}

.has-red-500-color {
    color: #f55b41!important;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1140px;
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignwide {
    max-width: 1340px;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1140px;
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-flex {
    display: flex;
    flex-wrap: wrap;
}

.is-vertically-aligned-top {
    align-items:top;
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important;
}

.max-w-\[1150px\] {
    max-width: 1150px!important;
}

.pt-6 {
    padding-top: 24px!important;
}

.mt-0 {
    margin-top:0;
}

.mb-12 {
    margin-bottom: 48px!important;
}

.wp-block-columns.wp-container-8 {
    flex-wrap: nowrap;
}

.h1, h1 {
    font-size: 52px;
    line-height: 58px;
    font-family: 'Century Gothic Bold';
}


.h1 strong, h1 strong {
    display: inline-block;
    position: relative;
    font-family: 'Century Gothic Bold';
}

.h1 strong:after, h1 strong:after {
    content: "";
    position: absolute;
    right: 30px;
    z-index: -1;
    bottom: -8px;
    height: 30px;
    background: #EBEBF8;
    width: calc(100% + 47px);
    left: -20px;
}

.h2, h2 {
    margin-bottom: 40px;
    max-width: 700px;
    line-height: 58px;
    font-size: 52px;
    font-family: 'Century Gothic Bold';
}

.h3, h3 {
    line-height: 52px;
    font-size: 44px;
    font-family: 'Century Gothic Bold';
    margin-bottom: 30px;
}


.h4, h4 {
    line-height: 44px;
    font-size: 35px;
    font-family: 'Century Gothic Bold';
    margin-bottom: 28px;
}

.h5, h5 {
    line-height: 38px;
    font-size: 28px;
    font-family: 'Century Gothic Bold';
    margin-bottom: 28px;
}

.h6, h6 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    font-family: 'Century Gothic Bold';
}

.visually-hidden {
    clip: rect(1px,1px,1px,1px);
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    white-space: nowrap;
    width: 1px;
}

.wp-block-button-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 0 30px;
}


.wp-block-buttons.is-content-justification-center {
    justify-content: center;
}

.wp-block-buttons.anim-active, .wp-block-image.anim-active, .wp-block-numbers.anim-active, .wp-block-servier-video.anim-active {
    animation: fade-in .6s ease-in both;
}

.wp-block-buttons.wp-container-3 {
    justify-content: center;
}

.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin: 0;
}

.wp-block-buttons>.wp-block-button:not(:only-child):not(:last-child) {
    margin-right: 20px;
}

.btn__more {
    align-items: center;
    background: #24226a;
    border-radius: 5px;
    color: #fff !important;
    display: flex !important;
    height: 56px;
    justify-content: center;
    position: absolute;
    right: -10px;
    width: 56px;
    z-index: 10;
    bottom: -10px;
    cursor: pointer;
    padding:0;
    text-decoration: none !important;
    margin-top: 0 !important;
}


.btn__more .icon_more {
    transition: all .4s;
}

.btn__more:active .icon_more,
.btn__more:focus .icon_more,
.btn__more:hover .icon_more,
.btn__more:visited .icon_more,
.btn__more.active .icon_more{
    transform:rotate(45deg);
}

.wp-block-button__link {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    word-break: break-word;
    box-sizing: border-box;
}

.wp-element-button {
    cursor: pointer;
}

.wp-element-button,
.wp-block-button__link {
    background: #32373c;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    margin: 25px 0 25px 0;
}

#loginform #wp-submit,
.wp-block-button__link,
.wp-block-file__button{
    background: #f55b41;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 21px 30px;
    position: relative;
    vertical-align: middle;
    z-index: 10;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    font-family: 'Century Gothic Bold';
    display: inline-flex;
    justify-content: space-between;
    gap: 0 20px;
    width: auto;
    align-items: center;
    border:0;
}

#loginform #wp-submit, 
.wp-block-button__link,
.article-page .wp-block-file__button {
    transform: scale(1) perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: all;
}

#loginform #wp-submit:before,
.wp-block-button__link:before,
.article-page .wp-block-file__button:before{
    background: #24226a;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition-duration: .4s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.1,0,.3,1);
    z-index: -10;
    isolation: isolate;
}

#loginform #wp-submit:after, 
.wp-block-button__link:after {
    background-size: cover;
    display: inline-block;
    height: 12px;
    margin-left: 0;
    position: relative;
    vertical-align: middle;
    width: 16px;
    content: url(../../img/arrow-right.svg);
}

.wp-block-button__link_clear {
    color: #24226a;
    border: 1px solid #24226a;
    background: transparent;
    height: 56px;
}

.button-white {
    border-radius: 5px;
	border: 1px solid #353383;
	background: #fff;
	color: #353383;
	margin: 30px 0 0;
	padding: 20px 30px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	z-index: 10;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	font-family: 'Century Gothic Bold';
}

.wp-block-button.button-white {
    background: 0;
    color: #353383 !important;
    border: 1px solid #353383 !important;
    border-radius: 5px;
    font-family: 'Century Gothic Bold' !important;
    line-height: 16px !important;
    padding: 20px 30px 20px !important;
    height: 56px;
    text-transform: uppercase;
    margin: 0 0 27px 0;
}

.wp-block-button.button-white span{
    color: #bbb !important;
}

.button-close.button-white {
    height:56px;
}

.button-close.button-white:after {
    content:none;
}

.wp-block-button__link.wp-block-button__link_white:hover {
    background: transparent;
    border: 1px solid #fff;
}

.wp-block-button__link_clear:hover {
    color: #FFF;
}

.wp-block-button__link_clear:after {
    display: none;
}

.button-close.button-white:hover, 
.button-close.button-white:focus, 
.button-close.button-white:active {
    color:#fff;
}

.wp-block-file__button {
    margin: 0 0 50px 0;
}

.hvr-radial-out {
    overflow: hidden;
    position: relative;
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: color;
    vertical-align: middle;
    align-items: center;
    background: #ebebf9;
    border-radius: 5px;
    color: #24226a;
    display: flex !important;
    height: 56px;
    justify-content: center;
    width: 56px;
    padding: 0 !important;
}

.hvr-radial-out:before {
    background: #24226a;
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -10;
}

.block-scroll {
    align-items: center;
    display: none;
    flex-direction: column;
    font-size: 10px;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 2.4px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 25px;
    height: 40px;
    margin-right: 40px;
    display: flex;
}

.wp-block-column {
    width: 50%;
    position:relative;
    margin: 0;
}

.nicescroll-rails {
    width: 5px !important;
    height: 5px !important;
    background: transparent !important;
    display: none !important;
}

.nicescroll-cursors {
    background: #F55B41 !important;
    border-radius: 5px !important;
    display:none !important;
}

.at-share-btn.at-svc-facebook,
.at-share-btn.at-svc-twitter,
.at-share-btn.at-svc-print {
    display:none !important;
}

.site {
    top:0px !important;
}

.fancybox-button--close, 
.fancybox-button--close:hover {
    background: #f55b41 center url(../../img/close-big.svg) no-repeat;
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 5px;
    cursor:pointer;
    top:15px;
    right:15px;
    position:relative;
    opacity:1;
    color: #fff;
}

.fancybox-button svg {
	display:none;
}

.fancybox-button--zoom {
    display:none !important;
}

.desktop.wp-block-button {
    display:none;
}

.desktop.wp-block-button.active {
    display: inline-flex;
}

.mob-img {
    display:none;
}

.tab-mobile {
    display:none;
}

.has-logo:after {
    bottom: -48px;
    content: "";
    height: 100px;
    position: absolute;
    right: 0;
    width: 100px;
    background: url(../../img/blue.svg) 100% 100% no-repeat;
}

.orange {
    color:#F55B41 !important;
}

.hidden{
    display:none!important;
}

.img-caption,
.wp-block-image figcaption {
    font-size:'Century Gothic';
    position:absolute;
    color:#fff;
    font-size:12px;
    line-height:20px;
    left:16px;
    bottom:16px;
	max-width:calc(100% - 25px);
	z-index:10;
}

.home-header #videoDiv #videoBlock,
.product-item_left .slider .slider-item,
.wp-block-banner-img-cta-multiple .image,
.kso-mission_item,
.kso-page .wp-block-slider .slider-nav .item .item-inner,
.career-page .wp-block-slider .img,
.care-img,
.join-img,
.wr-img,
.blue-block .img,
a.fancybox {
    position:relative;
}


.home-header #videoDiv #videoBlock .img-caption,
.wp-block-banner-img-cta-multiple .image .img-caption {
    left:auto;
    top:auto;
    right:16px;
    top:16px;
}

figure.wp-block-image {
    position:relative;
}

.wp-block-image figcaption {
    margin:0 !important;
}

.product-item_left .slider .slider-item a .img-caption {
    color:#333;
    text-align: center;
    width: calc(100% - 25px);
}