@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/poppins-v15-latin-200.eot');

    src: local(''), url('../fonts/poppins-v15-latin-200.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-v15-latin-200.woff2') format('woff2'),
    url('../fonts/poppins-v15-latin-200.woff') format('woff'),
    url('../fonts/poppins-v15-latin-200.ttf') format('truetype'),
    url('../fonts/poppins-v15-latin-200.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v15-latin-300.eot');

    src: local(''), url('../fonts/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-v15-latin-300.woff2') format('woff2'),
    url('../fonts/poppins-v15-latin-300.woff') format('woff'),
    url('../fonts/poppins-v15-latin-300.ttf') format('truetype'),
    url('../fonts/poppins-v15-latin-300.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v15-latin-regular.eot');

    src: local(''), url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'),
    url('../fonts/poppins-v15-latin-regular.woff') format('woff'),
    url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'),
    url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v15-latin-500.eot');

    src: local(''), url('../fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-v15-latin-500.woff2') format('woff2'),
    url('../fonts/poppins-v15-latin-500.woff') format('woff'),
    url('../fonts/poppins-v15-latin-500.ttf') format('truetype'),
    url('../fonts/poppins-v15-latin-500.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v15-latin-600.eot');

    src: local(''), url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-v15-latin-600.woff2') format('woff2'),
    url('../fonts/poppins-v15-latin-600.woff') format('woff'),
    url('../fonts/poppins-v15-latin-600.ttf') format('truetype'),
    url('../fonts/poppins-v15-latin-600.svg#Poppins') format('svg');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v15-latin-700.eot');

    src: local(''), url('../fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'),
    url('../fonts/poppins-v15-latin-700.woff2') format('woff2'),
    url('../fonts/poppins-v15-latin-700.woff') format('woff'),
    url('../fonts/poppins-v15-latin-700.ttf') format('truetype'),
    url('../fonts/poppins-v15-latin-700.svg#Poppins') format('svg');
}


/* Custom code start */

body {
    font-size: 1rem;
    font-weight: 300;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.5em;
}

h1, h2, h3, h4 {
    color: inherit;
    line-height: 1.25em;
    margin-bottom: 15px;
}

h1, h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 20px;
}

h3 {
    font-size: 1.5rem;
}

.anchor {
    display: block;
    -ms-transform: translateY(-125px);
    -webkit-transform: translateY(-125px);
    transform: translateY(-125px);
}

.container {
    padding: 0 20px;
}

.container-fluid {
    padding: 0 20px;
}

.main-wrapper {
    display: block;
    position: relative;
}

.main-wrapper:not(.overflow) {
    overflow: hidden;
}

.wrapper {
    display: block;
    position: relative;
}

.wrapper.spacing {
    padding: 100px 0 47px;
}

.wrapper.spacing {
    width: 100%;
}


.wrapper.space {
    padding: 85px 0 75px;
}

.wrapper.no-top {
    padding-top: 0 !important;
}

.wrapper.no-bottom {
    padding-bottom: 0 !important;
}

.wrapper.zero {
    padding: 0 !important;
}

.wrapper.light {
    background-color: #f7f7f7;
}

.wrapper.shadow-top {
    box-shadow: inset 0px 100px 100px -100px rgba(0, 0, 0, 0.1);
}

.wrapper.shadow-bottom {
    box-shadow: inset 0px -100px 100px -100px rgba(0, 0, 0, 0.1);
}

.has-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.nowrap {
    white-space: nowrap;
}

.nowrap.force {
    white-space: nowrap !important;
}

.notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.noselect {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}


/* Buttons */
.button {
    font-family: Lato, sans-serif;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.267em;
    letter-spacing: 0.0485em;
    text-transform: uppercase;
    margin: 0 3px 8px 0;
    padding: 12px 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
    text-align: center;
    background: none;
    border: 0;
    outline: 0;
    z-index: 35;
    color: #282828;
}

.button.large {
    font-size: 1.1rem;
    padding: 15px 22px;
}

.button:focus,
.button:hover {
    text-decoration: none !important;
    outline: 0 !important;
    color: #000;
}

.button:not(.wrap) {
    white-space: nowrap;
}

.button.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.button.disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

body.ready .button {
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}


/* Button Colours */
.button:not(.clean) {
    background-color: #f1f1f1;
}

.button:not(.clean):focus,
.button:not(.clean):hover {
    color: #000;
    background-color: #e2e2e2;
}

.button.dark {
    color: #fff !important;
    background-color: #252525;
}

.button.dark:focus,
.button.dark:hover {
    background-color: #0a0a0a;
}

.button.red {
    color: #fff !important;
    background-color: #c40108;
}

.button.red:focus,
.button.red:hover {
    background-color: #a50006;
}

.button.primary {
    color: #fff !important;
    background-color: #cb2866;
}

.button.primary:focus,
.button.primary:hover {
    background-color: #ec397d;
}

.button.secondary {
    color: #fff !important;
    background-color: #30416d;
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #223158;
}


/* Button Icons */
.button.icon::after,
.button.next::after,
.button.prev::after {
    content: ' ';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.button.next::after {
    background-image: url('/images/arrow-right-white.png');
    right: 7px;
}

.button.prev::after {
    background-image: url('/images/arrow-left-white.png');
    left: 7px;
}


.button.icon:not(.text) {
    width: 46px;
    height: 44px;
}

.button.icon::after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.button.icon.sort::after {
    background-image: url('/images/icon-sort.png');
}

.button.icon.reset::after {
    background-image: url('/images/icon-reset.png');
}

.button.icon.search::after {
    background-image: url('/images/icon-search.png');
}


/* Alerts */
.alert {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 18px 20px 18px;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.alert ul {
    padding-left: 17px;
    margin: 0;
}

.alert > strong {
    margin-bottom: 8px;
}

.alert p:last-child {
    margin-bottom: 0 !important;
}

.alert.inline,
.alert.alert-inline {
    display: inline-block;
    padding-right: 25px;
}

.alert.alert-danger {
    color: #9e0000;
    border: 1px solid #bf0b00;
    background-color: #ffe1e1;
    border: none !important;
}

.alert.alert-success {
    color: #005a0d;
    border: 1px solid #006f10;
    background-color: #d9f5de;
    border: none !important;
}


/* Articles */
.article {
    display: block;
    position: relative;
    line-height: 1.75em;
    z-index: 25;
}

.article.top {
    margin-top: 25px;
}

.article.top.offset {
    margin-top: 50px;
}

.article.bottom {
    margin-bottom: 40px;
}

.article.center {
    text-align: center;
}

.article p {
    margin: 0 0 15px;
    height: auto;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.7;
}


.article p:last-child {
    margin-bottom: 0;
}

.page-projects h1 {
    margin-bottom: 30px;
}


.article ol, .article ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.article iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.article table {
    width: 100%;
    margin-bottom: 0;
}

.article table tr td {
    line-height: 1.35em;
    padding: 4px 0;
}

.article table tr:not(:last-child) td {
    padding-right: 18px;
}


/* Iframes */
.iframe-wrap {
    position: relative;
    width: 100%;
    padding-top: 66.5%;
}

.iframe-wrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-width: 100%;
}

.iframe-wrap.top {
    margin-top: 25px;
}

.iframe-wrap.bottom {
    margin-bottom: 25px;
}

.page-jobs .main-wrapper {
    min-height: 100vh;
}

/* Images */

.image.centered {
    display: block;
    overflow: hidden;
    position: relative;
}

.image.centered > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
}

