@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,600,600i,700,700i&display=swap");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    outline: none;
}
body {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #323c5f;
    overflow-y: scroll;
    overflow-x: hidden;
}
body,
html {
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
    width: 100%;
}
p {
    margin-bottom: 15px;
}
p:last-child {
    margin-bottom: 0;
}
a {
    color: #323c5f;
    text-decoration: none;
    transition: all 0.4s;
}
a:hover {
    color: #323c5f;
    text-decoration: none;
    transition: all 0.4s;
}
b,
strong {
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #323c5f;
}
.offcanvas {
    display: none;
}
header.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px calc(50% - 645px);
    z-index: 10000;
    transition: all 0.4s;
}
.content--scrolled header.header {
    background-color: #fdebe9;
    padding-top: 29px;
    padding-bottom: 29px;
}
body.page header.header {
    padding-top: 39px;
    padding-bottom: 39px;
    transition: .75s padding ease-in-out;
}
body.page .content--scrolled header.header {
    background-color: #fdebe9;
    padding-top: 29px;
    padding-bottom: 29px;
}
header.header #logo svg {
    float: left;
    display: block;
    width: 84px;
    height: 37px;
    fill: #fff;
}
body.page header.header #logo svg {
    fill: #323c5f;
}
.content--scrolled header.header #logo svg {
    fill: #323c5f;
}
body.error404 .content--scrolled header.header #logo svg {
    fill: #FFF;
}
#main_navigation {
    display: none;
}
header.header #animated-icon > .top {
    display: block;
    position: absolute;
    right: calc(50% - 645px);
    top: 100px;
    width: calc(1320px / 2.4176);
    transition: all 1s;
}
header.header #animated-icon > .top > .bottom {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: all 1s;
}
.content--scrolled header.header #animated-icon > .top {
    top: 30px;
    width: 98px;
    transition: all 1s;
}
.content--scrolled header.header #animated-icon > .top > .bottom {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: all 1s;
}
header.header #animated-icon svg {
    display: block;
    width: 100%;
    height: auto;
    fill: red;
}
header.header #main-menu {
    padding-left: 91px;
    float: left;
}
header.header #main-menu ul.menu {
    float: left;
    list-style: none;
}
header.header #main-menu ul.menu > li {
    margin-right: 30px;
    float: left;
}
header.header #main-menu ul.menu > li a {
    display: block;
    line-height: 37px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.15px;
    color: #fff;
    cursor: pointer;
}
body.page header.header #main-menu ul.menu > li a {
    color: #323c5f;
}
.content--scrolled header.header #main-menu ul.menu > li a {
    color: #323c5f;
}
.error404 .content--scrolled header.header #main-menu ul.menu > li a {
    color: #FFF;
}
section#intro-content {
    width: 100%;
    display: block;
    height: 100vh;
    overflow: hidden;
    transition: all 2s;
}
.content--scrolled section#intro-content {
    transition: all 2s;
}
section#intro-content .top-content {
    padding: 145px calc(50% - 660px) 46px;
    height: calc(100vh * 0.4762);
    background: #fdebe9;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    position: relative;
}
section#intro-content .top-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0.25;
}
section#intro-content .top-content > .animated_element {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #fdebe9;
    transition: all 1s;
}
.content--scrolled section#intro-content .top-content > .animated_element {
    height: calc((100vh * 0.4762));
    height: 100%;
    transition: all 1s;
}
section#intro-content .top-content h1 {
    font-size: 40px;
    line-height: 52px;
    max-width: 50%;
    padding: 0 15px;
    font-weight: bold;
    display: inline-block;
    align-self: flex-end;
    position: relative;
}
section#intro-content .main-content {
    padding: 49px calc(50% - 660px);
    height: calc(100vh * 0.5238);
    background: #fdebe9;
    position: relative;
}
section#intro-content .main-content .paragraph {
    max-width: calc(30% + 30px);
    padding-left: 15px;
    letter-spacing: -0.08px;
}
section#intro-content .main-content .scroll_to_explore {
    position: absolute;
    bottom: 34px;
    left: calc(50% - 645px);
}
section#intro-content .main-content .scroll_to_explore a {
    display: block;
    line-height: 30px;
    font-size: 10px;
    text-transform: uppercase;
    padding-right: 23px;
    font-weight: 600;
    letter-spacing: 0.65px;
    position: relative;
}
section#intro-content .main-content .scroll_to_explore a:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 10px;
    height: 15px;
    background-size: contain;
    background-position: center center;
    background-image: url(../images/arrow-down.svg);
}
.slick-slide {
    -webkit-transform: translate3d(0, 0, 0) !important;
}
#frontpage-cases-slider {
    width: 100%;
    min-height: calc(100vh - 95px);
    background: #edf4f2;
    padding: 75px calc(50% - 720px);
    display: flex;
    align-items: center;
    overflow: hidden;
}
#frontpage-cases-slider a:hover {
    text-decoration: none;
}
#frontpage-cases-slider > .slider-content {
    width: 80.27%;
    height: 690px;
    position: relative;
}
#frontpage-cases-slider > .slider-content:after {
    position: absolute;
    top: 0;
    left: calc(-1 * ((100vw - 1440px) / 2));
    height: 100%;
    width: calc((100vw - 1440px) / 2);
    background: #edf4f2;
    z-index: 100;
}
#frontpage-cases-slider > .slider-content:before {
    position: absolute;
    top: 0;
    right: calc(-1 * (((100vw - 1440px) / 2) + (1440px * 0.1973)));
    height: 100%;
    width: calc(((100vw - 1440px) / 2) + (1440px * 0.1973));
    background: #edf4f2;
    z-index: 100;
    opacity: 0.75;
}
#frontpage-cases-slider > .slider-content > .frontpageslidercases {
    height: 100%;
    position: relative;
}
#frontpage-cases-slider > .slider-content > .frontpageslidercases:after {
    content: "";
    position: absolute;
    width: calc(100vw - 100%);
    height: 100%;
    left: 100%;
    top: 0;
    background: transparent;
}
#frontpage-cases-slider .slick-slider > .slick-list,
#frontpage-cases-slider .slick-slider > .slick-list > .slick-track {
    height: 100%;
}
#frontpage-cases-slider .cases-card {
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0.25;
    transition: all 0.4s;
}
#frontpage-cases-slider .slick-standout .cases-card {
    opacity: 1;
}
#frontpage-cases-slider .cases-card .case-info-left {
    width: 48.44%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    -padding: 30px 20px 60px 20px;
    padding: 0;
}
#frontpage-cases-slider .cases-card .case-info-left .bg-area {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: scale(0.8);
    transition: all 0.4s;
}
#frontpage-cases-slider .slick-standout .cases-card .case-info-left .bg-area {
    transform: scale(1);
}
#frontpage-cases-slider .cases-card .case-info-left .bg-area:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 10;
}
#frontpage-cases-slider .cases-card .case-info-left .bg-area .data {
    position: relative;
    z-index: 20;
}
#frontpage-cases-slider .cases-card .case-info-left .case-slider-logo {
    width: 150px;
    height: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#frontpage-cases-slider .cases-card .case-info-left .case-slider-description {
    max-width: 360px;
    margin: 0 auto;
    font-size: 38px;
    line-height: 42px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    letter-spacing: -0.4px;
    padding-top: 36px;
    padding-bottom: 36px;
    max-height: 450px;
    overflow: hidden;
}
#frontpage-cases-slider .cases-card .case-info-right {
    width: 51.56%;
    padding: 0 10.46% 0 5.62%;
    height: 100%;
}
#frontpage-cases-slider .case-slider-intro {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04px;
    padding-top: 30px;
    height: 578px;
    overflow: hidden;
    position: relative;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#frontpage-cases-slider .case-slider-intro > .simple-dots {
    overflow: hidden;
    position: relative;
}
#frontpage-cases-slider .case-slider-intro > .simple-dots > .dotsAAA {
    content: "...";
    position: absolute;
    top: 496px;
    left: 0;
    width: 100%;
    height: 35px;
    background: rgb(237, 244, 242);
    text-align: center;
    background: linear-gradient(
            0deg,
            rgba(237, 244, 242, 1) 50%,
            rgba(237, 244, 242, 0) 100%
    );
}
#frontpage-cases-slider .case-slider-intro h1:first-child,
#frontpage-cases-slider .case-slider-intro h2:first-child,
#frontpage-cases-slider .case-slider-intro h3:first-child,
#frontpage-cases-slider .case-slider-intro h4:first-child,
#frontpage-cases-slider .case-slider-intro h5:first-child {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 20px;
    font-weight: 400;
    letter-spacing: 0.05px;
}
#frontpage-cases-slider .case-slider-intro p {
    margin-bottom: 6px;
}
#frontpage-cases-slider .case-slider-intro strong {
    letter-spacing: 0.26px;
    font-weight: 600;
}
#frontpage-cases-slider .case-slider-intro ul {
    padding-top: 4px;
    padding-bottom: 6px;
    list-style: none;
}
#frontpage-cases-slider .case-slider-intro ul > li {
    padding-left: 11px;
    padding-bottom: 6px;
    background-image: url(../images/festina-pointer.svg);
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-size: 3px 3px;
}
#frontpage-cases-slider .case-info-right .case-card__read-more {
    display: inline-block;
    border: 1px solid #00b9ff;
    margin-top: 24px;
    line-height: 38px;
    font-weight: 600;
    padding: 0 26px;
    letter-spacing: 0.05px;
    min-width: 190px;
    text-align: center;
    background: #00b9ff;
    text-align: center;
    font-size: 12px;
}
#frontpage-cases-slider .slick-list {
    overflow: visible;
}
#frontpage-cases-slider .slick-prev,
#frontpage-cases-slider .slick-next {
    width: 26px;
    height: 16px;
    z-index: 400;
}
#frontpage-cases-slider .slick-next:before,
#frontpage-cases-slider .slick-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-size: 26px 16px;
    background-repeat: no-repeat;
}
#frontpage-cases-slider .slick-next:before {
    background-image: url("../images/slider-arrow-right-skyblue.svg");
    background-position: center center;
}
#frontpage-cases-slider .slick-next {
    right: -241px;
    top: initial;
    bottom: -13px;
}
#frontpage-cases-slider .slick-next:after {
    content: "See more cases";
    position: absolute;
    right: 26px;
    top: 0;
    width: 137px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05px;
    font-weight: 600;
    text-align: center;
    color: #323c5f;
    padding: 10px 0;
}
#frontpage-cases-slider .slick-prev:before {
    background-image: url("../images/slider-arrow-left-skyblue.svg");
    background-position: center center;
}
#frontpage-cases-slider .slick-prev {
    left: initial;
    right: -81px;
    top: initial;
    bottom: -13px;
}
#text-and-image-area {
    width: 100%;
    min-height: calc(100vh - 95px);
    padding: 75px calc(50% - 660px);
    align-items: center;
    display: flex;
}
#text-and-image-area.gray {
    background-color: #ccced7;
}
#text-and-image-area .image-text {
    padding-bottom: 75px;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
