:root {
    --accent-1: hsl(8, 95%, 57%);
    --accent-2: hsl(8, 75%, 51%);
    --accent-3: hsl(80, 100%, 30%);
    --accent-4: hsl(204, 100%, 50%);
    --color-white: hsl(0, 0%, 100%);
    --color-black: hsl(0, 0%, 0%);
    --color-1: hsl(0, 0%, 80%);
    --color-2: hsl(0, 0%, 40%);
    --color-3: hsl(0, 0%, 60%);
    --color-4: hsl(0, 0%, 97%);
    --color-5: hsl(213, 60%, 97%);
    --color-6: hsl(0, 0%, 85%);
    --color-7: hsl(0, 0%, 97%);
    --color-8: hsl(0, 0%, 95%);
    --color-9: hsl(0, 0%, 96%);
    --color-10: hsl(0, 0%, 87%);
    --color-11: hsl(38, 22%, 93%);
    --color-12: hsl(0, 0%, 7%);
    --color-13: hsl(0, 0%, 50%);
    --color-14: hsla(0, 0%, 0%, 15%);
    --color-15: hsl(12, 29%, 97%);
    --color-16: hsl(0, 0%, 11%);
    --color-17: hsl(0, 0%, 92%);
    --color-18: hsla(0, 0%, 0%, 80%);
    --color-19: hsl(45, 17%, 95%);
    --primary-font: 'Cerebri Sans';
    --secondary-font: 'Amiri';
    --socicon: 'Socicon';
    --linear-icons-light: LineIconsPro Light;
    --linear-icons-regular: LineIconsPro Regular;
    --transition-duration: 300ms;
    --transition-easing: ease-in-out;
    --navbar-height: 132px
}
@-webkit-keyframes ptf_animate_icon_right {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
    51% {
        opacity: 1
    }
}
@keyframes ptf_animate_icon_right {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
    51% {
        opacity: 1
    }
}
@-webkit-keyframes ptf_animate_icon_left {
    49% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0
    }
    50% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }
    51% {
        opacity: 1
    }
}
@keyframes ptf_animate_icon_left {
    49% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0
    }
    50% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }
    51% {
        opacity: 1
    }
}
@-webkit-keyframes ptf_fade_in_down {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes ptf_fade_in_down {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes ptf_fade_out_up {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes ptf_fade_out_up {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@-webkit-keyframes ptf_blink_in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes ptf_blink_in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes ptf_bounce_preloader {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes ptf_bounce_preloader {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes ptf_spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes ptf_spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes ptf_bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}
@keyframes ptf_bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}
.navbar-logo {
    line-height: 1
}
.navbar-logo:hover {
    color: currentColor
}
.navbar-logo img {
    display: block;
    max-width: 100%;
	width: 160px;
	height: auto;
}
.header--style-5 .navbar-logo img {
    display: none
}
.navbar-logo img.white {
    display: none
}
.header--style-5 .navbar-logo img.white {
    display: block
}
.nav--offcanvas .sf-menu, .nav--slide .sf-menu {
    overflow: hidden
}
.nav--offcanvas .sf-menu li, .nav--slide .sf-menu li {
    display: block;
    float: none
}
.nav--offcanvas .sf-menu a, .nav--slide .sf-menu a {
    display: inline-block
}
.nav--offcanvas .sf-menu > li, .nav--slide .sf-menu > li {
    padding: .625rem 0
}
.nav--offcanvas .sf-menu > li > a, .nav--slide .sf-menu > li > a {
    font-size: 1.875rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1;
    padding: 0.4rem 0;
}
.nav--offcanvas .sf-menu > li:last-child, .nav--slide .sf-menu > li:last-child {
    padding-bottom: 0
}
.nav--offcanvas .sf-menu > li:first-child, .nav--slide .sf-menu > li:first-child {
    padding-top: 0
}
.nav--offcanvas .sf-menu > li.active > a, .nav--offcanvas .sf-menu > li.current-menu-item > a, .nav--offcanvas .sf-menu > li.sfHover > a, .nav--offcanvas .sf-menu > li:hover > a, .nav--slide .sf-menu > li.active > a, .nav--slide .sf-menu > li.current-menu-item > a, .nav--slide .sf-menu > li.sfHover > a, .nav--slide .sf-menu > li:hover > a {
    color: var(--accent-1)
}
.nav--offcanvas .sf-menu ul.sub-menu, .nav--slide .sf-menu ul.sub-menu {
    position: static;
    margin-top: .625rem;
    padding-left: .625rem
}
.nav--offcanvas .sf-menu ul.sub-menu ul.sub-menu, .nav--slide .sf-menu ul.sub-menu ul.sub-menu {
    margin-top: 0
}
.nav--offcanvas .sf-menu ul.sub-menu a, .nav--slide .sf-menu ul.sub-menu a {
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.8;
    padding: 2px 0;
    color: var(--color-3)
}
.nav--offcanvas .sf-menu ul.sub-menu li.active > a, .nav--offcanvas .sf-menu ul.sub-menu li.current-menu-item > a, .nav--offcanvas .sf-menu ul.sub-menu li.sfHover > a, .nav--offcanvas .sf-menu ul.sub-menu li:hover > a, .nav--slide .sf-menu ul.sub-menu li.active > a, .nav--slide .sf-menu ul.sub-menu li.current-menu-item > a, .nav--slide .sf-menu ul.sub-menu li.sfHover > a, .nav--slide .sf-menu ul.sub-menu li:hover > a {
    color: var(--color-black)
}
.single-post__footer .post-tags a {
    font-size: .875rem;
    margin-bottom: 5px;
    display: inline-block;
    padding: .25rem .5625rem;
    text-transform: lowercase;
    color: var(--color-3);
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-6);
    box-shadow: inset 0 0 0 1px var(--color-6)
}
.single-post__footer .post-tags a:not(:last-child) {
    margin-right: .3125rem
}
.single-post__footer .post-tags a:hover {
    color: var(--color-white);
    background-color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.has-white-color {
    color: var(--color-white) !important
}
.has-black-color {
    color: var(--color-black)
}
.has-accent-1 {
    color: var(--accent-1) !important
}
.has-accent-1-background {
    background-color: var(--accent-1)
}
.has-accent-2 {
    color: var(--accent-2)
}
.has-accent-3 {
    color: var(--accent-3)
}
.has-accent-4 {
    color: var(--accent-4)
}
.has-1-color {
    color: var(--color-1)
}
.has-1-background-color {
    background-color: var(--color-1)
}
.has-2-color {
    color: var(--color-2)
}
.has-2-background-color {
    background-color: var(--color-2)
}
.has-3-color {
    color: var(--color-3)
}
.has-3-background-color {
    background-color: var(--color-3)
}
.has-4-color {
    color: var(--color-4)
}
.has-4-background-color {
    background-color: var(--color-4)
}
.has-5-color {
    color: var(--color-5)
}
.has-5-background-color {
    background-color: var(--color-5)
}
.has-6-color {
    color: var(--color-6)
}
.has-6-background-color {
    background-color: var(--color-6)
}
.has-7-color {
    color: var(--color-7)
}
.has-7-background-color {
    background-color: var(--color-7)
}
.has-8-color {
    color: var(--color-8)
}
.has-8-background-color {
    background-color: var(--color-8)
}
.has-9-color {
    color: var(--color-9)
}
.has-9-background-color {
    background-color: var(--color-9)
}
.has-10-color {
    color: var(--color-10)
}
.has-10-background-color {
    background-color: var(--color-10)
}
.has-11-color {
    color: var(--color-11)
}
.has-11-background-color {
    background-color: var(--color-11)
}
.has-12-color {
    color: var(--color-12)
}
.has-12-background-color {
    background-color: var(--color-12)
}
.has-13-color {
    color: var(--color-13)
}
.has-13-background-color {
    background-color: var(--color-13)
}
.has-14-color {
    color: var(--color-14)
}
.has-14-background-color {
    background-color: var(--color-14)
}
.has-primary-font {
    font-family: var(--primary-font) !important
}
.has-secondary-font {
    font-family: var(--secondary-font) !important
}
.fw-semibold {
    font-weight: 600
}
.fw-extrabold {
    font-weight: 800
}
.fz-230 {
    font-size: 10.5rem;
    letter-spacing: -.05em;
    line-height: 0.88;
}
.fz-130 {
    font-size: 8.125rem;
    letter-spacing: -.035em
}
@media only screen and (max-width:991px) {
    .fz-130--lg {
        font-size: 8.125rem;
        letter-spacing: -.035em
    }
}
.fz-120 {
    font-size: 7.5rem;
    margin-left: -8px;
}
.fz-100 {
    font-size: 6.25rem
}
.fz-90 {
    font-size: 5.625rem
}
@media only screen and (max-width:991px) {
    .fz-90--lg {
        font-size: 5.625rem
    }
}
@media only screen and (max-width:767px) {
    .fz-90--md {
        font-size: 5.625rem
    }
}
.fz-80 {
    font-size: 5rem
}
.fz-75 {
    font-size: 4.6875rem
}
.fz-70 {
    font-size: 4.375rem
}
.fz-60 {
    font-size: 3.75rem
}
@media only screen and (max-width:767px) {
    .fz-60--md {
        font-size: 3.75rem
    }
}
.fz-48 {
    font-size: 3rem
}
.fz-40 {
    font-size: 2.5rem
}
@media only screen and (max-width:767px) {
    .fz-40--md {
        font-size: 2.5rem
    }
}
@media only screen and (max-width:575px) {
    .fz-40--sm {
        font-size: 2.5rem
    }
}
.fz-36 {
    font-size: 2.25rem
}
@media only screen and (max-width:575px) {
    .fz-36--sm {
        font-size: 2.25rem
    }
}
.fz-30 {
    font-size: 1.875rem;
    line-height: 1.3em;
}
.fz-28 {
    font-size: 1.75rem;
    line-height: 1.3em;
}
.fz-26 {
    font-size: 1.625rem;
    line-height: 1.3em;
}
.fz-24 {
    font-size: 1.5rem;
    line-height: 1.3em;
}
.fz-20 {
    font-size: 1.25rem;
    line-height: 1.3em;
}
.fz-18 {
    font-size: 1.2rem;
    line-height: 1.3em;
}
.fz-16 {
    font-size: 1rem
}
.fz-14 {
    font-size: .875rem
}
.fz-12 {
    font-size: .75rem
}
.lh-1p75 {
    line-height: 1.75
}
.lh-1p625 {
    line-height: 1.625
}
.lh-1p66 {
    line-height: 1.66
}
.lh-1p6 {
    line-height: 1.6
}
.lh-1p5 {
    line-height: 1.5
}
.lh-1p3 {
    line-height: 1.2
}
.lh-1p1 {
    line-height: 1.1
}
.lh-1 {
    line-height: 1
}
.lh-0p8 {
    line-height: .8
}
.lh-0p9 {
    line-height: .9
}
.spin {
    -webkit-animation: ptf_spin 10s linear infinite;
    animation: ptf_spin 10s linear infinite
}
.page--contact {
    background-image: url(../img/root/contact-bubble.png);
    background-repeat: no-repeat;
    background-position: 100% 130px
}
.page--contact .section,
.page--contact section{
    background-color: transparent!important;
}
.page--service-detail .skill-box-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.25rem
}
@media only screen and (max-width:991px) {
    .page--service-detail .skill-box-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}
@media only screen and (max-width:767px) {
    .page--service-detail .skill-box-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}
@media only screen and (max-width:575px) {
    .page--service-detail .skill-box-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}
@media (min-width:1580px) {
    .page--blog-masonry .container-xxl--custom {
        max-width: 100% !important;
        padding: 0 3.75rem
    }
}
.page--about-us section:first-of-type {
    background-image: url(../img/root/about-us-bubble.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: calc(50% + 200px) calc(100% + 50px)
}
.page--about-me .custom--5512, .page--home-freelancer .custom--5512 {
    position: relative;
    display: inline-block;
    padding-right: 1.875rem
}
.page--about-me .custom--5512::after, .page--home-freelancer .custom--5512::after {
    position: absolute;
    z-index: -1;
    right: -7.5rem;
    bottom: 0;
    width: 24.1875rem;
    height: 28.75rem;
    content: '';
    background-image: url(../img/root/about-me-bubble.png);
    background-repeat: no-repeat;
    background-size: cover
}
.page--home-freelancer .custom--5512 {
    padding-right: 0
}
.page--about-me .custom--1568 {
    background-image: url(../img/root/about-me-bubble-2.png), url(../img/root/about-me-bubble-3.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0 calc(50% - 50px), 100% calc(50% + 250px)
}
.is--home-vertical .site-wrapper__inner, .is--home-vertical body {
    background-color: var(--color-19)
}
.is--home-minimal .site-wrapper__inner, .is--home-minimal body, .is--home-modern .site-wrapper__inner, .is--home-modern body {
    background-color: var(--color-11)
}
.is--home-modern .navbar, .is--home-modern .navbar.navbar--solid {
    background-color: var(--color-11)
}
.is--home-modern section:first-of-type {
    background-image: url(../img/root/home-modern-bubble.png);
    background-repeat: no-repeat;
    background-position: calc(50% + 100px) calc(100% + 50px)
}
.page--home-modern .work__title {
    font-weight: 400
}
.page--home-modern .post--style-1 .post__meta {
    text-transform: none
}
.page--home-modern .post--style-1 .post__meta span.cat {
    font-weight: 600
}
.page--home-modern .post--style-1 .post__title {
    font-size: 1.875rem;
    font-weight: 400
}
.page--home-trending {
    background-image: url(../img/root/home-trending-bubbles.png);
    background-repeat: no-repeat;
    background-position: 50% 250px;
    background-size: contain
}
.is--home-default .navbar, .is--home-default .navbar.navbar--solid {
    background-color: var(--accent-2)
}
.is--home-default .nav--default .sf-menu > li.current-menu-ancestor > a, .is--home-default .nav--default .sf-menu > li.current-menu-item > a, .is--home-default .nav--default .sf-menu > li.sfHover > a, .is--home-default .nav--default .sf-menu > li:hover > a {
    color: var(--color-white)
}
section.main-intro {
    background-image: url(../img/home/default/main-image.png);
    background-repeat: no-repeat;
    background-position: calc(50vw - 100px) calc(50% + 150px)
}
.is--home-studio section:first-of-type {
    background-image: url(../img/root/home-studio-bubble-1.png);
    background-repeat: no-repeat;
    background-position: 100% 200px
}
.is--home-studio section.custom--1562 {
    background-image: url(../img/root/home-studio-bubble-2.png);
    background-repeat: no-repeat;
    background-position: 0 100%
}
.is--home-freelancer .custom--1528 {
    background-image: url(../img/root/home-freelancer-bubble-1.png), url(../img/root/home-freelancer-bubble-2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 0 650px, 100% 65%
}
.is--home-freelancer .counter-up--style-2 .counter-up__value {
    font-size: 4.5rem
}
.is--home-freelancer .work--style-3 .work__category {
    text-transform: none
}
.is--home-freelancer .work--style-3 .work__title {
    font-weight: 400
}
.is--home-freelancer section:last-of-type {
    background-image: url(../img/root/call-to-action.png);
    background-repeat: no-repeat;
    background-position: calc(50% + 30px) calc(50% + 30px)
}
.is--home-dark .site-wrapper__inner, .is--home-dark body {
    background-color: var(--color-12)
}
.is--home-dark .work--style-3 .work__category {
    text-transform: none;
    color: var(--color-white)
}
.is--home-dark .work--style-3 .work__title {
    font-weight: 400;
    color: var(--color-white)
}
.is--home-dark .custom--1734 {
    position: absolute;
    z-index: 3;
    top: calc(50% - 190px);
    left: -146px
}
.is--home-dark .custom--1772 {
    background-image: url(../img/root/home-dark-bubble-2.png);
    background-repeat: no-repeat;
    background-position: 100% 150px
}
.is--home-dark .custom--1674 {
    background-image: url(../img/root/home-dark-bubble-1.png);
    background-repeat: no-repeat;
    background-position: 0 250px
}
.is--home-dark .custom--1560 {
    position: relative;
    display: inline-block
}
.is--home-dark .custom--1560::after {
    position: absolute;
    z-index: -1;
    right: -7.5rem;
    bottom: 12.5rem;
    width: 15.875rem;
    height: 12rem;
    content: '';
    background-image: url(../img/root/home-dark-waves.png);
    background-repeat: no-repeat;
    background-size: cover
}
section.custom--3993,
section.custom--3994 {
    position: relative;
    background-image: url(../img/about-image.jpg);
    background-repeat: no-repeat;
    background-size: cover
}
section.custom--3993::after,
section.custom--3994::after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(50% - 15.625rem);
    content: '';
    background-color: var(--color-white)
}
section.custom--3994::after {
    right: auto;
    left: 0;
}
@media only screen and (max-width:991px) {
    section.custom--3993::after,
    section.custom--3994::after {
        width: 100%
    }
    section.custom--3993 #jarallax-container-0{
        display: none !important;
    }
}
.is--home-agency .custom--1569 {
    background-color: var(--color-8);
    background-image: url(../img/root/home-agency-symbol.png);
    background-repeat: no-repeat;
    background-position: calc(100% + 15px) calc(100% + 150px)
}
.page--intro {
    background-image: url(../img/root/intro/bubble-1.png);
    background-repeat: no-repeat;
    background-position: 100% 344px
}
.page--intro section#blog {
    position: relative;
    margin-bottom: -70px;
    background-color: #edece6
}
.page--intro section#elementor {
    background-color: #282828
}
.page--intro .custom--1631 {
    position: relative
}
.page--intro .custom--1631::before {
    position: absolute;
    z-index: -1;
    top: 7rem;
    left: calc(100% - 70px);
    width: 12.1875rem;
    height: 24.1875rem;
    content: '';
    background-image: url(../img/root/intro/bubble-2.png);
    background-repeat: no-repeat;
    background-size: cover
}
html {
    font-size: 16px
}
@media only screen and (max-width:767px) {
    html {
        font-size: 15px
    }
}
@media only screen and (max-width:575px) {
    html {
        font-size: 14px
    }
}
html ::-webkit-scrollbar {
    width: 10px
}
html ::-webkit-scrollbar-track {
    background-color: var(--color-17)
}
html ::-webkit-scrollbar-thumb {
    background-color: var(--accent-1)
}
::-moz-selection {
    color: var(--color-white);
    background-color: var(--accent-1)
}
::selection {
    color: var(--color-white);
    background-color: var(--accent-1)
}
body {
    font-family: var(--primary-font);
    font-size: 1rem;
    line-height: 1.5;
    min-width: 20rem;
    margin: 0;
    padding: 0;
    letter-spacing: -.025em;
    color: var(--color-2);
    color: #000;
    background-color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
img {
    max-width: 100%;
    height: auto
}
p {
    margin: 0 0 1.3rem;
    font-size: 1.15rem;
    line-height: 1.5;
}
p:empty {
    display: none
}
p:last-child{
    margin-bottom: 0
}
strong {
    font-weight: 700
}
mark {
    color: var(--color-white);
    background-color: var(--accent-1)
}
a {
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    text-decoration: none;
    color: inherit
}
a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0
}
a:hover {
    color: var(--accent-1)
}
.is--home-dark a:hover {
    color: var(--color-white)
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    color: var(--color-black)
}
* > .h1:not(:last-child), * > .h2:not(:last-child), * > .h3:not(:last-child), * > .h4:not(:last-child), * > .h5:not(:last-child), * > .h6:not(:last-child), * > h1:not(:last-child), * > h2:not(:last-child), * > h3:not(:last-child), * > h4:not(:last-child), * > h5:not(:last-child), * > h6:not(:last-child){
    margin-bottom: calc(10px + (1em/4.5));
}
.h1, h1 {
    font-size: 3.75rem;
    font-weight: 800;
    line-height: 1;
}
.h2, h2 {
    font-size: 3.85rem;
    line-height: 1.12;
}
.h3, h3 {
    font-size: 2.55rem;
    line-height: 1.2
}
.h4, h4 {
    font-size: 2rem;
    font-weight: 600;
}
.h5, h5 {
    font-size: 1.5rem;
    font-weight: 600;
}
.h6, h6 {
    font-size: 1.25rem;
    font-weight: 600;
}
.h1.large-heading, h1.large-heading{
    margin-left: -4px;
}
@media only screen and (min-width:1200px) {
    .h1.large-heading, h1.large-heading {
        font-size: 5rem;
        line-height: 1.08;
    }
    .h2.large-heading, h2.large-heading {
        font-size: 4rem;
        line-height: 1.08;
    }
}
img.alignright{
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
img.alignleft{
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

ol, ul {
    margin: 0;
    padding: 0;
    list-style-position: inside
}
.main-body ol, .main-body ul{
    margin-bottom: 1.3rem;
}
ol.styled-list, ul.styled-list {
    font-size: 1.125rem;
    list-style-type: none
}
ol.styled-list li::before, ul.styled-list li::before {
    font-family: var(--linear-icons-light);
    font-size: 80%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 22px;
    height: 22px;
    margin-right: 1.25rem;
    content: '\eb9d';
    border-radius: 50%;
    background-color: #549b00;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
ol.styled-list li + li, ul.styled-list li + li {
    margin-top: 1.125rem
}
hr {
    margin: 1.875rem 0;
    border: none;
    border-bottom: 2px solid var(--color-black)
}
address {
    font-size: 1.75rem;
    font-weight: 700;
    font-style: normal;
    margin: 0 0 1.5625rem;
    color: var(--accent-1)
}
blockquote {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.6;
    position: relative;
    margin: 0 0 1.875rem;
    padding: 0;
    color: var(--color-black)
}
blockquote p {
    margin-bottom: 0
}
cite {
    font-size: .875rem;
    font-style: normal;
    line-height: 1.42;
    display: block;
    margin: 1rem 0 0;
    text-transform: uppercase;
    color: var(--color-3)
}
code, kbd {
    font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    font-size: 87.5%;
    padding: .3125rem .5rem;
    color: var(--color-white);
    border-radius: 0;
    background-color: var(--accent-1)
}
a > code {
    color: var(--color-white)
}
pre {
    font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    clear: both;
    overflow: auto;
    max-width: 100%;
    margin: 0 0 2rem;
    padding: 2rem;
    white-space: pre-wrap;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    color: var(--color-black);
    background-color: var(--color-4)
}
pre code {
    color: var(--color-white)
}
form {
    max-width: 100%
}
label,
.gform_wrapper.gravity-theme .gfield_label{
    font-size: 1.3rem !important;
    line-height: 1.2;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0.625rem !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-black);
    font-weight: 400 !important;
}
.gfield_consent_label{
    font-size: 16px !important;
    position: relative;
    display: inline-block;
    width: auto;
}
.gform_wrapper.gravity-theme .ginput_complex label{
    font-size: 16px !important;
}
.gform_wrapper.gravity-theme .top_label{
    margin-top: 20px;
}
@media only screen and (min-width:992px) {
    label::before {
        font-size: .875rem;
        position: absolute;
        top: calc(50% - .75em);
        left: -3.75rem;
        content: attr(data-number);
        color: var(--color-3)
    }
    .has-accent-1-background label::before {
        color: #000;
    }
}
input[type=date], input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    font-size: 1rem !important;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 .625rem 0 !important;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-black);
    border: none;
    border-bottom: 1px solid var(--color-14);
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
input[type=date].is-large, input[type=email].is-large, input[type=file].is-large, input[type=number].is-large, input[type=password].is-large, input[type=search].is-large, input[type=tel].is-large, input[type=text].is-large, input[type=url].is-large, select.is-large, textarea.is-large {
    font-size: 2.25rem
}
input[type=date].style-2, input[type=email].style-2, input[type=file].style-2, input[type=number].style-2, input[type=password].style-2, input[type=search].style-2, input[type=tel].style-2, input[type=text].style-2, input[type=url].style-2, select.style-2, textarea.style-2 {
    font-size: .875rem;
    padding: .8125rem 1.4375rem;
    border: 1px solid var(--color-3);
    background-color: var(--white-color)
}
select {
    background-image: url('data:image/svg+xml;utf8,<svg fill=\'%232d2d2d\' height=\'24\' viewBox=\'0 0 24 24\' width=\'24\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/><path d=\'M0 0h24v24H0z\' fill=\'none\'/></svg>');
    background-repeat: no-repeat;
    background-position: right 0 bottom 50%;
    background-size: 18px 18px
}
select.is-large {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\'%3E%3Cpath d=\'M32 46.8c-1.2 0-2.4-.4-3.4-1.3L1.8 20.3c-.7-.7-.7-1.8-.1-2.5.7-.7 1.8-.7 2.5-.1L31 42.9c.5.5 1.4.5 2 0l26.8-25.2c.7-.7 1.8-.6 2.5.1s.6 1.8-.1 2.5L35.4 45.4c-1 .9-2.2 1.4-3.4 1.4z\'/%3E%3C/svg%3E');
    background-size: 30px 30px
}
textarea {
    width: 100%;
    max-width: 100%;
    -webkit-transition: height 0s;
    transition: height 0s
}
button:focus, input[type=submit]:focus {
    outline: 0
}
input[type=date].placeholder, input[type=email].placeholder, input[type=file].placeholder, input[type=number].placeholder, input[type=password].placeholder, input[type=search].placeholder, input[type=tel].placeholder, input[type=text].placeholder, input[type=url].placeholder, select.placeholder, textarea.placeholder {
    opacity: 1;
    color: var(--color-3)
}
input[type=date]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=file]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=url]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    opacity: 1;
    color: var(--color-3)
}
input[type=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=file]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: var(--color-3)
}
input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=file]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 1;
    color: var(--color-3)
}
input[type=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=file]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 1;
    color: var(--color-3)
}
input[type=date]:focus, input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: var(--color-black)
}
input[type=date]:focus.placeholder, input[type=email]:focus.placeholder, input[type=file]:focus.placeholder, input[type=number]:focus.placeholder, input[type=password]:focus.placeholder, input[type=search]:focus.placeholder, input[type=tel]:focus.placeholder, input[type=text]:focus.placeholder, input[type=url]:focus.placeholder, select:focus.placeholder, textarea:focus.placeholder {
    opacity: 0
}
input[type=date]:focus:-moz-placeholder, input[type=email]:focus:-moz-placeholder, input[type=file]:focus:-moz-placeholder, input[type=number]:focus:-moz-placeholder, input[type=password]:focus:-moz-placeholder, input[type=search]:focus:-moz-placeholder, input[type=tel]:focus:-moz-placeholder, input[type=text]:focus:-moz-placeholder, input[type=url]:focus:-moz-placeholder, select:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    opacity: 0
}
input[type=date]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=file]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0
}
input[type=date]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=file]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0
}
input[type=date]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=file]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=text]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0
}
.checkbox {
    font-size: .875rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2.625rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-black);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.checkbox__checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.5625rem;
    height: 1.5625rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-3);
    box-shadow: inset 0 0 0 1px var(--color-3);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.has-accent-1-background .checkbox__checkmark{
    -webkit-box-shadow: inset 0 0 0 1px #000;
    box-shadow: inset 0 0 0 1px #000;
}
.checkbox__checkmark::after {
    font-family: var(--linear-icons-light);
    display: none;
    content: '\eb9d';
    color: var(--color-white)
}
.checkbox input[type=checkbox]:checked ~ .checkbox__checkmark {
    background-color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.checkbox input[type=checkbox]:checked ~ .checkbox__checkmark::after {
    display: block
}
.form-group {
    position: relative;
    display: block;
    margin-bottom: 1.875rem
}
.form-row {
    display: grid;
    grid-gap: 1.875rem;
    grid-template-columns: repeat(1, 1fr)
}
.form-row.two-col {
    grid-template-columns: repeat(2, 1fr)
}
@media only screen and (max-width:767px) {
    .form-row.two-col {
        grid-gap: 0;
        grid-template-columns: repeat(1, 1fr)
    }
}
.form-row.three-col {
    grid-template-columns: repeat(3, 1fr)
}
@media only screen and (max-width:767px) {
    .form-row.three-col {
        grid-gap: 0;
        grid-template-columns: repeat(1, 1fr)
    }
}
dl {
    margin-bottom: 0
}
dl dt {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-black)
}
dl dd {
    font-size: .9375rem;
    line-height: 1.6
}
table {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-collapse: collapse
}
table td, table th {
    padding: .625rem 1rem;
    border: 1px solid;
    border-color: var(--color-14) !important
}
table thead th, table tr th {
    font-weight: 700;
    color: var(--color-black)
}
.page-comments {
    margin-top: 5.625rem;
    padding: 5.625rem 0 0;
    border-top: 1px solid var(--color-14)
}
.page-comments__title {
    margin-bottom: 3.125rem
}
.page-comments__list + .page-comments__form {
    margin-top: 5rem
}
p.form-submit {
    margin-top: 3.125rem
}
.comments, .comments ul.children {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.comments li.comment-item, .comments ul.children li.comment-item {
    padding: 3.125rem 0;
    border-top: 1px solid var(--color-14)
}
.comments li.comment-item:first-child, .comments ul.children li.comment-item:first-child {
    padding-top: 0;
    border-top: none
}
.comments li.comment-item:last-child, .comments ul.children li.comment-item:last-child {
    padding-bottom: 0
}
.comments ul.children {
    margin-top: 3.125rem;
    padding-left: 5.625rem
}
@media only screen and (max-width:767px) {
    .comments ul.children {
        padding-left: 0
    }
}
.comments ul.children li.comment-item:last-child {
    padding-bottom: 0
}
.comment-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.comment-item__inner .comment-avatar {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
@media only screen and (max-width:767px) {
    .comment-item__inner .comment-avatar {
        display: none
    }
}
.comment-item__inner .comment-avatar img {
    display: block
}
.children .comment-item__inner .comment-avatar {
    width: 2.8125rem
}
.comment-item__inner .comment-avatar + .comment-content {
    padding-left: 1.25rem
}
@media only screen and (max-width:767px) {
    .comment-item__inner .comment-avatar + .comment-content {
        padding-left: 0
    }
}
.comment-item__inner .comment-content {
    width: 100%
}
.comment-item__inner .comment-content .comment-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .625rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (max-width:767px) {
    .comment-item__inner .comment-content .comment-header {
        display: block
    }
}
.comment-item__inner .comment-content .comment-header h5.comment-name {
    font-size: 1.25rem
}
.comment-item__inner .comment-content .comment-header .comment-metas {
    font-size: .875rem;
    text-transform: uppercase;
    color: var(--color-black)
}
@media only screen and (max-width:767px) {
    .comment-item__inner .comment-content .comment-header .comment-metas {
        margin-top: .3125rem
    }
}
.comment-item__inner .comment-content .comment-text {
    padding-right: 1.875rem
}
.comment-item__inner .comment-content .comment-reply {
    font-size: .75rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 1.5625rem;
    padding: .1875rem .75rem;
    text-transform: uppercase;
    color: var(--color-black);
    -webkit-box-shadow: inset 0 0 0 1px var(--color-1);
    box-shadow: inset 0 0 0 1px var(--color-1)
}
.comment-item__inner .comment-content .comment-reply:hover {
    color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.footer {
    position: relative;
	padding-bottom: 0px !important;
    overflow-x: hidden;
}
.footer--style-1 {
    background-color: var(--color-9);
    background-color: #fcffac;
    background-color: #eef36f;
    color: #000;
    background-image: url("../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.footer--style-1 .footer__top {
    padding-bottom: 2.5rem
}
@media only screen and (max-width:767px) {
    .footer--style-1 .footer__top {
        padding-bottom: .625rem
    }
}
.footer--style-1 .footer__top .footer-heading {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.15;
}
@media only screen and (max-width:767px) {
    .footer--style-1 .footer__top .footer-heading {
        font-size: 2.25rem
    }
}
.footer--style-1 .footer__top .widget + .widget {
    margin-top: 4.375rem
}
.footer--style-1 .footer__top .widget-title {
    margin-bottom: 2.5rem
}
.footer--style-1 .footer__top .footer-heading + .footer-heading {
    margin-top: 5.3125rem;
    margin-bottom: 25px;
}
@media only screen and (max-width:767px) {
    .footer--style-1 .footer__top .footer-heading + .footer-heading {
        margin-top: 2.5rem
    }
}
.footer--style-1 .footer__bottom {
    padding-top: 4.0625rem;
    padding-bottom: 2.8125rem;
    border-top: 2px solid var(--color-black)
}
@media only screen and (max-width:767px) {
    .footer--style-1 .footer__bottom {
        padding-bottom: 1.875rem
    }
}
.footer--style-1 .footer__bottom .logo{
	max-width: 160px;
}
.footer--style-1 .footer__bottom [class^=col] {
    margin-bottom: 1.5rem
}
.footer--style-2, .footer--style-4, .footer--style-5 {
    background-color: var(--color-white)
}
.footer--style-2 .footer__top, .footer--style-4 .footer__top, .footer--style-5 .footer__top {
    padding-top: 7.5rem;
    padding-bottom: 5.625rem
}
@media only screen and (max-width:767px) {
    .footer--style-2 .footer__top, .footer--style-4 .footer__top, .footer--style-5 .footer__top {
        padding-top: 3.75rem
    }
}
.footer--style-2 .footer__top [class^=col]:not(:last-of-type), .footer--style-4 .footer__top [class^=col]:not(:last-of-type), .footer--style-5 .footer__top [class^=col]:not(:last-of-type) {
    margin-bottom: 2.8125rem
}
.footer--style-2 .footer__top .widget-links, .footer--style-4 .footer__top .widget-links, .footer--style-5 .footer__top .widget-links {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
}
.footer--style-2 .footer__top .widget-links ul li + li, .footer--style-4 .footer__top .widget-links ul li + li, .footer--style-5 .footer__top .widget-links ul li + li {
    margin-top: .875rem
}
.footer--style-2 .footer__bottom, .footer--style-4 .footer__bottom, .footer--style-5 .footer__bottom {
    padding-bottom: 4.375rem
}
@media only screen and (max-width:767px) {
    .footer--style-2 .footer__bottom, .footer--style-4 .footer__bottom, .footer--style-5 .footer__bottom {
        padding-bottom: 1.875rem
    }
}
.footer--style-2 .footer__bottom [class^=col], .footer--style-4 .footer__bottom [class^=col], .footer--style-5 .footer__bottom [class^=col] {
    margin-bottom: 1.875rem
}
.footer--style-3 {
    background-color: var(--color-16);
    background-image: url(../img/root/footer-symbol.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 410px 420px
}
.footer--style-3 .footer__top {
    padding-top: 8.125rem;
    padding-bottom: 5.625rem
}
@media only screen and (max-width:767px) {
    .footer--style-3 .footer__top {
        padding-top: 3.75rem
    }
}
.footer--style-3 .footer__top [class^=col]:not(:last-of-type) {
    margin-bottom: 2.8125rem
}
.footer--style-3 .footer__top .widget-links {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
}
.footer--style-3 .footer__top .widget-contacts {
    max-width: 31.25rem
}
.footer--style-3 .footer__top .widget-contacts ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.footer--style-3 .footer__top .widget-contacts ul li {
    line-height: 1.875;
    display: grid;
    grid-template-columns: 130px 1fr
}
.footer--style-3 .footer__top .widget-contacts ul li span {
    font-size: .875rem;
    font-weight: 600;
    line-height: 2.2;
    text-transform: uppercase
}
.footer--style-3 .footer__top .widget-contacts ul li + li {
    margin-top: .9375rem
}
.footer--style-3 .footer__bottom {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
    border-top: 2px solid var(--color-white)
}
@media only screen and (max-width:767px) {
    .footer--style-3 .footer__bottom {
        padding-bottom: 1.875rem
    }
}
.footer--style-3 .footer__bottom [class^=col] {
    margin-bottom: 1.875rem
}
.footer--style-4 {
    background-color: var(--color-11)
}
.footer--style-5 {
    background-color: var(--color-12)
}
.footer--style-6 {
    background-color: var(--color-white)
}
.footer--style-6 .footer__top {
    padding: 5rem 0 5rem;
    border-top: 1px solid var(--color-black)
}
.footer--style-6 .footer__top [class^=col]:not(:last-of-type) {
    margin-bottom: 1.875rem
}
.footer--style-7 {
    background-color: var(--color-11)
}
.footer--style-7 .footer__top {
    padding: 2.5rem 0 3.75rem;
    border-top: 1px solid var(--color-black)
}
.footer--style-7 .footer__top [class^=col]:not(:last-of-type) {
    margin-bottom: 1.875rem
}
.footer--style-7 .footer__top .sep {
    margin: 0 .8125rem
}
.footer--landing {
    color: var(--color-white);
    background-color: #282828;
    background-image: url(../img/root/intro/bubble-3.png);
    background-repeat: no-repeat;
    background-position: 50% 100%
}
.footer--landing h2 {
    color: inherit
}
.footer--landing .footer__price {
    font-size: 13.125rem;
    font-weight: 800;
    line-height: 1;
    position: relative;
    display: inline-block
}
.footer--landing .footer__price span {
    font-size: 3.75rem;
    font-weight: 700;
    position: absolute;
    top: .25em;
    right: 100%;
    vertical-align: top
}
.footer .address-block{
    margin-bottom: 25px;
}
.footer .address-block p{
    margin-bottom: 5px;
}
.footer .address-block .label{
    display: block;
    margin-bottom: 5px;
}
.footer .address-block h3{
    font-size: 22px;
}


.main {
    overflow_null: hidden
}
.site-wrapper__inner {
    position: relative;
    z-index: 1;
    background-color: var(--color-white);
    margin-bottom: -1px;
}
.header--empty, .header--landing, .header--slide, .header--style-1, .header--style-2, .header--style-3, .header--style-4, .header--style-5, .header--style-6, .header--style-7, .header--style-8 {
    position: absolute;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--color-black)
}
.header--empty.header--opaque, .header--landing.header--opaque, .header--opaque.header--style-3, .header--opaque.header--style-4, .header--slide.header--opaque, .header--style-1.header--opaque, .header--style-2.header--opaque, .header--style-3.header--opaque, .header--style-4.header--opaque, .header--style-5.header--opaque, .header--style-6.header--opaque, .header--style-7.header--opaque, .header--style-8.header--opaque {
    position: relative
}
.header--style-5 {
    color: var(--color-white)
}
.navbar {
    position: relative;
    z-index: 50;
    -webkit-transition: background-color var(--transition-duration) var(--transition-easing);
    transition: background-color var(--transition-duration) var(--transition-easing);
    will-change: background-color
}
.navbar .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--navbar-height)
}
.navbar.navbar--fixed .navbar-inner {
    min-height: 92px;
    max-height: 92px;
}
body.scrolled .navbar.navbar--fixed .navbar-inner {
    min-height: 70px;
    max-height: 70px;
}
.navbar.navbar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    background-color: #fff !important;
}
.navbar.navbar--fixed.navbar--sticky {
    -webkit-animation: ptf_fade_in_down var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_fade_in_down var(--transition-duration) var(--transition-easing) forwards
}
.navbar.navbar--fixed.on-scroll-show {
    -webkit-animation: ptf_fade_in_down var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_fade_in_down var(--transition-duration) var(--transition-easing) forwards
}
.navbar.navbar--fixed.on-scroll-hide {
    -webkit-animation: ptf_fade_out_up var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_fade_out_up var(--transition-duration) var(--transition-easing) forwards
}
.navbar.navbar--transparent {
    background-color: transparent
}
.navbar, .navbar.navbar--solid {
    background-color: var(--color-white)
}
.header--style-5 .navbar, .header--style-5 .navbar.navbar--solid {
    background-color: var(--color-12)
}
.navbar.navbar--transparent-always {
    background-color: transparent
}
.navbar.navbar--white-text-on-top:not(.navbar--solid) {
    color: var(--color-white)
}
.navbar.navbar--white-text-on-top:not(.navbar--solid) .navbar-logo img.black {
    display: none
}
.header--style-5 .navbar.navbar--white-text-on-top:not(.navbar--solid) .navbar-logo img.black {
    display: block
}
.navbar.navbar--white-text-on-top:not(.navbar--solid) .navbar-logo img.white {
    display: block
}
.header--style-5 .navbar.navbar--white-text-on-top:not(.navbar--solid) .navbar-logo img.white {
    display: none
}
.offcanvas-menu-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.offcanvas-menu-icon:hover {
    color: inherit
}
.offcanvas-menu-icon, .slide-menu-icon {
    font-size: 36px;
    line-height: 1;
    margin-top: 6px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 38px;
    height: 38px;
    -webkit-transition: none;
    transition: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.slide-menu-icon .lnir-close {
    display: none
}
.slide-menu-icon.is-open .lnir-close {
    display: block
}
.slide-menu-icon.is-open .lnir-menu-alt-5 {
    display: none
}
.language-switcher {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.navbar-search {
    position: relative
}
.navbar-search__wrapper {
    position: absolute;
    top: 50%;
    right: 1.875rem;
    display: none;
    overflow: hidden;
    width: calc(100vw - 9.375rem);
    max-width: 28.75rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media only screen and (min-width:992px) {
    .navbar-search__wrapper {
        width: 25vw
    }
}
.navbar-search__wrapper input[type=text] {
    font-size: .875rem;
    line-height: 1;
    padding: .625rem 1rem;
    border: none;
    background-color: var(--color-7)
}
.navbar-search__toggle {
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: none;
    transition: none
}
.navbar-search__toggle .lnir-close {
    display: none
}
.navbar-search__toggle:hover {
    color: inherit
}
.navbar-search.is-open .navbar-search__toggle .lnir-close, .navbar-search.is-open .navbar-search__wrapper {
    display: block
}
.navbar-search.is-open .navbar-search__toggle .lnir-search-alt {
    display: none
}
.header--style-1 .navbar-inner, .header--style-3 .navbar-inner, .header--style-4 .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--style-1 .nav, .header--style-1 .navbar-logo, .header--style-3 .nav, .header--style-3 .navbar-logo, .header--style-4 .nav, .header--style-4 .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.header--style-1 .nav, .header--style-3 .nav, .header--style-4 .nav {
    margin-right: 0px;
    margin-left: auto;
}
@media only screen and (max-width:991px) {
    .header--style-1 .nav, .header--style-3 .nav:not(.contact-info), .header--style-4 .nav {
        display: none
    }
}
@media only screen and (max-width:991px) {
    .header--style-1 .navbar-logo, .header--style-3 .navbar-logo, .header--style-4 .navbar-logo {
        margin-right: auto
    }
}
.header--style-1 .offcanvas-menu-icon, .header--style-3 .offcanvas-menu-icon, .header--style-4 .offcanvas-menu-icon {
    margin-left: 2.5rem
}
.header--style-2 .navbar_null {
    -webkit-box-shadow: inset 0 10px var(--accent-1);
    box-shadow: inset 0 10px var(--accent-1)
}
.header--style-2 .navbar.navbar--fixed {
    -webkit-box-shadow: 0px 1px 3px 5px rgba(0,0,0,0.08); 
box-shadow: 0px 1px 3px 5px rgba(0,0,0,0.08);
}
.header--style-2 .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--style-2 .nav, .header--style-2 .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (max-width:991px) {
    .header .navbar-logo {
        margin-right: auto
    }
}
.header--style-2 .nav {
    margin-right: 0px;
    margin-left: auto;
}
@media only screen and (max-width:991px) {
    .header--style-2 .nav:not(.contact-info) {
        display: none
    }
}
.header--style-2 .offcanvas-menu-icon {
    margin-left: 2.5rem
}
.header--style-3 .navbar-inner:not(.no-line),
.header--style-3 .navbar--fixed .navbar-inner.no-line {
    -webkit-box-shadow: inset 0 -2px var(--color-black);
    box-shadow: inset 0 -2px var(--color-black)
}
.header--style-4 .nav {
    margin-right: 5rem;
    margin-left: auto
}
.header--style-5 .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--style-5 .nav, .header--style-5 .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.header--style-5 .nav, .header--style-5 .offcanvas-menu-icon {
    margin-left: auto
}
@media only screen and (max-width:991px) {
    .header--style-5 .nav, .header--style-5 .offcanvas-menu-icon {
        display: none
    }
}
.header--style-5 .offcanvas-menu-icon {
    display: none
}
@media only screen and (max-width:991px) {
    .header--style-5 .offcanvas-menu-icon {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}
.header--style-6 .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--style-6 .nav, .header--style-6 .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.header--style-6 .offcanvas-menu-icon {
    margin-left: 6.875rem
}
.header--style-6 .language-switcher {
    margin-left: auto
}
.header--style-7 .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    --navbar-height: 12.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--style-7 .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}
.header--style-7 .nav, .header--style-7 .offcanvas-menu-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
@media only screen and (max-width:991px) {
    .header--style-7 .nav, .header--style-7 .offcanvas-menu-icon {
        display: none
    }
}
.header--style-7 .offcanvas-menu-icon {
    display: none
}
@media only screen and (max-width:991px) {
    .header--style-7 .offcanvas-menu-icon {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}
.header--style-7 .navbar-socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
@media only screen and (max-width:767px) {
    .header--style-7 .navbar-socials a {
        display: none
    }
}
.header--style-8 .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--style-8 .nav, .header--style-8 .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.header--style-8 .offcanvas-menu-icon {
    margin-left: auto
}
.header--empty .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--empty .nav, .header--empty .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.header--empty .navbar-socials {
    margin-left: auto
}
.header--landing .navbar-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.header--landing .nav, .header--landing .navbar-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.header--landing .nav {
    margin-right: auto;
    margin-left: 8.75rem
}
@media only screen and (max-width:991px) {
    .header--landing .nav {
        display: none
    }
}
.header--landing .btn {
    margin-left: auto
}
.nav--default {
    min-height: var(--navbar-height)
}
.nav--default .sf-menu {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.nav--default .sf-menu > li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none;
    min-height: calc(100% - 1.5rem);
    padding_null: 0 1.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
body.scrolled .nav--default .sf-menu > li{
    min-height: 70px;
}
.nav--default .sf-menu > li:first-of-type {
    padding-left: 0
}
.nav--default .sf-menu > li:last-of-type {
    padding-right: 0
}
.nav--default .sf-menu > li > a {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: inherit;
    letter-spacing: 1px;
    padding: 0 0.9rem;
}
.nav--default .sf-menu > li:last-child > a{
    padding-right: 0px;
}
.nav--default.contact-info .sf-menu > li > a{
    letter-spacing: 0px;
}
.nav--default.contact-info .sf-menu > li.social > a{
    padding: 0 0.4rem;
}
.header--style-5 .nav--default .sf-menu > li > a {
    font-weight: 400;
    text-transform: none;
    color: var(--color-2)
}
.nav--default .sf-menu > li > a > span {
    position: relative
}
.nav--default .sf-menu > li > a > span i svg {
    width: 1.2em;
    height: 1.2em;
    position: relative;
    top: -1px;
}
.nav--default .sf-menu > li.current-menu-ancestor > a, .nav--default .sf-menu > li.current-menu-item > a, .nav--default .sf-menu > li.sfHover > a, .nav--default .sf-menu > li:hover > a, body.single-service .nav--default .sf-menu > li#menu-item-27 > a, body.single-team_member .nav--default .sf-menu > li#menu-item-23 > a, body.single-case_study .nav--default .sf-menu > li#menu-item-24 > a, body.single-sector .nav--default .sf-menu > li#menu-item-46 > a {
    color: var(--accent-1)
}
.header--style-5 .nav--default .sf-menu > li.current-menu-ancestor > a, .header--style-5 .nav--default .sf-menu > li.current-menu-item > a, .header--style-5 .nav--default .sf-menu > li.sfHover > a, .header--style-5 .nav--default .sf-menu > li:hover > a {
    color: var(--color-white)
}
.nav--default .sf-menu > li.current-menu-ancestor > a > span::after, .nav--default .sf-menu > li.current-menu-item > a > span::after, .nav--default .sf-menu > li.sfHover > a > span::after, .nav--default .sf-menu > li:hover > a > span::after {
    opacity: 1
}
.nav--default .sf-menu > li.two-columns > ul.sub-menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}
.nav--default .sf-menu li.left ul.sub-menu {
    margin-right: -1.5625rem;
    margin-left: 0
}
.nav--default .sf-menu ul.sub-menu {
    min-width: 18.125rem;
    margin-left: -1.5625rem;
    padding: 2rem 0;
    color: var(--color-black);
    background-color: var(--color-white)
}
.header--style-5 .nav--default .sf-menu ul.sub-menu {
    color: var(--color-2);
    background-color: var(--color-16);
    -webkit-box-shadow: none;
    box-shadow: none
}
.nav--default .sf-menu ul.sub-menu ul.sub-menu {
    top: -2rem;
    margin-right: 0;
    margin-left: 0
}
.nav--default .sf-menu ul.sub-menu li {
    display: block;
    min-width: 13.75rem;
    padding: 0 2.5rem
}
.nav--default .sf-menu ul.sub-menu li a {
    font-size: 1rem;
    line-height: 1.875;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .3125rem 0;
    white-space: nowrap;
    color: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.nav--default .sf-menu ul.sub-menu li.current-menu-ancestor > a, .nav--default .sf-menu ul.sub-menu li.current-menu-item > a, .nav--default .sf-menu ul.sub-menu li.sfHover > a, .nav--default .sf-menu ul.sub-menu li:hover > a {
    color: var(--accent-1)
}
.header--style-5 .nav--default .sf-menu ul.sub-menu li.current-menu-ancestor > a, .header--style-5 .nav--default .sf-menu ul.sub-menu li.current-menu-item > a, .header--style-5 .nav--default .sf-menu ul.sub-menu li.sfHover > a, .header--style-5 .nav--default .sf-menu ul.sub-menu li:hover > a {
    color: var(--color-white)
}
.header--slide {
    position: fixed;
    z-index: 80;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5rem
}
@media only screen and (min-width:1200px) {
    .header--slide {
        width: 6.25rem
    }
}
@media (min-width:1920px) {
    .header--slide {
        width: 9.375rem
    }
}
.header--slide .navbar {
    height: 100%;
    padding: 0
}
.header--slide .navbar-inner {
    flex-direction: column;
    height: 100%;
    padding: 0;
    text-align: center;
    background-color: var(--color-19);
    -webkit-box-shadow: inset -1px 0 var(--color-14);
    box-shadow: inset -1px 0 var(--color-14);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.header--slide .navbar-inner--top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.25rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media only screen and (min-width:1200px) {
    .header--slide .navbar-inner--top {
        padding-top: 2.5rem
    }
}
@media (min-width:1920px) {
    .header--slide .navbar-inner--top {
        padding-top: 3.75rem
    }
}
.header--slide .navbar-inner--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.header--slide .navbar-inner--bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.25rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media only screen and (min-width:1200px) {
    .header--slide .navbar-inner--bottom {
        padding-bottom: 2.5rem
    }
}
@media (min-width:1920px) {
    .header--slide .navbar-inner--bottom {
        padding-bottom: 3.75rem
    }
}
.header--slide .navbar-inner--bottom .navbar-socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
.header--slide .navbar-inner--bottom .navbar-socials a + a {
    margin-top: .875rem;
    margin-left: 0 !important
}
.is--header-slide body {
    padding-left: 5rem
}
@media only screen and (min-width:1200px) {
    .is--header-slide body {
        padding-left: 6.25rem
    }
}
@media (min-width:1920px) {
    .is--header-slide body {
        padding-left: 9.375rem
    }
}
.offcanvas-menu {
    position: fixed;
    z-index: 70;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    flex-direction: column;
    width: 100%;
    max-width: 30rem;
    height: 100%;
    padding: 3.125rem 4.0625rem 3.125rem;
    -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing), -webkit-transform var(--transition-duration) var(--transition-easing);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    background-color: var(--color-white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    visibility: hidden;
    opacity: 0;
}
html.is-page-loaded .offcanvas-menu{
    visibility: visible;
    opacity: 1;
}
@media only screen and (max-width:575px) {
    .offcanvas-menu {
        padding: 1.875rem
    }
}
.offcanvas-menu.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.offcanvas-menu__header {
    display: block;
    width: 100%;
    text-align: right;
}
.offcanvas-menu__header .language-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.offcanvas-menu__header .language-switcher a {
    font-size: .875rem;
    text-transform: uppercase;
    color: var(--color-black)
}
.offcanvas-menu__header .language-switcher a.is-active, .offcanvas-menu__header .language-switcher a:hover {
    color: var(--accent-1)
}
.offcanvas-menu__header .language-switcher a.is-active {
    font-weight: 700
}
.offcanvas-menu__header .language-switcher a + a {
    margin-left: 1.5rem
}
.offcanvas-menu__header .offcanvas-menu-icon {
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin-right: -12px;
}
.offcanvas-menu__header .offcanvas-menu-icon:hover {
    color: var(--accent-1)
}
.offcanvas-menu__navigation {
    overflow-y: auto;
    height: 100%;
    margin-top: 2.125rem;
    margin-bottom: 1.25rem;
    padding: .625rem 0
}
.offcanvas-menu__footer {
    margin-top: auto
}
.offcanvas-menu__socials {
    margin-top: 1.5625rem
}
.offcanvas-menu__copyright {
    font-size: .875rem;
    color: var(--color-3)
}
.offcanvas-menu__copyright span {
    color: var(--color-black)
}
.slide-menu {
    position: fixed;
    z-index: 70;
    top: 0;
    left: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    flex-direction: column;
    width: 100%;
    max-width: 22.5rem;
    height: 100%;
    padding: 3.125rem 4.0625rem 3.125rem;
    -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing), -webkit-transform var(--transition-duration) var(--transition-easing);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: var(--color-19);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media only screen and (min-width:1200px) {
    .slide-menu {
        left: 6.25rem
    }
}
@media only screen and (max-width:575px) {
    .slide-menu {
        padding: 1.875rem
    }
}
@media (min-width:1920px) {
    .slide-menu {
        left: 9.375rem
    }
}
.slide-menu.is-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.slide-menu__navigation {
    overflow-y: auto;
    height: 100%;
    padding: 1.875rem 0
}
.sidebar--right {
    padding-left: 3.75rem
}
@media only screen and (max-width:1199px) {
    .sidebar--right {
        margin-top: 7.5rem;
        padding-left: 0
    }
}
.sidebar--left {
    padding-right: 3.75rem
}
@media only screen and (max-width:1199px) {
    .sidebar--left {
        margin-top: 7.5rem;
        padding-right: 0
    }
}
.widget-title {
    margin-bottom: 1.5625rem
}
.widget + .widget {
    margin-top: 3.5rem
}
@media only screen and (max-width:767px) {
    .widget + .widget {
        margin-top: 2.5rem
    }
}
.widget-search .search-form {
    position: relative;
    max-width: 100%
}
.widget-search .search-form input[type=text] {
    padding-top: .625rem;
    border-color: var(--color-black)
}
.widget-search .search-form button {
    font-size: 1.25rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color var(--transition-duration) var(--transition-easing);
    transition: color var(--transition-duration) var(--transition-easing);
    color: var(--color-black);
    border: none;
    background: 0 0
}
.widget-search .search-form button:hover {
    color: var(--accent-1)
}
.widget-popular-posts .popular-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.widget-popular-posts .popular-post__number {
    font-size: 1.875rem;
    width: 2.5rem;
    -webkit-transition: color var(--transition-duration) var(--transition-easing);
    transition: color var(--transition-duration) var(--transition-easing);
    color: var(--color-1);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.widget-popular-posts .popular-post__content {
    padding-left: 1.5625rem;
    border-left: 1px solid var(--color-6);
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.widget-popular-posts .popular-post__content .cat {
    font-size: .75rem;
    text-transform: uppercase;
    color: var(--color-3)
}
.widget-popular-posts .popular-post__content h6 {
    font-size: 1.125rem;
    -webkit-transition: color var(--transition-duration) var(--transition-easing);
    transition: color var(--transition-duration) var(--transition-easing)
}
.widget-popular-posts .popular-post:hover .popular-post__number {
    color: var(--color-black)
}
.widget-popular-posts .popular-post:hover .popular-post__content h6 {
    color: var(--accent-1)
}
.widget-popular-posts .popular-post + .popular-post {
    padding-top: 1rem;
    border-top: 1px solid var(--color-6)
}
.widget-categories ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.widget-categories li {
    display: block
}
.widget-categories li:not(:last-of-type) {
    padding-bottom: .9375rem
}
.widget-categories li a {
    font-size: .875rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    color: var(--color-black);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.widget-categories li a span {
    font-weight: 400;
    -webkit-transition: inherit;
    transition: inherit;
    color: var(--color-3)
}
.widget-categories li a:hover {
    color: var(--accent-1)
}
.widget-categories li a:hover span {
    color: var(--accent-1)
}
.widget-categories li + li {
    padding-top: .9375rem;
    border-top: 1px solid var(--color-6)
}
.widget-newsletter {
    padding: 2.15rem;
    background-color: var(--color-15)
}
.widget-newsletter .widget-title {
    margin-bottom: .3125rem
}
.widget-newsletter form {
    margin-top: 1.875rem
}
.widget-newsletter form input[type=email] {
    font-size: .875rem;
    padding-top: .8125rem;
    padding-bottom: .8125rem;
    background-color: var(--color-white)
}
.widget-newsletter form button {
    font-size: 1rem;
    margin-top: .9375rem;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    text-transform: uppercase
}
.widget-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.widget-links ul li + li {
    margin-top: 0.5rem;
}
.widget-links ul li.social{
    display: inline-block;
}
.widget-links ul a {
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase
}
.widget-links ul a svg {
    width: 1.6em;
    height: 1.6em;
    position: relative;
    top: -0.1em;
}
.widget-links ul li.social a {
    font-size: 1.3em;
    margin-left: -15px;
    padding: 10px;
    display: block;
}
.widget-links ul a:hover {
    color: var(--accent-1)
}
.widget-services-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.widget-services-list ul li {
    padding-bottom: 1.125rem
}
.widget-services-list ul li a {
    font-size: 1.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
}
.widget-services-list ul li a i {
    font-size: 1.875rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 3.75rem;
    height: 2.5rem;
    margin-right: 1.875rem;
    -webkit-transition: color var(--transition-duration) var(--transition-easing);
    transition: color var(--transition-duration) var(--transition-easing);
    border-right: 1px solid var(--color-6);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.widget-services-list ul li a:hover, .widget-services-list ul li a:hover i {
    color: var(--accent-1)
}
.widget-services-list ul li + li {
    padding-top: 1.125rem;
    border-top: 1px solid var(--color-6)
}
.widget-faq .accordion {
    margin-top: calc(1.125rem * -1)
}
.widget-faq .accordion dt {
    position: relative;
    padding-top: 1.125rem;
    padding-right: 3.125rem;
    padding-bottom: 1.125rem
}
.widget-faq .accordion dt::after {
    font-family: var(--linear-icons-light);
    font-size: 1rem;
    position: absolute;
    top: calc(1.125rem + .25em);
    right: 0;
    content: '\ecbf';
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing)
}
.widget-faq .accordion dt.is-open {
    color: var(--accent-1)
}
.widget-faq .accordion dt.is-open::after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}
.widget-faq .accordion dd {
    padding-bottom: .9375rem
}
.widget-faq .accordion dd + dt {
    border-top: 1px solid var(--color-6)
}
.page--404 p {
    font-size: 1.5rem;
    line-height: 1.5;
    max-width: 21.875rem
}
.page--404 a {
    font-size: 1.875rem;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    color: var(--color-black)
}
.page--404 a:hover {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    transform: translate(0, -2px);
    color: var(--accent-1)
}
.page--404 img {
    width: 38.9375rem
}
.post {
    position: relative;
    margin-bottom: 60px;
    display: block;
}
.post__link {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.post__meta span + span::before {
    margin-right: .5rem;
    margin-left: .5rem;
    content: '/'
}
.post__media {
    position: relative;
    overflow: hidden
}
.post__media.pull-up-below{
    margin-bottom: -14%;
}
.post__media img,
.post__media .img {
    width: 100%;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}
.post__media .img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 125%;
}
.post:hover .post__media img,
.post:hover .post__media .img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.post--style-1 {
    --post-header-indent: 1.5rem
}
.post--style-1 .post__header {
    padding-top: var(--post-header-indent)
}
.post--style-1 .post__meta {
    font-size: .875rem;
    margin-bottom: .9375rem;
    text-transform: uppercase;
    color: var(--color-black)
}
.post--style-1 .post__meta span.cat {
    font-weight: 700
}
.post--style-1 .post__title {
    line-height: 1.16
}
.post--style-2, .post--style-4 {
    overflow: hidden
}
.post--style-2 .post__media, .post--style-4 .post__media {
    position: relative;
    overflow: hidden;
    max-height: 550px;
}
@media only screen and (max-width:991px) {
    .post--style-2 .post__media__content, .post--style-4 .post__media__content {
        display: none
    }
}
@media only screen and (min-width:992px) {
    .post--style-2 .post__media__content, .post--style-4 .post__media__content {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 0;
        left: 0
    }
    .post--style-2 .post__media__content .post__meta, .post--style-2 .post__media__content .post__title, .post--style-4 .post__media__content .post__meta, .post--style-4 .post__media__content .post__title {
        color: var(--color-white)
    }
}
.post--style-2 .post__media__content, .post--style-4 .post__media__content {
    padding: 1.25rem 1.5rem
}
@media (min-width:1920px) {
    .post--style-2 .post__media__content, .post--style-4 .post__media__content {
        padding: 2.8125rem
    }
}
.post--style-2 .post__media::after, .post--style-4 .post__media::after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-color: rgba(0, 0, 0, .1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), color-stop(55%, transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 55%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent 55%)
}
.post--style-2 .post__content, .post--style-4 .post__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.25rem 1.5rem;
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
    transition: all 800ms ease;
    transition: all 800ms ease;
    border: solid 1px var(--color-black);
    border-top: none;
    background-color: var(--color-white);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
@media only screen and (min-width:992px) {
    .post--style-2 .post__content, .post--style-4 .post__content {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        height: 100%;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        border-top: solid 1px var(--color-black);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }
}
@media (min-width:1920px) {
    .post--style-2 .post__content, .post--style-4 .post__content {
        padding: 2.8125rem
    }
}
.post--style-2 .post__meta, .post--style-4 .post__meta {
    font-size: .875rem;
    margin-bottom: .9375rem;
    text-transform: uppercase;
    color: var(--color-black)
}
.post--style-2 .post__meta span.cat, .post--style-4 .post__meta span.cat {
    font-weight: 700
}
.post--style-2 .post__title, .post--style-4 .post__title {
    line-height: 1.16
}
@media (max-width:1919px) {
    .post--style-2 .post__title, .post--style-4 .post__title {
        font-size: 1.75rem
    }
}
.post--style-2 .post__excerpt, .post--style-4 .post__excerpt {
    font-size: 1.125rem;
    margin-top: 1.875rem;
    color: var(--color-black);
	color: #fff;
}
@media (max-width:1919px) {
    .post--style-2 .post__excerpt, .post--style-4 .post__excerpt {
        display_null: none
    }
}
.post--style-2 .post__footer, .post--style-4 .post__footer {
    margin-top: 1.875rem;
    color: var(--color-black)
}
@media only screen and (min-width:992px) {
    .post--style-2 .post__footer, .post--style-4 .post__footer {
        margin-top: auto
    }
}
.post--style-2 .post__footer .read-more-link, .post--style-4 .post__footer .read-more-link {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}
.post--style-2:hover .post__content, .post--style-4:hover .post__content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.post--style-3 {
    display: grid;
    grid-template-columns: 27.5rem 1fr;
    grid-gap: 4.375rem
}
@media only screen and (max-width:991px) {
    .post--style-3 {
        grid-gap: 2.1875rem
    }
}
@media only screen and (max-width:767px) {
    .post--style-3 {
        grid-template-columns: 1fr
    }
}
.post--style-3 .post__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.post--style-3 .post__meta {
    font-size: .875rem;
    margin-bottom: 1.875rem;
    color: var(--color-3)
}
.post--style-3 .post__meta span {
    display: block
}
.post--style-3 .post__meta span::before {
    display: none
}
.post--style-3 .post__meta span.cat {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-black)
}
.post--style-3 .post__info {
    margin-top: auto;
    padding-top: 5rem
}
@media only screen and (max-width:767px) {
    .post--style-3 .post__info {
        padding-top: 2.5rem
    }
}
.post--style-3 .post__info a {
    font-size: .875rem
}
.post--style-3 .post__info a span {
    color: var(--color-black)
}
.post--style-3 .post__info a i {
    font-size: 1rem;
    margin-right: .625rem
}
.post--style-3 .post__info a + a {
    margin-left: 3.125rem
}
.grid-item:not(:last-of-type) .post--style-3 {
    padding-bottom: .9375rem;
    border-bottom: 1px solid var(--color-14)
}
.post--style-4 .post__content {
    border: none;
    background-color: var(--accent-1)
}
.post--style-4 .post__footer, .post--style-4 .post__title {
    color: var(--color-white)
}
.post--style-4 .post__footer a:hover, .post--style-4 .post__title a:hover {
    color: inherit
}
.work {
    position: relative
}
.work__link {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.work__media {
    position: relative;
    overflow: hidden;
}
.work__media .preview-stat,
.news-slide__content .preview-stat{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    text-align: right;
    color: #fff;
}
.work__media .preview-stat.restricted,
.news-slide__content .preview-stat.restricted{
    right: 0;
    left: auto;
    width: 45%;
}
.work__media .preview-stat .figure,
.news-slide__content .preview-stat .figure{
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}
.work__media .preview-stat .description,
.news-slide__content .preview-stat .description{
    
}
.work__media img,
.work__media .img {
    width: 100%;
    -webkit-transition: -webkit-transform calc(var(--transition-duration) * 2) var(--transition-easing), -webkit-filter var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform calc(var(--transition-duration) * 2) var(--transition-easing), -webkit-filter var(--transition-duration) var(--transition-easing);
    transition: transform calc(var(--transition-duration) * 2) var(--transition-easing), filter var(--transition-duration) var(--transition-easing);
    transition: transform calc(var(--transition-duration) * 2) var(--transition-easing), filter var(--transition-duration) var(--transition-easing), -webkit-transform calc(var(--transition-duration) * 2) var(--transition-easing), -webkit-filter var(--transition-duration) var(--transition-easing);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}
.work__media .img {
    padding-top: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.work__media.small .img {
    padding-top: 77%;
}
.work__media .img.with-stat-fade:before{
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: rgb(4,4,4);
    background: linear-gradient(146deg, rgba(4,4,4,0) 40%, rgba(4,4,4,1) 100%);
}
.work:hover .work__media img,
.work:hover .work__media .img,
.work__media:hover img,
.work__media:hover .img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.work--style-1 .work__meta, .work--style-2 .work__meta, .work--style-3 .work__meta {
    padding-top: 2.5rem
}
.work--style-1 .work__category, .work--style-2 .work__category, .work--style-3 .work__category {
    font-size: .875rem;
    margin-bottom: .625rem
}
.work--large-title.work--style-2 .work__title, .work--large-title.work--style-3 .work__title, .work--style-1.work--large-title .work__title {
    font-size: 2.25rem
}
.work--style-1 .work__title a:hover, .work--style-2 .work__title a:hover, .work--style-3 .work__title a:hover {
    text-decoration: underline;
    color: inherit
}
.work--style-2 .work__meta {
    padding-top: 2.1875rem
}
.work--style-2 .work__category {
    margin-top: .3125rem;
    text-transform: uppercase
}
.work--style-3 .work__media.greyscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.work--style-3 .work__meta {
    padding-top: 2rem;
    -webkit-transition: opacity var(--transition-duration) var(--transition-easing);
    transition: opacity var(--transition-duration) var(--transition-easing);
    opacity: .45
}
.bg-coloured .work--style-3 .work__meta{
    opacity: 1;
}
.work--style-3 .work__category {
    font-size: 1rem;
    text-transform: uppercase
}
.work--style-3.work--large-title .work__title {
    font-size: 3rem
}
.work--style-3:hover .work__meta {
    opacity: 1
}
.work--style-3:hover .work__media img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.work--style-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.1875rem 0;
    -webkit-box-shadow: inset 0 -1px var(--color-black);
    box-shadow: inset 0 -1px var(--color-black);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (max-width:991px) {
    .work--style-4 {
        display: grid;
        grid-gap: .625rem
    }
}
@media only screen and (min-width:992px) {
    .work--style-4 .work__date {
        margin-left: auto
    }
}
.work--style-4 .work__category {
    -webkit-flex-basis: 16.25rem;
    -ms-flex-preferred-size: 16.25rem;
    flex-basis: 16.25rem
}
.work--style-4 .work__title {
    font-size: 2.25rem;
    -webkit-transition: color var(--transition-duration) var(--transition-easing);
    transition: color var(--transition-duration) var(--transition-easing);
    margin: 0px;
}
.work--style-4 .work__category, .work--style-4 .work__date {
    font-size: 1rem;
    color: var(--color-3)
}
.work--style-4:hover .work__title {
    color: var(--accent-1)
}
.grid-item:last-of-type .work--style-4 {
    padding-bottom: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.work--style-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.1875rem 0;
    -webkit-box-shadow: inset 0 -1px var(--color-black);
    box-shadow: inset 0 -1px var(--color-black);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (max-width:991px) {
    .work--style-5 {
        display: grid;
        grid-gap: .625rem
    }
}
.work--style-5 .work__date {
    font-size: 1rem;
    color: var(--color-3);
    -webkit-flex-basis: 10.625rem;
    -ms-flex-preferred-size: 10.625rem;
    flex-basis: 10.625rem
}
.work--style-5 .work__title {
    font-size: 1.5rem;
    font-weight: 400
}
.grid-item:nth-child(2) .work--style-5 {
    padding-top: 0 !important
}
.grid-item:last-of-type .work--style-5 {
    padding-bottom: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}
.work--style-6 .work__meta {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 2.8125rem;
    -webkit-transition: opacity calc(var(--transition-duration) * 2) var(--transition-easing);
    transition: opacity calc(var(--transition-duration) * 2) var(--transition-easing);
    opacity: 0;
    color: var(--color-white);
    background-color: var(--accent-1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
@media (min-width:1920px) {
    .work--style-6 .work__meta {
        padding: 4.6875rem
    }
}
.work--style-6 .work__meta svg {
    font-size: 3.75rem;
    position: absolute;
    top: 2.8125rem;
    right: 2.8125rem;
    -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform var(--transition-duration) var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-duration) var(--transition-easing), -webkit-transform var(--transition-duration) var(--transition-duration) var(--transition-easing)
}
@media (min-width:1920px) {
    .work--style-6 .work__meta svg {
        top: 4.6875rem;
        right: 4.6875rem
    }
}
.work--style-6 .work__category {
    margin-bottom: .625rem;
    text-transform: uppercase
}
.work--style-6 .work__title {
    font-size: 2.25rem;
    color: inherit
}
@media (min-width:1920px) {
    .work--style-6 .work__title {
        font-size: 3rem
    }
}
.work--style-6:hover .work__meta {
    opacity: 1
}
.work--style-6:hover .work__meta svg {
    -webkit-transform: translate3d(5px, -5px, 0);
    transform: translate3d(5px, -5px, 0)
}
.page-navigation {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    margin-top: -.625rem;
    margin-left: calc(-1 * 1.875rem);
    padding: 0;
    list-style-type: none
}
.text-center .page-navigation{
    margin-left: 0px;
}
.page-navigation li {
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: .625rem;
    margin-left: 1.875rem;
    padding: 6px 2px;
    color: var(--color-black)
}
.page-navigation li.next {
    padding-left: .625rem
}
.page-navigation li.is-active {
    color: var(--accent-1);
    -webkit-box-shadow: inset 0 -2px var(--accent-1);
    box-shadow: inset 0 -2px var(--accent-1)
}
.load-more {
    font-size: 1rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 8.125rem;
    height: 8.125rem;
    text-transform: uppercase;
    color: var(--color-black);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-1);
    box-shadow: inset 0 0 0 1px var(--color-1);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.load-more:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.filters {
    position: relative;
    z-index: 1;
    margin: 0;
    margin-top: -.625rem;
    margin-left: calc(-1 * 25px);
    padding: 0;
    list-style-type: none;
    width: 100%;
    clear: both;
}
.filters .filter-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 25px;
    cursor: pointer;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing)
}
.filters .filter-item.filter-label{
    color: inherit !important;
    cursor: default;
    opacity: 0.5;
    white-space: nowrap;
    min-width: 90px;
    margin-bottom: 10px;
    float: left;
}
.filters .filter-item .filter-counter {
    font-size: .75rem;
    margin-left: .1875rem
}
.filters--style-1 {
    font-size: 1.125rem;
    color: var(--color-black)
}
.filters--style-1 .filter-item-active, .filters--style-1 .filter-item:hover {
    color: var(--accent-1)
}
.filters--style-2 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-black)
}
.filters--style-2 .filter-item-active, .filters--style-2 .filter-item:hover {
    color: var(--accent-1)
}
.filters--style-3 {
    font-size: 1.125rem;
    margin-left: calc(-1 * .875rem);
    color: var(--color-3)
}
.filters--style-3 .filter-item {
    margin-left: .875rem
}
.filters--style-3 .filter-item-active, .filters--style-3 .filter-item:hover {
    color: var(--color-black)
}
.filters--style-4 {
    font-size: 1rem;
    margin-left: calc(-1 * 2.5rem);
    text-transform: uppercase;
    color: var(--color-3)
}
.filters--style-4 .filter-item {
    margin-left: 2.5rem
}
.filters--style-4 .filter-item-active, .filters--style-4 .filter-item:hover {
    color: var(--color-black)
}
.single-post__header {
    padding: 10rem 0 6.25rem
}
@media only screen and (max-width:767px) {
    .single-post__header {
        padding: 5rem 0 3.125rem
    }
}
.single-post__header--style-1 {
    text-align: center
}
.single-post__header .single-post__meta {
    margin-top: 2.5rem
}
.single-post__meta {
    font-size: .875rem;
    text-transform: uppercase;
    color: var(--color-black)
}
.single-post__meta span.cat {
    font-weight: 700
}
.single-post__meta span + span::before {
    margin-right: .5rem;
    margin-left: .5rem;
    content: '/'
}
.single-post__media img {
    width: 100%
}
.single-post__wrapper {
    padding-top: 5.625rem;
    padding-bottom: 7rem
}
@media only screen and (max-width:767px) {
    .single-post__wrapper {
        padding-top: 2.8125rem;
        padding-bottom: 5rem
    }
}
@media only screen and (min-width:1200px) {
    .single-post__wrapper .alignwide {
        width: auto;
        margin-right: calc(calc(-25% - calc(var(--bs-gutter-x)/ 2)) - calc(.75rem / 2));
        margin-left: calc(calc(-25% - calc(var(--bs-gutter-x)/ 2)) - calc(.75rem / 2))
    }
}
.single-post__excerpt,
.single-post__content > p:first-child {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 2.25rem;
    padding-right: 5%;
    color: var(--color-black);
}
@media only screen and (max-width:767px) {
    .single-post__excerpt {
        margin-bottom: 1.875rem
    }
}
.single-post__content {
    font-size: 1.125rem
}
.single-post__content ul {
    padding-left: 1.875rem;
    margin-bottom: 1.3rem;
}
.single-post__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.2rem
}
@media only screen and (max-width:767px) {
    .single-post__info {
        margin-bottom: 2.5rem
    }
}
.single-post__info a {
    font-size: .875rem
}
.single-post__info a span {
    color: var(--color-black)
}
.single-post__info a i {
    font-size: 1rem;
    margin-right: .625rem
}
.single-post__info a.report {
    margin-left: auto
}
@media only screen and (max-width:767px) {
    .single-post__info a.report {
        display: none
    }
}
.single-post__info a + a {
    margin-left: 3.125rem
}
@media only screen and (max-width:767px) {
    .single-post__info a + a {
        margin-left: 1.875rem
    }
}
.single-post__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    padding-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (max-width:991px) {
    .single-post__footer {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }
}
.single-post__footer .post-socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (max-width:991px) {
    .single-post__footer .post-socials {
        margin-top: 1.875rem
    }
}
.single-post__footer .post-socials span {
    font-size: .875rem;
    margin-right: 1.25rem;
    text-transform: uppercase;
    color: var(--color-black)
}
@media only screen and (max-width:991px) {
    .single-post__footer .post-socials span {
        display: none
    }
}
.about-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3.75rem 0 0;
    border-top: 1px solid var(--color-14)
}
.about-author__avatar {
    max-width: 5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
@media only screen and (max-width:991px) {
    .about-author__avatar {
        display: none
    }
}
.about-author__avatar img {
    border-radius: 50%
}
.about-author__content {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.about-author .about-author__avatar + .about-author__content {
    margin-left: 2.375rem
}
@media only screen and (max-width:991px) {
    .about-author .about-author__avatar + .about-author__content {
        margin-left: 15px;
    }
}
.about-author__header {
    margin-bottom: 1.125rem
}
.about-author__header h6 {
    font-size: 1.5rem
}
.about-author__header span {
    font-size: .75rem;
    display: block;
    margin-top: .25rem;
    text-transform: uppercase;
    color: var(--color-3)
}
.about-author__text {
    padding-right: 1.5625rem
}
.about-author .social-icon {
    margin-top: 1.875rem
}
.circle-link {
    font-size: 1.5rem;
    line-height: 1.25;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-direction: column;
    width: 14.375rem;
    height: 14.375rem;
    padding-top: .625rem;
    padding-left: 4.0625rem;
    text-align: left;
    text-transform: uppercase;
    color: var(--color-black);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-14);
    box-shadow: inset 0 0 0 1px var(--color-14);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.circle-link svg {
    height: 2rem;
    margin-top: 1.25rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.circle-link:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.circle-link--style-2 {
    font-family: var(--secondary-font);
    font-size: 3.75rem;
    line-height: 1;
    width: auto;
    height: auto;
    padding: 0;
    text-transform: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.circle-link--style-2 svg {
    height: 2.8125rem !important;
    margin-top: 2.1875rem !important
}
.circle-link--style-2:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}
.custom-cursor {
    position: absolute;
    z-index: 100;
    pointer-events: none;
    color: var(--color-black)
}
.custom-cursor.white {
    color: var(--color-white)
}
.custom-cursor span {
    font-size: .75rem;
    font-weight: 700;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 8.125rem;
    height: 8.125rem;
    -webkit-transition: -webkit-transform calc(var(--transition-duration)/ 2);
    transition: -webkit-transform calc(var(--transition-duration)/ 2);
    transition: transform calc(var(--transition-duration)/ 2);
    transition: transform calc(var(--transition-duration)/ 2), -webkit-transform calc(var(--transition-duration)/ 2);
    -webkit-transform: translate3d(calc(var(--custom-cursor__x) - 4.0625rem), calc(var(--custom-cursor__y) - 4.0625rem), 0);
    transform: translate3d(calc(var(--custom-cursor__x) - 4.0625rem), calc(var(--custom-cursor__y) - 4.0625rem), 0);
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    color: currentColor;
    border: 1px solid currentColor;
    border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.custom-cursor.is-visible span {
    visibility: visible;
    -webkit-animation: ptf_blink_in var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_blink_in var(--transition-duration) var(--transition-easing) forwards
}
.filled-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: background-position calc(var(--transition-duration) * 2) var(--transition-easing);
    transition: background-position calc(var(--transition-duration) * 2) var(--transition-easing);
    color: inherit;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--accent-1)), color-stop(50%, var(--accent-1)), color-stop(50%, currentColor));
    background-image: -webkit-linear-gradient(left, var(--accent-1), var(--accent-1) 50%, currentColor 50%);
    background-image: linear-gradient(to right, var(--accent-1), var(--accent-1) 50%, currentColor 50%);
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% 200%;
    -webkit-text-fill-color: transparent
}
.filled-link:hover {
    color: inherit;
    background-position: 0 0
}
.link-with-arrow {
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    --icon-indent: .625rem
}
.link-with-arrow i, .link-with-arrow svg {
    margin-left: var(--icon-indent);
    -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing), -webkit-transform var(--transition-duration) var(--transition-easing)
}
.link-with-arrow:hover i, .link-with-arrow:hover svg {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px)
}
.mask-image {
    position: relative
}
.mask-image img:not(:last-of-type) {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.mask-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-repeat: round;
    mask-repeat: round
}
.post-navigation {
    color: var(--color-black)
}
.post-navigation span {
    display: block;
    margin-bottom: .9375rem;
    text-transform: uppercase;
    color: var(--color-3)
}
.post-navigation--style-1 {
    margin-top: 50px;
    padding-top: 60px;
    border-top: 1px solid var(--color-14)
}
@media only screen and (max-width:767px) {
    .post-navigation--style-1 {
        margin-top: 3.75rem;
        padding-top: 2.375rem
    }
}
.post-navigation--style-1 span {
    font-size: 1.25rem;
    font-weight: 700
}
.post-navigation--style-2 {
    padding-top: 11.25rem;
    padding-bottom: 10rem
}
@media only screen and (max-width:767px) {
    .post-navigation--style-2 {
        padding-top: 5.625rem;
        padding-bottom: 5rem
    }
}
.post-navigation--style-2 span {
    font-size: 1.125rem
}
.related-posts {
    margin-top: 50px;
    padding-top: 60px;
    border-top: 1px solid var(--color-14)
}
.related-posts__title {
    margin-bottom: 3.125rem
}
.site-overlay {
    position: fixed;
    z-index: 60;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: var(--color-18)
}
.animsition, .animsition-overlay {
    position: static
}
.animsition-bounce {
    position: fixed;
    z-index: 9999;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 3.125rem;
    height: 3.125rem
}
.double-bounce-one, .double-bounce-two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: ptf_bounce_preloader 2s infinite ease-in-out;
    animation: ptf_bounce_preloader 2s infinite ease-in-out;
    opacity: .6;
    border-radius: 50%;
    background-color: var(--accent-1)
}
.double-bounce-two {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.social-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.social-icon:hover {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    transform: translate(0, -2px)
}
.social-icon--style-1 {
    font-size: 1.25rem;
    line-height: 1;
    color: inherit
}
.social-icon--style-1 + .social-icon--style-1 {
    margin-left: 1.5625rem
}
.social-icon--style-1:hover {
    color: var(--accent-1)
}
.social-icon--style-2 {
    font-size: .875rem;
    line-height: 1;
    color: inherit
}
.social-icon--style-2 + .social-icon--style-2 {
    margin-left: 1.25rem
}
.social-icon--style-2:hover {
    color: var(--accent-1)
}
.social-icon--style-3 {
    font-size: 1rem;
    line-height: 1;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-2);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 1px var(--color-1);
    box-shadow: inset 0 0 1px var(--color-1);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.social-icon--style-3 + .social-icon--style-3 {
    margin-left: 1.4375rem
}
.social-icon--style-3:hover {
    color: var(--color-white);
    background-color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 1px var(--accent-1)
}
.social-icon--style-3 i svg {
    display: block;
    width: 1.3em;
    height: 1.3em;
}
.social-icon--style-4 {
    font-size: 1rem;
    line-height: 0.7;
    width: 1.875rem;
    height: 1.875rem;
    color: var(--color-white);
    border-radius: 50%;
    background-color: var(--accent-1);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.social-icon--style-4 + .social-icon--style-4 {
    margin-left: .4375rem
}
.social-icon--style-4:hover {
    color: var(--color-white)
}
.social-icon--style-4.internet {
    background-color: #1a55f8
}
.social-icon--style-4.moddb {
    background-color: #cc0300
}
.social-icon--style-4.indiedb {
    background-color: #77c628
}
.social-icon--style-4.traxsource {
    background-color: #40a0ff
}
.social-icon--style-4.gamefor {
    background-color: #506f82
}
.social-icon--style-4.pixiv {
    background-color: #049cff
}
.social-icon--style-4.myanimelist {
    background-color: #2e51a2
}
.social-icon--style-4.blackberry {
    background-color: #000
}
.social-icon--style-4.wickr {
    background-color: #f29100
}
.social-icon--style-4.spip {
    background-color: #e00d6f
}
.social-icon--style-4.napster {
    background-color: #000
}
.social-icon--style-4.beatport {
    background-color: #94d500
}
.social-icon--style-4.hackerone {
    background-color: #ec1075
}
.social-icon--style-4.hackernews {
    background-color: #ff6601
}
.social-icon--style-4.smashwords {
    background-color: #4181c3
}
.social-icon--style-4.kobo {
    background-color: #bf0000
}
.social-icon--style-4.bookbub {
    background-color: #e70005
}
.social-icon--style-4.mailru {
    background-color: #fda840
}
.social-icon--style-4.gitlab {
    background-color: #e65228
}
.social-icon--style-4.instructables {
    background-color: #f8b514
}
.social-icon--style-4.portfolio {
    background-color: #54afff
}
.social-icon--style-4.codered {
    background-color: #ff033b
}
.social-icon--style-4.origin {
    background-color: #f56c2e
}
.social-icon--style-4.nextdoor {
    background-color: #01b247
}
.social-icon--style-4.udemy {
    background-color: #17aa1c
}
.social-icon--style-4.livemaster {
    background-color: #e76d00
}
.social-icon--style-4.crunchbase {
    background-color: #0288d1
}
.social-icon--style-4.homefy {
    background-color: #7dcda3
}
.social-icon--style-4.calendly {
    background-color: #00a3fa
}
.social-icon--style-4.realtor {
    background-color: #d52228
}
.social-icon--style-4.tidal {
    background-color: #01ffff
}
.social-icon--style-4.qobuz {
    background-color: #298fbf
}
.social-icon--style-4.natgeo {
    background-color: #222
}
.social-icon--style-4.mastodon {
    background-color: #2986d6
}
.social-icon--style-4.unsplash {
    background-color: #000
}
.social-icon--style-4.homeadvisor {
    background-color: #ef8b1d
}
.social-icon--style-4.angieslist {
    background-color: #299f37
}
.social-icon--style-4.codepen {
    background-color: #000
}
.social-icon--style-4.slack {
    background-color: #4b6bc6
}
.social-icon--style-4.openaigym {
    background-color: #29a8b3
}
.social-icon--style-4.logmein {
    background-color: #45b6f3
}
.social-icon--style-4.fiverr {
    background-color: #0db62a
}
.social-icon--style-4.gotomeeting {
    background-color: #fd7a2b
}
.social-icon--style-4.aliexpress {
    background-color: #e92c00
}
.social-icon--style-4.guru {
    background-color: #4c81c0
}
.social-icon--style-4.appstore {
    background-color: #007aff
}
.social-icon--style-4.homes {
    background-color: #f7841b
}
.social-icon--style-4.zoom {
    background-color: #2d8cff
}
.social-icon--style-4.alibaba {
    background-color: #ff6a00
}
.social-icon--style-4.craigslist {
    background-color: #561a8b
}
.social-icon--style-4.wix {
    background-color: #0096ff
}
.social-icon--style-4.redfin {
    background-color: #c82022
}
.social-icon--style-4.googlecalendar {
    background-color: #3d81f6
}
.social-icon--style-4.shopify {
    background-color: #5c6ac4
}
.social-icon--style-4.freelancer {
    background-color: #0088ca
}
.social-icon--style-4.seedrs {
    background-color: #7fbb31
}
.social-icon--style-4.bing {
    background-color: #008485
}
.social-icon--style-4.doodle {
    background-color: #0064dc
}
.social-icon--style-4.bonanza {
    background-color: #ff4950
}
.social-icon--style-4.squarespace {
    background-color: #121212
}
.social-icon--style-4.toptal {
    background-color: #4c73aa
}
.social-icon--style-4.gust {
    background-color: #1e2e3e
}
.social-icon--style-4.ask {
    background-color: #cf0000
}
.social-icon--style-4.trulia {
    background-color: #20bf63
}
.social-icon--style-4.loomly {
    background-color: #00425f
}
.social-icon--style-4.ghost {
    background-color: #33393c
}
.social-icon--style-4.upwork {
    background-color: #5bbc2f
}
.social-icon--style-4.fundable {
    background-color: #1d181f
}
.social-icon--style-4.booking {
    background-color: #003580
}
.social-icon--style-4.googlemaps {
    background-color: #4285f4
}
.social-icon--style-4.zillow {
    background-color: #0074e4
}
.social-icon--style-4.niconico {
    background-color: #000
}
.social-icon--style-4.toneden {
    background-color: #777bf9
}
.social-icon--style-4.augment {
    background-color: #e71204
}
.social-icon--style-4.bitbucket {
    background-color: #243759
}
.social-icon--style-4.fyuse {
    background-color: #ff3143
}
.social-icon--style-4.yt-gaming {
    background-color: #e91d00
}
.social-icon--style-4.sketchfab {
    background-color: #00a5d6
}
.social-icon--style-4.mobcrush {
    background-color: #fe0
}
.social-icon--style-4.microsoft {
    background-color: #666
}
.social-icon--style-4.pandora {
    background-color: #224099
}
.social-icon--style-4.messenger {
    background-color: #0084ff
}
.social-icon--style-4.gamewisp {
    background-color: #f8a853
}
.social-icon--style-4.bloglovin {
    background-color: #000
}
.social-icon--style-4.tunein {
    background-color: #36b4a7
}
.social-icon--style-4.gamejolt {
    background-color: #191919
}
.social-icon--style-4.trello {
    background-color: #0079bf
}
.social-icon--style-4.spreadshirt {
    background-color: #00b2a6
}
.social-icon--style-4.500px {
    background-color: #58a9de
}
.social-icon--style-4.8tracks {
    background-color: #122c4b
}
.social-icon--style-4.airbnb {
    background-color: #ff5a5f
}
.social-icon--style-4.alliance {
    background-color: #144587
}
.social-icon--style-4.amazon {
    background-color: #f90
}
.social-icon--style-4.amplement {
    background-color: #0996c3
}
.social-icon--style-4.android {
    background-color: #8ec047
}
.social-icon--style-4.angellist {
    background-color: #000
}
.social-icon--style-4.apple {
    background-color: #b9bfc1
}
.social-icon--style-4.appnet {
    background-color: #494949
}
.social-icon--style-4.baidu {
    background-color: #2629d9
}
.social-icon--style-4.bandcamp {
    background-color: #619aa9
}
.social-icon--style-4.battlenet {
    background-color: #0096cd
}
.social-icon--style-4.mixer {
    background-color: #1fbaed
}
.social-icon--style-4.bebee {
    background-color: #f28f16
}
.social-icon--style-4.bebo {
    background-color: #ef1011
}
.social-icon--style-4.behance {
    background-color: #000
}
.social-icon--style-4.blizzard {
    background-color: #01b2f1
}
.social-icon--style-4.blogger {
    background-color: #ec661c
}
.social-icon--style-4.buffer {
    background-color: #000
}
.social-icon--style-4.chrome {
    background-color: #757575
}
.social-icon--style-4.coderwall {
    background-color: #3e8dcc
}
.social-icon--style-4.curse {
    background-color: #f26522
}
.social-icon--style-4.dailymotion {
    background-color: #004e72
}
.social-icon--style-4.deezer {
    background-color: #32323d
}
.social-icon--style-4.delicious {
    background-color: #020202
}
.social-icon--style-4.deviantart {
    background-color: #c5d200
}
.social-icon--style-4.diablo {
    background-color: #8b1209
}
.social-icon--style-4.digg {
    background-color: #1d1d1b
}
.social-icon--style-4.discord {
    background-color: #7289da
}
.social-icon--style-4.disqus {
    background-color: #2e9fff
}
.social-icon--style-4.douban {
    background-color: #3ca353
}
.social-icon--style-4.draugiem {
    background-color: #ffa32b
}
.social-icon--style-4.dribbble {
    background-color: #e84d88
}
.social-icon--style-4.drupal {
    background-color: #00598e
}
.social-icon--style-4.ebay {
    background-color: #333
}
.social-icon--style-4.ello {
    background-color: #000
}
.social-icon--style-4.endomodo {
    background-color: #86ad00
}
.social-icon--style-4.envato {
    background-color: #597c3a
}
.social-icon--style-4.etsy {
    background-color: #f56400
}
.social-icon--style-4.facebook {
    background-color: #3e5b98
}
.social-icon--style-4.feedburner {
    background-color: #fc0
}
.social-icon--style-4.filmweb {
    background-color: #ffc404
}
.social-icon--style-4.firefox {
    background-color: #484848
}
.social-icon--style-4.flattr {
    background-color: #f67c1a
}
.social-icon--style-4.flickr {
    background-color: #1e1e1b
}
.social-icon--style-4.formulr {
    background-color: #ff5a60
}
.social-icon--style-4.forrst {
    background-color: #5b9a68
}
.social-icon--style-4.foursquare {
    background-color: #f94877
}
.social-icon--style-4.friendfeed {
    background-color: #2f72c4
}
.social-icon--style-4.github {
    background-color: #221e1b
}
.social-icon--style-4.goodreads {
    background-color: #463020
}
.social-icon--style-4.google {
    background-color: #4285f4
}
.social-icon--style-4.googlescholar {
    background-color: #4285f4
}
.social-icon--style-4.googlegroups {
    background-color: #4f8ef5
}
.social-icon--style-4.googlephotos {
    background-color: #212121
}
.social-icon--style-4.googleplus {
    background-color: #dd4b39
}
.social-icon--style-4.grooveshark {
    background-color: #000
}
.social-icon--style-4.hackerrank {
    background-color: #2ec866
}
.social-icon--style-4.hacker-news {
    background-color: #f60
}
.social-icon--style-4.hearthstone {
    background-color: #ec9313
}
.social-icon--style-4.hellocoton {
    background-color: #d30d66
}
.social-icon--style-4.heroes {
    background-color: #2397f7
}
.social-icon--style-4.smashcast {
    background-color: #3498db
}
.social-icon--style-4.horde {
    background-color: #84121c
}
.social-icon--style-4.houzz {
    background-color: #7cc04b
}
.social-icon--style-4.icq {
    background-color: #7ebd00
}
.social-icon--style-4.identica {
    background-color: #000
}
.social-icon--style-4.imdb {
    background-color: #e8ba00
}
.social-icon--style-4.instagram {
    background-color: #c83b8b
}
.social-icon--style-4.issuu {
    background-color: #f26f61
}
.social-icon--style-4.istock {
    background-color: #000
}
.social-icon--style-4.itunes {
    background-color: #ff5e51
}
.social-icon--style-4.keybase {
    background-color: #ff7100
}
.social-icon--style-4.lanyrd {
    background-color: #3c80c9
}
.social-icon--style-4.lastfm {
    background-color: #d41316
}
.social-icon--style-4.line {
    background-color: #00b901
}
.social-icon--style-4.linkedin {
    background-color: #3371b7
}
.social-icon--style-4.livejournal {
    background-color: #09c
}
.social-icon--style-4.lyft {
    background-color: #ff00bf
}
.social-icon--style-4.macos {
    background-color: #000
}
.social-icon--style-4.mail {
    background-color: #f3894d
}
.social-icon--style-4.medium {
    background-color: #000
}
.social-icon--style-4.meetup {
    background-color: #e2373c
}
.social-icon--style-4.mixcloud {
    background-color: #000
}
.social-icon--style-4.modelmayhem {
    background-color: #000
}
.social-icon--style-4.mumble {
    background-color: #5ab5d1
}
.social-icon--style-4.myspace {
    background-color: #323232
}
.social-icon--style-4.newsvine {
    background-color: #075b2f
}
.social-icon--style-4.nintendo {
    background-color: #f58a33
}
.social-icon--style-4.npm {
    background-color: #c12127
}
.social-icon--style-4.odnoklassniki {
    background-color: #f48420
}
.social-icon--style-4.openid {
    background-color: #f78c40
}
.social-icon--style-4.opera {
    background-color: #ff1b2d
}
.social-icon--style-4.outlook {
    background-color: #0072c6
}
.social-icon--style-4.overwatch {
    background-color: #9e9e9e
}
.social-icon--style-4.patreon {
    background-color: #f96854
}
.social-icon--style-4.paypal {
    background-color: #009cde
}
.social-icon--style-4.periscope {
    background-color: #3aa4c6
}
.social-icon--style-4.persona {
    background-color: #e6753d
}
.social-icon--style-4.pinterest {
    background-color: #c92619
}
.social-icon--style-4.play {
    background-color: #000
}
.social-icon--style-4.player {
    background-color: #6e41bd
}
.social-icon--style-4.playstation {
    background-color: #000
}
.social-icon--style-4.pocket {
    background-color: #ed4055
}
.social-icon--style-4.qq {
    background-color: #4297d3
}
.social-icon--style-4.quora {
    background-color: #cb202d
}
.social-icon--style-4.raidcall {
    background-color: #073558
}
.social-icon--style-4.ravelry {
    background-color: #b6014c
}
.social-icon--style-4.reddit {
    background-color: #e74a1e
}
.social-icon--style-4.renren {
    background-color: #2266b0
}
.social-icon--style-4.researchgate {
    background-color: #0cb
}
.social-icon--style-4.residentadvisor {
    background-color: #b3be1b
}
.social-icon--style-4.reverbnation {
    background-color: #000
}
.social-icon--style-4.rss {
    background-color: #f26109
}
.social-icon--style-4.sharethis {
    background-color: #01bf01
}
.social-icon--style-4.skype {
    background-color: #28abe3
}
.social-icon--style-4.slideshare {
    background-color: #4ba3a6
}
.social-icon--style-4.smugmug {
    background-color: #acfd32
}
.social-icon--style-4.snapchat {
    background-color: #fffa37
}
.social-icon--style-4.songkick {
    background-color: #f80046
}
.social-icon--style-4.soundcloud {
    background-color: #fe3801
}
.social-icon--style-4.spotify {
    background-color: #7bb342
}
.social-icon--style-4.stackexchange {
    background-color: #2f2f2f
}
.social-icon--style-4.stackoverflow {
    background-color: #fd9827
}
.social-icon--style-4.starcraft {
    background-color: #002250
}
.social-icon--style-4.stayfriends {
    background-color: #f08a1c
}
.social-icon--style-4.steam {
    background-color: #171a21
}
.social-icon--style-4.storehouse {
    background-color: #25b0e6
}
.social-icon--style-4.strava {
    background-color: #fc4c02
}
.social-icon--style-4.streamjar {
    background-color: #503a60
}
.social-icon--style-4.stumbleupon {
    background-color: #e64011
}
.social-icon--style-4.swarm {
    background-color: #fc9d3c
}
.social-icon--style-4.teamspeak {
    background-color: #465674
}
.social-icon--style-4.teamviewer {
    background-color: #168ef4
}
.social-icon--style-4.technorati {
    background-color: #5cb030
}
.social-icon--style-4.telegram {
    background-color: #08c
}
.social-icon--style-4.tripadvisor {
    background-color: #4b7e37
}
.social-icon--style-4.tripit {
    background-color: #1982c3
}
.social-icon--style-4.triplej {
    background-color: #e53531
}
.social-icon--style-4.tumblr {
    background-color: #45556c
}
.social-icon--style-4.twitch {
    background-color: #6441a5
}
.social-icon--style-4.twitter {
    background-color: #0cf
}
.social-icon--style-4.uber {
    background-color: #000
}
.social-icon--style-4.ventrilo {
    background-color: #77808a
}
.social-icon--style-4.viadeo {
    background-color: #e4a000
}
.social-icon--style-4.viber {
    background-color: #7b519d
}
.social-icon--style-4.viewbug {
    background-color: #2b9fcf
}
.social-icon--style-4.vimeo {
    background-color: #51b5e7
}
.social-icon--style-4.vine {
    background-color: #00b389
}
.social-icon--style-4.vkontakte {
    background-color: #5a7fa6
}
.social-icon--style-4.warcraft {
    background-color: #1eb10a
}
.social-icon--style-4.wechat {
    background-color: #09b507
}
.social-icon--style-4.weibo {
    background-color: #e31c34
}
.social-icon--style-4.whatsapp {
    background-color: #20b038
}
.social-icon--style-4.wikipedia {
    background-color: #000
}
.social-icon--style-4.windows {
    background-color: #00bdf6
}
.social-icon--style-4.wordpress {
    background-color: #464646
}
.social-icon--style-4.wykop {
    background-color: #328efe
}
.social-icon--style-4.xbox {
    background-color: #92c83e
}
.social-icon--style-4.xing {
    background-color: #005a60
}
.social-icon--style-4.yahoo {
    background-color: #6e2a85
}
.social-icon--style-4.yammer {
    background-color: #1175c4
}
.social-icon--style-4.yandex {
    background-color: red
}
.social-icon--style-4.yelp {
    background-color: #c83218
}
.social-icon--style-4.younow {
    background-color: #61c03e
}
.social-icon--style-4.youtube {
    background-color: #e02a20
}
.social-icon--style-4.zapier {
    background-color: #ff4a00
}
.social-icon--style-4.zerply {
    background-color: #9dbc7a
}
.social-icon--style-4.zomato {
    background-color: #cb202d
}
.social-icon--style-4.zynga {
    background-color: #dc0606
}
.sticky-column {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 3.75rem;
    -webkit-transition: top var(--transition-duration) var(--transition-easing);
    transition: top var(--transition-duration) var(--transition-easing)
}
.sticky-parent {
    display: block !important;
    height: 100%
}
.submit-button,
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
    font-size: 3.75rem;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-black);
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.submit-button svg {
    width: 1em;
    height: 1em;
    margin-top: .12em;
    margin-left: 2.5rem;
    -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing), -webkit-transform var(--transition-duration) var(--transition-easing)
}
.submit-button:hover,
.gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover {
    color: var(--accent-1)
}
.has-accent-1-background .submit-button:hover {
    color: #fff;
}
.submit-button:hover svg {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px)
}
.submit-button--style-2 {
    font-size: 1.5rem;
    text-transform: uppercase
}
.submit-button--style-2 svg {
    margin-left: 1.25rem
}
.hover-reveal {
    position: fixed;
    z-index: 90;
    top: 0;
    left: 0;
    width: 28.75rem;
    height: 18.75rem;
    pointer-events: none;
    opacity: 0
}
.hover-reveal__img, .hover-reveal__inner {
    position: relative;
    width: 100%;
    height: 100%
}
.hover-reveal__inner {
    overflow: hidden
}
.hover-reveal__img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
[data-aos=fade-up-sm] {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}
@media only screen and (min-width:768px) {
    [data-aos=fade-up-sm] {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    [data-aos=fade-up-sm].aos-animate {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
[data-aos=fade-up-sm].aos-animate {
    opacity: 1
}
.fancybox-bg {
    background-color: var(--color-18)
}
.fancybox-is-open .fancybox-bg {
    opacity: 1
}
.fancybox-loading {
    border: 2px solid rgba(255, 255, 255, .2);
    border-top-color: var(--accent-1)
}
.fancybox-content .fancybox-button, .fancybox-navigation .fancybox-button, .fancybox-toolbar .fancybox-button {
    font-size: 1.125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 2.8125rem;
    height: 2.8125rem;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-white);
    background-color: var(--accent-1);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.fancybox-content .fancybox-button:hover, .fancybox-navigation .fancybox-button:hover, .fancybox-toolbar .fancybox-button:hover {
    color: var(--color-white);
    background-color: var(--accent-2)
}
.fancybox-content .fancybox-button--arrow_left, .fancybox-navigation .fancybox-button--arrow_left, .fancybox-toolbar .fancybox-button--arrow_left {
    top: calc(50% - 1.375rem);
    left: 0
}
.fancybox-content .fancybox-button--arrow_right, .fancybox-navigation .fancybox-button--arrow_right, .fancybox-toolbar .fancybox-button--arrow_right {
    top: calc(50% - 1.375rem);
    right: 0
}
.fancybox-content .fancybox-close-small, .fancybox-navigation .fancybox-close-small, .fancybox-toolbar .fancybox-close-small {
    top: -1.25rem;
    right: -1.25rem;
    opacity: 1
}
.fancybox-toolbar {
    top: 0;
    right: 0
}
.fancybox-navigation .fancybox-button--arrow_left:hover i {
    -webkit-animation: ptf_animate_icon_left var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_animate_icon_left var(--transition-duration) var(--transition-easing) forwards
}
.fancybox-navigation .fancybox-button--arrow_right:hover i {
    -webkit-animation: ptf_animate_icon_right var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_animate_icon_right var(--transition-duration) var(--transition-easing) forwards
}




/*
.isotope-grid {
    margin-right: calc(-1 * calc(var(--gutter-x)/ 2));
    margin-bottom: calc(-1 * var(--gutter-y));
    margin-left: calc(-1 * calc(var(--gutter-x)/ 2))
}
.isotope-grid .grid-item, .isotope-grid .grid-sizer {
    float: left
}
.isotope-grid .grid-sizer {
    width: 0
}
.isotope-grid .grid-item {
    padding-right: calc(var(--gutter-x)/ 2);
    padding-bottom: var(--gutter-y);
    padding-left: calc(var(--gutter-x)/ 2)
}
.isotope-grid .grid-item.w-100 {
    width: 100% !important
}
.isotope-grid[data-columns='1'] .grid-item, .isotope-grid[data-columns='1'] .grid-sizer {
    width: 100%
}
.isotope-grid[data-columns='2'] .grid-item, .isotope-grid[data-columns='2'] .grid-sizer {
    width: 50%
}
@media only screen and (max-width:575px) {
    .isotope-grid[data-columns='2'] .grid-item, .isotope-grid[data-columns='2'] .grid-sizer {
        width: 100%
    }
}
.isotope-grid[data-columns='3'] .grid-item, .isotope-grid[data-columns='3'] .grid-sizer {
    width: calc(100% / 3)
}
@media only screen and (max-width:991px) {
    .isotope-grid[data-columns='3'] .grid-item, .isotope-grid[data-columns='3'] .grid-sizer {
        width: 50%
    }
}
@media only screen and (max-width:575px) {
    .isotope-grid[data-columns='3'] .grid-item, .isotope-grid[data-columns='3'] .grid-sizer {
        width: 100%
    }
}
.isotope-grid[data-columns='4'] .grid-item, .isotope-grid[data-columns='4'] .grid-sizer {
    width: 25%
}
@media only screen and (max-width:991px) {
    .isotope-grid[data-columns='4'] .grid-item, .isotope-grid[data-columns='4'] .grid-sizer {
        width: 50%
    }
}
@media only screen and (max-width:575px) {
    .isotope-grid[data-columns='4'] .grid-item, .isotope-grid[data-columns='4'] .grid-sizer {
        width: 100%
    }
}
*/



.jarallax {
    position: relative;
    z-index: 0
}
.jarallax > .jarallax-img {
    font-family: 'object-fit: cover;';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
:root {
    --swiper-theme-color: var(--color-black)
}
.swiper-lazy:not(.swiper-lazy-loaded) {
    opacity: 0
}
.main .swiper-slide figure {
    line-height: unset
}
.swiper-lazy-preloader {
    border: 4px solid rgba(255, 255, 255, .2);
    border-top-color: var(--accent-1)
}
.swiper-lazy-preloader.swiper-lazy-preloader-white {
    border: rgba(255, 255, 255, .2);
    border-top-color: var(--accent-1)
}
.swiper-lazy-preloader::after {
    display: none !important
}
.swiper-button-prev:hover i {
    -webkit-animation: ptf_animate_icon_left var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_animate_icon_left var(--transition-duration) var(--transition-easing) forwards
}
.swiper-button-next:hover i {
    -webkit-animation: ptf_animate_icon_right var(--transition-duration) var(--transition-easing) forwards;
    animation: ptf_animate_icon_right var(--transition-duration) var(--transition-easing) forwards
}
.swiper-button-next--style-1, .swiper-button-prev--style-1 {
    font-size: 1.125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 2.8125rem;
    height: 2.8125rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-3);
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.swiper-button-next--style-1:not(.swiper-button-disabled):hover, .swiper-button-prev--style-1:not(.swiper-button-disabled):hover {
    color: var(--color-white);
    background-color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.swiper-button-next--style-1.swiper-button-disabled, .swiper-button-prev--style-1.swiper-button-disabled {
    cursor: default
}
.swiper-button-prev--style-1 + .swiper-button-next--style-1 {
    margin-left: .9375rem
}
.swiper-button-next--style-2, .swiper-button-prev--style-2 {
    font-size: 3rem;
    position: absolute;
    top: 6.25rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-3);
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.swiper-button-next--style-2 i, .swiper-button-prev--style-2 i {
    -webkit-animation: none !important;
    animation: none !important
}
.swiper-button-next--style-2:not(.swiper-button-disabled):hover, .swiper-button-prev--style-2:not(.swiper-button-disabled):hover {
    color: var(--color-black)
}
.swiper-button-next--style-2.swiper-button-disabled, .swiper-button-prev--style-2.swiper-button-disabled {
    cursor: default
}
.swiper-button-prev--style-2 {
    left: 0
}
.swiper-button-next--style-2 {
    right: 0
}
.swiper-button-next--style-3, .swiper-button-prev--style-3 {
    font-size: 2.25rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-3);
    outline: 0
}
.swiper-button-next--style-3 i, .swiper-button-prev--style-3 i {
    -webkit-animation: none !important;
    animation: none !important
}
.swiper-button-next--style-3:not(.swiper-button-disabled):hover, .swiper-button-prev--style-3:not(.swiper-button-disabled):hover {
    color: var(--color-black)
}
.swiper-button-next--style-3.swiper-button-disabled, .swiper-button-prev--style-3.swiper-button-disabled {
    cursor: default
}
.swiper-button-prev--style-3 + .swiper-button-next--style-3 {
    margin-left: 2.1875rem
}
.swiper-button-next--style-4, .swiper-button-prev--style-4 {
    font-size: 4.5rem;
    position: absolute;
    top: calc(50% - calc(4.5rem / 2));
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 4.5rem;
    height: 4.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-white);
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.swiper-button-next--style-4 i, .swiper-button-prev--style-4 i {
    -webkit-animation: none !important;
    animation: none !important
}
.swiper-button-next--style-4:not(.swiper-button-disabled):hover, .swiper-button-prev--style-4:not(.swiper-button-disabled):hover {
    opacity: .5;
    color: var(--color-white)
}
.swiper-button-next--style-4.swiper-button-disabled, .swiper-button-prev--style-4.swiper-button-disabled {
    cursor: default;
    opacity: 0
}
.swiper-button-prev--style-4 {
    left: 0
}
.swiper-button-next--style-4 {
    right: 0
}
.swiper-pagination--style-1, .swiper-pagination--style-2 {
    line-height: 0
}
.swiper-pagination--style-1 .swiper-pagination-bullet, .swiper-pagination--style-2 .swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    opacity: 1;
    border-radius: .5rem;
    outline: 0;
    background-color: var(--color-1)
}
.swiper-pagination--style-1 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover, .swiper-pagination--style-2 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    opacity: .8
}
.swiper-pagination--style-1 .swiper-pagination-bullet-active, .swiper-pagination--style-2 .swiper-pagination-bullet-active {
    background-color: var(--color-black)
}
.swiper-pagination--style-1 .swiper-pagination-bullet + .swiper-pagination-bullet, .swiper-pagination--style-2 .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 1.25rem
}
.swiper-pagination--style-2 .swiper-pagination-bullet {
    background-color: var(--color-white)
}
.swiper-pagination--style-2 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    opacity: .8
}
.swiper-pagination--style-2 .swiper-pagination-bullet-active {
    width: 2.25rem;
    background-color: var(--accent-1)
}
.swiper-pagination--style-3 {
    line-height: 0
}
.swiper-pagination--style-3 .swiper-pagination-bullet {
    position: relative;
    width: .5625rem;
    height: .5625rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    opacity: 1;
    border-radius: .5625rem;
    outline: 0;
    background-color: var(--color-white)
}
.swiper-pagination--style-3 .swiper-pagination-bullet::before {
    position: absolute;
    top: -.5625rem;
    right: -.5625rem;
    bottom: -.5625rem;
    left: -.5625rem;
    content: '';
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.swiper-pagination--style-3 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    opacity: .8
}
.swiper-pagination--style-3 .swiper-pagination-bullet-active {
    background-color: var(--accent-1)
}
.swiper-pagination--style-3 .swiper-pagination-bullet-active::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.swiper-pagination--style-3 .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 1.25rem
}
.swiper-scrollbar--style-1 {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-14)
}
.swiper-scrollbar--style-1.light{
    background-color: rgba(255,255,255,0.6);    
}
.swiper-scrollbar--style-1 .swiper-scrollbar-drag {
    top: -1px;
    height: 3px;
    background-color: var(--accent-1)
}
.swiper-fraction {
    font-size: 1.125rem;
    line-height: 1;
    color: var(--color-white)
}
.swiper-fraction .sep {
    margin: 0 .3125rem
}
.advantage-box {
    --image-height: 102px
}
.advantage-box {
    text-align: center
}
.advantage-box__content {
    padding: 3.4375rem .9375rem 2.8125rem;
    border-radius: 9.375rem;
    background-color: var(--color-8)
}
.advantage-box__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 6.375rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.advantage-box__image img {
    width: auto;
    height: var(--image-height)
}
.advantage-box__value {
    font-family: var(--secondary-font);
    font-size: 3rem;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 2.1875rem;
    color: var(--color-black)
}
.advantage-box__value::after {
    content: '%'
}
.advantage-box__title {
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 1.5625rem;
    color: var(--color-black)
}
.advantage-box:hover .advantage-box__image {
    -webkit-animation: ptf_bounce calc(var(--transition-duration) * 2) var(--transition-easing) forwards;
    animation: ptf_bounce calc(var(--transition-duration) * 2) var(--transition-easing) forwards;
    -webkit-filter: none;
    filter: none
}
.approach-box {
    --subtitle-color: var(--color-black);
    --title-color: var(--color-black);
    --content-color: var(--color-black)
}
.approach-box {
    padding-top: 3.75rem;
    border-top: 2px solid var(--color-black)
}
.approach-box__subtitle {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--subtitle-color)
}
.approach-box__title {
    margin-top: .3125rem;
    color: var(--title-color)
}
.approach-box__content {
    font-size: 1.125rem;
    color: var(--content-color);
    padding-bottom: 30px;
}
.btn {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    z-index: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    padding: 1.4375rem 1.9rem;
    cursor: pointer;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    white-space: nowrap;
    text-decoration: none;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    pointer-events: none
}
.btn--block {
    width: 100%
}
.btn:focus {
    outline: 0
}
.btn:hover {
    -webkit-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    transform: translate(0, -2px);
    text-decoration: none
}
.btn.btn--primary {
    color: var(--color-white);
    background-color: var(--accent-1)
}
.btn.btn--primary:hover {
    color: var(--color-white);
    background-color: var(--accent-2)
}
.btn.btn--primary.btn--inversed {
    color: var(--color-white);
    background-color: var(--accent-2)
}
.btn.btn--primary.btn--inversed:hover {
    color: var(--color-white);
    background-color: var(--color-black)
}
.btn.btn--secondary {
    color: var(--color-white);
    background-color: var(--color-black)
}
.btn.btn--secondary:hover {
    color: var(--color-white);
    background-color: var(--accent-1)
}
.btn.btn--secondary.btn--inversed {
    color: var(--color-white);
    background-color: var(--accent-1)
}
.btn.btn--secondary.btn--inversed:hover {
    color: var(--color-white);
    background-color: var(--color-black)
}
.btn.btn--success {
    font-size: 1.375rem;
    padding: 1.5625rem 2.8125rem;
    color: var(--color-white);
    border-radius: .375rem;
    background-color: #7a9900
}
.btn.btn--success:hover {
    color: var(--color-white);
    background-color: #728f00
}
.btn.btn--success.btn--inversed {
    color: var(--color-white);
    background-color: #728f00
}
.btn.btn--success.btn--inversed:hover {
    color: var(--color-white);
    background-color: #7a9900
}
.btn.btn--underlined {
    font-size: 1rem;
    padding: .5625rem 0;
    color: var(--color-black);
    -webkit-box-shadow: inset 0 -2px currentColor;
    box-shadow: inset 0 -2px currentColor
}
.btn.btn--underlined:hover {
    color: var(--color-black)
}
.clients-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.clients-list__item {
    margin-top: 0px;
    padding: 2rem 2.5rem 1rem 2.5rem;
}
@media only screen and (max-width:767px) {
    .clients-list__item {
        margin-top: 0rem;
    	padding: 1.5rem 1.5rem 1rem 1.5rem;
    }
}
.clients-list__item img {
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
	max-width: 140px;
    width: 100%;
}
.clients-list--start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.clients-list--start .clients-list__item {
    text-align: left;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.clients-list--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.clients-list--center .clients-list__item {
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.clients-list[data-columns='5'] .clients-list__item {
    width: 20%
}
@media only screen and (max-width:1199px) {
    .clients-list[data-columns='5'] .clients-list__item {
        width: 25%
    }
}
@media only screen and (max-width:991px) {
    .clients-list[data-columns='5'] .clients-list__item {
        width: 33.33%
    }
}
@media only screen and (max-width:575px) {
    .clients-list[data-columns='5'] .clients-list__item {
        width: 50%
    }
}
.clients-list[data-columns='6'] .clients-list__item {
    width: 16.66%
}
@media only screen and (max-width:1199px) {
    .clients-list[data-columns='6'] .clients-list__item {
        width: 25%
    }
}
@media only screen and (max-width:767px) {
    .clients-list[data-columns='6'] .clients-list__item {
        width: 33.33%
    }
}
@media only screen and (max-width:400px) {
}
.clients-list--style-1 img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6;
}
.clients-list--style-1 img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.clients-list--style-2 img {
    opacity: .5
}
.clients-list--style-2 img:hover {
    opacity: 1
}
.countdown {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: .625rem
}
.countdown__item .digits {
    font-size: 5rem;
    line-height: 1.2;
    display: block;
    white-space: nowrap;
    color: var(--color-black)
}
@media only screen and (max-width:1199px) {
    .countdown__item .digits {
        font-size: 4rem
    }
}
@media only screen and (max-width:767px) {
    .countdown__item .digits {
        font-size: 2.875rem
    }
}
.countdown__item .label {
    font-size: 1.125rem;
    line-height: 1.2;
    color: var(--color-black)
}
.countdown__item .sep {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 5rem;
    text-align: center;
    color: var(--color-black)
}
@media only screen and (max-width:1199px) {
    .countdown__item .sep {
        font-size: 1.5rem;
        line-height: 4rem
    }
}
@media only screen and (max-width:767px) {
    .countdown__item .sep {
        font-size: 1.25rem;
        line-height: 2.875rem
    }
}
.counter-up {
    --value-font-family: var(--primary-font);
    --value-font-weight: 700;
    --value-color: var(--color-black);
    --title-color: var(--color-2)
}
.counter-up {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.counter-up .counter-up__value {
    font-family: var(--value-font-family);
    font-weight: var(--value-font-weight);
    line-height: 1
}
.counter-up .counter-up__value_null::before {
    font-size: .5em;
    position: relative;
    top: -.15em;
    margin-right: .3125rem;
    content: attr(data-prefix);
    vertical-align: middle
}
.counter-up .counter-up__value::after {
    content: attr(data-suffix)
}
.counter-up .counter-up__title {
    font-weight: 400;
    text-transform: uppercase;
    color: var(--title-color)
}
.counter-up--style-1 {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
@media (min-width:1920px) {
    .counter-up--style-1 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row
    }
    .counter-up--style-1 .counter-up__title {
        margin-top: 0 !important;
        margin-left: 1.875rem;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
.counter-up--style-1 .counter-up__value {
    font-size: 3.75rem;
    color: var(--value-color)
}
.counter-up--style-1 .counter-up__title {
    font-size: 1rem;
    line-height: 1.6
}
.counter-up--style-1 .counter-up__title {
    margin-top: .625rem
}
.counter-up--style-2 {
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row
}
.counter-up--style-2 .counter-up__value {
    font-size: 2.25rem;
    color: var(--value-color)
}
.counter-up--style-2 .counter-up__title {
    font-size: .875rem;
    line-height: 1.42;
    margin-top: 0;
    margin-left: 1.875rem;
    text-align: left;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.counter-up--style-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 2.1875rem;
    border-top: 2px solid var(--color-black);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
.bg_dark.text-light .counter-up--style-3 {
    border-top: 2px solid var(--color-white);
}
.bg_dark.text-light .counter-up--style-3.orange-line {
    border-top: 2px solid var(--accent-1);
}
.counter-up--style-3 .counter-up__title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.6;
    max-width: 200px;
}
.counter-up--style-3 .counter-up__value {
    font-size: 5rem;
    margin-top: 2rem;
    color: var(--value-color)
}
.demo-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--color-14);
    border-radius: .625rem;
    background-color: #efede7;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
.demo-item__title {
    font-size: 1rem;
    width: 100%;
    margin-top: auto;
    padding: .9375rem 1.25rem;
    border-top: 1px solid var(--color-14);
    background-color: var(--color-white)
}
.demo-item__title-soon {
    font-size: .9375rem;
    color: var(--color-3)
}
.demo-item--effect {
    -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing), -webkit-transform var(--transition-duration) var(--transition-easing)
}
.demo-item--effect:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}
.divider {
    --height: 2px;
    --color: var(--color-black)
}
.divider {
    display: block;
    clear: both;
    height: var(--height);
    background-color: #000;
}
.faq {
    display: grid;
    padding-bottom: 6.25rem;
    border-bottom: 1px solid var(--color-14);
    grid-template-columns: 21.5625rem 1fr
}
@media only screen and (max-width:991px) {
    .faq {
        grid-template-columns: 1fr;
        grid-gap: 1.25rem
    }
}
.faq__category h3 {
    line-height: 1.33
}
@media only screen and (min-width:992px) {
    .faq__question h6 {
        max-width: 22.5rem
    }
}
.faq__item {
    display: grid;
    padding-top: .625rem;
    grid-template-columns: repeat(2, 1fr)
}
@media only screen and (max-width:991px) {
    .faq__item {
        grid-template-columns: 1fr;
        grid-gap: 1rem
    }
}
.faq .faq__item + .faq__item {
    margin-top: 3.125rem
}
@media only screen and (max-width:991px) {
    .faq .faq__item + .faq__item {
        margin-top: 1.875rem
    }
}
.gallery {
    display: grid;
    overflow: unset !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.875rem
}
@media only screen and (max-width:575px) {
    .gallery {
        grid-template-columns: 1fr
    }
}
.gallery__item {
    overflow: unset !important
}
.instagram-feed {
    display: grid;
    margin: 0;
    padding: 0;
    list-style-type: none;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: .625rem
}
.instagram-feed a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.instagram-feed a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    opacity: 0;
    background-color: var(--color-14)
}
.instagram-feed a::after {
    font-family: var(--linear-icons-light);
    font-size: 3rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    content: '\ed9f';
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    color: var(--color-white);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media only screen and (max-width:991px) {
    .instagram-feed a::after {
        font-size: 2rem
    }
}
@media only screen and (max-width:767px) {
    .instagram-feed a::after {
        font-size: 1.5rem
    }
}
.instagram-feed a:hover::before {
    opacity: 1
}
.instagram-feed a:hover::after {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.news-slider .slider-controls {
    position: absolute;
    z-index: 2;
    right: 4.6875rem;
    bottom: 4.375rem
}
@media only screen and (max-width:767px) {
    .news-slider .slider-controls {
        display: none
    }
}
.news-slide {
    position: relative;
    display: block;
    overflow: hidden;
}
.news-slide__media {
    height: auto;
    padding-top:70%;
}
.news-slide__media img,
img.centered-bg{
    font-family: 'object-fit: cover;';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
}
.news-slide:hover .news-slide__media img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.news-slide__media::after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), color-stop(85%, transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6), transparent 85%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .6), transparent 85%)
}
.news-slide__content {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 54.0625rem;
    padding: 2.5rem;
    -webkit-transition: opacity var(--transition-duration) 1s var(--transition-easing);
    transition: opacity var(--transition-duration) 1s var(--transition-easing);
    opacity: 0
}
.news-slide__content.show-on-hover{
    opacity: 0 !important;
}
.news-slide:hover .news-slide__content.hide-on-hover{
    opacity: 0;
}
.news-slide:hover .news-slide__content.show-on-hover{
    opacity: 1 !important;
}
@media only screen and (max-width:991px) {
    .news-slide__content {
        padding: 0 2rem 2rem 2rem
    }
}
.swiper-slide-active .news-slide__content {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 1
}
.news-slide__meta {
    font-size: .875rem;
    margin-bottom: .9375rem;
    text-transform: uppercase;
    color: var(--color-white)
}
.news-slide__meta span.cat {
    font-weight: 700
}
.news-slide__meta span + span::before {
    margin-right: .5rem;
    margin-left: .5rem;
    content: '/'
}
.news-slide__title {
    font-size: 3rem;
    line-height: 1.05;
    color: var(--color-white)
}
.news-slide__title.restricted {
    width: 50%;
}
@media only screen and (max-width:991px) {
    .news-slide__title {
        font-size: 2.25rem
    }
}
.news-slide__title a{
    display: block;
    cursor: pointer;
}
.news-slide__excerpt {
    margin-top: 1.5625rem;
    color: var(--color-1)
}
.partner-box {
    --hover-background: var(--color-7);
    --image-height: 85px
}
.partner-box {
    padding: 3.125rem .9375rem 2.5rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    text-align: center;
    background-color: var(--color-7)
}
.partner-box__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5.3125rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.partner-box__image img {
    width: auto;
    height: var(--image-height)
}
.partner-box__title {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 2.1875rem;
    -webkit-transition: color var(--transition-duration) var(--transition-easing);
    transition: color var(--transition-duration) var(--transition-easing);
    text-transform: uppercase;
    color: var(--color-3)
}
.partner-box:hover {
    background-color: var(--hover-background)
}
.partner-box:hover .partner-box__image {
    -webkit-animation: ptf_bounce calc(var(--transition-duration) * 2) var(--transition-easing) forwards;
    animation: ptf_bounce calc(var(--transition-duration) * 2) var(--transition-easing) forwards;
    -webkit-filter: none;
    filter: none
}
.partner-box:hover .partner-box__title {
    color: var(--color-black)
}
.phone-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-black);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.phone-block__icon {
    font-size: 1.125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 2.8125rem;
    height: 2.8125rem;
    margin-right: 1.25rem;
    color: var(--color-white);
    border-radius: 50%;
    background-color: var(--accent-1);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.phone-block__icon i{
    height: 20px;
}
.phone-block__caption {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.4;
    margin-right: 1.8125rem;
    text-transform: uppercase;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.phone-block__phone {
    font-size: 2.25rem;
    font-weight: 700;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.pricing-table {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 2.8125rem 3.125rem 4rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    background-color: var(--color-white);
    -webkit-box-shadow: inset 0 0 0 1px var(--color-black);
    box-shadow: inset 0 0 0 1px var(--color-black);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
.pricing-table .badge {
    font-size: .875rem;
    position: absolute;
    top: 2.5rem;
    right: 3.125rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: .3125rem .625rem;
    color: var(--color-white);
    background-color: var(--accent-2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.pricing-table__title {
    font-size: .875rem;
    font-weight: 400;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    text-transform: uppercase;
    color: var(--color-3)
}
.pricing-table__price {
    font-size: 3.75rem;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 2.5rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--accent-3);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.pricing-table__price .currency {
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 1
}
.pricing-table__price .price {
    line-height: .8
}
.pricing-table__price .period {
    font-size: 1.125rem;
    font-weight: 400;
    -webkit-transition: inherit;
    transition: inherit;
    color: var(--color-black);
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.pricing-table__description {
    font-size: .875rem;
    margin-top: 1.75rem;
    padding-bottom: 1.875rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    color: var(--color-2);
    border-bottom: 1px solid var(--color-black)
}
.pricing-table__content {
    margin-top: 2.8125rem
}
.pricing-table__content ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.pricing-table__content ul li {
    font-size: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding-bottom: .875rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    text-transform: uppercase;
    color: var(--color-black);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row
}
.pricing-table__content ul li:last-of-type {
    padding-bottom: 0
}
.pricing-table__content ul li + li {
    padding-top: .875rem;
    border-top: 1px solid var(--color-black)
}
.pricing-table__action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.75rem;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.pricing-table:hover {
    background-color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.pricing-table:hover .pricing-table__price, .pricing-table:hover .pricing-table__price .period, .pricing-table:hover .pricing-table__title {
    color: var(--color-white)
}
.pricing-table:hover .pricing-table__content ul li, .pricing-table:hover .pricing-table__description {
    color: var(--color-white);
    border-color: var(--color-white)
}
.pricing-table:hover .btn:not(:hover) {
    color: var(--color-black);
    background-color: var(--color-white)
}
.process-steps {
    margin: 0;
    padding: 0;
    list-style-type: none;
    --border-width: 1px;
    --border-color: var(--color-6)
}
.process-item {
    padding-bottom: 3.4375rem;
    padding-left: 6.25rem;
    counter-increment: process
}
.process-item::before {
    font-size: 5rem;
    font-weight: 300;
    line-height: .75;
    position: absolute;
    left: 0;
    content: counter(process);
    color: var(--color-1)
}
.process-item__title {
    font-size: 1.25rem;
    text-transform: uppercase
}
.process-item__text {
    font-size: 1.125rem;
    display: block;
    margin-top: .9375rem
}
.process-item + .process-item {
    padding-top: 3.75rem;
    border-top-width: var(--border-width);
    border-top-style: solid;
    border-top-color: var(--border-color)
}
.rewards-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    --border-width: 1px;
    --border-color: var(--color-6);
    border-width: 0 !important;
}
.rewards-item {
    display: grid;
    padding: 4.0625rem 0;
    border-top-width: var(--border-width);
    border-top-style: solid;
    border-top-color: var(--border-color);
    grid-template-columns: 20% 20% 1fr
}
@media only screen and (max-width:991px) {
    .rewards-item {
        grid-template-columns: 20% 30% 1fr
    }
}
@media only screen and (max-width:767px) {
}
.rewards-list--small .rewards-item {
    padding: 3.125rem 0;
    grid-template-columns: 100px calc(100% - 100px);
}
@media only screen and (max-width:991px) {
    .rewards-list--small .rewards-item {
        grid-template-columns: 20% 30% 1fr
    }
}
@media only screen and (max-width:767px) {
}
.rewards-item:first-of-type {
    padding-top: 0 !important;
    border: none
}
.rewards-item:last-of-type {
    padding-bottom: 0 !important
}
.rewards-item__date {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 1rem;
    padding-top: 8px;
    color: var(--color-3)
}
.rewards-item__content {
    display: grid;
    grid-gap: 1.875rem
}
.rewards-project {
    display: grid;
    grid-template-columns: 30% 50% 20%
}
.rewards-project.two-col {
    grid-template-columns: 75% 25%
}
.rewards-project__content h5 {
    font-size: 1.875rem;
    margin: 0
}
.rewards-list--small .rewards-project__content h5 {
    font-size: 1.5rem
}
.rewards-project__content span {
    display: block
}
.rewards-list--small .rewards-project__content span {
    font-size: 1.125rem;
    margin-top: .3125rem
}
.rewards-list--small .rewards-project__content p {
    font-size: 1.125rem;
    margin-top: .5rem;
}

.rewards-project__link {
    padding-top: 4px;
    padding-left: 20px;
    color: var(--color-black)
}
.rewards-item__logo{
	text-align: center;
}
.rewards-item__logo img {
    width: 100px;
    height: auto;
}
@media only screen and (min-width:992px) {
    .rewards-project__link {
        text-align: right
    }
}
.rewards-list--small .rewards-project__link {
    color: var(--color-2)
}
.service-box {
    position: relative;
    display: grid;
    padding: 3.125rem;
    -webkit-transition: background-color var(--transition-duration) var(--transition-easing);
    transition: background-color var(--transition-duration) var(--transition-easing);
    border-top: 2px solid var(--color-black);
    grid-template-columns: 7.5rem 14.5rem 1fr 8.75rem;
    grid-template-columns: 7.5rem 14.5rem 1fr;
}
@media only screen and (max-width:1199px) {
    .service-box {
        grid-template-columns: 7.5rem 1fr 1fr
    }
	.rewards-list--small .rewards-item {
		grid-template-columns: 50px calc(100% - 50px);
	}
}
@media only screen and (max-width:991px) {
    .rewards-list--large .rewards-project__content h5 {
        font-size: 1.5rem
    }
    .service-box {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
   		padding: 35px 25px;
    }
	.rewards-project {
		display: grid;
		grid-template-columns: 115px calc(80% - 115px) 20%;
	}
	.rewards-item__logo img {
		width: 85px
	}
}
.service-box__link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.service-box__icon {
    font-size: 3.75rem;
    line-height: 1.1;
    color: var(--accent-1)
}
.service-box__title {
    font-size: 1.5rem;
    line-height: 1.5;
    text-transform: uppercase
}
.service-box__arrow {
    font-size: 2.25rem;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    text-align: right;
    color: var(--color-black)
}
@media only screen and (max-width:1199px) {
    .service-box__arrow {
        display: none
    }
}
.service-box:hover {
    background-color: var(--color-7)
}
.service-box:hover .service-box__arrow {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
    color: var(--accent-1)
}
.services-list {
    --font-family: var(--secondary-font);
    --font-weight: normal
}
.services-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.services-list li {
    font-family: var(--font-family);
    font-weight: var(--font-weight)
}
.services-list--style-1 li {
    font-size: 3.75rem;
    line-height: 1.3;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--color-3)
}
@media only screen and (min-width:1200px) {
    .services-list--style-1 li {
        font-size: 5rem
    }
}
.services-list--style-1 li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.services-list--style-1 li span {
    font-size: 1rem
}
@media only screen and (min-width:1200px) {
    .services-list--style-1 li span {
        font-size: 1.875rem
    }
}
.services-list--style-1 li.sep {
    font-family: var(--primary-font);
    font-weight: 300;
    margin: 0 .75rem 0 .9375rem;
    opacity: .5
}
.services-list--style-1 li.sep:last-of-type {
    display: none
}
.services-list--style-2 li {
    font-size: 1.875rem;
    line-height: 1.6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-black)
}
.services-list--style-3 {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3
}
.services-list--style-3 li {
    font-size: 1rem;
    font-weight: 600;
    line-height: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-black)
}
.services-list--style-3 li a:hover {
    color: var(--color-3)
}
.services-list--style-4 li {
    font-size: 3rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-3)
}
.services-list--style-4 li a:hover {
    color: var(--color-white)
}
.services-list--style-5 li {
    font-size: 1.25rem;
    line-height: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-black)
}
.services-list--style-5 li a:hover {
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    color: var(--accent-1)
}
.showcase-1 {
    position: relative;
    height: 100vh;
    min-height: 34.375rem
}
.showcase-1 .section {
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: auto;
    min-height: 100vh;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.showcase-1 .showcase-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 25vh 0 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
.showcase-1 .showcase-item__header {
    margin-bottom: 2.5rem
}
@media only screen and (min-width:1200px) {
    .showcase-1 .showcase-item__title {
        font-size: 5rem;
        line-height: 1
    }
}
@media (min-width:1920px) {
    .showcase-1 .showcase-item__title {
        font-size: 6.25rem;
        line-height: 1
    }
}
.showcase-1 .showcase-item__category {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 2;
    margin-top: 6.25rem;
    color: var(--color-black)
}
@media only screen and (max-width:767px) {
    .showcase-1 .showcase-item__category {
        margin-top: 3.125rem
    }
}
.showcase-1 .showcase-item__footer {
    font-size: 1.125rem;
    max-width: 35rem;
    margin-top: auto
}
.showcase-1 section.dark .showcase-item__category, .showcase-1 section.dark .showcase-item__title {
    color: var(--color-white)
}
.showcase-fixed-footer--inner, .showcase-fixed-footer--outer {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 5rem;
    left: 0;
    display: none;
    -webkit-transition: opacity var(--transition-duration) var(--transition-easing);
    transition: opacity var(--transition-duration) var(--transition-easing);
    pointer-events: none;
    opacity: 0;
    color: var(--color-black)
}
.active.showcase-fixed-footer--outer, .showcase-fixed-footer--inner.active {
    opacity: 1
}
.dark.showcase-fixed-footer--outer, .showcase-fixed-footer--inner.dark {
    color: var(--color-white)
}
.showcase-fixed-footer--inner .all, .showcase-fixed-footer--outer .all {
    font-size: 1.125rem;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    pointer-events: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.showcase-fixed-footer--inner .all svg, .showcase-fixed-footer--outer .all svg {
    font-size: 2.625rem;
    height: 1em;
    margin-left: 2.1875rem;
    -webkit-transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: -webkit-transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing);
    transition: transform var(--transition-duration) var(--transition-easing), -webkit-transform var(--transition-duration) var(--transition-easing)
}
.showcase-fixed-footer--inner .all:hover, .showcase-fixed-footer--outer .all:hover {
    color: inherit
}
.showcase-fixed-footer--inner .all:hover svg, .showcase-fixed-footer--outer .all:hover svg {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px)
}
@media (min-width:1920px) and (min-height:1080px) {
    .showcase-fixed-footer--inner, .showcase-fixed-footer--outer {
        display: block
    }
}
.showcase-fixed-footer--outer .socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
.showcase-fixed-footer--outer .socials a + a {
    margin-top: .875rem;
    margin-left: 0 !important
}
.showcase-fixed-footer--outer.dark .socials a:not(:hover) {
    color: inherit
}
.showcase-fixed-footer--outer .copyright {
    font-size: .875rem;
    text-align: right;
    text-transform: uppercase;
    pointer-events: auto
}
.showcase-2 {
    position: relative
}
.showcase-2 .sticky-column {
    top: 0
}
.showcase-2 .showcase-info-wrapper {
    min-height: 100vh;
    padding: 2.8125rem;
    background-color: var(--color-white)
}
@media (min-width:1920px) {
    .showcase-2 .showcase-info-wrapper {
        padding: 4.375rem 4.375rem 5.625rem
    }
}
.showcase-2 .showcase-info .swiper-slide {
    height: auto
}
.showcase-2 .showcase-info__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}
.showcase-2 .showcase-info__image {
    position: relative;
    padding-top: 100%
}
.showcase-2 .showcase-info__image img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.showcase-2 .showcase-info__meta {
    display: grid;
    margin-top: 3.75rem;
    margin-bottom: 5rem;
    grid-gap: 1.5625rem;
    grid-template-columns: repeat(2, 1fr)
}
@media only screen and (max-width:767px) {
    .showcase-2 .showcase-info__meta {
        grid-template-columns: 1fr
    }
}
.showcase-2 .showcase-info__title {
    font-size: .75rem;
    margin-bottom: .9375rem;
    text-transform: uppercase;
    color: var(--color-3)
}
.showcase-2 .showcase-info__text {
    font-size: 1.5rem;
    color: var(--color-black)
}
.showcase-2 .showcase-info__content {
    font-size: 1.125rem;
    margin-top: auto
}
.showcase-2 .showcase-list {
    margin: 0;
    padding: 7.5rem 10%;
    list-style-type: none
}
@media only screen and (max-width:767px) {
    .showcase-2 .showcase-list {
        padding: 3.75rem 10%
    }
}
.showcase-2 .showcase-list .showcase-list__item {
    -webkit-transition: opacity var(--transition-easing) var(--transition-duration);
    transition: opacity var(--transition-easing) var(--transition-duration);
    opacity: .25
}
.showcase-2 .showcase-list .showcase-list__item.is-active, .showcase-2 .showcase-list .showcase-list__item:hover {
    opacity: 1
}
.showcase-2 .showcase-list .showcase-list__item + .showcase-list__item {
    margin-top: 5rem
}
.showcase-2 .showcase-list .showcase-list__title {
    font-size: 3.25rem
}
@media only screen and (max-width:767px) {
    .showcase-2 .showcase-list .showcase-list__title {
        font-size: 2.875rem
    }
}
.showcase-2 .showcase-list .showcase-list__title a:hover {
    color: inherit
}
@media (min-width:1920px) {
    .showcase-2 .showcase-list .showcase-list__title {
        font-size: 4.5rem
    }
}
.showcase-2 .showcase-list .showcase-list__date {
    font-size: 1.125rem;
    margin-top: .625rem
}
.showcase-3 {
    position: relative;
    background-color: var(--color-black)
}
.showcase-3 .swiper-button-next--style-4, .showcase-3 .swiper-button-prev--style-4 {
    z-index: 2;
    display: none
}
@media (min-width:1920px) {
    .showcase-3 .swiper-button-next--style-4, .showcase-3 .swiper-button-prev--style-4 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}
.showcase-3 .swiper-fraction {
    position: absolute;
    z-index: 2;
    bottom: 1.875rem;
    left: .9375rem
}
@media only screen and (min-width:992px) {
    .showcase-3 .swiper-fraction {
        bottom: 3.75rem;
        left: 4.375rem
    }
}
.showcase-3 .swiper-pagination {
    position: absolute;
    z-index: 2;
    right: .9375rem;
    bottom: 1.875rem;
    left: auto;
    width: auto
}
@media only screen and (min-width:992px) {
    .showcase-3 .swiper-pagination {
        right: 4.375rem;
        bottom: 3.75rem
    }
}
.showcase-3 .swiper-button-prev--style-4 {
    left: .9375rem
}
@media only screen and (min-width:992px) {
    .showcase-3 .swiper-button-prev--style-4 {
        left: 4.375rem
    }
}
.showcase-3 .swiper-button-next--style-4 {
    right: .9375rem
}
@media only screen and (min-width:992px) {
    .showcase-3 .swiper-button-next--style-4 {
        right: 4.375rem
    }
}
.showcase-3 .swiper-slide {
    overflow: hidden
}
.showcase-3 .showcase-image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.showcase-3 .showcase-image:after{
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(..//img/portfolio/bg-cover-details.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.showcase-3 .showcase-slide {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    padding: 14.75rem 0 17.75rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.showcase-3.auto-height .showcase-slide {
    min-height: 1px;
    padding: 16.75rem 0 6.75rem 0;
}
.showcase-3 .showcase-slide:not(.no-gradient):before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;    
    
    background: rgb(0,85,117);
    background: linear-gradient(125deg, rgba(0,85,117,0.9) 0%, rgba(0,53,73,0.7) 20%, rgba(0,31,62,0.4) 51%, rgba(250,69,41,0.18) 78%, rgba(250,69,41,0.3) 100%);
    
    background: rgb(0,145,199);
background: linear-gradient(125deg, rgba(0,145,199,0.85) 0%, rgba(0,94,129,0.7) 20%, rgba(0,40,70,0.4) 51%, rgba(250,69,41,0.18) 78%, rgba(250,69,41,0.3) 100%);
}
.showcase-3 .showcase-slide.gradient2:before{    
    background: rgb(0,145,199);
    background: linear-gradient(-125deg, rgba(0,145,199,0.85) 0%, rgba(0,94,129,0.7) 20%, rgba(0,40,70,0.4) 51%, rgba(250,69,41,0.18) 78%, rgba(250,69,41,0.3) 100%);
}
.showcase-3 .showcase-slide .container{
    position: relative;
    z-index: 1;
}
.simple-image {
    position: relative;
    overflow: hidden
}
.simple-image img {
    -webkit-transition: -webkit-transform calc(var(--transition-duration) * 2) var(--transition-easing);
    transition: -webkit-transform calc(var(--transition-duration) * 2) var(--transition-easing);
    transition: transform calc(var(--transition-duration) * 2) var(--transition-easing);
    transition: transform calc(var(--transition-duration) * 2) var(--transition-easing), -webkit-transform calc(var(--transition-duration) * 2) var(--transition-easing);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}
.simple-image:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
.simple-image-caption {
    font-size: .875rem;
    margin-top: 2.5rem;
    text-align: center;
    color: var(--color-3)
}
@media only screen and (max-width:767px) {
    .simple-image-caption {
        margin-top: 1.25rem
    }
}
.simple-image-caption a {
    color: var(--color-black)
}
.simple-image-caption a:hover {
    text-decoration: underline
}


.skill-box {
    --image-height: 85px
}
.skill-box {
    position: relative;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    background-color: var(--color-white);
    -webkit-box-shadow: inset 0 0 0 1px var(--color-1);
    box-shadow: inset 0 0 0 1px var(--color-1)
}
.skill-box::before {
    display: block;
    padding-top: 100%;
    content: ''
}
.skill-box__content {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.skill-box__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 5.3125rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.skill-box__image img {
    width: auto;
    height: var(--image-height)
}
.skill-box__title {
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 1.5625rem
}
.skill-box:hover {
    -webkit-box-shadow: inset 0 0 0 2px var(--accent-1);
    box-shadow: inset 0 0 0 2px var(--accent-1)
}
.spacer {
    display: block;
    clear: both;
    height: var(--xxl)
}
@media only screen and (max-width:1199px) {
    .spacer {
        height: var(--xl, var(--xxl))
    }
}
@media only screen and (max-width:991px) {
    .spacer {
        height: var(--lg, var(--xl, var(--xxl)))
    }
}
@media only screen and (max-width:767px) {
    .spacer {
        height: var(--md, var(--lg, var(--xl, var(--xxl))))
    }
}
@media only screen and (max-width:575px) {
    .spacer {
        height: var(--sm, var(--md, var(--lg, var(--xl, var(--xxl)))))
    }
}
.subscribe-form {
    display: block
}
.subscribe-form .form-group {
    margin: 0
}
.subscribe-form input[type=email] {
    padding: .625rem 0 .625rem 2.625rem
}
.subscribe-form i {
    font-size: 1.375rem;
    position: absolute;
    top: -.2em;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-black);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.subscribe-form button {
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color var(--transition-duration) var(--transition-easing);
    transition: color var(--transition-duration) var(--transition-easing);
    text-transform: uppercase;
    color: var(--color-black);
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.subscribe-form button:hover {
    color: var(--accent-1)
}
.subscribe-form--large input[type=email] {
    font-size: 1.125rem;
    padding: 1.5625rem 0 1.5625rem 0;
}
.subscribe-form--large i {
    font-size: 1.875rem;
    top: -.1em
}
.team-member {
    --avatar-border-color: var(--color-3);
    --avatar-border-color-hover: var(--accent-1);
    --avatar-background: transparent
}
.team-member {
    width: 100%
}
.team-member .team-member__avatar {
    position: relative;
    background-color: var(--avatar-background)
}
.team-member .team-member__avatar .shadow-effect {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-box-shadow var(--transition-duration) var(--transition-easing);
    transition: -webkit-box-shadow var(--transition-duration) var(--transition-easing);
    transition: box-shadow var(--transition-duration) var(--transition-easing);
    transition: box-shadow var(--transition-duration) var(--transition-easing), -webkit-box-shadow var(--transition-duration) var(--transition-easing);
    pointer-events: none;
    -webkit-box-shadow: inset 0 0 0 1px var(--avatar-border-color);
    box-shadow: inset 0 0 0 1px var(--avatar-border-color);
    display: none !important;
}
.team-member .team-member__avatar img,
.team-member .team-member__avatar .img-holder {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all var(--transition-duration) var(--transition-easing);
    transition: all var(--transition-duration) var(--transition-easing);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover
}
.team-member .team-member__avatar .img-holder{
    display: block;
    padding-top: 100%;
    width: 100%;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}
.team-member .team-member__avatar + .team-member__content {
    padding-top: 1.5rem
}
.team-member .team-member__name {
    font-size: 1.25rem;
    margin-bottom: 4px;
}
.bg_dark .team-member .team-member__name a {
    color: var(--accent-1);
}
.bg_dark .team-member .team-member__name a:hover {
    color: #fff;
}
.team-member .team-member__name a:hover {
    text-decoration: underline;
    color: inherit
}
.team-member .team-member__function {
    font-size: 1.1rem;
    color: var(--color-2)
}
.bg_dark .team-member .team-member__function {
    color: #fff;
}
.team-member:hover .team-member__avatar .shadow-effect {
    -webkit-box-shadow: inset 0 0 0 2px var(--avatar-border-color-hover);
    box-shadow: inset 0 0 0 2px var(--avatar-border-color-hover)
}
.team-member--has-effect .team-member__avatar img,
.team-member--has-effect .team-member__avatar .img-holder {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.team-member--has-effect:hover .team-member__avatar img,
.team-member--has-effect:hover .team-member__avatar .img-holder {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.team-member-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3.75rem
}
@media only screen and (max-width:991px) {
    .team-member-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}
@media only screen and (max-width:767px) {
    .team-member-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}
@media only screen and (max-width:575px) {
    .team-member-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}
.team-member-grid--4-columns {
    grid-template-columns: repeat(4, 1fr)
}
.testimonial {
    --text-align: center;
    --info-color: var(--color-3);
    --info-span-color: var(--color-2);
    --content-color: var(--color-black);
    --author-color: var(--color-black)
}
.testimonial {
    text-align: var(--text-align)
}
.testimonial__content {
    font-family: var(--secondary-font);
}
.testimonial__content p{
    font-size: 2.55rem;
    line-height: 1.25;
    color: var(--content-color)
}
.testimonial__content.small {
}
.testimonial__content.small p{
    font-size: 1.8rem;
    line-height: 1.35;
}
@media only screen and (max-width:991px) {
    .testimonial__content p{
        font-size: 2.25rem
    }
    .testimonial__content.small p{
        font-size: 1.5rem
    }
}
.testimonial__content a {
    color: #09f
}
.testimonial__meta {
    margin-top: 5rem
}
.testimonial__author {
    font-size: 1.5rem;
    color: var(--author-color)
}
.testimonial__info {
    font-size: .95rem;
    margin-top: .625rem;
    color: var(--info-color)
}
.testimonial__info span {
    color: var(--info-span-color)
}
.testimonial__info a {
    color: #09f
}
.testimonial__info a:hover {
    text-decoration: underline
}
.testimonial--style-2 .testimonial__content {
    font-family: var(--primary-font);
    font-weight: 700;
    line-height: 1.33
}
.testimonial--style-2 .testimonial__content h4{
    font-size: 26px;
    font-weight: 900;
    line-height: 1.35;
    color: var(--accent-1);
}
.testimonial--style-2 .testimonial__meta {
    margin-top: 4.6875rem
}
.testimonial--style-2 .testimonial__info {
    margin-top: .3125rem
}
.testimonial--style-3 .testimonial__content {
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 1.5
}
.testimonial--style-3 .testimonial__meta {
    margin-top: 4.0625rem
}
.testimonial--style-3 .testimonial__author {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0px;
}
.testimonial--style-4 .testimonial__content {
    font-family: var(--primary-font);
    font-size: 2.25rem;
    line-height: 1.55
}
.testimonial--style-4 .testimonial__meta {
    margin-top: 4.6875rem
}
.testimonial--style-4 .testimonial__info {
    margin-top: .3125rem
}
.timeline {
    display: block
}
.timeline__year {
    font-size: .875rem;
    margin-bottom: 3.4375rem;
    text-transform: uppercase;
    color: var(--color-3)
}
.timeline__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.timeline__list li + li {
    margin-top: 2.1875rem
}
.timeline__title {
    font-family: var(--secondary-font);
    font-weight: 400
}
.twitter-review {
    padding-top: 3.75rem;
    border-top: 2px solid var(--color-black)
}
.twitter-review__header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.twitter-review__avatar {
    margin-right: 1.25rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.twitter-review__avatar img {
    border-radius: 50%
}
.twitter-review__meta {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.twitter-review__meta a:hover {
    color: #0cf
}
.twitter-review__icon {
    font-size: 2.25rem;
    line-height: 1;
    position: absolute;
    top: .625rem;
    right: .9375rem;
    color: #0cf
}
.twitter-review__author {
    font-size: 1.25rem;
    font-weight: 600
}
.twitter-review__info {
    font-size: .9375rem;
    color: var(--color-3)
}
.twitter-review__content {
    font-size: 1.625rem;
    line-height: 1.5;
    margin-top: 2.8125rem;
    padding-right: 1.875rem;
    color: var(--color-black)
}
.twitter-review__content a {
    color: #0cf
}
.twitter-review__content a:hover {
    text-decoration: underline
}
@media only screen and (min-width:992px) {
    .twitter-review--style-2 {
        padding-right: 15%;
        padding-left: 15%
    }
}
.twitter-review--style-2 .twitter-review__author {
    font-weight: 700
}
.twitter-review--style-2 .twitter-review__content {
    font-size: 1.75rem
}
.twitter-review--style-3 {
    padding: 2.8125rem;
    border: 1px solid var(--color-14)
}
@media only screen and (min-width:992px) {
    .twitter-review--style-3 {
        padding-top: 5.625rem;
        padding-right: 15%;
        padding-bottom: 6.25rem;
        padding-left: 15%
    }
}
.twitter-review--style-3 .twitter-review__author {
    font-weight: 700
}
.twitter-review--style-3 .twitter-review__content {
    font-size: 1.625rem
}
.video-button {
    --title-color: var(--color-black)
}
.video-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.video-button a {
    font-size: 1.5rem;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
    padding-left: .2em;
    color: var(--title-color);
    border-radius: 50%;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 1px var(--title-color);
    box-shadow: inset 0 0 0 1px var(--title-color);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.video-button a:hover {
    color: var(--color-white);
    background-color: var(--accent-1);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent-1);
    box-shadow: inset 0 0 0 1px var(--accent-1)
}
.video-button__title {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--title-color)
}



.cs-logo{
}
.cs-logo img{
    max-width: 270px;
    height: auto;
}



.inbody-image{
    
}
.inbody-image img{
    display: block;
    max-width: 100%;
    height: auto;
}

/* hide fixed star burst and show animation instead */
.showcase-3 .showcase-image:after{
    display: none !important;
    background-image: none !important;
}
.hero-sun-burst{
    background-image: url('../images/sun-burst.png');
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 1920px;
    height: 1920px;
    animation: rotation 90s infinite linear;
    position: absolute;
    top: -70%;
    right: calc(50% - 552px);
    z-index: 1;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}



.alignfull {
    position: relative;
    max-width: 100vw !important;
    width: calc(100vw - 1rem) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.section-full-width, .element-full-width, .alignfull {
    width: calc(100vw - var(--scrollbar-width));
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    position: relative;
}


.news-post-col{
    
}
.news-post-col:nth-child(4),
.news-post-col:nth-child(5),
.news-post-col:nth-child(6){
    display: none;
}


//.submit-button {
//  background: var(--accent-1);
//  border: none;
//  padding: 8px 20px;
//  font: inherit;
//  color: #fff;
//  border-radius: 10px;
//}