.image.centered > img.child-vertical {
    max-width: 100%;
    max-height: none;
}

.image.centered > img.child-horizontal {
    max-width: none;
    max-height: 100%;
}

.image.centered.inside > img.child-vertical {
    max-width: none;
    max-height: 100%;
    min-width: 0;
}

.image.centered.inside > img.child-horizontal {
    max-width: 100%;
    max-height: none;
    min-height: 0;
}

.image.center {
    background-position: center;
    background-repeat: no-repeat;
}

.image.spread {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.image.cover {
    background-size: cover !important;
}

.image.contain {
    background-size: contain !important;
}

.absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* Socialmedia */
.socialmedia > ul {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 8;
}

.socialmedia > ul > li {
    display: inline-block;
    vertical-align: top;
    line-height: 1em;
}

.socialmedia > ul > li > a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 34px;
    height: 34px;
    margin: 0 6px 0 0;
    text-decoration: none !important;
}

.socialmedia > ul:hover > li:not(:hover):not(:focus) > a {
    opacity: 0.55;
}

.socialmedia > ul > li > a > img {
    display: block;
}

body.ready .socialmedia > ul > li > a {
    transition: 0.35s;
}


/* Slider */
.slick-slider {
    position: static;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after, .slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none !important;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slider-wrap {
    display: block;
    position: relative;
    margin: 0 0 -1px;
}

.slider {
    list-style: none !important;
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.slider.clean .slick-dots,
.slider.clean:not(.navigation) .slick-arrow {
    display: none !important;
}

.slider-wrap .slick-dots {
    display: inline-block;
    list-style: none;
    position: absolute;
    left: 50%;
    z-index: 50;
    margin: 0;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    min-width: 210px;
    padding: 0;
    white-space: nowrap;
    bottom: 30px;
}

.slider-wrap .slick-arrow {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: auto;
    right: auto;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 64px;
    height: 60px;
    font-size: 0;
    color: transparent;
    background: transparent;
    outline: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: none !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

body.ready .slider-wrap .slick-arrow {
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}

.slider-wrap .slick-arrow:hover {
    opacity: 1;
}

.slider-wrap.arrows .slick-arrow::before,
.slider-wrap.arrows .slick-arrow::after {
    bottom: 18px !important;
}

.slider-wrap.arrows .slick-arrow.slick-next {
    background-image: url('/images/black-arrow-short.svg');
    background-size: auto 25px;
    transform: rotate(0deg);
}

.slider-wrap.arrows .slick-arrow.slick-prev {
    background-image: url('/images/black-arrow-short.svg');
    background-size: auto 25px;
    transform: rotate(180deg);
}


.slider-wrap.arrows.inverted .slick-arrow {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.slider-wrap .slick-arrow.slick-next {
    right: 12px;
}

.slider-wrap .slick-arrow.slick-prev {
    left: 12px;
}

.slider-wrap.arrows.outside .slick-arrow.slick-next {
    right: -60px;
}

.slider-wrap.arrows.outside .slick-arrow.slick-prev {
    left: -60px;
}


/* Slider Customized */
.slider-wrapper {
    display: block;
    position: relative;
    max-height: 100%;
}

.slider-wrapper .slider-wrap .slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
}

.slider-wrapper .slider-wrap .slide-inner {
    background: rgba(0, 0, 0, 0.3);
}

.slider-wrapper .slider-wrap .slide.has-top {
    padding-top: 65px;
}

.slider-wrapper .slider-wrap .slide.has-bottom {
    padding-bottom: 80px;
}

.slider-wrapper .slider-wrap .article {
    display: block;
    font-size: 1.315rem;
    line-height: 1.65em;
    margin-left: 25px;
    max-width: 100%;
    width: 640px;
}

.slider-wrapper .slider-wrap .article h1,
.slider-wrapper .slider-wrap .article h2,
.slider-wrapper .slider-wrap .article .is-title {
    /*font-size: 2rem;*/
    /*font-weight: 500;*/
}

.slider-wrapper .slider-wrap:not(.auto-height) .article {
    transform: none;
    -webkit-transform: none;
    position: absolute;
    margin: 0;
    left: 20px;
    bottom: 70px;
    width: 550px;
}

.slider-wrapper .slider-wrap:not(.auto-height) .article h1:last-child,
.slider-wrapper .slider-wrap:not(.auto-height) .article h2:last-child {
    margin-bottom: 0;
}

.slider-wrapper .slider-wrap:not(.auto-height) .slide,
.slider-wrapper .slider-wrap:not(.auto-height) .container {
    position: relative;
    height: calc(100vh - 110px);
}

.slider-wrapper .slider-wrap.main-slider .slide,
.slider-wrapper .slider-wrap.main-slider .container {
    height: 100vh;
}

.slider-wrapper .slider-wrap .slide-article {
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 0 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.slider-wrapper .slider-wrap .slide-logo {
    width: 400px;
    max-width: 100%;
    max-width: 55vw;
    margin: 0 auto;
}

.slider-wrapper .slider-wrap .slide-logo.fixed {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
}

body.scroll .slider-wrapper .slider-wrap .slide-logo.fixed {
    transform: translate(-50%, -50%) scale(0);
}

.slider-wrapper .static-slider .slide {
    color: #fff;
    background-position: center 60%;
}

.slider-wrapper .static-slider .slide::before {
    content: ' ';
    display: block;
    position: absolute;
    height: 33%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.slider-wrapper .static-slider .slide .container {
    position: relative;
    z-index: 25;
}

.slider-wrapper .main-slider.min-height {
    min-height: 100vh;
    background-color: #313131;
}

.slider-wrapper .special-logo {
    display: inline-block;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    z-index: 25;
}

.has-special-logo .special-logo img,
.slider-wrapper .special-logo img {
    display: inline-block;
    max-width: 200px;
    max-height: 200px;
    float: right;
}

.has-special-logo .special-logo img {
    position: relative;
    z-index: 20;
    margin: -30px 0 20px;
}

body.ready .slider-wrapper .slider-wrap .slide-logo.fixed {
    transition: 0.25s ease-in 0.05s;
}


/* Website Header, Footer, Main Theme below */
/* General */
body {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.65em;
    font-family: 'Poppins', sans-serif;
}

body .website {
    overflow: hidden;
}

body:not(.homepage):not(.no-space) {
    padding-top: 110px;
}

html.menu-open {
    overflow: hidden;
}


/* General Content */
.col-bg:not(.relative) {
    position: static;
}

.col-bg .has-bg > img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.row-towel {
    position: relative;
}

.row-towel .col-bg.fixed {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.col-lg-5.col-xl-5.col-bg.fixed .has-bg {
    transform: translate(35%, 12%);
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    overflow: visible;
    width: auto;
    height: auto;
    min-height: 500px;
}

.col-lg-5.col-xl-5.col-bg.fixed .has-bg {
    background-repeat: no-repeat;
    height: 100%;
    background-size: contain;
}

.col-lg-5.col-xl-5.col-bg.fixed .has-bg > img {
    display: block;
    width: 195px;
    height: auto;
    max-height: 424px;
    object-fit: contain;
}


.col-bg .has-circle::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 25%;
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    background-color: #e3e3e3;
    overflow: hidden;
}

.col-bg .has-bg.is-half {
    width: 200%;
    height: 100%;
    text-align: right;
    margin-right: 55px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.col-bg .has-bg.is-half > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 50vw;
    height: auto;
    max-width: none;
    max-height: none;
}

body:not(.page-home) .col-bg .has-bg {
    position: relative;
    right: 0;
    bottom: 0;
    z-index: 5;
    /*width: 50%;*/
    height: 90%;
    overflow: hidden;
}

.col-bg .has-bg.is-full {
    display: block;
    width: auto;
    left: 15px;
}

/* General Articles */
.article-title:not(.regular) {
    color: #909090;
}


.article-title h1,
.article-title h2,
.article-title h3 {
    color: #000;
}

.article-title b,
.article-title strong {
    color: #000;
    font-weight: 500;
}

.article-title:not(.basic) h1::before,
.article-title:not(.basic) h2::before,
.article-title:not(.basic) h3::before {
    content: ' ';
    display: block;
    position: absolute;
    left: -50px;
    top: 50%;
    z-index: 3;
    height: 3px;
    width: 600px;
    margin-top: -2px;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    background: #000;
}

.article-title:not(.basic) h1::before,
.article-title:not(.basic) h2::before {
    display: none;
}


.article-more {
    display: block;
    margin: 45px 0 0;
}

.read-more {
    display: inline-block;
    padding-right: 75px;
    position: relative;
    background: none;
    outline: none;
    border: none;
}

.read-more > span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.read-more::after {
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    width: 50px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/black-arrow-short.svg');
}

.read-more:hover::after {
    right: 0;
}

body.ready .read-more::after {
    transition: 0.25s;
}


.article-priority {
    color: #000 !important;
    font-size: 1.25rem;
    margin-bottom: 40px;
    font-weight: 400;
}


/* Scroll Down button */
.scroll-down-button {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 65px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
}

.scroll-down-button .scroll-icon {
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0 auto 15px;
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/images/icon-mouse.png);
}

.scroll-down-button > span {
    display: none;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}


/* Menus */
.menu-wrap {
    /*display: flex;*/
    position: relative;
    text-align: left;
    z-index: 6;
}

.menu-wrap > ul,
.menu-wrap li > .dropdown > ul {
    display: inline-block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9;
}

.menu-wrap > ul {
    /*margin: 0 0 15px;*/
    height: auto;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.7;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-wrap > ul > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0;
}

.menu-wrap > ul > li {
    display: block;

}

.menu-wrap > ul > li > a {
    display: block;
}


/* Menu Dropdown  */
.menu-wrap li.has-dropdown > .dropdown {
    display: none;
    position: relative;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.menu-wrap li.has-dropdown > .dropdown ul {
    z-index: 12;
}

.menu-wrap li.has-dropdown > .dropdown ul > li {
    display: block;
    position: relative;
}

.menu-wrap li.has-dropdown > .dropdown ul > li > a {
    display: inline-block;
}


/* Logo */
.logo-wrap {
    display: block;
    position: relative;
    width: 200px;
}

.logo-wrap > a {
    display: inline-block;
}


/* Header */
.header-wrapper .container,
.header-wrapper .container-fluid {
    position: relative;
    z-index: 15;
}

.header-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
}


body.ready .header-wrapper::before {
    transition: 0.25s;
}

body.homepage:not(.scrolled):not(.menu-open) .header-wrapper::before {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}


.header-wrapper::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    background: #fff;
}

.header-wrapper .header {
    display: block;
    position: relative;
    box-sizing: content-box;
    min-height: 90px;
    height: 110px;
    padding: 0;
    z-index: 3;
    overflow: hidden;
}

.header-wrapper .header-logo {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 15;
    margin-top: -4px;
    -webkit-transform: translateY(-50%);
}

body.homepage:not(.scroll):not(.menu-open) .header-wrapper .header-logo {
    opacity: 0;
}

body.homepage.scroll:not(.menu-open) .header-wrapper .header-logo {
    opacity: 1;
    transform: translateY(-50%);
}

.header-bg .logo img {
    max-width: 200px;
    width: 100%;
    height: auto;
    padding: 20px 0;
    filter: brightness(0) invert(1);
}

.header-bg {
    position: relative;
}

.logo-wrap > a {
    display: inline-block;
}

.header-bg nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    font-weight: 500;
    gap: 37px;
}

.header-bg nav ul li {
    margin: 0;
}

.cf::after {
    content: "";
    clear: both;
    display: table;
}

.cf::after, .clearfix::after {
    content: none;
}


.header nav {
    column-gap: 25px;
    list-style: none;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.header nav ul {
    display: flex;
    justify-content: end;
    list-style: none;
    font-weight: 500;
    padding: 0;
    gap: 37px;
    color: #fff;
    margin: 30px 0 0;
}

.header nav ul > li a {
    text-decoration: none;
}

body.scrolled .header nav ul {
    color: #000000;
}

.header-bg nav li {
    margin: 0;
}

.header-bg nav a {
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
}

body.homepage:not(.scrolled):not(.menu-open) .header-wrapper .header-logo {
    -webkit-filter: brightness(10);
    filter: brightness(10);
}


body.ready.header-wrapper .header-logo > a {
    transition: 0.285s;
}

body.ready .header-wrapper,
body.ready .header-wrapper .header,
body.ready .header-wrapper .header-logo > a {
    transition: 0.285s;
}

/*code voor header detail-projecten*/
body.has-detail-projecten .header-wrapper {
    -webkit-filter: brightness(10);
    filter: brightness(10);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    transition: 0.25s;
}

body.has-detail-projecten .header-wrapper a {
    color: white;
    transition: 0.25s;
}

body.has-detail-projecten .header-wrapper::before {
    display: none;
}

body.has-detail-projecten:not(.scroll) .header-wrapper .header-logo {
    opacity: 0;
    filter: brightness(10);
    transform: translateY(-50%);
    transition: 0.25s;
}

body.has-detail-projecten.scroll .header-wrapper .header-logo {
    opacity: 1;
    filter: brightness(100%);
    transform: translateY(-50%);
    transition: 0.25s;
}

body.has-detail-projecten .header nav ul {
    color: white;
    transition: 0.25s;
}

body.has-detail-projecten.scrolled .header nav ul {
    color: #000;
}


/* Footer */
.footer-wrapper {
    color: #fff;
    background: #cb2866;
}

.footer-wrapper h1,
.footer-wrapper h2,
.footer-wrapper h3 {
    color: #fff;
}

.footer-wrapper a:not(.button),
.footer-wrapper .article:not(.ignore),
.footer-wrapper a:not(.button):hover,
.footer-wrapper a:not(.button):focus {
    color: #fff;
}

.footer-wrapper .developer-wrapper .menu-inline.menu-wrap > ul {
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.footer-wrapper {
    display: block;
    position: relative;
}

.footer-wrapper .container,
.footer-wrapper .footer-inner {
    position: relative;
    z-index: 12;
}

.footer-wrapper .footer-inner {
    padding-left: 380px;
    z-index: 18;
}

.footer-wrapper .footer-wrap {
    display: block;
    position: relative;
    padding: 40px 0 10px;
    z-index: 60;
}

.footer-wrapper .footer-logo {
    display: block;
    /*margin: 0 0 20px;*/
    max-width: 100%;
    /*width: 260px;*/
}

.footer-wrapper .footer-block {
    display: block;
    position: relative;
    margin-bottom: 35px;
}

.footer-wrapper .footer-block h3 {
    margin-bottom: 12px;
    font-weight: 500;
}

.footer-wrapper .footer-block .article {
    width: 500px;
    max-width: 100%;
}

.footer-wrapper .footer-block.menu-wrap > ul > li {
    display: block;
}

.footer-wrapper .footer-block.menu-wrap > ul > li > a {
    display: inline-block;
}

.footer-wrapper .article a:not(.button) {
    text-decoration: none;
}

.footer-wrapper .article a:not(.button):hover,
.footer-wrapper .article a:not(.button):focus {
    text-decoration: underline !important;
}

.footer-wrapper .footer-block .alert {
    margin: 2px 0 18px;
}


.footer-wrapper .socials-wrap .socialmedia {
    margin-top: 62px;
    text-align: left;
}

.footer-wrapper .footer-inner > .socials-wrap {
    position: absolute;
    top: 0;
    left: 0;
}


/* Footer Copyright */
.copyright-wrapper {
    position: relative;
    z-index: 65;
}

.copyright-wrapper .menu-wrap ul > li:not(:last-child) {
    padding-right: 20px;
}

.copyright-wrapper .menu-wrap > ul > li {
    line-height: 1.35em;
}

.copyright-wrapper .menu-wrap ul > li > a {
    font-size: 14px;
}

/* Developer wrapper */
.developer-wrapper {
    display: flex;
    justify-content: flex-end;
}

.footer-wrapper .footer-developer {
    padding: 5px 0;
}

.footer-wrapper .logo-inner {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px;
    padding: 0.25rem 0;
}

.footer-wrapper .logo-svg {
    fill: #ffffff;
    margin-left: auto;
    transform: translateY(0);
    opacity: 1;
    transition: all 450ms ease;
    transition-delay: 100ms;
}

.footer-wrapper .logo-text {
    color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    transform: translateY(1rem);
    opacity: 0;
    transition: all 450ms ease;
    transition-delay: 100ms;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-wrapper .logo-text p {
    text-align: center;
    white-space: nowrap;
    color: inherit;
}

.footer-wrapper .group-logo:hover .logo-svg {
    transform: translateY(-0.75rem);
    opacity: 0;
}

.footer-wrapper .group-logo:hover .logo-text {
    transform: translateY(0.75rem);
    opacity: 1;
}

/* Main menu */
.menu-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 270;
    padding-top: 110px;
    background-color: #ffffff;
}

body:not(.menu-open) .menu-wrapper {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.menu-wrapper .menu-overflow {
    position: relative;
    overflow: auto;
    height: 100%;
}

body.ready .menu-wrapper,
body.ready .menu-wrapper .menu-overflow {
    transition: 0.3s;
}

body:not(.menu-open) .menu-overflow {
    opacity: 0;
}

.menu-wrapper .container {
    position: relative;
    height: 100%;
}

.menu-wrapper .main-menu.floating {
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 45%;
}

.main-menu.menu-wrap {
    display: block;
    position: relative;
    text-align: left;
    padding: 35px 0 55px;
}

.main-menu.menu-wrap > ul > li {
    display: block;
}

.main-menu.menu-wrap > ul > li > a {
    z-index: 25;
}

.main-menu.menu-wrap ul > li > a {
    display: inline-block;
    position: relative;
    font-size: 2.5rem;
    line-height: 1.25em;
    font-weight: 500;
    text-decoration: none !important;
}

.main-menu.menu-wrap ul > li > a > span {
    position: relative;
    z-index: 4;
}

.main-menu.menu-wrap > ul > li > a {
    padding: 5px 0;
    white-space: nowrap;
}


.main-menu.menu-wrap ul > li > a {
    color: rgba(170, 170, 170, 1);
}

.main-menu.menu-wrap > ul:hover li:not(:hover):not(:focus):not(.hover):not(.featured) > a {
    color: rgba(170, 170, 170, 1);
}

.main-menu.menu-wrap ul:not(:hover) > li.active > a,
.main-menu.menu-wrap ul > li:hover > a,
.main-menu.menu-wrap ul > li:focus > a {
    color: #cb2866;
!important;
}

body.ready .menu-wrapper {
    transition: 0.35s;
}

body.ready .main-menu.menu-wrap ul > li.featured > a::before,
body.ready .main-menu.menu-wrap ul > li > a {
    transition: 0.275s;
}


/* Menu Dropdown  */
.main-menu.menu-wrap li.has-dropdown {
    padding-right: 45px;
}

.main-menu.menu-wrap li.has-dropdown > a::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -45px;
    width: 32px;
    height: 32px;
    margin-top: 1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 28px;
    background-image: url(/images/icon-arrow.png);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-menu.menu-wrap li.is-open.has-dropdown > a::after {
    right: -55px;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown {
    display: block;
    position: absolute;
    top: 0;
    right: -35px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 12px 0px 0px 0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    min-width: 420px;
    overflow: hidden;
}

.main-menu.menu-wrap li.has-dropdown:not(.is-open) > .dropdown {
    transform: translateX(100%) scaleY(0);
    -webkit-transform: translateX(100%) scaleY(0);
}

.main-menu.menu-wrap li > .dropdown > ul {
    padding: 5px 25px 15px;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown ul > li {
    padding: 5px 0;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown ul > li > a {
    display: inline-block;
    position: relative;
    font-size: 1.25rem;
    line-height: 1.1em;
    font-weight: 500;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown ul > li.has-image > a {
    padding-left: 80px;
    height: 40px;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown ul > li .image {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 40px;
    background-position: center;
    background-size: cover;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown ul > li.has-image span {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

body.ready .main-menu.menu-wrap li.has-dropdown > a::after {
    transition: 0.3s;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown .view-all {
    border-top: 2px solid #eeeeee;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown .view-all > a {
    display: block;
    padding: 11px 10px 12px;
    text-decoration: none !important;
    text-align: center;
    font-weight: 500;
    color: #000;
    background-color: #f7f7f7;
}

body.ready .main-menu.menu-wrap li.has-dropdown > .dropdown .view-all > a {
    transition: 0.25s;
}

.main-menu.menu-wrap li.has-dropdown > .dropdown .view-all > a:hover,
.main-menu.menu-wrap li.has-dropdown > .dropdown .view-all > a:focus {
    color: #000;
}

/* Hamburger */
.hamburger {
    display: none;
    cursor: pointer;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 25;
    transform: translateY(-50%);
    overflow: hidden;
    padding: 4px;
}

.hamburger div {
    position: relative;
    z-index: 10;
    height: 4px;
    margin: 8px 0;
    background: #bbb;
    border-radius: 999px;
    transform-origin: center;
    transition: none !important;
}

body.homepage:not(.scrolled) .hamburger div {
    background: #fff;
}

body.menu-open .hamburger div {
    background: #cb2966 !important;
}

.hamburger.cross div:nth-child(2) {
    opacity: 0;
}

.hamburger.cross div:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: rotate(45deg);
    margin: 0;
}

.hamburger.cross div:nth-child(3) {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: rotate(-45deg);
    margin: 0;
}


/* Form base  */
.form-wrap.bottom {
    margin-bottom: 35px;
}

.form-wrap .field select,
.form-wrap .field textarea,
.form-wrap .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    position: relative;
    width: 100%;
    font-weight: 300;
    padding: 8px 14px;
    background: #fff;
    outline: none !important;
    overflow: hidden;
    border: none;
    z-index: 19;
}

.form-wrap .field-button {
    position: relative;
}

.form-wrap .field-button > .button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
    margin: 0;
    padding: 0;
    min-width: 45px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.form-wrap .field-button > .button.next::after {
    background-size: auto 22px;
    right: 5px;
}

.form-wrap.attach-bottom {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 12;
}

.form-wrap .field select,
.form-wrap .field textarea,
.form-wrap .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    background-color: #f4f4f4;
}


/* Contact Form */
.contact-form {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
}

.contact-form form {
    padding: 0;
    margin: 0;
}

.contact-form.bottom {
    margin-bottom: 25px;
}

.contact-form.semi-width {
    width: 520px;
    max-width: 100%;
}

.contact-form .actions {
    position: relative;
    margin: 35px 0 0;
}

.contact-form .actions:not(.right) .button {
    margin-right: 20px;
    margin-bottom: 16px;
}

.contact-form .actions .meta {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1rem;
}

.contact-form .form-wrap .article {
    margin: 0 0 20px !important;
}

.contact-form .form-wrap .article h2 {
    font-size: 1.75rem;
    margin: 0 0 10px;
}

.contact-form .actions .button {
    min-width: 102px;
}

.contact-form .article p {
    margin: 0 0 5px;
}

.contact-form .alert {
    margin: 0 0 20px;
}

.contact-form .alert > ul {
    margin: 0 !important;
}

.contact-form .field-inner::before,
.contact-form .actions.disabled::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.contact-form form:not(.posted) .actions.disabled::after {
    content: ' ';
    display: block;
    cursor: not-allowed;
    background: rgba(246, 246, 246, 0.75);
    z-index: 39;
}

.contact-form .field {
    position: relative;
    padding: 30px 0 0;
    margin: 0 0 15px;
}

.contact-form .field-inner {
    position: static;
    box-shadow: inset 0px -2px 0px 0px #dedede;
    background-color: transparent !important;
}

.contact-form .posted .field.has-error .field-inner,
.contact-form .field.init.has-error .field-inner {
    background-color: transparent !important;
}

.contact-form .posted .field.has-success .field-inner,
.contact-form .field.init.has-success .field-inner {
    background-color: transparent !important;
}

.contact-form .posted .field.has-error.filled .field-inner::before,
.contact-form .field.init.has-error.filled .field-inner::before {
    background-color: #b90000;
!important;
}

.contact-form .posted .field.has-success .field-inner::before,
.contact-form .field.init.has-success .field-inner::before {
    background-color: #009215;
!important;
}

.contact-form .field-inner::before {
    content: ' ';
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #000;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    width: 100%;
}

.contact-form .field:not(.focus):not(.filled) .field-inner::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

body.ready .contact-form .field-inner,
body.ready .contact-form .field-inner::before,
body.ready .contact-form .field .meta {
    transition: 0.2s;
}

.contact-form .field select,
.contact-form .field textarea,
.contact-form .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    background: none !important;
}

.contact-form .field textarea {
    resize: none;
    height: 12em;
}

.contact-form .field-inner,
.contact-form .field select,
.contact-form .field-inner::before,
.contact-form .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    display: block;
    border-radius: 0 0;
}

.contact-form .field.textarea select,
.contact-form .field.textarea textarea,
.contact-form .field input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]) {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.contact-form .field.textarea textarea,
.contact-form .field.textarea .field-inner,
.contact-form .field.textarea .field-inner::before {
    border-radius: 0 0;
}

.contact-form .field label.label,
.contact-form .field label.label > span,
.contact-form .field .meta {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.contact-form .field .meta.error {
    color: #b90000;
    font-size: 0.985rem;
    font-weight: 400;
}

.contact-form .field:not(.has-error) .meta.error {
    opacity: 0;
}

.contact-form .field:not(.focus) .meta.placeholder {
    opacity: 0.45;
}

.contact-form .field.focus .meta.placeholder {
    opacity: 0.2;
}

.contact-form .field.filled .meta.placeholder {
    opacity: 0 !important;
}

.contact-form .field .meta.placeholder {
    top: 28px;
    margin: 10px 0 0 2px;
}

.contact-form .field.textarea .meta.placeholder {
    -webkit-transform: translate(-2px, 1px);
    transform: translate(-2px, 1px);
}

.contact-form .field label.label {
    right: 0;
    z-index: 12;
    font-size: 1rem;
}

.contact-form .field label.label > em {
    float: right;
    color: #ff0102;
    font-weight: 800;
}

.contact-form .field label.label > span {
    color: #000;
    font-weight: 500;
}

.contact-form .field.has-success label.label > span {
    color: #009215;
}

body.ready .contact-form .field label.label > span {
    transition: 0.2s;
}

.contact-form .field.has-error label.label > span {
    opacity: 0 !important;
}

.contact-form .form-wrap.minimal form:not(.posted) .field label.label {
    display: none;
}

.contact-form .form-wrap.minimal form:not(.posted) .field {
    padding-top: 0 !important;
}

.contact-form .form-wrap.minimal form:not(.posted) .field .meta.error {
    display: none;
}

.contact-form .form-wrap.minimal form:not(.posted) .field .meta.placeholder {
    margin: 8px 0 0 14px;
    top: 0;
}


/* Contact Blocks */
.contact-details {
    display: block;
    position: relative;
    margin: 0 0 45px;
    color: #909090;
}

.contact-details h3 {
    display: block;
    position: relative;
    font-size: 1.25rem;
    margin: 0 0 5px;
    color: #000;
}


/* Contact Maps */
.open-maps {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 350px;
    max-height: 800px;
    height: 500px;
}

.open-maps > iframe {
    width: 100%;
    height: 100%;
    outline: none !important;
    border: none !important;
}


/* Gallery */
.gallery-wrap.top {
    margin-top: 50px;
}

.gallery-wrap.bottom {
    margin-bottom: 50px;
}

.gallery-wrap .row {
    margin: 0 -10px;
}

.gallery-wrap .row > div {
    padding: 0 10px 20px;
}

.gallery-wrap .gallery-item {
    display: block;
    position: relative;
    overflow: hidden;
    height: 315px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.gallery-wrap .gallery-item > .image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.gallery-wrap .gallery-item:hover > .image {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}

body.ready .gallery-wrap .gallery-item > .image {
    transition: 0.25s;
}

/*container text*/
.container .content-row {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.team-button {
    font-weight: 500;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5px;
    padding-right: 50px;
    position: relative;
    background: none;
    border: none;
    outline: none;
    color: #0a0a0a;
}

.team-button::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 11px;
    background-image: url('/images/black-arrow-short.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.team-button:hover::after {
    right: 0;
}


/*Teampage*/
.team-spacing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0 0 100px;
    justify-content: flex-start;
}

.team-spacing .col-4 {
    flex: 0 1 calc(25% - 0px);
    max-width: calc(25% - 0px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.team-image.has-bg {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 5px;
    overflow: hidden;
    filter: grayscale(100%);
    transition: filter 0.25s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
}

.team-image.has-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.team-image.has-bg:hover {
    filter: grayscale(0%);
}

.team-wrapper h2 {
    margin: 10px 0 5px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 1);
}

.team-wrapper h3 {
    margin: 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.2;
    color: rgba(203, 40, 102, 1);
}

.team-wrapper p {
    margin: 0 0 20px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(0, 0, 0, 1);
}

.team-wrapper .text {
    transition: opacity 180ms 0.5ms ease-in;
    margin-bottom: 20px;
}

.team-wrapper:hover .text {
    opacity: 100%;
}

.team-spacing .row {
    display: flex;
    flex-wrap: wrap;
}

.team-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: 25%;
    box-sizing: border-box;
}


.page-about .main-wrapper {
    overflow: unset;
}

.page-about .tabs-aside-wrap {
    position: sticky;
    top: 153px;
}

.page-about .gallery-wrap,
.page-about .gallery-wrap.top {
    width: calc(100% - 118px);
    height: 627px;
    margin: 0 auto;
}

.page-about .gallery-wrap .gallery-item,
.page-about .gallery-wrap.top .gallery-item {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 100%;
}

.gallery-wrap .image.has-bg,
.gallery-wrap.top .image.has-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.gallery-item .btn-primary {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 47px;
    background: url('/images/black-arrow.svg') no-repeat center;
    background-size: contain;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    z-index: 3;
    transition: transform 0.3s ease;
}

.gallery-item .btn-primary.prev:hover {
    transform: translateY(-50%) translateX(-5px);
}

.gallery-item .btn-primary.next:hover {
    transform: translateY(-50%) translateX(5px);
}

.tabs-aside-wrap.top .btn-primary {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 50px;
    background: url('/images/black-arrow.svg') no-repeat center;
    border: none;
    outline: none;
    box-shadow: none;
    z-index: 10;
    transform: translateY(-50%);
}

.tabs-aside-wrap.top .btn-primary.prev {
    left: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.tabs-aside-wrap.top .btn-primary.next {
    right: 10px;
}

.tabs-aside-wrap.top .btn-primary:focus,
.tabs-aside-wrap.top .btn-primary:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}


.button.arrow-button {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 60px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    transform: translateY(-50%);
}

.button.arrow-button::before,
.button.arrow-button::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 25px;
    background-image: url('/images/black-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    transform: translateY(-50%);
}

.button.arrow-button::before {
    left: 20px;
    transform: translateY(-50%) rotate(180deg);
}

.button.arrow-button::after {
    right: 20px;
    transform: translateY(-50%) rotate(0deg);
}

.button.arrow-button:hover,
.button.arrow-button:focus,
.button.arrow-button:active {
    background: none;
    box-shadow: none;
    outline: none;
    opacity: 1;
}


/* Projects */
.projects-wrap {
    position: relative;
}

.projects-wrap.single-filter {
    min-height: 100vh;
}

.projects-wrap .actions-wrap {
    display: block;
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 35;
}

.projects-wrap .actions-wrap .search-input {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    /*max-width: 75%;*/
    width: 300px;
    height: 44px;
    padding-right: 40px;
}

.projects-wrap .actions-wrap .search-input .field {
    padding: 0;
    margin: 0;
}

.projects-wrap .actions-wrap .search-input .field-inner {
    box-shadow: inset 0px -2px 0px 0px #e8e8e8;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.projects-wrap .actions-wrap .search-input:not(.active) .field-inner {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.projects-wrap .actions-wrap .search-input .field input {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 44px;
}

.projects-wrap .actions-wrap .search-input .button {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}

.projects-wrap .actions-wrap .button {
    vertical-align: top;
    margin-left: 5px;
}

body.ready .projects-wrap .actions-wrap .search-input .field-inner {
    transform: 0.2s;
}

.projects-wrap .slider-wrap {
    margin: 0 -20px;
}

.projects-wrap .project-block {
    display: block;
    position: relative;
    text-decoration: none !important;
    font-size: 1.1rem;
    line-height: 1.4em;
    margin-bottom: 25px;
}

.projects-wrap .project-block:not(.clean) {
    padding-right: 40px;
}

.projects-wrap .project-block .image {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 300px;
}

.projects-wrap .project-block .label {
    display: block;
    font-size: 1rem;
    color: #000;
}

.projects-wrap .project-block .label.name {
    font-weight: 400;
    margin-top: 15px;
}

.projects-wrap .project-block .label.slogan {
    display: block;
    position: absolute;
    text-align: right;
    top: 5px;
    left: 5px;
    right: 5px;
    z-index: 15;
    font-size: 1.1rem;
}

.projects-wrap .project-block .label.slogan > span {
    display: inline-block;
    white-space: nowrap;
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -webkit-transform: rotate(-90deg) scale(-1) translateX(100%);
    transform: rotate(-90deg) scale(-1) translateX(100%);
    max-width: 45vw;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projects-wrap .project-block .image > .bg {
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.projects-wrap .project-block:hover .image > .bg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

body.ready .projects-wrap .project-block .image > .bg {
    transition: 0.25s;
}

.projects-aside {
    display: block;
    position: relative;
    background: #f5f5f5;
    margin-left: 35px;
}

.projects-aside > .content {
    padding: 40px 45px;
}

.projects-aside > .content > .article:not(:last-child) {
    margin-bottom: 30px;
}

.projects-aside > .bottom {
    display: block;
    position: relative;
    padding: 25px 45px 23px;
}

.projects-aside::before,
.projects-aside > .bottom::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    width: 100%;
    background: #f5f5f5;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.projects-aside > .bottom,
.projects-aside > .bottom::before {
    background: #cb2866;
}

.projects-aside > .bottom .read-more {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.projects-wrap .row .project-block {
    margin-bottom: 55px;
}

.projects-wrap .row .project-block.clean {
    margin-bottom: 32px;
}

.projects-wrap .slider .project-block {
    padding: 0 20px;
}

.projects-wrap .project-block .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    background: rgba(0, 0, 0, 0.45);
}

.projects-wrap .project-block .overlay > .center {
    display: block;
    position: absolute;
    font-size: 1.25rem;
    line-height: 1.4em;
    color: #fff;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0 auto;
    max-width: 80%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.projects-wrap .project-block:not(:hover):not(:focus) .overlay {
    opacity: 0;
}

.projects-wrap .project-block .overlay > .center strong {
    display: block;
    margin: 0 0 5px;
    font-size: 1.5rem;
    font-weight: 500;
}

body.ready .projects-wrap .project-block .overlay {
    transition: 0.3s;
}

.projects-wrap ul.filters {
    display: block;
    list-style: none;
    position: relative;
    padding: 0 0 30px;
    margin: 0;
}

.projects-wrap ul.filters > li {
    display: inline-block;
    vertical-align: top;
}

.projects-wrap ul.filters > li:not(.disabled) > span {
    cursor: pointer;
}

.projects-wrap ul.filters > li:not(:last-child) {
    margin-right: 15px;
}

.projects-wrap ul.filters > li.active:not(.strike) > span {
    font-weight: 600;
}

.projects-wrap ul.filters > li.strike:not(.active) > span {
    text-decoration: line-through;
    color: #bbb;
}

.projects-wrap .projects-none {
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 300px;
}

.projects-wrap .projects-none > .article {
    position: relative;
    top: 50%;
    padding: 0 25px;
    text-align: center;
    margin: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


.projects-row.special {
    font-size: 0;
    margin: 0 -10px;
}

.projects-row.special .col-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    width: 33.33%;
}


.projects-row.special .col-item.right-space,
.projects-row.special .col-item.left-space {
    width: 66.66%;
}

.projects-row.special .col-item.right-space > .project-block,
.projects-row.special .col-item.left-space > .project-block {
    width: 50%;
    width: calc(50% - 10px);
}

.projects-row.special .col-item.left-space > .project-block {
    margin-left: auto;
}

.projects-row.special .col-item.is-long > .project-block {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px
}

.projects-row.special .col-item.is-long > .project-block .image {
    height: 625px;
}

/* Tabs Aside */
.tabs-aside-wrap {
    display: block;
    position: relative;
    min-height: 300px;
}

.tabs-aside-wrap aside.sidebar {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
}

.tabs-aside-wrap aside.sidebar > ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabs-aside-wrap aside.sidebar > ul > li {
    display: block;
    padding: 5px 0;
}

.tabs-aside-wrap aside.sidebar > ul > li > a {
    display: inline-block;
    position: relative;
    line-height: 1.2em;
    padding-left: 25px;
    text-decoration: none !important;
}

.tabs-aside-wrap aside.sidebar > ul > li.active > a {
    font-weight: 600;
}

.tabs-aside-wrap .tabs-item:not(.active) {
    display: none;
}

.tabs-aside-wrap aside.sidebar > ul > li > a::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 3px;
    margin-top: -1px;
    transform: translateY(-50%);
    background-color: #000;
}


/* Tabs Aside */
.tabs-accordeon {
    display: block;
    position: relative;
}

.tabs-accordeon.top {
    margin-top: 45px;
}

.tabs-accordeon .tabs-item {
    display: block;
    position: relative;
    margin: 25px 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #f5f5f5;
}

.tabs-accordeon .tabs-item .title {
    display: block;
    position: relative;
    padding: 25px 65px 25px 30px;
}

.tabs-accordeon .tabs-item .title h2 {
    display: block;
    font-size: 1.5rem;
    margin: 0;
}

.tabs-accordeon .tabs-item .title p {
    margin: 0;
}

.tabs-accordeon .tabs-item:not(.disabled) .title {
    cursor: pointer;
}

.tabs-accordeon .tabs-item .title::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/images/icon-arrow.png');
    background-size: auto 20px;
    width: 32px;
    height: 32px;
}

.tabs-accordeon .tabs-item.active .title::after,
.tabs-accordeon .tabs-item.activate .title::after {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
}

.tabs-accordeon .tabs-item .content {
    font-size: 1rem;
    padding: 0 30px 35px;
}

.tabs-accordeon .tabs-item:not(.active) .content {
    display: none;
}

body.ready .tabs-accordeon .tabs-item .title::after {
    transition: 0.25s;
}

/* Partners */
.partners-wrap {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.5rem;
}

.partners-wrap .partner-item {
    display: inline-flex;
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.partners-wrap .partner-item > .image {
    position: absolute;
    inset: 0;
    z-index: 5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


@media all and (min-width: 992px) and (max-width: 1199px) {

    .footer-wrapper .partners-wrap {
        justify-content: end;
    }

}

/* Main Theme Responsive */
@media all and (max-width: 1400px) {
    /* Gallery */
    .gallery-wrap .gallery-item {
        height: 260px;
    }
}

@media all and (max-width: 1200px) {
    .header nav ul li {
        flex: 0 1 auto;
        gap: 20px;
    }

    .header nav ul li {
        font-size: 14px;
    }

    /* Gallery */
    .gallery-wrap .gallery-item {
        height: 215px;
    }
}

@media all and (max-width: 1198px) {
    .team-image.has-bg {
        height: 214px;
    }
}

@media all and (max-width: 992px) {
    .wrapper.space {
        padding: 60px 0 55px;
    }

    .wrapper.spacing {
        padding: 65px 0 70px;
    }


    /* Content */
    .col-bg:not(.mobile) {
        display: none;
    }

    .col-bg .has-bg {
        width: 280px;
        max-height: 90%;
        padding-right: 35px;
        height: auto;
        opacity: 0.12;
    }

    .col-bg .has-circle::before {
        display: none;
    }


    /* Menu */
    .main-menu.menu-wrap ul > li > a {
        font-size: 2rem;
    }

    .main-menu.menu-wrap li.has-dropdown > a::after {
        background-size: auto 24px;
    }

    .main-menu.menu-wrap li.has-dropdown > .dropdown ul > li {
        padding: 4px 0;
    }

    .main-menu.menu-wrap li.has-dropdown > .dropdown ul > li > a {
        font-size: 1.25rem;
        line-height: 1.2em;
    }


    /* Footer */
    .footer-wrapper .footer-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-wrapper .footer-logo {
        margin-bottom: 0 !important;
    }

    .footer-wrapper .footer-inner > .socials-wrap {
        display: inline-block;
        position: relative;
        text-align: left;
        margin: 0 0 50px;
        width: auto;
    }

    .footer-wrapper .footer-inner > .socials-wrap .socialmedia {
        position: absolute;
        bottom: -6px;
        right: -20px;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }


    /* Slider */
    .slider-wrapper .slider-wrap:not(.auto-height) .slide,
    .slider-wrapper .slider-wrap:not(.auto-height) .container {
        position: relative;
    }

    /* Gallery */
    .gallery-wrap .gallery-item {
        height: 155px;
    }


    /* Projects */
    .projects-row.special .col-item {
        width: 50%;
    }

    .projects-row.special .col-item.right-space,
    .projects-row.special .col-item.left-space {
        width: 50%;
    }

    .projects-row.special .col-item.right-space > .project-block,
    .projects-row.special .col-item.left-space > .project-block {
        width: auto;
    }

    .projects-row.special .col-item.is-long > .project-block {
        position: static;
    }

    .projects-wrap .project-block .image,
    .projects-row.special .col-item.is-long > .project-block .image {
        height: 300px;
    }


    /* Projects */
    .projects-aside {
        margin: 0;
    }

    .projects-aside > .content {
        padding: 30px 35px;
    }

    .projects-aside > .bottom {
        padding: 25px 35px 23px;
    }


    /* Content Tabs */
    .tabs-aside-wrap aside.sidebar {
        width: 180px;
    }

    .team-wrapper .text {
        opacity: 1;
    }

    .team-image.has-bg {
        filter: unset;
    }
}

@media all and (max-width: 768px) {
    .header nav {
        display: none;
    }

    .hamburger {
        display: block;
    }

    .hamburger-checkbox:checked + .hamburger + .menu-wrapper .menu-wrap {
        display: flex;
    }

    body {
        font-size: 1rem;
    }

    body:not(.homepage):not(.no-space) {
        padding-top: 90px;
    }

    /* General */
    .wrapper {
        padding: 35px 0;
    }

    .wrapper.spacing {
        padding: 45px 0 55px;
    }

    .read-more::after {
        top: -3px;
        background-size: auto 20px;
    }

    .has-special-logo .special-logo img {
        margin: -100px 0 20px;
        float: none;
        z-index: 20;
    }

    .tabs-accordeon .tabs-item .title h2 {
        font-size: 1.4rem;
    }


    /* Logo */
    .logo-wrap {
        width: 160px;
    }


    /* Main Menu */
    .main-menu.menu-wrap li.has-dropdown > a::after {
        display: none !important;
    }

    .main-menu.menu-wrap li.has-dropdown > .dropdown {
        display: none !important;
    }


    /* Header */
    .header-wrapper .header {
        height: 90px;
    }

    .header .menu a {
        white-space: nowrap;
    }

    .header-wrapper .header-logo {
        margin-top: -2px;
    }

    /* Slider */
    .slider-wrapper .special-logo {
        bottom: 170px;
    }

    .slider-wrapper .special-logo img,
    .has-special-logo .special-logo img {
        max-width: 160px;
        max-height: 160px;
        float: none;
    }


    .slide .main-slide .article-wrap {
        display: none !important;
    }

    .article-wrap {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
    }


    /* Footer */
    .footer-wrapper .footer-wrap {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .footer-wrapper .footer-logo {
        /*width: 200px;*/
    }

    .footer-wrapper .footer-inner > .socials-wrap {
        margin: 0 0 45px;
    }


    /* Projects */
    .projects-wrap .actions-wrap {
        position: static;
        margin: 0 0 15px;
    }

    .projects-wrap .slider-wrap {
        margin: 0 -20px;
    }

    .projects-wrap .project-block {
        padding-right: 0;
    }

    .projects-wrap .slider .project-block {
        padding: 0 20px;
    }

    .projects-wrap .project-block .image {
        margin-right: 0;
    }

    .projects-wrap .project-block .label.slogan {
        right: 25px;
    }

    .projects-wrap .row .project-block {
        margin-bottom: 35px;
    }

    .projects-wrap .projects-none > .article {
        text-align: left;
    }


    /* Contact Form */
    .contact-details h3 {
        font-size: 1.2rem;
    }

    .contact-form .form-wrap .article h2 {
        font-size: 1.55rem;
    }


    /* Contact Maps */
    .open-maps {
        height: 350px;
    }


    /* Tabs Aside */
    .tabs-aside-wrap {
        display: none;
    }

    .tabs-aside-wrap aside.sidebar {
        width: auto;
        position: relative;
    }

    .tabs-aside-wrap aside.sidebar > ul > li {
        padding: 2px 0;
    }

    .tabs-aside-wrap .tabs-item .article {
        padding-top: 25px;
    }


    /* Tabs Accordeon */
    .tabs-accordeon .tabs-item .title {
        padding: 22px 65px 22px 25px;
    }

    .tabs-accordeon .tabs-item .content {
        padding: 0 25px 30px;
    }

    .footer-wrapper .partners-wrap {
        margin-bottom: 30px;
    }

}

@media all and (max-width: 575px) {
    body {
        font-size: 1rem;
    }

    /* General */
    .hamburger {
        /*right: 10px;*/
    }


    /* Menu */
    .main-menu.menu-wrap ul > li > a {
        font-size: 1.75rem;
    }

    .main-menu.menu-wrap li.has-dropdown > .dropdown ul > li > a {
        font-size: 1.1rem;
        line-height: 1.2em;
    }


    /* Copyright */
    .copyright-wrapper .menu-wrap {
        margin: 0 0 10px;
    }

    .copyright-wrapper .menu-wrap > ul > li {
        display: block;
    }

    .copyright-wrapper .menu-wrap > ul > li > a {
        display: inline-block;
    }

    /* Gallery */
    .gallery-wrap .gallery-item {
        height: 45vw;
    }


    /* Projects */
    .projects-wrap .project-block .image {
        max-height: 45vw;
    }

    .projects-wrap .project-block .label.slogan > span {
        font-size: 1.1rem;
    }


    /* Projects */
    .projects-row.special .col-item {
        width: 100%;
    }

    .projects-row.special .col-item.right-space,
    .projects-row.special .col-item.left-space {
        width: 100%;
    }

    .page-about .gallery-wrap, .page-about .gallery-wrap.top {
        padding-top: 30px;
    }
}

/* Mobile Friendly -  Bootstrap Responsive */
.hidden-xl {
    display: none !important;
}

.visible-xl {
    display: block !important;
}

.visible-xs {
    display: none !important;
}

.row > div > .full-height {
    display: block;
    position: relative;
    height: 100%;
}

@media all and (min-width: 1400px) {
    .container {
        max-width: 1370px;
    }
}

@media all and (max-width: 1200px) {
    .hidden-xl {
        display: block !important;
    }

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

    .hidden-lg {
        display: none !important;
    }

    .visible-lg {
        display: block !important;
    }

    .row-xl {
        display: block !important;
    }
}

@media all and (max-width: 992px) {
    .hidden-md {
        display: none !important;
    }

    .visible-md {
        display: block !important;
    }

    .row-lg {
        display: block !important;
    }
}

@media all and (max-width: 768px) {
    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    .row-md {
        display: block !important;
    }

    .xs-table-block table,
    .xs-table-block table tbody,
    .xs-table-block table thead,
    .xs-table-block table tr,
    .xs-table-block table th,
    .xs-table-block table td {
        display: block;
    }

    .xs-table-block table td:not(:first-child) {
        margin-top: 15px !important;
    }
}

@media all and (max-width: 575px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

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

    .container-fluid {
        padding: 0 15px;
    }

    .container {
        padding: 0 15px;
    }

    .row-sm {
        display: block !important;
    }

    .footer-wrapper .developer-wrapper .menu-inline.menu-wrap > ul {
        align-items: initial;
        flex-direction: column;
        text-align: left;
    }

    .footer-wrapper .developer-wrapper .menu-inline.menu-wrap > ul > li {
        margin: 5px 0px;
    }
}

@media all and ( max-width: 469px) {
    .partners-wrap {
        justify-content: start;
    }

    .partners-wrap > div {
        display: flex;
        gap: .5rem;
    }

    .team-image.has-bg {
        width: 100%;
        height: unset;
    }
}