#text-and-image-area .image-text:last-child {
    padding-bottom: 0;
}
#text-and-image-area .image-text > .column {
    width: 50%;
    padding: 0 15px;
    display: flex;
}
#text-and-image-area .image-text.valign-center > .column {
    align-items: center;
}
#text-and-image-area .image-text > .column.text > .content {
    padding: 0 calc(50% - 205px);
}
#text-and-image-area img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
#text-and-image-area p {
    margin-bottom: 6px;
}
#text-and-image-area h2 {
    font-size: 26px;
    line-height: 34px;
    padding-top: 30px;
    padding-bottom: 6px;
    font-weight: 700;
    letter-spacing: 0;
}
#text-and-image-area h3 {
    font-size: 18px;
    line-height: 24px;
    padding-top: 19px;
    padding-bottom: 21px;
    font-weight: 300;
    letter-spacing: 0.1px;
}
#text-and-image-area .image-text ul {
    padding-top: 0;
    padding-bottom: 6px;
    list-style: none;
}
#text-and-image-area .image-text ul > li {
    padding-left: 11px;
    padding-bottom: 6px;
    background-image: url(../images/festina-pointer.svg);
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-size: 3px 3px;
}
#text-and-image-area h2:first-child,
#text-and-image-area h3:first-child {
    padding-top: 0;
}
#text-and-image-area .image-text > .column.text > .content > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
#intro-content-background {
    width: 100%;
    min-height: calc(100vh - 95px);
    background-size: cover;
    background-position: center center;
    padding: 60px calc(50% - 660px);
    display: flex;
    align-items: center;
}
#intro-content-background .content {
    background: rgba(253, 253, 253, 0.75);
    max-width: calc(50% - 30px);
    min-width: calc(50% - 30px);
    margin: 0 auto;
    padding: 83px 110px;
    text-align: center;
    min-height: 384px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
#intro-content-background h1,
#intro-content-background h2,
#intro-content-background h3,
#intro-content-background h4,
#intro-content-background h5,
#intro-content-background h6 {
    font-size: 26px;
    line-height: 34px;
    padding-top: 30px;
    padding-bottom: 26px;
    font-weight: 700;
}
#intro-content-background .content > *:first-child {
    padding-top: 0;
    margin-top: 0;
}
#frontpage-quotes-slider {
    width: 100%;
    min-height: calc(100vh - 95px);
    background-color: #fff;
    padding: 75px calc(50% - 660px);
    display: flex;
    align-items: center;
}
#frontpage-quotes-slider > .quotes-slide-content {
    padding: 0 calc(25% + 15px);
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    width: 100%;
}
#frontpage-quotes-slider > .quotes-slide-content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    height: 100%;
    width: calc(100% - 30px);
    background: #edf4f2;
}
#frontpage-quotes-slider > .quotes-slide-content .frontpagesliderquotes {
    position: relative;
    z-index: 500;
}
#frontpage-quotes-slider .quotes-card {
    padding-top: 57px;
    padding-bottom: 130px;
    width: 100%;
    position: relative;
}
#frontpage-quotes-slider .quotes-card a.link-to-case {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#frontpage-quotes-slider .case-quote-logo {
    width: 150px;
    height: 150px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#frontpage-quotes-slider .case-info {
    min-height: 260px;
    margin-top: 18px;
    margin-bottom: 35px;
    width: 100%;
    font-size: 34px;
    line-height: 46px;
    font-style: italic;
    letter-spacing: 0.05px;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-align: center;
    justify-content: center;
}
#frontpage-quotes-slider .person-name {
    letter-spacing: 0.2px;
}
#frontpage-quotes-slider .person-name strong {
    font-weight: 600;
}
#frontpage-quotes-slider .company-name {
    letter-spacing: 0.05px;
    font-weight: 400;
}
#frontpage-quotes-slider .slick-prev,
#frontpage-quotes-slider .slick-next {
    width: 32px;
    height: 14px;
}
#frontpage-quotes-slider .slick-next:before,
#frontpage-quotes-slider .slick-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-size: 21px 14px;
    background-repeat: no-repeat;
}
#frontpage-quotes-slider .slick-next:before {
    background-image: url("../images/slider-arrow-right-blue.svg");
}
#frontpage-quotes-slider .slick-next {
    right: -111px;
}
#frontpage-quotes-slider .slick-prev:before {
    background-image: url("../images/slider-arrow-left-blue.svg");
}
#frontpage-quotes-slider .slick-prev {
    left: -111px;
}
body.single article {
    background: #fdfdfd;
}
.wp-caption {
    max-width: 100%;
}
.case-main-image {
    width: 100%;
    height: 600px;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.case-main-image:after {
    content: "";
    position: absolute;
    background: #000;
    opacity: 0.25;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: block;
}
.case-main-image .main-logo {
    width: 200px;
    height: 200px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    z-index: 100;
}
.case-content {
    width: 100%;
}
.case-content > .case-title {
    width: 100%;
    padding: 84px calc(50% - 315px) 0;
}
.case-content > .case-title > h1 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    text-align: center;
}
.case-content > .case-introduction {
    width: 100%;
    padding: 74px calc(50% - 315px) 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04px;
}
.case-content > .case-introduction > h1:first-child,
.case-content > .case-introduction > h2:first-child,
.case-content > .case-introduction > h3:first-child,
.case-content > .case-introduction > h4:first-child,
.case-content > .case-introduction > h5:first-child {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 41px;
    font-weight: 400;
    letter-spacing: 0.05px;
}
.case-content > .case-introduction p {
    margin-bottom: 6px;
}
.case-content > .case-introduction strong {
    letter-spacing: 0.26px;
    font-weight: 600;
}
.case-content > .case-introduction ul {
    padding-top: 4px;
    padding-bottom: 6px;
    list-style: none;
}
.case-content > .case-introduction ul > li {
    padding-left: 11px;
    padding-bottom: 6px;
    background-image: url(../images/festina-pointer.svg);
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-size: 3px 3px;
}
.case-content #simple-content div {
    max-width: 100%;
}
.case-content .gallery-item img {
    max-width: 100%;
    object-fit: cover;
}
#image-slider {
    width: 100%;
    padding: 57px calc(50% - 425px);
}
#image-slider img.proportions {
    width: 100%;
    height: auto;
}
#image-slider .slick-prev,
#image-slider .slick-next {
    width: 21px;
    height: 14px;
}
#image-slider .slick-next:before,
#image-slider .slick-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-size: 21px 14px;
    background-repeat: no-repeat;
}
#image-slider .slick-next:before {
    background-image: url("../images/slider-arrow-right-blue.svg");
}
#image-slider .slick-next {
    right: -51px;
}
#image-slider .slick-prev:before {
    background-image: url("../images/slider-arrow-left-blue.svg");
}
#image-slider .slick-prev {
    left: -51px;
}
.case-quote {
    width: 100%;
    padding: 47px calc(50% - 315px) 43px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
.case-quote .quote-description {
    font-size: 40px;
    line-height: 52px;
    font-style: italic;
    letter-spacing: 0.05px;
    padding-bottom: 35px;
}
.case-quote .quote-person {
    letter-spacing: 0.2px;
}
.case-quote .quote-person strong {
    font-weight: 600;
}
.case-quote .company-name {
    letter-spacing: 0.05px;
    font-weight: 400;
}
#simple-content {
    width: 100%;
    padding: 57px calc(50% - 315px);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04px;
    font-weight: 400;
}
.single-news-post #simple-content {
    padding: 0px calc(50% - 315px);
}
#simple-content p {
    margin-bottom: 32px;
}
#simple-content p:last-child {
    margin-bottom: 0;
}
#link-buttons {
    width: 100%;
    padding: 44px calc(50% - 315px) 29px;
    text-align: center;
    font-size: 12px;
}
#link-buttons a.box-link {
    display: inline-block;
    border: 1px solid #00b9ff;
    margin: 0 13px 15px 13px;
    line-height: 38px;
    font-weight: 600;
    padding: 0 26px;
    letter-spacing: 0.05px;
    min-width: 190px;
    text-align: center;
}
#link-buttons a.box-link:first-child {
    margin-left: 0;
}
#link-buttons a.box-link:last-child {
    margin-right: 0;
}
#link-buttons a.box-link:hover {
    background: #00b9ff;
    color: #fff;
    text-decoration: none;
}
#latest-cases {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 106px 0 131px;
}
body.single #latest-cases {
    background: #fdfdfd;
}
.case-card {
    padding: 0 15px;
    text-align: center;
}
.case-card .cover-parent {
    display: none;
}
.case-card .case-card-image {
    width: 100%;
    height: 320px;
    display: block;
    background-size: cover;
    background-position: center center;
    position: relative;
    position: relative;
}
.case-card .case-card-image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 100;
}
.case-card .case-card-image img {
    max-width: 180px;
    max-height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
}
.case-card .case-card-description {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    display: block;
    padding: 38px 42px 18px 42px;
    text-align: center;
}
.case-card .case-card-description:hover {
    text-decoration: none;
}
.case-card .case-card-read-more {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    display: inline-block;
    padding: 0 30px 24px 0;
    letter-spacing: 0.1px;
    position: relative;
}
.case-card .case-card-read-more:hover {
    text-decoration: none;
}
.case-card .case-card-read-more:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -1px;
    width: 15px;
    height: 10px;
    background-image: url(../images/slider-arrow-right-skyblue.svg);
    background-size: contain;
    background-position: right center;
}
#latest-cases .slick-prev,
#latest-cases .slick-next {
    width: 21px;
    height: 14px;
    top: 163px;
}
#latest-cases .slick-next:before,
#latest-cases .slick-prev:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-size: 21px 14px;
    background-repeat: no-repeat;
}
#latest-cases .slick-next:before {
    background-image: url("../images/slider-arrow-right-blue.svg");
}
#latest-cases .slick-next {
    right: -33px;
}
#latest-cases .slick-prev:before {
    background-image: url("../images/slider-arrow-left-blue.svg");
}
#latest-cases .slick-prev {
    left: -33px;
}
footer.footer {
    width: 100%;
    position: relative;
    z-index: 11000;
}
footer.footer .top-part {
    width: 100%;
    background: #01b9ff;
    min-height: calc(100vh * 0.3226);
    padding: 0 calc(50% - 660px);
}
footer.footer .top-part > .fletter {
    position: relative;
    width: 100%;
    height: calc(100vh * 0.3226);
    float: left;
    padding: 0 15px;
}
footer.footer .top-part > .fletter svg {
    display: block;
    float: right;
    height: 100%;
    width: auto;
    fill: #e63223;
}
footer.footer .bottom-part {
    width: 100%;
    background: #fdebe9;
    min-height: calc(100vh * 0.6774);
    padding: 0 calc(50% - 660px);
    display: flex;
    align-items: flex-end;
    position: relative;
}
footer.footer .bottom-part .bottom-part-content {
    width: 100%;
}
footer.footer .bottom-part > .fletter {
    position: absolute;
    top: 0;
    height: calc(100vh * 0.3226);
    right: calc((50% - 660px) + 15px);
}
footer.footer .bottom-part > .fletter svg {
    display: block;
    float: right;
    height: 100%;
    width: auto;
    fill: #e63223;
}
.footer .address-area {
    width: 100%;
    padding-top: 57px;
    float: left;
}
.footer .address-area .footer-address {
    display: block;
    float: left;
    padding: 0 15px 65px 15px;
    font-size: 14px;
    line-height: 26px;
    width: 25%;
    letter-spacing: 0;
    font-weight: 400;
}
.footer .address-area .footer-address p {
    margin-bottom: 0;
}
.footer .address-area .footer-address p:first-child {
    min-height: 104px;
}
.footer .address-area .footer-address p a.map-link {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    line-height: 12px;
    padding: 10px 30px 10px 0;
    position: relative;
    font-weight: 600;
    letter-spacing: 0.25px;
}
.footer .address-area .footer-address p a.map-link:after {
    content: "";
    position: absolute;
    top: 11px;
    right: -1px;
    width: 15px;
    height: 10px;
    background-image: url(../images/slider-arrow-right-skyblue.svg);
    background-size: contain;
    background-position: right center;
}
.footer .navigation-area {
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.footer .navigation-area #logo,
.footer .navigation-area .menu-area,
.footer .navigation-area .copyrights {
    display: block;
    float: left;
    padding: 0 15px 64px 15px;
    width: 25%;
}
.footer .navigation-area .menu-area {
    width: 50%;
}
.footer .navigation-area .menu-area ul.menu {
    float: left;
    list-style: none;
}
.footer .navigation-area .menu-area ul.menu > li {
    margin-right: 31px;
    float: left;
}
.footer .navigation-area .menu-area ul.menu > li a {
    display: block;
    line-height: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #323c5f;
    text-decoration: none;
    letter-spacing: 0.05px;
    padding: 10px 0;
}
.footer .navigation-area #logo svg {
    float: left;
    display: block;
    width: 190px;
    height: auto;
    fill: #323c5f;
    padding-bottom: 10px;
}
.footer .navigation-area .copyrights {
    letter-spacing: 0.9px;
    font-size: 14px;
    line-height: 34px;
    text-align: right;
    font-weight: 400;
}
body.home main {
    position: relative;
    width: 100%;
    background: #edf4f2;
}
body.home main > .panel-grid {
    position: sticky;
    top: 95px;
    margin-top: 200px;
}
body.home main > .panel-grid:first-child {
    top: 0;
    margin-bottom: 200px !important;
    margin-top: 0;
}
.page-wrapper {
    position: relative;
}
footer.footer {
    position: sticky;
    top: 0;
}
.page-wrapper > div:first-child {
    display: none !important;
}
@media all and (max-width: 18500px) {
    #frontpage-cases-slider {
        padding: 40px calc(100% - 1440px) 75px 0;
    }
    #frontpage-cases-slider > .slider-content:before {
        left: 100%;
        right: initial;
        width: calc(100vw - 720px);
    }
}
@media all and (max-width: 1450px), all and (max-height: 700px) {
    #frontpage-cases-slider > .slider-content {
        height: 550px;
    }
    #frontpage-cases-slider .case-slider-intro {
        height: 536px;
    }
}
@media all and (max-width: 1420px), all and (max-height: 700px) {
    body {
        font-size: 13px;
        line-height: 18px;
    }
    header {
    }
    header.header {
        padding-right: calc(50% - 435px);
        padding-left: calc(50% - 435px);
    }
    header.header #animated-icon > .top {
        width: calc(900px / 2.4176);
        right: calc(50% - 480px);
        top: calc((100vh * 0.4762) - 246px);
    }
    section#intro-content .top-content {
        padding-left: calc(50% - 450px);
        padding-right: calc(50% - 450px);
    }
    section#intro-content .top-content h1 {
        font-size: 32px;
        line-height: 42px;
    }
    section#intro-content .main-content {
        padding-left: calc(50% - 450px);
        padding-right: calc(50% - 450px);
    }
    section#intro-content .main-content .scroll_to_explore {
        left: calc(50% - 435px);
    }
    #frontpage-cases-slider {
        padding: 50px calc(50% - 512px) 50px 0;
    }
    #frontpage-cases-slider .cases-card .case-info-left .case-slider-logo {
        width: 100px;
        height: 100px;
    }
    #frontpage-cases-slider .cases-card .case-info-left .case-slider-description {
        max-width: 300px;
        font-size: 28px;
        line-height: 31px;
        padding-top: 26px;
        padding-bottom: 26px;
        max-height: 248px;
    }
    #frontpage-cases-slider > .slider-content {
        width: 81%;
        height: 510px;
    }
    #frontpage-cases-slider .case-slider-intro {
        font-size: 13px;
        line-height: 18px;
        padding-top: 30px;
        height: 496px;
    }
    #frontpage-cases-slider .slick-next:after {
        display: none;
    }
    #frontpage-cases-slider > .slider-content:after {
        left: calc(-1 * ((100vw - 1024px) / 2));
        width: calc((100vw - 1024px) / 2);
    }
    #frontpage-cases-slider > .slider-content:before {
        right: calc(-1 * (((100vw - 1024px) / 2) + (1024px * 0.1973)));
        width: calc(((100vw - 1024px) / 2) + (1024px * 0.19));
    }
    #frontpage-cases-slider .slick-next {
        right: -111px;
    }
    #frontpage-cases-slider .slick-prev {
        right: -74px;
    }
    #text-and-image-area {
        padding: 50px calc(50% - 450px);
    }
    #text-and-image-area .image-text > .column.text > .content {
        padding: 0 30px 0 0;
    }
    #frontpage-quotes-slider {
        min-height: calc(100vh - 95px);
        padding: 50px calc(50% - 450px);
    }
    footer.footer .bottom-part > .fletter {
        right: calc((50% - 450px) + 15px);
    }
    #frontpage-quotes-slider .case-quote-logo {
        width: 100px;
        height: 100px;
    }
    #frontpage-quotes-slider .case-info {
        min-height: 200px;
        margin-top: 8px;
        margin-bottom: 15px;
        font-size: 28px;
        line-height: 40px;
    }
    #frontpage-quotes-slider .quotes-card {
        padding-bottom: 75px;
    }
    footer.footer .top-part {
        padding: 0 calc(50% - 450px);
    }
    footer.footer .bottom-part {
        padding: 0 calc(50% - 450px);
    }
    .footer .address-area .footer-address {
        font-size: 12px;
        line-height: 20px;
    }
    .footer .navigation-area #logo svg {
        width: 140px;
    }
    .case-main-image {
        height: 540px;
    }
    .case-main-image .main-logo {
        width: 150px;
        height: 150px;
        left: calc(50% - 75px);
        top: calc(50% - 75px);
    }
    .case-card .case-card-image img {
        max-width: 120px;
        max-height: 120px;
    }
    .case-card .case-card-image {
        height: 220px;
    }
    .case-card .case-card-description {
        font-size: 16px;
        line-height: 22px;
        padding: 30px 15px 18px 15px;
    }
    #latest-cases {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
        padding: 106px 0 131px;
    }
    #latest-cases .slick-prev,
    #latest-cases .slick-next {
        top: 108px;
    }
}
@media all and (min-width: 760px) and (max-width: 1000px) {
    .content--scrolled header.header #animated-icon > .top {
        width: 70px;
        top: 49px;
    }
    header.header #animated-icon > .top {
        right: calc(47% - 320px) !important;
    }
}
@media all and (max-width: 1370px), all and (max-height: 700px) {
    section#intro-content .top-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
    #frontpage-cases-slider > .slider-content {
        height: 450px;
    }
    #frontpage-cases-slider .case-slider-intro {
        height: 386px;
    }
}
@media all and (max-width: 1025px), all and (max-height: 700px) {
    body.home main > .panel-grid {
        position: relative;
        top: 0;
        margin-top: 0;
    }
    header.header #animated-icon > .top {
        max-width: 340px;
        top: calc((100vh * 0.4762) - 224px);
    }
}
@media all and (min-width: 1000px) and (max-width: 1420px) {
    header.header #animated-icon > .top {
        width: calc(650px / 2.4176);
        top: calc((100vh * 0.4762) - 178px);
    }
    header.header #main-menu ul.menu > li {
        margin-right: 25px;
    }
}
@media all and (min-width: 1000px) and (max-height: 700px) {
    .case-slider-intro .ellip {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 18px;
        font-style: italic;
    }
}
@media all and (max-width: 1000px), all and (max-height: 700px) {
    header.header {
        padding-right: calc(50% - 320px);
        padding-left: calc(50% - 320px);
    }
    section#intro-content .top-content {
        padding-left: calc(50% - 335px);
        padding-right: calc(50% - 335px);
    }
    section#intro-content .top-content h1 {
        font-size: 24px;
        line-height: 31px;
    }
    section#intro-content .main-content {
        padding-left: calc(50% - 335px);
        padding-right: calc(50% - 335px);
    }
    header.header #animated-icon > .top {
        width: calc(640px / 2.4176);
        right: calc(50% - 320px);
        top: calc((100vh * 0.4762) - 174px);
    }
    section#intro-content .main-content .scroll_to_explore {
        left: calc(50% - 320px);
    }
    footer.footer .top-part {
        padding: 0 calc(50% - 335px);
        min-height: 150px;
    }
    footer.footer .bottom-part {
        padding: 0 calc(50% - 335px);
    }
    footer.footer .top-part > .fletter {
        height: 150px;
    }
    footer.footer .bottom-part > .fletter {
        right: calc((50% - 335px) + 15px);
        height: 150px;
    }
    .footer .address-area .footer-address {
        width: 100%;
    }
    .footer .navigation-area #logo,
    .footer .navigation-area .menu-area,
    .footer .navigation-area .copyrights {
        width: 50%;
    }
    .footer .navigation-area .menu-area {
        display: none;
    }
    #text-and-image-area {
        padding: 50px calc(50% - 320px);
    }
    #text-and-image-area .image-text {
        display: block;
    }
    #text-and-image-area .image-text > .column {
        width: 100%;
        padding: 0;
    }
    #text-and-image-area .image-text > .column:last-child {
        padding-top: 50px;
    }
    #text-and-image-area .image-text > .column.image > div {
        width: 100%;
    }
    #intro-content-background .content {
        max-width: 640px;
    }
    #intro-content-background {
        width: 100%;
        min-height: 100px;
        padding: 150px 0;
    }
    #frontpage-quotes-slider {
        min-height: 100px;
        padding: 70px calc(50% - 336px);
    }
    #frontpage-cases-slider {
        padding: 50px calc(50% - 270px);
    }
    #frontpage-cases-slider > .slider-content {
        width: 100%;
        height: auto;
    }
    #frontpage-cases-slider > .slider-content:before {
        right: calc(-1 * ((100vw - 540px) / 2));
        width: calc((100vw - 540px) / 2);
    }
    #frontpage-cases-slider > .slider-content:after {
        left: calc(-1 * ((100vw - 540px) / 2));
        width: calc((100vw - 540px) / 2);
        opacity: 0.75;
    }
    #frontpage-cases-slider .cases-card {
        display: block;
    }
    #frontpage-cases-slider .cases-card .case-info-left {
        height: 540px;
        width: 100%;
        padding: 15px;
    }
    #frontpage-cases-slider .cases-card .case-info-right {
        width: 100%;
        padding: 0 15px;
        height: auto;
    }
    #frontpage-cases-slider .slick-standout .cases-card .case-info-right {
        padding: 0;
    }
    #frontpage-cases-slider .case-slider-intro {
        height: auto;
        padding-top: 85px;
    }
    #frontpage-cases-slider .case-slider-intro:after {
        display: none;
    }
    #frontpage-cases-slider .slick-prev {
        left: initial;
        right: calc(50% + 70px);
        top: 580px;
        bottom: initial;
        height: 96px;
        width: 66px;
    }
    #frontpage-cases-slider .slick-next {
        right: calc(50% - 123px);
        top: 580px;
        bottom: initial;
        height: 96px;
        width: 66px;
    }
    #frontpage-cases-slider .slick-next:after {
        display: block;
    }
    #frontpage-cases-slider .slick-prev:before {
        background-position: right center;
    }
    #frontpage-cases-slider .slick-next:before {
        background-position: left center;
    }
    .case-main-image {
        height: 440px;
    }
    .case-content > .case-title {
        padding: 84px calc(50% - 320px) 0;
    }
    .case-content > .case-introduction {
        padding: 74px calc(50% - 320px) 32px;
    }
    .case-content {
        padding-left: calc(50% - 320px);
        padding-right: calc(50% - 320px);
    }
    .case-quote {
        padding: 47px 0 43px;
    }
    #simple-content {
        padding: 57px 0;
    }
    .case-card .case-card-image {
        height: 160px;
    }
    .case-card .case-card-image img {
        max-width: 90px;
        max-height: 90px;
    }
    #frontpage-cases-slider .slick-next::after {
        top: 0;
        right: 60px;
        padding: 40px 0;
    }
    #frontpage-quotes-slider .slick-next {
        display: block;
        height: 100%;
        width: 100px;
        right: -167px;
    }
    #frontpage-quotes-slider .slick-next:before {
        background-position: left center;
    }
    #frontpage-quotes-slider .slick-prev {
        height: 100%;
        width: 100px;
        left: -167px;
    }
    #frontpage-quotes-slider .slick-prev:before {
        background-position: right center;
    }
}
@media all and (max-width: 1000px) {
    #latest-cases {
        max-width: 670px;
        margin: 0 auto;
        padding: 106px 0 131px;
    }
    #latest-cases .slick-prev,
    #latest-cases .slick-next {
        top: 82px;
    }
}
@media all and (max-width: 760px), all and (max-height: 700px) {
    .single-news-post #simple-content {
        padding: 0px 0px calc(50% - 315px);
    }
    body {
        font-size: 12px;
        line-height: 18px;
    }
    #frontpage-cases-slider .case-slider-intro {
        max-height: none;
    }
    .case-slider-intro * {
        display: block !important;
    }
    section#intro-content,
    .content--scrolled section#intro-content {
        background-color: #fdebe9;
    }
    body.home main > .panel-grid:first-child {
        margin-bottom: 0 !important;
    }
    body.home main > .panel-grid {
        top: 60px;
    }
    section#intro-content .top-content > .animated_element {
        display: none !important;
    }
    #text-and-image-area {
        padding-bottom: 24px;
    }
    #text-and-image-area h2 {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        padding-top: 21px;
        padding-bottom: 19px;
    }
    #text-and-image-area h3 {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 27px;
    }
    #text-and-image-area .image-text > .column.text > .content {
        padding: 0;
    }
    #text-and-image-area .image-text {
        font-size: 12px;
        line-height: 18px;
    }
    #text-and-image-area p {
        margin-bottom: 9px;
    }
    #text-and-image-area .image-text > .column:last-child {
        padding-top: 35px;
    }
    #intro-content-background {
        padding: 70px 24px;
    }
    #intro-content-background .content {
        padding: 59px 24px 60px;
        font-size: 12px;
        line-height: 18px;
    }
    #intro-content-background h1,
    #intro-content-background h2,
    #intro-content-background h3,
    #intro-content-background h4,
    #intro-content-background h5,
    #intro-content-background h6 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 21px;
    }
    footer.footer .top-part {
        padding: 0;
        min-height: 96px;
    }
    footer.footer .top-part > .fletter {
        height: 96px;
        padding: 0 24px;
    }
    footer.footer .bottom-part {
        padding: 0 24px;
        display: block;
        min-height: 100px;
    }
    footer.footer .bottom-part > .fletter {
        right: 24px;
        height: 96px;
    }
    .footer .address-area .footer-address {
        padding: 0 0 65px 0;
    }
    .footer .navigation-area #logo,
    .footer .navigation-area .menu-area,
    .footer .navigation-area .copyrights {
        padding: 0 0 64px 0;
    }
    .footer .navigation-area #logo svg {
        width: 106px;
        padding-bottom: 3px;
    }
    .footer .navigation-area .copyrights {
        font-size: 12px;
        line-height: 18px;
    }
    #frontpage-cases-slider {
        padding: 26px 16px 43px 16px;
        min-height: 20px;
    }
    #frontpage-cases-slider .cases-card .case-info-left .bg-area {
        transform: scale(1);
    }
    #frontpage-cases-slider .cases-card .case-info-left .case-slider-description {
        max-width: calc(100% - 48px);
        font-size: 20px;
        line-height: 24px;
    }
    #frontpage-cases-slider .cases-card .case-info-left {
        height: 340px;
    }
    #frontpage-cases-slider .slick-next,
    #frontpage-cases-slider .slick-prev {
        top: 380px;
    }
    #frontpage-cases-slider .case-slider-intro {
        padding-top: 35px;
    }
    #frontpage-cases-slider .case-slider-intro p {
        font-size: 13px;
        line-height: 18px;
    }
    #frontpage-cases-slider .case-slider-intro h1:first-child,
    #frontpage-cases-slider .case-slider-intro h2:first-child,
    #frontpage-cases-slider .case-slider-intro h3:first-child,
    #frontpage-cases-slider .case-slider-intro h4:first-child,
    #frontpage-cases-slider .case-slider-intro h5:first-child {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 18px;
    }
    #frontpage-cases-slider .cases-card .case-info-right {
        display: none;
    }
    #frontpage-cases-slider .slick-standout .cases-card .case-info-right {
        display: block;
    }
    #frontpage-cases-slider .slick-prev,
    #frontpage-cases-slider .slick-next {
        width: 39px;
        height: 73px;
    }
    #frontpage-cases-slider .slick-next:before,
    #frontpage-cases-slider .slick-prev:before {
        background-size: 19px auto;
    }
    #frontpage-cases-slider .slick-next {
        right: calc(50% - 112px);
    }
    #frontpage-cases-slider .slick-prev {
        right: calc(50% + 94px);
    }
    #frontpage-cases-slider .slick-next:after {
        content: "Swipe for more cases";
        width: 167px;
        top: 0;
        right: 39px;
        padding: 28px 0;
    }
    #frontpage-cases-slider .cases-card .case-info-left {
        padding: 14px 0;
        transition: all 0.4s;
    }
    #frontpage-cases-slider .slick-standout .cases-card .case-info-left {
        padding: 0;
    }
    #frontpage-cases-slider .cases-card {
        padding: 0 7px;
    }
    #frontpage-cases-slider .case-info-right .case-card__read-more {
        min-width: 100%;
    }
    #frontpage-quotes-slider {
        padding: 24px 9px;
    }
    #frontpage-quotes-slider > .quotes-slide-content {
        padding: 0 33px;
    }
    #frontpage-quotes-slider .slick-prev,
    #frontpage-quotes-slider .slick-next {
        width: 16px;
        height: 11px;
        top: initial;
        bottom: 30px;
    }
    #frontpage-quotes-slider .slick-next:before,
    #frontpage-quotes-slider .slick-prev:before {
        background-size: contain;
    }
    #frontpage-quotes-slider .slick-next {
        left: calc(50% + 9px);
    }
    #frontpage-quotes-slider .slick-prev {
        left: calc(50% - 67px);
    }
    #frontpage-quotes-slider .case-info {
        font-size: 24px;
        line-height: 28px;
        margin-top: 12px;
        margin-bottom: 36px;
    }
    #frontpage-quotes-slider .quotes-card {
        padding-top: 33px;
        padding-bottom: 79px;
    }
    #frontpage-quotes-slider > .quotes-slide-content {
        font-size: 12px;
        line-height: 18px;
    }
    #frontpage-quotes-slider .slick-next,
    #frontpage-quotes-slider .slick-prev {
        width: 56px;
        height: 51px;
        top: initial;
        bottom: -10px;
        z-index: 2000;
    }
    #frontpage-quotes-slider .slick-next:before,
    #frontpage-quotes-slider .slick-prev:before {
        background-size: 19px auto;
    }
    .footer .address-area .footer-address {
        font-size: 12px;
        line-height: 18px;
    }
    .footer .address-area {
        padding-top: 26px;
    }
    .footer .address-area .footer-address p:first-child {
        min-height: 72px;
    }
    section#intro-content .top-content,
    section#intro-content .main-content,
    #text-and-image-area {
        padding-left: 24px;
        padding-right: 24px;
    }
    section#intro-content .top-content h1 {
        font-size: 18px;
        line-height: 22px;
        max-width: 91%;
        padding: 0;
    }
    section#intro-content .main-content .paragraph {
        max-width: 100%;
        padding-left: 0;
        opacity: 0;
        transition: all 1.75s;
    }
    section#intro-content.mobile-animation .main-content .paragraph {
        max-width: 100%;
        padding-left: 0;
        opacity: 1;
        transition: all 1.75s;
    }
    section#intro-content .top-content {
        padding-top: 215px;
        height: auto;
        padding-bottom: 0;
        min-height: 325px;
        transition: .75s min-height ease-in-out;
    }
    .page-wrapper.content--scrolled section#intro-content .top-content {
        min-height: 289px;
    }
    section#intro-content .main-content {
        padding-top: 18px;
        height: auto;
        min-height: calc(100vh - 325px);
        padding-bottom: 100px;
    }
    section#intro-content .main-content .scroll_to_explore {
        left: 24px;
        bottom: 50px;
        -bottom: 94px;
    }
    section#intro-content .top-content:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 85px;
        background: #fdebe9;
        transition: all 1.75s;
        z-index: 0;
        opacity: 1;
        top: initial;
    }
    section#intro-content.mobile-animation .top-content:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: #fdebe9;
        transition: all 1.75s;
        z-index: 0;
        opacity: 1;
        top: initial;
    }
    section#intro-content .top-content h1 {
        z-index: 1;
        opacity: 0;
        transition: all 1.75s;
    }
    section#intro-content.mobile-animation .top-content h1 {
        z-index: 1;
        opacity: 1;
        transition: all 1.75s;
    }
    section#intro-content .top-content > .animated_element {
        z-index: 2;
    }
    header.header {
        padding: 24px;
        position: absolute;
    }
    header.header #logo svg {
        width: 47px;
        height: 21px;
    }
    header.header #main-menu {
        padding-left: 0;
        float: right;
    }
    header.header #main-menu ul.menu > li {
        margin-right: 0;
    }
    header.header #main-menu ul.menu > li a {
        line-height: 21px;
    }
    .content--scrolled header.header {
        background-color: transparent;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .content--scrolled header.header #logo svg {
        fill: #fff;
    }
    .content--scrolled header.header #main-menu ul.menu > li a {
        color: #fff;
    }
    .case-main-image {
        height: 450px;
    }
    .case-main-image .main-logo {
        width: 120px;
        height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 90px);
    }
    .case-content {
        padding-left: 24px;
        padding-right: 24px;
    }
    .case-content > .case-content {
        padding: 0;
    }
    .case-content > .case-title {
        padding: 61px 22px 0;
    }
    .case-content > .case-title > h1 {
        font-size: 18px;
        line-height: 22px;
    }
    .case-content > .case-introduction > h1:first-child,
    .case-content > .case-introduction > h2:first-child,
    .case-content > .case-introduction > h3:first-child,
    .case-content > .case-introduction > h4:first-child,
    .case-content > .case-introduction > h5:first-child {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 20px;
    }
    .case-content > .case-introduction {
        padding: 58px 0 25px;
    }
    .case-content > .case-introduction {
        font-size: 12px;
        line-height: 18px;
    }
    #image-slider {
        padding: 24px 0 56px;
    }
    #image-slider .slick-prev,
    #image-slider .slick-next {
        top: initial;
        bottom: -48px;
    }
    #image-slider .slick-prev {
        left: calc(50% - 31px);
    }
    #image-slider .slick-next {
        left: calc(50% + 8px);
    }
    .case-quote .quote-description {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 17px;
    }
    .case-quote {
        font-size: 12px;
        line-height: 18px;
    }
    #simple-content {
        padding: 16px 0;
        font-size: 12px;
        line-height: 18px;
    }
    #link-buttons {
        padding: 24px 0 29px;
    }
    #link-buttons a.box-link:first-child {
        margin-left: 13px;
    }
    #link-buttons a.box-link:last-child {
        margin-right: 13px;
    }
    body.page header.header #animated-icon > .top {
        width: calc(100% - 48px);
        right: 24px;
        top: 24px;
        transform: translateY(0);
        transition: all 1.75s;
        max-width: 100%;
    }
    body.page header.header.mobile-animation #animated-icon > .top {
        width: 108px;
        transition: all 1.75s;
    }
    body.page header.header #logo svg,
    body.page header.header #main-menu {
    }
    body.page header.header #main-menu {
        width: 100%;
        padding: 0;
        height: 0;
        -overflow: hidden;
        display: none;
    }
    body.page header.header #animated-icon.showmenu > .top {
        top: initial !important;
        bottom: 0;
    }
    body.page header.header {
        background-color: #fdebe9;
    }
    body.page header.header #main-menu.showmenu {
        height: auto;
        display: block;
    }
    body.page header.header #main-menu ul.menu {
        width: 100%;
        padding: 24px;
    }
    body.page header.header #main-menu ul.menu > li {
        width: 100%;
    }
    body.page header.header #main-menu ul.menu > li a {
        font-size: 20px;
        line-height: 22px;
        font-weight: 300;
        width: 100%;
        text-align: center;
        padding-bottom: 16px;
        padding-top: 16px;
    }
    body.home main {
        background: #edf4f2;
    }
    body.page header.header {
        position: fixed;
        z-index: 9999999;
    }
    body.page .content--scrolled header.header#logo svg {
        display: block;
    }
    body.page .content--scrolled header.header {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .page-wrapper:not(.content--scrolled) #main_navigation {
        top: 40px !important;
    }
    body.page .content--scrolled header.header #animated-icon > .top {
        width: 62px;
        top: 20px;
        transform: translateY(0);
    }
    body.page #main_navigation {
        display: none;
        position: absolute;
        top: 20px;
        left: calc(50% - 10px);
        opacity: 0;
        transition: all 1s;
    }
    body.page header.header #main_navigation {
        display: block;
        opacity: 1;
        transition: all 1s;
    }
    body.page #main_navigation #menu-close {
        display: none;
    }
    body.page #main_navigation #menu-open {
        display: block;
    }
    body.page #main_navigation.showmenu #menu-close {
        display: block;
    }
    body.page #main_navigation.showmenu #menu-open {
        display: none;
    }
    body.home main > .panel-grid {
        margin-top: 0;
    }
}
@media all and (max-height: 700px) {
    .case-content {
        max-width: 800px;
        margin: 0 auto;
    }
    section#intro-content .top-content h1 {
        max-width: 800px;
        margin: 0 auto;
    }
    .main-content p {
        max-width: 800px;
        margin: 0 auto;
        padding-left: 8px;
        padding-right: 8px;
    }
    section#text-and-image-area img {
        max-width: 800px;
        margin: 0 auto;
    }
    .case-info-right {
        max-width: 800px;
        margin: 0 auto;
    }
    section#text-and-image-area .aligned-content {
        max-width: 800px;
        margin: 0 auto;
    }
    .case-info {
        max-width: 800px;
        margin: 0 auto;
    }
}
@media all and (max-width: 760px) {
    #frontpage-cases-slider .case-slider-intro {
        max-height: none;
    }
    #latest-cases {
        max-width: 570px;
        margin: 0 auto;
        padding: 16px;
        overflow: hidden;
        position: relative;
    }
    #latest-cases .case-card {
        padding: 0 3px;
    }
    #latest-cases .case-card .case-card-image {
        height: 195px;
    }
    #latest-cases .slidercases .slick-list {
        overflow: initial;
    }
    #latest-cases .case-card .case-card-description {
        padding: 32px 0 18px 0;
    }
    #latest-cases .slick-prev,
    #latest-cases .slick-next {
        display: none !important;
    }
}
@media all and (max-width: 1000px), all and (max-height: 700px) {
    header.header #main-menu {
        width: calc(100% - 84px);
    }
    #frontpage-cases-slider .case-slider-intro {
        padding-top: 75px;
    }
}
@media all and (max-width: 350px) {
    section#intro-content .top-content h1 {
        font-size: 16px;
    }
}
body.page-bg-color-red header.header #animated-icon svg {
    fill: #f70d1a;
}
body.page-bg-color-red footer.footer .top-part > .fletter svg {
    fill: #f70d1a;
}
body.page-bg-color-red footer.footer .bottom-part > .fletter svg {
    fill: #f70d1a;
}
body.page-bg-color-yellow header.header #animated-icon svg {
    fill: #fff571;
}
body.page-bg-color-yellow footer.footer .top-part > .fletter svg {
    fill: #fff571;
}
body.page-bg-color-yellow footer.footer .bottom-part > .fletter svg {
    fill: #fff571;
}
body.page-bg-color-blue header.header #animated-icon svg {
    fill: #00bcff;
}
body.page-bg-color-blue footer.footer .top-part > .fletter svg {
    fill: #00bcff;
}
body.page-bg-color-blue footer.footer .bottom-part > .fletter svg {
    fill: #00bcff;
}
body.page-bg-color-green header.header #animated-icon svg {
    fill: #00da70;
}
body.page-bg-color-green footer.footer .top-part > .fletter svg {
    fill: #00da70;
}
body.page-bg-color-green footer.footer .bottom-part > .fletter svg {
    fill: #00da70;
}
body.page-bg-color-red footer.footer .top-part {
    background: #00bcff;
}
body.page-bg-color-yellow footer.footer .top-part {
    background: #b4d3cd;
}
body.page-bg-color-blue footer.footer .top-part {
    background: #fff571;
}
body.page-bg-color-green footer.footer .top-part {
    background: #b4d3cd;
}
@media all and (min-width: 1024px) {
    #frontpage-quotes-slider .slick-next::before,
    #frontpage-quotes-slider .slick-prev::before {
        background-size: 30px 21px;
        background-position: center center;
    }
    #frontpage-quotes-slider .slick-prev,
    #frontpage-quotes-slider .slick-next {
    }
    #frontpage-quotes-slider .slick-next {
        right: -181px;
    }
    #frontpage-quotes-slider .slick-prev {
    }
    section#intro-content .main-content .paragraph {
        font-size: 22px;
        line-height: 28px;
    }
    #frontpage-cases-slider .slick-prev,
    #frontpage-cases-slider .slick-next {
        width: 30px;
        height: 81px;
        bottom: -53px;
    }
    #frontpage-cases-slider .slick-next::before,
    #frontpage-cases-slider .slick-prev::before {
        background-size: 30px 21px;
    }
    #frontpage-cases-slider .slick-next:after {
        top: 0;
        padding: 32px 0;
    }
    section#intro-content .main-content .paragraph {
        max-width: 40%;
    }
}
#frontpage-cases-slider a.scroll_to_explore_button,
#text-and-image-area a.scroll_to_explore_button,
#intro-content-background a.scroll_to_explore_button,
#frontpage-quotes-slider a.scroll_to_explore_button {
    position: absolute;
    bottom: 34px;
    left: calc(50% - 645px);
    display: block;
    line-height: 30px;
    font-size: 10px;
    text-transform: uppercase;
    padding-right: 23px;
    font-weight: 600;
    letter-spacing: 0.65px;
}
#frontpage-cases-slider a.scroll_to_explore_button:after,
#text-and-image-area a.scroll_to_explore_button:after,
#intro-content-background a.scroll_to_explore_button:after,
#frontpage-quotes-slider a.scroll_to_explore_button:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 10px;
    height: 15px;
    background-size: contain;
    background-position: center center;
    background-image: url(../images/arrow-down.svg);
}
@media all and (max-width: 1380px), all and (max-height: 700px) {
    #frontpage-cases-slider a.scroll_to_explore_button,
    #text-and-image-area a.scroll_to_explore_button,
    #intro-content-background a.scroll_to_explore_button,
    #frontpage-quotes-slider a.scroll_to_explore_button {
        left: calc(50% - 435px);
    }
}
@media all and (max-width: 1024px), all and (max-height: 700px) {
    #frontpage-cases-slider a.scroll_to_explore_button,
    #text-and-image-area a.scroll_to_explore_button,
    #intro-content-background a.scroll_to_explore_button,
    #frontpage-quotes-slider a.scroll_to_explore_button {
        display: none;
    }
}
body.page header.header #main-menu ul.menu > li a.active {
    text-decoration: underline;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    section#intro-content.mobile-animation .top-content:before {
        height: 80px;
    }
    section#intro-content .top-content {
        min-height: 175px;
        padding-top: 130px;
    }
    section#intro-content .main-content {
        min-height: 200px;
    }
    section#intro-content .main-content .scroll_to_explore {
        bottom: 64px;
    }
    #intro-content-background {
        padding: 70px 111px;
    }
    #intro-content-background .content {
        padding: 59px 84px 60px;
        min-height: 100px;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    section#intro-content,
    .content--scrolled section#intro-content {
        height: unset;
        background-color: #fdebe9;
    }
    section#intro-content .main-content {
        min-height: calc(100vh - 375px);
    }
}
.home .slick-prev,
.home .slick-next {
    z-index: 1 !important;
}
div#pg-2-2 {
    z-index: 100;
}
div#pg-2-3 {
    z-index: 200;
}
div#pg-2-4 {
    z-index: 300;
}
.error404 header#main_header {
    background-color: #323c5f;
}
article#content-not-found {
    padding-top: 45vh;
    padding-bottom: 30vh;
    text-align: center;
}
article#content-not-found h1 {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 21px;
}
.menu-item a.active {
    text-decoration: underline !important;
}
.ellip {
    display: block;
    height: 100%;
}
.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}
body.page main.insidepage {
    padding-top: 102px;
}
main.insidepage #simple-content h1 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 78px;
}
main.insidepage #simple-content p {
    margin-bottom: 6px;
}
main.insidepage #simple-content {
    padding-bottom: 50px;
}
main.insidepage #simple-content a {
    text-decoration: underline;
}
main.insidepage #simple-content.two-columns {
    padding-top: 0;
    display: flex;
}
main.insidepage #simple-content.two-columns .column {
    width: 50%;
}
main.insidepage #simple-content.two-columns .column:first-child {
    padding-right: 15px;
}
main.insidepage #simple-content.two-columns .column:last-child {
    padding-left: 15px;
}
main.insidepage #simple-content.two-columns.address p {
    line-height: 26px;
    margin-bottom: 26px;
    min-height: 79px;
}
main.insidepage #simple-content.two-columns.contact-profile {
    padding-bottom: 15px;
}
main.insidepage
#simple-content.two-columns.contact-profile
.column:first-child {
    width: 205px;
}
main.insidepage #simple-content.two-columns.contact-profile .column:last-child {
    width: calc(100% - 205px);
    align-items: center;
    display: flex;
}
main.insidepage
#simple-content.two-columns.contact-profile
.column:first-child
img {
    width: 100%;
    height: auto;
}
main.insidepage #simple-content.two-columns.contact-profile h1,
main.insidepage #simple-content.two-columns.contact-profile h2,
main.insidepage #simple-content.two-columns.contact-profile h3,
main.insidepage #simple-content.two-columns.contact-profile h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}
main.insidepage #simple-content.two-columns.contact-profile p {
    margin-bottom: 10px;
}
main.insidepage #simple-content.two-columns.contact-profile p:last-child {
    margin-bottom: 0;
}
main.insidepage #simple-content.contact-form h2 {
    font-size: 26px;
    line-height: 32px;
    margin-top: 4px;
    margin-bottom: 20px;
}
main.insidepage #simple-content.contact-form .form-data {
    width: 100%;
    padding-top: 35px;
}
main.insidepage #simple-content.contact-form .form-data .col_50 {
    display: inline-flex;
    width: 50%;
    padding-left: 10px;
    padding-bottom: 20px;
    -float: left;
}
main.insidepage #simple-content.contact-form .form-data .col_50:nth-child(2n) {
    padding-left: 0;
    padding-right: 10px;
}
main.insidepage #simple-content.contact-form .form-data .col_100 {
    display: inline-flex;
    width: 100%;
    padding-bottom: 20px;
}
main.insidepage #simple-content.contact-form .form-data .col_50 > span,
main.insidepage #simple-content.contact-form .form-data .col_100 > span {
    width: 100%;
}
main.insidepage #simple-content.contact-form .form-data form input.wpcf7-text,
main.insidepage #simple-content.contact-form .form-data form textarea {
    width: 100%;
    background: #edf4f2;
    border: 0;
    padding-left: 16px;
    font-size: 12px;
    font-weight: 600;
    color: #323c5f;
}
main.insidepage
#simple-content.contact-form
.form-data
form
input.wpcf7-text::placeholder,
main.insidepage
#simple-content.contact-form
.form-data
form
textarea::placeholder {
    color: #323c5f;
    opacity: 1;
}
main.insidepage #simple-content.contact-form .form-data form input.wpcf7-text {
    height: 40px;
}
main.insidepage #simple-content.contact-form .form-data form textarea {
    padding-top: 12px;
    padding-right: 16px;
    padding-bottom: 12px;
    height: 200px;
}
main.insidepage #simple-content.contact-form .form-data .col_100.message-box {
    padding-bottom: 39px;
}
main.insidepage
#simple-content.contact-form
.form-data
.terms
span.wpcf7-list-item {
    margin: 0;
}
main.insidepage #simple-content.contact-form .form-data .submit > div {
    width: 100%;
    text-align: right;
}
main.insidepage #simple-content.contact-form .form-data .submit input {
    width: 100%;
    max-width: 190px;
    height: 40px;
    border: 1px solid #00b9ff;
    border-radius: 0;
    background-color: #fff;
    color: #323c5f;
    font-weight: 600;
    font-size: 12px;
    -webkit-appearance: none;
}
main.insidepage
#simple-content.contact-form
.form-data
.submit
> div
.ajax-loader {
    width: 100%;
}
main.insidepage
#simple-content.contact-form
.form-data
span.wpcf7-not-valid-tip {
    font-size: 12px;
    padding-top: 3px;
}
main.insidepage #simple-content.contact-form .form-data .terms .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
main.insidepage
#simple-content.contact-form
.form-data
.terms
.container
input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
main.insidepage
#simple-content.contact-form
.form-data
.terms
.wpcf7-form-control-wrap.terms-check {
    position: unset;
}
main.insidepage
#simple-content.contact-form
.form-data
.terms
.wpcf7-list-item-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #edf4f2;
}
main.insidepage
#simple-content.contact-form
.form-data
.terms
.wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    display: none;
}
main.insidepage
#simple-content.contact-form
.form-data
.terms
.container
input:checked
~ .wpcf7-list-item-label:after {
    display: block;
}
main.insidepage
#simple-content.contact-form
.form-data
.terms
.container
.wpcf7-list-item-label:after {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 0;
    border-width: 0;
    background-image: url(../images/checkbox-active.svg);
    background-size: cover;
    background-position: center center;
}
main.insidepage #latest-cases {
    padding-top: 60px;
}
main.insidepage div.wpcf7-validation-errors,
main.insidepage div.wpcf7-acceptance-missing {
    border: 2px solid #efefef;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.wpcf7-mail-sent-ok {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
main.insidepage #simple-content p a.map-link {
    display: inline-block;
    margin-top: 19px;
    font-size: 12px;
    line-height: 12px;
    padding: 10px 30px 10px 0;
    position: relative;
    font-weight: 600;
    letter-spacing: 0.25px;
    text-decoration: none;
}
main.insidepage #simple-content p a.map-link:after {
    content: "";
    position: absolute;
    top: 12px;
    right: -1px;
    width: 15px;
    height: 10px;
    background-image: url(../images/slider-arrow-right-skyblue.svg);
    background-size: contain;
    background-position: right center;
}
@media (max-width: 1000px) {
    main.insidepage #simple-content {
        padding-left: calc(50% - 320px);
        padding-right: calc(50% - 320px);
    }
}
@media (max-width: 760px) {
    main.insidepage #simple-content {
        padding-left: 24px;
        padding-right: 24px;
    }
    main.insidepage
    #simple-content.two-columns.contact-profile
    .column:first-child {
        width: 160px;
    }
    main.insidepage #simple-content h1 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 35px;
    }
}
@media (max-width: 760px), (max-height: 700px) {
    body.page header.header #main-menu.insidepage {
        padding-left: 0;
        float: right;
        display: block;
        width: unset;
        height: auto;
    }
    body.page header.header #main-menu.insidepage ul.menu {
        float: left;
        list-style: none;
        padding: 0;
    }
    body.page header.header #main-menu.insidepage ul.menu > li {
        margin-right: 0;
    }
    body.page header.header #main-menu.insidepage ul.menu > li a {
        line-height: 21px;
        display: block;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        letter-spacing: 0.15px;
        cursor: pointer;
        padding: 0;
    }
}
@media (max-width: 600px), (max-height: 700px) {
    main.insidepage #simple-content.two-columns {
        padding-top: 0;
        display: block;
    }
    main.insidepage #simple-content.two-columns .column {
        width: 100%;
    }
    main.insidepage #simple-content.two-columns .column:first-child {
        width: 100%;
        padding-right: 0;
    }
    main.insidepage #simple-content.two-columns .column:last-child {
        width: 100%;
        padding-left: 0;
    }
    main.insidepage #simple-content.two-columns .column {
        padding-bottom: 15px;
    }
    main.insidepage
    #simple-content.contact-form
    .form-data
    .col_50:nth-child(2n) {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    main.insidepage #simple-content.contact-form .form-data .col_50 {
        width: 100%;
        padding-left: 0;
    }
    main.insidepage #simple-content.two-columns.address p {
        min-height: 10px;
    }
    main.insidepage
    #simple-content.two-columns.contact-profile
    .column:first-child {
        width: 100%;
    }
    main.insidepage
    #simple-content.two-columns.contact-profile
    .column:last-child {
        width: 100%;
    }
    main.insidepage
    #simple-content.two-columns.contact-profile
    .column:first-child
    img {
        max-width: 150px;
    }
}
@media (max-height: 700px) {
    #simple-content {
        padding: 57px calc(50% - 315px);
    }
}
body.page header.header #main-menu ul.menu > li.single {
    display: none;
}
body.single header.header #main-menu ul.menu > li.page,
body.error404 header.header #main-menu ul.menu > li.page {
    display: none;
}
@media (min-width: 1921px) {
    #frontpage-cases-slider {
        padding-left: calc(50% - 720px);
        padding-right: calc(50% - 720px);
    }
}

.case-main-image .product-type {
    position: absolute;
    top: 30px;
    right: calc(50% - 642px);
    z-index: 100;
}
.case-main-image .product-type img {
    height: 51px;
    width: auto;
    display: block;
}

#frontpage-cases-slider .cases-card .case-info-left .case-product-type {
    margin: 0 auto;
    padding-top: 18px;
}
#frontpage-cases-slider .cases-card .case-info-left .case-product-type img {
    display: block;
    height: 51px;
    width: auto;
    margin: 0 auto;
}

@media (max-width: 900px) {
    #frontpage-cases-slider .cases-card .case-info-left .case-product-type {
        padding-top: 0px;
    }
    #frontpage-cases-slider .cases-card .case-info-left .case-product-type img {
        height: 36px;
    }
}

@media (max-width: 1420px), (max-height: 700px) {
    .case-main-image .product-type {
        top: 33px;
        right: calc(50% - 435px);
    }
}

@media (max-width: 1000px), (max-height: 700px) {
    .case-main-image .product-type {
        top: 33px;
        right: calc(50% - 320px);
    }
}

@media (max-width: 760px), (max-height: 700px) {
    .case-main-image .product-type {
        top: unset;
        right: unset;
        bottom: 24px;
        left: 24px;
    }
    .case-main-image .product-type img {
        height: 30px;
    }
}

form.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
}

#frontpage-cases-slider {
    min-height: 100vh;
    padding-top: calc(95px + 40px);
}
.so-widget-products-slider-widget {
    padding-top: 95px !important;
}
#intro-content-background {
    min-height: 100vh;
    padding-top: calc(95px + 60px);
}

section#intro-content .top-content > .animated_element,
section#intro-content .main-content {
    background: #edf4f2;
}

section#intro-content .top-content {
    background: #edf4f2;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (min-width: 992px) {
    .products-slider .slick-prev,
    .products-slider .slick-next {
        bottom: calc(50% + 15px) !important;
    }
}

#products-slider .products-slider .slick-next.slick-disabled,
#products-slider .products-slider .slick-prev.slick-disabled {
    opacity: 0.5 !important;
    display: inline-block !important;
}

.products-slider .products-slider-container .product-slider-title {
    top: 200px !important;
}
.so-widget-products-slider-widget {
    min-height: calc(115vh - 95px) !important;
}
.so-widget-products-slider-widget .products-slider .products-slider-container {
    padding-top: 300px;
}
@media (min-width: 768px) {
    section#intro-content .top-content h1.desktop-text-blue {
        color: #323c5f;
    }
    section#intro-content .top-content h1.desktop-text-white {
        color: #ffffff;
    }
}
@media (max-width: 767px) {
    .products-slider .products-slider-container .product-slider-title {
        top: 75px !important;
    }
    body {
        font-size: 13px !important;
    }
    .main-content p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    section#intro-content .top-content:before {
        background: #edf4f2 !important;
    }
    .so-widget-products-slider-widget .products-slider .products-slider-container {
        padding-top: unset;
    }
    section#intro-content {
        height: unset;
    }
    section#intro-content .main-content {
        min-height: unset;
    }
    .products-slider .products-slider-container {
        padding-bottom: 60px !important;
    }
    section#intro-content .top-content h1.mobile-text-blue {
        color: #323c5f;
    }
    section#intro-content .top-content h1.mobile-text-white {
        color: #ffffff;
    }
}

section#intro-content,
.content--scrolled section#intro-content {
    background-color: #edf4f2;
}
.widget-bg-color-override-fdebe9 #frontpage-cases-slider {
    background-color: #fdebe9!important;
}

.products-slider .products-content {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.products-slider .products-left-part {
    width: 50%;
    flex: 0 0 50%;
}

.products-slider .products-right-part {
    width: 50%;
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
}

.products-slider .products-right-part-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.products-slider .product-description {
    flex: 1 1 auto;
}

.products-slider .product-slider-read-more {
    display: inline-block;
    border: 1px solid #00b9ff;
    margin-top: 24px;
    line-height: 38px;
    font-weight: 600;
    padding: 0 26px;
    letter-spacing: 0.05px;
    min-width: 190px;
    text-align: center;
    background: #00b9ff;
    font-size: 12px;
    align-self: flex-end;
    color: #323c5f;
}

.products-bg-dark-blue .product-slider-read-more {
    color: #323c5f;
}

@media (max-width: 767px) {
    .products-slider .products-content {
        flex-wrap: wrap;
    }

    .products-slider .products-left-part,
    .products-slider .products-right-part {
        width: 100%;
        flex: 0 0 100%;
    }

    .products-slider .product-slider-read-more {
        margin-top: 15px;
        width: 100%;
        align-self: stretch;
    }

    .products-slider .products-right-part-content {
        overflow: hidden;
    }
}

/* Language Switcher Styles */
.language-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: -10px;
    transition: all 0.75s ease-in-out;
    z-index: 10001;
}

.language-switcher .globe-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.language-switcher .globe-icon svg {
    width: 100%;
    height: 100%;
    stroke: #fff;
    height: 37px;
    transition: all 0.4s;
}

.content--scrolled .language-switcher .globe-icon svg {
    stroke: #323c5f;
}

body.page .language-switcher .globe-icon svg {
    stroke: #323c5f;
}

/* Add margin when not on a page */
body:not(.page) .language-switcher {
    margin-left: 0;
}

.language-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fdfdfd;
    min-width: 120px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 100000;
    border-radius: 4px;
    padding: 8px 0;
    margin-top: 10px;
}

.language-dropdown.show {
    display: block;
}

.language-option {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    text-decoration: none;
    color: #323c5f;
    font-size: 12px;
    font-weight: 600;
    transition: background-color 0.3s;
}

.language-option:hover {
    background-color: #edf4f2;
}

.language-option img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 2px;
}

@media (max-width: 760px), all and (max-height: 700px) {
    .language-switcher {
        position: absolute;
        right: calc(50% + -35px);
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0;
				z-index: 0;
    }

    .language-switcher .globe-icon svg{
        width: 20px;
        height: 20px;
    }

    /* Ensure proper z-index and visibility when menu is open */
    body.page header.header #main-menu.showmenu ~ .language-switcher {
        z-index: 10000;
    }

    /* Adjust position when menu is open */
    body.page header.header #main_navigation.showmenu ~ .language-switcher {
        right: 50px;
    }
}