body,
html {
    height: 100%;
    width: 100%;
}
body {
    background: #fff;
    color: #989dbb;
    font-family: var(--main-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 20px;
    overflow: hidden;
}
.btn {
    border-radius: 0%;
}
@media (min-width: 768px) {
    body {
        font-size: 14px;
        line-height: 23px;
    }
}
@media (min-width: 992px) {
    body {
        font-size: 16px;
        line-height: 25px;
    }
}
.btn,
a {
    transition: all 0.2s linear 0.1s;
}

ul {
    list-style: none;
}
hr {
    display: block;
    margin: 30px 0;
}
.btn,
.btn:active,
.btn:focus,
button,
button[type="submit"],
input,
input:active,
input:focus,
input:hover,
input[type="email"],
input[type="email"]:active,
input[type="email"]:focus,
input[type="email"]:hover,
input[type="text"],
input[type="text"]:active,
input[type="text"]:focus,
input[type="text"]:hover,
textarea {
    box-shadow: none;
    outline: 0 !important;
}
.no-overflow {
    overflow: hidden !important;
}
.css3animate {
    transition: all 0.2s linear 0.1s;
}
.css3animateSlow {
    transition: all 1s linear 0.5s;
}
.clearfix {
    margin: 20px 0;
}
.hide {
    display: none;
}
.poster-image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1 !important;
}
.no-visible {
    display: none;
}
#big-video-wrap {
    position: absolute !important;
}
#video-content {
    background-image: none;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition-duration: 1.5s;
    transition-property: opacity;
    z-index: -4 !important;
}
#vimeo_player_wrapper_vimeo_player_video {
    position: absolute !important;
    z-index: -4 !important;
}
#controlBar_bgndVideo .buttonBar {
    display: none;
}
.video-controls {
    bottom: 15px;
    position: absolute;
    right: 20px;
    z-index: 100;
}
.video-controls button {
    background: none;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1em;
    height: 40px;
    line-height: 30px;
    margin-right: 10px;
    opacity: 0.75;
    padding: 0;
    text-align: center;
    transition: all 0.25s;
    vertical-align: top;
    width: 40px;
}
.light-scheme {
    background: var(--light-back-main-color);
}
.light-scheme .video-controls button {
    border: 2px solid var(--light-head-color);
    color: var(--light-head-color);
}
.light-scheme .video-controls button:hover {
    background: var(--light-accent-color);
    border: 2px solid var(--light-accent-color);
    color: var(--light-back-main-color);
}
.light-scheme .background-secondary {
    background: var(--light-back-secondary-color);
}
.light-scheme.border-top,
.light-scheme .border-top {
    border-top: 1px solid var(--light-back-secondary-color) !important;
}
.light-scheme.border-bottom,
.light-scheme .border-bottom {
    border-bottom: 1px solid var(--light-back-secondary-color) !important;
}
.light-scheme .shadow-blanco {
    box-shadow: 0 1rem 2.5rem rgba(var(--light-head-color-rgb), 0.08);
}
.dark-scheme {
    background: var(--dark-back-main-color);
}
.dark-scheme .video-controls button {
    border: 2px solid var(--dark-head-color);
    color: var(--dark-head-color);
}
.dark-scheme .video-controls button:hover {
    background: var(--dark-accent-color);
    border: 2px solid var(--dark-accent-color);
    color: var(--dark-back-main-color);
}
.dark-scheme .background-secondary {
    background: var(--dark-back-secondary-color);
}
.dark-scheme.border-top,
.dark-scheme .border-top {
    border-top: 1px solid var(--dark-back-secondary-color) !important;
}
.dark-scheme.border-bottom,
.dark-scheme .border-bottom {
    border-bottom: 1px solid var(--dark-back-secondary-color) !important;
}
.dark-scheme .shadow-blanco {
    box-shadow: 0 1rem 2.5rem rgba(var(--dark-head-color-rgb), 0.08);
}
.back-image {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.pt-4b {
    padding-top: 4rem !important;
}
.pb-4b,
.py-4b {
    padding-bottom: 4rem !important;
}
.py-4b {
    padding-top: 4rem !important;
}
.pt-5b {
    padding-top: 5rem !important;
}
.pb-5b,
.py-5b {
    padding-bottom: 5rem !important;
}
.py-5b {
    padding-top: 5rem !important;
}
.pt-6 {
    padding-top: 6rem !important;
}
.pb-6,
.py-6 {
    padding-bottom: 6rem !important;
}
.py-6 {
    padding-top: 6rem !important;
}
.pt-7 {
    padding-top: 7rem !important;
}
.pb-7,
.py-7 {
    padding-bottom: 7rem !important;
}
.py-7 {
    padding-top: 7rem !important;
}
@media (min-width: 768px) {
    .pt-8 {
        padding-top: 8rem !important;
    }
    .pb-8,
    .py-8 {
        padding-bottom: 8rem !important;
    }
    .py-8 {
        padding-top: 8rem !important;
    }
    .pt-9 {
        padding-top: 9rem !important;
    }
    .pb-9,
    .py-9 {
        padding-bottom: 9rem !important;
    }
    .py-9 {
        padding-top: 9rem !important;
    }
    .pt-10 {
        padding-top: 10rem !important;
    }
    .pb-10,
    .py-10 {
        padding-bottom: 10rem !important;
    }
    .py-10 {
        padding-top: 10rem !important;
    }
    .pt-11 {
        padding-top: 11rem !important;
    }
    .pb-11,
    .py-11 {
        padding-bottom: 11rem !important;
    }
    .py-11 {
        padding-top: 11rem !important;
    }
    .pt-12 {
        padding-top: 12rem !important;
    }
    .pb-12,
    .py-12 {
        padding-bottom: 12rem !important;
    }
    .py-12 {
        padding-top: 12rem !important;
    }
}
.header-font,
h1,
h2,
h3,
h4,
h5 {
    font-family: var(--heading-font);
    font-weight: 700;
}
h1 {
    font-size: 4em;
}
h1,
h2 {
    letter-spacing: 0.025em;
}
h2 {
    font-size: 2.625em;
}
h3 {
    font-size: 1.44em;
    letter-spacing: 0.025em;
}
h4 {
    font-size: 1.125em;
    line-height: 1.1em;
}
@media (min-width: 576px) {
    h4 {
        line-height: normal;
    }
}
.fnt-small {
    font-size: 0.875em;
}
h5 {
    font-size: 1.25em;
}
@media (min-width: 768px) {
    h5 {
        font-size: 0.875em;
    }
}
.light-scheme h1,
.light-scheme h2,
.light-scheme h3,
.light-scheme h4,
.light-scheme h5 {
    color: var(--light-head-color);
}
.light-scheme.accent-color,
.light-scheme .accent-color {
    color: var(--light-accent-color);
}
.light-scheme.main-color,
.light-scheme .main-color {
    color: var(--light-main-color);
}
.dark-scheme h1,
.dark-scheme h2,
.dark-scheme h3,
.dark-scheme h4,
.dark-scheme h5 {
    color: var(--dark-head-color);
}
.dark-scheme.accent-color,
.dark-scheme .accent-color {
    color: var(--dark-accent-color);
}
.dark-scheme.main-color,
.dark-scheme .main-color {
    color: var(--dark-main-color);
}
.fnt-bold,
i.h1,
i.h2,
i.h3,
i.h4,
i.h5 {
    font-weight: 700;
}
.btn,
a.btn {
    letter-spacing: 0.025em;
}
.light-scheme {
    color: var(--light-main-color);
}
.light-scheme .btn,
.light-scheme a.btn {
    background: var(--light-accent-color);
    border: 0;
    color: var(--light-back-main-color);
}
.light-scheme a,
.light-scheme button {
    color: var(--light-head-color);
}
.light-scheme a:hover,
.light-scheme button:hover {
    color: var(--light-accent-color);
}
.light-scheme .btn:hover,
.light-scheme a.btn:hover {
    background: var(--light-accent-hover-color);
    border: 0;
    color: var(--light-back-main-color);
}
.light-scheme .btn.btn-outline,
.light-scheme a.btn.btn-outline {
    background: transparent;
    border: 1px solid var(--light-head-color);
    color: var(--light-head-color);
}
.light-scheme .btn.btn-outline:hover,
.light-scheme a.btn.btn-outline:hover {
    background: var(--light-accent-color);
    border: 1px solid var(--light-accent-color);
    color: var(--light-back-main-color);
}
.dark-scheme {
    color: var(--dark-main-color);
}
.dark-scheme .btn,
.dark-scheme a.btn {
    background: var(--dark-accent-color);
    border: 0;
    color: var(--dark-back-main-color);
}
.dark-scheme a,
.dark-scheme button {
    color: var(--dark-head-color);
}
.dark-scheme a:hover,
.dark-scheme button:hover {
    color: var(--dark-accent-color);
}
.dark-scheme .btn:hover,
.dark-scheme a.btn:hover {
    background: var(--dark-accent-hover-color);
    border: 0;
    color: var(--dark-back-main-color);
}
.dark-scheme .btn.btn-outline,
.dark-scheme a.btn.btn-outline {
    background: transparent;
    border: 1px solid var(--dark-head-color);
    color: var(--dark-head-color);
}
.dark-scheme .btn.btn-outline:hover,
.dark-scheme a.btn.btn-outline:hover {
    background: var(--dark-accent-color);
    border: 1px solid var(--dark-accent-color);
    color: var(--dark-back-main-color);
}
.loader {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1100;
}
.loader #loader-content {
    border-radius: 50%;
    height: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: -80px;
    position: fixed;
    top: 50%;
    width: 160px;
    z-index: 9999;
}
.loader #loader-content #loader-circle,
.loader #loader-content .loader-logo {
    position: absolute;
}
.loader #loader-content .loader-logo {
    font-size: 7em;
    left: 50%;
    line-height: 1em;
    top: 50%;
    transform: translate(-50%, -50%);
}
.loader #loader-content img.loader-image {
    left: 50%;
    max-width: 90px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}
.light-cheme .loader-logo {
    color: var(--light-accent-color);
}
.dark-cheme .loader-logo {
    color: var(--dark-accent-color);
}
#mainNav {
    padding: 2rem 0;
    position: fixed;
    top: -100px;
    width: 100%;
    z-index: 9;
}
@media (min-width: 768px) {
    #mainNav {
        padding: 3rem 0;
    }
}
#mainNav .navbar-brand img {
    max-height: 30px;
}
@media (min-width: 576px) {
    #mainNav .navbar-brand img {
        max-height: 45px;
    }
}
#mainNav h1 {
    line-height: 0px;
}
#mainNav ul li {
    letter-spacing: 0.3em;
    margin: 0 1.5rem;
    text-transform: uppercase;
}
#mainNav ul li button {
    background: none;
    border: 0;
    display: inline-block;
    font-size: 0.875em;
    font-weight: 700;
    height: 50px;
    letter-spacing: 0.035em;
    position: relative;
    text-transform: uppercase;
}
#mainNav ul li button:active,
#mainNav ul li button:hover {
    background: none;
}
#mainNav ul li button:after,
#mainNav ul li button:before {
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 75%;
    transform: translate3d(0, 3px, 0);
    transform-origin: 50% 0;
    transition-duration: 0.3s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
    width: 100%;
}
#mainNav ul li button:before {
    content: "";
    transition-delay: 0.1s;
}
#mainNav ul li button:after {
    content: "";
    left: 15%;
    top: calc(75% + 4px);
    width: 70%;
}
#mainNav ul li button:hover:after,
#mainNav ul li button:hover:before {
    opacity: 1;
    transform: translateZ(0);
    transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
}
#mainNav ul li button:hover:after {
    transition-delay: 0.1s;
}
#mainNav ul li button:hover:before {
    transition-delay: 0s;
}
#mainNav ul li button:hover .line {
    left: 0;
    width: 100%;
}
#mainNav.dark-scheme,
#mainNav.dark-scheme > div {
    background: transparent;
}
#mainNav.dark-scheme .logo-header-light {
    display: none;
}
#mainNav.dark-scheme .logo-header-dark {
    display: block;
}
#mainNav.dark-scheme ul li button {
    color: var(--dark-head-color);
}
#mainNav.dark-scheme ul li button:hover {
    color: var(--dark-accent-hover-color);
}
#mainNav.dark-scheme ul li button:after,
#mainNav.dark-scheme ul li button:before {
    background: var(--dark-accent-color);
}
#mainNav.dark-scheme ul li button:hover:after,
#mainNav.dark-scheme ul li button:hover:before {
    background: var(--dark-accent-hover-color);
}
#mainNav.dark-scheme .burger span {
    background: var(--dark-accent-color);
}
#mainNav.dark-scheme .burger:hover span {
    background: var(--dark-accent-hover-color);
}
#mainNav.light-scheme,
#mainNav.light-scheme > div {
    background: transparent;
}
#mainNav.light-scheme .logo-header-dark {
    display: none;
}
#mainNav.light-scheme .logo-header-light {
    display: block;
}
#mainNav.light-scheme ul li button {
    color: var(--light-head-color);
}
#mainNav.light-scheme ul li button:hover {
    color: var(--light-accent-hover-color);
}
#mainNav.light-scheme ul li button:after,
#mainNav.light-scheme ul li button:before {
    background: var(--light-accent-color);
}
#mainNav.light-scheme ul li button:hover:after,
#mainNav.light-scheme ul li button:hover:before {
    background: var(--light-accent-hover-color);
}
#mainNav.light-scheme .burger span {
    background: var(--light-head-color);
}
#mainNav.light-scheme .burger:hover span {
    background: var(--light-accent-hover-color);
}
#mainNav.navTop {
    padding-bottom: 0.75rem !important;
    padding-top: 0.75rem !important;
}
@media (min-width: 576px) {
    #mainNav.navTop {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
}
#mainNav.navTop ul li button {
    font-size: 0.8em;
}
#mainNav.navTop.light-scheme {
    background: var(--light-back-main-color);
    border-bottom: 1px solid var(--light-back-secondary-color);
}
#mainNav.navTop.dark-scheme {
    background: var(--dark-back-main-color);
    border-bottom: 1px solid var(--dark-back-secondary-color);
}
#mainNav a {
    cursor: pointer;
    margin-left: 1.2rem;
    opacity: 0.75;
}
#mainNav a:hover {
    opacity: 1;
}
#mainNav .burger {
    align-self: center;
    display: flex;
    flex-direction: column;
    height: 20px;
    justify-content: space-between;
    width: 30px;
}
#mainNav .burger span {
    align-self: flex-end;
    height: 2px;
    transition: all 0.2s ease-in-out;
    width: 50%;
}
#mainNav .burger span:nth-child(2) {
    width: 75%;
}
#mainNav .burger:hover span,
#mainNav .burger span:nth-child(3) {
    width: 100%;
}
#mainNav .burger:hover span:nth-child(2) {
    width: 50%;
}
#mainNav .burger:hover span:nth-child(3) {
    width: 75%;
}
#mainNav .social-icons a:first-child {
    margin-left: 0;
}
#mainNav #menuMobileOpen {
    cursor: pointer;
    font-size: 2em;
    margin-left: 0;
    opacity: 1;
    text-decoration: none;
}
@media (min-width: 576px) {
    #mainNav #menuMobileOpen {
        font-size: 2.5em;
    }
}
.mobile-nav {
    background: #fff;
    opacity: 0;
    text-align: center;
    transition: all 0.375s;
    visibility: hidden;
    z-index: -1;
}
.mobile-nav,
.mobile-nav:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.mobile-nav:before {
    content: "";
    transform: translateX(-120%);
    transition: all 0.275s 0.1s;
}
.mobile-nav.light-scheme {
    background: var(--light-head-color);
}
.mobile-nav.light-scheme:before {
    background: var(--light-back-main-color);
}
.mobile-nav.light-scheme .close-mobile-nav span {
    background: var(--light-head-color);
}
.mobile-nav.dark-scheme {
    background: var(--dark-head-color);
}
.mobile-nav.dark-scheme:before {
    background: var(--dark-back-main-color);
}
.mobile-nav.dark-scheme .close-mobile-nav span {
    background: var(--dark-head-color);
}
.mobile-nav.is-open {
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.mobile-nav.is-open:before {
    transform: translateX(0);
}
.mobile-nav.is-open button {
    opacity: 1;
    transform: translateY(0);
}
.mobile-nav ul {
    display: inline-flex;
    flex-direction: column;
    transform: translateX(-10%);
}
.mobile-nav ul li {
    display: block;
}
.mobile-nav ul li .close-mobile-nav {
    cursor: pointer;
    height: 40px;
    transition: all 0.2s ease-in-out;
    width: 40px;
    z-index: 100;
}
.mobile-nav ul li .close-mobile-nav span {
    height: 2px;
    transform: rotate(45deg);
    width: 100%;
}
.mobile-nav ul li .close-mobile-nav span:last-of-type {
    margin-top: -2px;
    transform: rotate(-45deg);
}
.mobile-nav ul li .close-mobile-nav:hover {
    transform: rotate(90deg);
}
.mobile-nav ul li.social-icons a {
    cursor: pointer;
    font-size: 1.5em;
}
.mobile-nav ul li button {
    font-family: var(--heading-font);
    font-size: 2.2em;
    font-weight: 700;
    opacity: 0;
    transform: translateY(-10px);
}
.mobile-nav ul li:first-child button {
    transition: all 275ms 175ms;
}
.mobile-nav ul li:nth-child(2) button {
    transition: all 275ms 225ms;
}
.mobile-nav ul li:nth-child(3) button {
    transition: all 275ms 275ms;
}
.mobile-nav ul li:nth-child(4) button {
    transition: all 275ms 325ms;
}
.mobile-nav ul li:nth-child(5) button {
    transition: all 275ms 375ms;
}
.mobile-nav ul li:nth-child(6) a {
    transition: all 275ms 425ms;
}
.pt-page {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    transform-style: preserve-3d;
    visibility: hidden;
    width: 100%;
}
.no-js .pt-page,
.pt-page-current {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.pt-page a {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    padding: 8px 15px;
}
@media (min-width: 576px) {
    .pt-page a {
        padding: 10px 15px;
    }
}
footer {
    position: relative;
}
footer a {
    border: 0;
}
footer a.toTop {
    bottom: 25px;
    font-size: 1.25em;
    height: 45px;
    left: 50%;
    line-height: 45px;
    margin-left: -18px !important;
    margin-top: 2rem;
    position: absolute;
    width: 45px;
    z-index: 100;
}
@media (min-width: 576px) {
    footer a.toTop {
        bottom: 50px;
        height: 54px;
        left: inherit;
        line-height: 54px;
        margin-left: 0 !important;
        margin-top: 0;
        right: 20px;
        width: 54px;
    }
}
footer.light-scheme a {
    color: var(--light-head-color);
}
footer.light-scheme a:hover {
    color: var(--light-accent-color);
}
footer.light-scheme a.toTop {
    border: 1px solid var(--light-head-color);
    color: var(--light-head-color);
}
footer.light-scheme a.toTop:hover {
    background: var(--light-accent-color);
    border: 1px solid var(--light-accent-color);
    color: var(--light-back-main-color);
}
footer.light-scheme .social-icons a {
    color: var(--light-main-color);
}
footer.light-scheme .social-icons a:hover {
    color: var(--light-accent-color);
}
footer.dark-scheme a {
    color: var(--dark-head-color);
}
footer.dark-scheme a:hover {
    color: var(--dark-accent-color);
}
footer.dark-scheme a.toTop {
    border: 1px solid var(--dark-head-color);
    color: var(--dark-head-color);
}
footer.dark-scheme a.toTop:hover {
    background: var(--dark-accent-color);
    border: 1px solid var(--dark-accent-color);
    color: var(--dark-back-main-color);
}
footer.dark-scheme .social-icons a {
    color: var(--dark-main-color);
}
footer.dark-scheme .social-icons a:hover {
    color: var(--dark-accent-color);
}
footer .copyright a {
    border: 0;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
}
footer .copyright a:hover {
    background: none;
    border: 0;
}
body.error {
    align-items: center;
    display: flex;
    font-size: 1em;
    justify-content: center;
}
body.error h1 {
    font-size: 7.5em;
    margin: 15px 0;
}
body.error h1,
body.error h2 {
    font-weight: 700;
}
.cookies-message {
    bottom: 20px;
    left: 0;
    opacity: 0;
    position: fixed;
    transition: all 0.3s;
    visibility: hidden;
    width: 100%;
    z-index: 1001;
}
.cookies-message a {
    font-weight: 900;
    text-decoration: none;
}
.cookies-message ul {
    list-style-type: circle;
}
.cookies-message ol ul,
.cookies-message ul ul {
    list-style-type: disc;
}
.cookies-message.boxed-right {
    left: auto;
    right: 0;
}
@media (min-width: 768px) {
    .cookies-message.boxed-left,
    .cookies-message.boxed-right {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .cookies-message.boxed-left,
    .cookies-message.boxed-right {
        width: 35%;
    }
}
.cookies-message.show {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.homepage .messages h2 {
    font-size: 3.5em;
    word-break: break-word;
}
@media (min-width: 576px) {
    .homepage .messages h2 {
        font-size: 4.35em;
    }
}
@media (min-width: 375px) {
    .homepage .messages h2 {
        word-break: normal;
    }
}
.homepage .messages h2 span.underlined {
    position: relative;
    white-space: pre;
}
.homepage .messages h2 span.underlined:after {
    bottom: 10%;
    content: "";
    height: 25%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.homepage .messages > div {
    display: none;
}
.homepage.light-scheme .messages h2 {
    color: var(--light-head-color);
}
.homepage.light-scheme .messages h2 span.underlined:after {
    background: var(--light-head-color);
}
.homepage.dark-scheme .messages h2 {
    color: var(--dark-head-color);
}
.homepage.dark-scheme .messages h2 span.underlined:after {
    background: var(--dark-head-color);
}
.aboutme .aboutme-title h1 span.underlined {
    position: relative;
}
.aboutme .aboutme-title h1 span.underlined:after {
    bottom: 10%;
    content: "";
    height: 25%;
    left: 0;
    opacity: 0.25;
    position: absolute;
    width: 100%;
}
.aboutme .aboutme-title h4 {
    font-family: var(--main-font);
}
@media (min-width: 768px) {
    .aboutme .aboutme-title .aboutme-texts {
        margin-left: 5%;
        width: 35%;
    }
}
.aboutme .aboutme-title .aboutme-image {
    background-position: center 100px;
    background-repeat: no-repeat;
    min-height: 500px;
}
@media (min-width: 768px) {
    .aboutme .aboutme-title .aboutme-image {
        background-position: center -25%;
        min-height: auto;
    }
}
.aboutme.light-scheme .aboutme-title h1 span.underlined:after {
    background: var(--light-accent-color);
}
.aboutme.light-scheme .aboutme-info svg.waves-1 {
    fill: url(#light-waves-1) var(--light-main-color);
}
.aboutme.light-scheme .aboutme-info svg.waves-2 {
    fill: url(#light-waves-2) var(--light-main-color);
}
.aboutme.light-scheme .aboutme-info .aboutme-info-content:after {
    background: var(--light-main-color);
}
.aboutme.dark-scheme .aboutme-title h1 span.underlined:after {
    background: var(--dark-accent-color);
}
.aboutme.dark-scheme .aboutme-info svg.waves-1 {
    fill: url(#dark-waves-1) var(--dark-main-color);
}
.aboutme.dark-scheme .aboutme-info svg.waves-2 {
    fill: url(#dark-waves-2) var(--dark-main-color);
}
.aboutme.dark-scheme .aboutme-info .aboutme-info-content:after {
    background: var(--dark-main-color);
}
.aboutme .aboutme-info {
    font-size: 1.1em;
    letter-spacing: 0.025em;
}
.aboutme .aboutme-info .row {
    position: relative;
}
.aboutme .aboutme-info svg {
    padding: 0;
    position: absolute;
    width: auto;
}
.aboutme .aboutme-info svg.waves-1 {
    left: 0;
    top: -10%;
}
.aboutme .aboutme-info svg.waves-2 {
    bottom: 10%;
    right: 0;
}
.aboutme .aboutme-info .aboutme-info-content {
    position: relative;
}
.aboutme .aboutme-info .aboutme-info-content p {
    line-height: 1.3em;
}
.aboutme .aboutme-info .aboutme-info-content:last-child:after {
    display: none;
}
.aboutme .aboutme-info .aboutme-info-content:after {
    border-radius: 50%;
    content: "";
    display: none;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
}
@media (min-width: 768px) {
    .aboutme .aboutme-info .aboutme-info-content:after {
        display: block;
    }
}
#light-waves-1 {
    --color-stop-1: rgba(var(--light-head-color-rgb), 1);
    --color-stop-2: rgba(var(--light-head-color-rgb), 0);
}
#light-waves-2 {
    --color-stop-1: rgba(var(--light-head-color-rgb), 0);
    --color-stop-2: rgba(var(--light-head-color-rgb), 1);
}
#dark-waves-1 {
    --color-stop-1: rgba(var(--dark-head-color-rgb), 1);
    --color-stop-2: rgba(var(--dark-head-color-rgb), 0);
}
#dark-waves-2 {
    --color-stop-1: rgba(var(--dark-head-color-rgb), 0);
    --color-stop-2: rgba(var(--dark-head-color-rgb), 1);
}
.skills span {
    font-size: 1.6em;
    margin-right: 15px;
    vertical-align: -20%;
}
.skills .bar-graph {
    margin-bottom: 25px;
    position: relative;
}
.skills .bar-graph .main-layer {
    height: 7px;
    position: relative;
    z-index: 1;
}
.skills .bar-graph .percent-layer {
    height: 7px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
.skills .bar {
    padding-right: 100px;
    position: relative;
}
.skills .bar .bar-percentage {
    font-family: var(--heading-font);
    font-size: 3.125em;
    font-weight: 700;
    opacity: 0.25;
    position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    width: 100px;
}
.skills .bar:hover .bar-percentage {
    opacity: 1;
}
.skills .easyPieChart {
    position: relative;
    text-align: center;
}
.skills .easyPieChart canvas {
    left: 0;
    position: absolute;
    top: 0;
}
.skills .pie-chart {
    float: left;
    margin-right: 2rem;
    padding: 0;
    position: relative;
}
.skills .pie-chart:last-child {
    margin-right: 0;
}
.skills .pie-chart .percentage,
.skills .pie-chart .percentage-title {
    line-height: normal;
    position: absolute;
    text-align: center;
    width: 100%;
}
.skills .pie-chart .percentage {
    font-family: var(--heading-font);
    font-weight: 700;
    top: 35%;
    transform: translateY(-50%);
}
@media (min-width: 768px) {
    .skills .pie-chart .percentage {
        top: 45%;
    }
}
.skills .pie-chart .percentage-title {
    bottom: 30%;
}
@media (min-width: 768px) {
    .skills .pie-chart .percentage-title {
        bottom: -20%;
    }
}
.skills .timeline .lines {
    width: 70px;
}
.skills .timeline .lines .dot {
    background: #d1d6e6;
    height: 20px;
    width: 20px;
}
.skills .timeline .lines .line {
    height: 100px;
    width: 8px;
}
.skills .timeline .cards {
    margin-left: 60px;
    position: relative;
}
.skills .timeline .cards:after {
    content: "";
    height: 100%;
    left: -42px;
    position: absolute;
    top: 0;
    width: 7px;
    z-index: 100;
}
.skills .timeline .cards .card {
    border-radius: 20px;
}
.skills .timeline .cards .card .card-date {
    font-size: 1em;
}
@media (min-width: 768px) {
    .skills .timeline .cards .card .card-date {
        font-size: 0.875em;
    }
}
.skills .timeline .cards .card .card-text {
    line-height: normal;
}
.skills .timeline .cards .card:after {
    border-radius: 50%;
    content: "";
    height: 20px;
    left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 101;
}
.skills.light-scheme .bar-graph .main-layer {
    background-color: var(--light-back-secondary-color);
}
.skills.light-scheme .bar-graph .general_bg {
    background-color: var(--light-accent-color);
}
.skills.light-scheme .bar .bar-percentage,
.skills.light-scheme .bar:hover p {
    color: var(--light-accent-color);
}
.skills.light-scheme .pie-chart h2 {
    color: var(--light-head-color);
}
.skills.light-scheme .pie-chart:hover h2,
.skills.light-scheme .pie-chart:hover p {
    color: var(--light-accent-color);
}
.skills.light-scheme .timeline .lines .dot {
    background-color: var(--light-main-color);
}
.skills.light-scheme .timeline .lines .line {
    background-color: var(--light-back-secondary-color);
}
.skills.light-scheme .timeline .cards:after {
    background: var(--light-back-secondary-color);
}
.skills.light-scheme .timeline .cards .card.border {
    background: var(--light-back-main-color);
    border-color: var(--light-back-secondary-color) !important;
}
.skills.light-scheme .timeline .cards .card.shadow {
    box-shadow: 0 0 1rem rgba(var(--light-head-color-rgb), 0.1) !important;
}
.skills.light-scheme .timeline .cards .card:hover {
    background: var(--light-accent-color) !important;
    border-color: var(--light-accent-color) !important;
    color: var(--light-back-main-color) !important;
}
.skills.light-scheme .timeline .cards .card:hover h4 {
    color: var(--light-back-main-color);
}
.skills.light-scheme .timeline .cards .card:hover:after {
    background: var(--light-accent-color);
}
.skills.light-scheme .timeline .cards .card:after {
    background: var(--light-main-color);
}
.skills.dark-scheme .bar-graph .main-layer {
    background-color: var(--dark-back-secondary-color);
}
.skills.dark-scheme .bar-graph .general_bg {
    background-color: var(--dark-accent-color);
}
.skills.dark-scheme .bar .bar-percentage,
.skills.dark-scheme .bar:hover p {
    color: var(--dark-accent-color);
}
.skills.dark-scheme .pie-chart h2 {
    color: var(--dark-head-color);
}
.skills.dark-scheme .pie-chart:hover h2,
.skills.dark-scheme .pie-chart:hover p {
    color: var(--dark-accent-color);
}
.skills.dark-scheme .timeline .lines .dot {
    background-color: var(--dark-main-color);
}
.skills.dark-scheme .timeline .lines .line {
    background-color: var(--dark-back-secondary-color);
}
.skills.dark-scheme .timeline .cards:after {
    background: var(--dark-back-secondary-color);
}
.skills.dark-scheme .timeline .cards .card.border {
    background: var(--dark-back-main-color);
    border-color: var(--dark-back-secondary-color) !important;
}
.skills.dark-scheme .timeline .cards .card.shadow {
    box-shadow: 0 0 1rem rgba(var(--dark-head-color-rgb), 0.1) !important;
}
.skills.dark-scheme .timeline .cards .card:hover {
    background: var(--dark-accent-color) !important;
    border-color: var(--dark-accent-color) !important;
    color: var(--dark-back-main-color) !important;
}
.skills.dark-scheme .timeline .cards .card:hover h4 {
    color: var(--dark-back-main-color);
}
.skills.dark-scheme .timeline .cards .card:hover:after {
    background: var(--dark-accent-color);
}
.skills.dark-scheme .timeline .cards .card:after {
    background: var(--dark-main-color);
}
.testimonials {
    position: relative;
}
.testimonials .testimonials-messages .testimonial-content {
    border-radius: 4rem;
    padding: 3rem;
    position: relative;
}
@media (min-width: 768px) {
    .testimonials .testimonials-messages .testimonial-content {
        padding: 4rem;
    }
}
.testimonials .testimonials-messages .testimonial-content .comment {
    font-size: 1.875em;
    line-height: 1.2;
}
@media (min-width: 576px) {
    .testimonials .testimonials-messages .testimonial-content .comment {
        line-height: 1.35em;
    }
}
.testimonials .testimonials-messages .testimonial-content > svg.comment-quotes {
    max-width: 50px;
}
.testimonials .testimonials-messages .testimonial-content.light-scheme {
    box-shadow: 0 0 1rem rgba(var(--light-head-color-rgb), 0.1) !important;
}
.testimonials
    .testimonials-messages
    .testimonial-content.light-scheme
    svg.comment-quotes {
    fill: var(--light-head-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content.light-scheme
    .comment {
    color: var(--light-head-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content.light-scheme
    .comments-arrows
    button
    svg {
    fill: var(--light-head-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content.light-scheme
    .comments-arrows
    button:hover
    svg {
    fill: var(--light-accent-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content.light-scheme
    svg.waves {
    fill: url(#light-waves-testimonial) var(--light-accent-color);
}
.testimonials .testimonials-messages .testimonial-content.dark-scheme {
    box-shadow: 0 0 1rem rgba(var(--dark-head-color-rgb), 0.1) !important;
}
.testimonials
    .testimonials-messages
    .testimonial-content.dark-scheme
    svg.comment-quotes {
    fill: var(--dark-head-color);
}
.testimonials .testimonials-messages .testimonial-content.dark-scheme .comment {
    color: var(--dark-head-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content.dark-scheme
    .comments-arrows
    button
    svg {
    fill: var(--dark-head-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content.dark-scheme
    .comments-arrows
    button:hover
    svg {
    fill: var(--dark-accent-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content.dark-scheme
    svg.waves {
    fill: url(#dark-waves-testimonial) var(--dark-accent-color);
}
.testimonials
    .testimonials-messages
    .testimonial-content
    .comments-arrows
    button
    svg {
    width: 40px;
}
.testimonials
    .testimonials-messages
    .testimonial-content
    .comments-arrows
    button:hover
    svg {
    transform: scale(1.3);
}
.testimonials .testimonials-messages .testimonial-content svg.waves {
    bottom: 25px;
    height: 90px;
    position: absolute;
    right: 25px;
    width: 100px;
}
@media (min-width: 768px) {
    .testimonials .testimonials-messages .testimonial-content svg.waves {
        bottom: 50px;
        right: -50px;
        width: 150px;
    }
}
.testimonials .testimonials-messages .testimonial-image {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom-left-radius: 4rem;
    border-top-left-radius: 4rem;
    height: 100%;
    margin-right: -30px;
    position: relative;
}
.testimonials
    .testimonials-messages
    .testimonial-image
    .testimonial-images-quotes {
    left: -50px;
    position: absolute;
    top: -50px;
    transform: rotate(180deg);
    width: 150px;
    z-index: 100;
}
.testimonials .testimonials-messages .testimonial-image.light-scheme {
    background-color: var(--light-back-secondary-color);
}
.testimonials
    .testimonials-messages
    .testimonial-image.light-scheme
    .testimonial-images-quotes {
    fill: var(--light-accent-color);
}
.testimonials .testimonials-messages .testimonial-image.dark-scheme {
    background-color: var(--dark-back-secondary-color);
}
.testimonials
    .testimonials-messages
    .testimonial-image.dark-scheme
    .testimonial-images-quotes {
    fill: var(--dark-accent-color);
}
.testimonials .testimonials-messages > div > div:last-child {
    z-index: 10;
}
#light-waves-testimonial {
    --color-stop-1: var(--light-accent-color);
    --color-stop-2: var(--light-back-main-color);
}
#dark-waves-testimonial {
    --color-stop-1: var(--dark-accent-color);
    --color-stop-2: var(--dark-back-main-color);
}
.services .carousel-nav button {
    background: transparent;
    height: 55px;
    line-height: 50px;
    width: 55px;
}
.services .carousel-nav button svg {
    width: 20px;
}
.services .services-content .item i {
    font-size: 3em;
}
.services .services-content .item .service-desc,
.services .services-content .item .service-info {
    font-size: 0.95em;
}
.services.light-scheme .carousel-nav button {
    border: 1px solid var(--light-head-color);
}
.services.light-scheme .carousel-nav button svg {
    fill: var(--light-head-color);
}
.services.light-scheme .carousel-nav button:hover {
    background: var(--light-accent-color);
    border: 1px solid var(--light-accent-color);
}
.services.light-scheme .carousel-nav button:hover svg {
    fill: var(--light-back-main-color);
}
.services.light-scheme .services-content .item {
    background: var(--light-back-main-color);
    border: 1px solid rgba(var(--light-main-color-rgb), 0.25);
}
.services.light-scheme .services-content .item .service-info {
    color: var(--light-head-color);
}
.services.light-scheme .services-content .item:hover {
    background: var(--light-accent-color);
    border: 1px solid var(--light-accent-color);
}
.services.light-scheme .services-content .item:hover h3,
.services.light-scheme .services-content .item:hover i,
.services.light-scheme .services-content .item:hover p,
.services.light-scheme .services-content .item:hover ul li {
    color: var(--light-back-main-color);
}
.services.dark-scheme .carousel-nav button {
    border: 1px solid var(--dark-head-color);
}
.services.dark-scheme .carousel-nav button svg {
    fill: var(--dark-head-color);
}
.services.dark-scheme .carousel-nav button:hover {
    background: var(--dark-accent-color);
    border: 1px solid var(--dark-accent-color);
}
.services.dark-scheme .carousel-nav button:hover svg {
    fill: var(--dark-back-main-color);
}
.services.dark-scheme .services-content .item {
    background: var(--dark-back-main-color);
    border: 1px solid rgba(var(--dark-main-color-rgb), 0.25);
}
.services.dark-scheme .services-content .item .service-info {
    color: var(--dark-head-color);
}
.services.dark-scheme .services-content .item:hover {
    background: var(--dark-accent-color);
    border: 1px solid var(--dark-accent-color);
}
.services.dark-scheme .services-content .item:hover h3,
.services.dark-scheme .services-content .item:hover i,
.services.dark-scheme .services-content .item:hover p,
.services.dark-scheme .services-content .item:hover ul li {
    color: var(--dark-back-main-color);
}
#filters button {
    cursor: pointer;
    font-size: 0.9em;
}
.dark-scheme #filters button {
    background: transparent;
    border: 1px solid rgba(var(--dark-main-color-rgb), 0.5);
    color: var(--dark-head-color);
}
.dark-scheme #filters button.checked,
.dark-scheme #filters button:hover {
    background: var(--dark-accent-color);
    border: 1px solid var(--dark-accent-color);
    color: var(--dark-back-main-color);
}
.light-scheme #filters button {
    background: transparent;
    border: 1px solid rgba(var(--light-main-color-rgb), 0.5);
    color: var(--light-head-color);
}
.light-scheme #filters button.checked,
.light-scheme #filters button:hover {
    background: var(--light-accent-color);
    border: 1px solid var(--light-accent-color);
    color: var(--light-back-main-color);
}
#gallery .grid-sizer {
    border-radius: 0;
    clear: none;
    float: left;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
@media (min-width: 768px) {
    #gallery .grid-sizer {
        width: 50%;
    }
}
@media (min-width: 992px) {
    #gallery .grid-sizer {
        width: 33.33%;
    }
}
#gallery:after {
    clear: both;
    content: "";
    display: block;
}
.projects-content .item {
    border-radius: 0;
    clear: none;
    float: left;
    height: 350px;
    margin: 0;
    overflow: hidden;
    padding: 5px 5px 0 0;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .projects-content .item {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .projects-content .item {
        width: 33.33%;
    }
}
.projects-content .item.w2 {
    width: 100%;
}
@media (min-width: 992px) {
    .projects-content .item.w2 {
        width: 66.66%;
    }
}
.projects-content .item.w3 {
    width: 100%;
}
.projects-content .item a {
    border: 0;
    border-radius: 0;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.8s;
    width: 100%;
}
@media (min-width: 992px) {
    .projects-content .item a {
        filter: grayscale(100%);
    }
}
.projects-content .item a:after {
    background: #000;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.35;
    position: absolute;
    transition: all 0.4s;
    width: 100%;
    z-index: 100;
}
@media (min-width: 992px) {
    .projects-content .item a:after {
        background: #000;
        background: linear-gradient(0deg, #000, transparent);
        height: 0%;
        opacity: 0.85;
    }
}
.projects-content .item a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.8s;
    width: 100%;
}
.projects-content .item a .project-text.style-1 {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 101;
}
.projects-content .item a .project-text.style-2,
.projects-content .item a .project-text.style-3 {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 101;
}
.projects-content .item a .project-text.style-2 h3,
.projects-content .item a .project-text.style-3 h3 {
    text-transform: uppercase;
}
.projects-content .item a .project-text h3 {
    line-height: 1.4em;
    transition: all 0.4s;
}
@media (min-width: 992px) {
    .projects-content .item a .project-text h3 {
        opacity: 0;
        transform: translateY(100px);
        visibility: hidden;
    }
}
.projects-content .item a .project-text p {
    font-size: 0.95em;
    transition: all 0.8s;
}
@media (min-width: 992px) {
    .projects-content .item a .project-text p {
        opacity: 0;
        transform: translateY(100px);
        visibility: hidden;
    }
    .projects-content .item a:hover {
        filter: none;
    }
    .projects-content .item a:hover:after {
        height: 100%;
    }
    .projects-content .item a:hover img {
        transform: scale(110%);
    }
    .projects-content .item a:hover .project-text h3,
    .projects-content .item a:hover .project-text p {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}
.project-title-container,
.project-title-container > div {
    position: relative;
}
.project-title-container button {
    background: none;
    border: 1px solid #333;
    border-radius: 50%;
    color: #333;
    font-size: 1.5em;
    height: 40px;
    width: 40px;
    z-index: 100;
}
@media (min-width: 768px) {
    .project-title-container button {
        height: 50px;
        width: 50px;
    }
}
.project-title-container button span {
    height: 2px;
    margin-left: 25%;
    transform: rotate(45deg);
    width: 50%;
}
.project-title-container button span:last-of-type {
    margin-top: -2px;
    transform: rotate(-45deg);
}
.project-title-container button:hover {
    transform: rotate(90deg);
}
.project-media .project-video {
    margin-bottom: 1.25rem;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
@media (min-width: 992px) {
    .project-media .project-video {
        margin-bottom: 0;
    }
}
.project-media .project-video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.project-media .image-main {
    margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
    .project-media .image-main {
        margin-bottom: 0;
    }
}
.project-media .image-main img {
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (min-width: 768px) {
    .project-media .image-main img {
        height: 400px;
    }
}
@media (min-width: 992px) {
    .project-media .image-main img {
        height: 600px;
    }
}
.project-media .image-more {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
@media (min-width: 768px) {
    .project-media .image-more {
        flex-direction: row;
    }
}
@media (min-width: 992px) {
    .project-media .image-more {
        flex-direction: column;
        gap: 1.25rem;
    }
}
.project-media .image-more img {
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (min-width: 992px) {
    .project-media .image-more img {
        height: 290px;
    }
}
.project-media .image-more.images-more-video img {
    height: 230px;
}
@media (min-width: 992px) {
    .project-media .image-more.images-more-video img {
        height: 163px;
    }
}
@media (min-width: 1200px) {
    .project-media .image-more.images-more-video img {
        height: 197px;
    }
}
@media (min-width: 1400px) {
    .project-media .image-more.images-more-video img {
        height: 231px;
    }
}
.project-gallery a,
.project-media a {
    padding: 0;
    position: relative;
}
.project-gallery a:after,
.project-media a:after {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s;
    visibility: hidden;
    z-index: 100;
}
.project-gallery a i,
.project-media a i {
    font-size: 2em;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(100px);
    transition: all 0.6s;
    visibility: hidden;
    z-index: 101;
}
.project-gallery a:hover:after,
.project-media a:hover:after {
    opacity: 40%;
    visibility: visible;
}
.project-gallery a:hover i,
.project-media a:hover i {
    opacity: 100%;
    transform: translateY(0);
    visibility: visible;
}
.project-gallery a img {
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (min-width: 768px) {
    .project-gallery a {
        margin-bottom: 0.5rem;
    }
}
.content-text .blockquote,
.content-text blockquote,
.content-text p,
.content-text ul {
    margin-bottom: 1.5rem;
}
.content-text h1,
.content-text h3,
.content-text h4 {
    line-height: 1.3em;
    margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
    .content-text .blockquote,
    .content-text blockquote,
    .content-text h1,
    .content-text h3,
    .content-text h4,
    .content-text p,
    .content-text ul {
        margin-bottom: 2.25rem;
    }
}
.content-text ul {
    padding-left: 0;
}
.content-text ul li {
    margin-bottom: 0.5rem;
    padding-left: 50px;
    position: relative;
}
.content-text ul li:last-child {
    margin-bottom: 0;
}
.content-text ul li:after {
    content: "";
    height: 8px;
    left: 0;
    -webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg class="css3animate" xmlns="http://www.w3.org/2000/svg" width="92" height="41.204" xml:space="preserve"><path d="M3.12 22.757H83.8L70.166 36.619a2.123 2.123 0 0 0 .025 2.997c.806.794 2.202.782 2.998-.024l17.018-17.309A2.11 2.11 0 0 0 91 20.637a.76.76 0 0 0-.008-.107 1.955 1.955 0 0 0-.095-.52 1.277 1.277 0 0 0-.054-.195c-.045-.114-.101-.182-.091-.158a1.852 1.852 0 0 0-.19-.298 1.528 1.528 0 0 0-.17-.237L73.189 1.632A2.104 2.104 0 0 0 71.679 1c-.56 0-1.088.217-1.487.608a2.125 2.125 0 0 0-.024 2.999l13.683 13.91H3.12c-1.169 0-2.12.951-2.12 2.12s.951 2.12 2.12 2.12z"/></svg>')
        no-repeat 50% 50%;
    mask: url('data:image/svg+xml;charset=utf-8,<svg class="css3animate" xmlns="http://www.w3.org/2000/svg" width="92" height="41.204" xml:space="preserve"><path d="M3.12 22.757H83.8L70.166 36.619a2.123 2.123 0 0 0 .025 2.997c.806.794 2.202.782 2.998-.024l17.018-17.309A2.11 2.11 0 0 0 91 20.637a.76.76 0 0 0-.008-.107 1.955 1.955 0 0 0-.095-.52 1.277 1.277 0 0 0-.054-.195c-.045-.114-.101-.182-.091-.158a1.852 1.852 0 0 0-.19-.298 1.528 1.528 0 0 0-.17-.237L73.189 1.632A2.104 2.104 0 0 0 71.679 1c-.56 0-1.088.217-1.487.608a2.125 2.125 0 0 0-.024 2.999l13.683 13.91H3.12c-1.169 0-2.12.951-2.12 2.12s.951 2.12 2.12 2.12z"/></svg>')
        no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 8px;
    width: 25px;
}
.content-text ul.columns-2 {
    -moz-column-count: 2;
    column-count: 2;
}
.content-text .blockquote,
.content-text blockquote {
    font-family: var(--heading-font);
    font-size: 1.125em;
    font-style: italic;
    font-weight: 700;
    padding-left: 70px;
    position: relative;
}
.content-text .blockquote:after,
.content-text blockquote:after {
    background-color: #000;
    content: "";
    height: 33px;
    left: 0;
    -webkit-mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 82.223" xml:space="preserve"><path d="M25.79 79.723c-4.496 0-8.172-.918-11.031-2.756A23.173 23.173 0 0 1 7.71 69.92a25.76 25.76 0 0 1-4.289-10.727c-.613-3.879-.92-7.051-.92-9.5 0-10.009 2.551-19.102 7.662-27.274C15.266 14.25 23.233 7.607 34.064 2.5l2.757 5.516c-6.334 2.657-11.798 6.847-16.395 12.563-4.597 5.722-6.895 11.545-6.895 17.469 0 2.45.306 4.597.92 6.433 3.264-2.65 7.047-3.982 11.337-3.982 5.311 0 9.907 1.739 13.79 5.209 3.879 3.479 5.823 8.275 5.823 14.404 0 5.723-1.944 10.418-5.823 14.096-3.882 3.677-8.478 5.515-13.788 5.515zm52.096 0c-4.495 0-8.173-.918-11.03-2.756a23.157 23.157 0 0 1-7.051-7.047 25.802 25.802 0 0 1-4.29-10.727c-.611-3.879-.917-7.051-.917-9.5 0-10.009 2.55-19.102 7.66-27.274C67.362 14.25 75.33 7.607 86.16 2.5l2.757 5.516c-6.333 2.657-11.797 6.847-16.394 12.563-4.597 5.722-6.895 11.545-6.895 17.469 0 2.45.305 4.597.919 6.433 3.264-2.65 7.047-3.982 11.338-3.982 5.309 0 9.906 1.739 13.79 5.209 3.879 3.479 5.824 8.275 5.824 14.404 0 5.723-1.945 10.418-5.824 14.096-3.883 3.677-8.481 5.515-13.789 5.515z"/></svg>')
        no-repeat 50% 50%;
    mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 82.223" xml:space="preserve"><path d="M25.79 79.723c-4.496 0-8.172-.918-11.031-2.756A23.173 23.173 0 0 1 7.71 69.92a25.76 25.76 0 0 1-4.289-10.727c-.613-3.879-.92-7.051-.92-9.5 0-10.009 2.551-19.102 7.662-27.274C15.266 14.25 23.233 7.607 34.064 2.5l2.757 5.516c-6.334 2.657-11.798 6.847-16.395 12.563-4.597 5.722-6.895 11.545-6.895 17.469 0 2.45.306 4.597.92 6.433 3.264-2.65 7.047-3.982 11.337-3.982 5.311 0 9.907 1.739 13.79 5.209 3.879 3.479 5.823 8.275 5.823 14.404 0 5.723-1.944 10.418-5.823 14.096-3.882 3.677-8.478 5.515-13.788 5.515zm52.096 0c-4.495 0-8.173-.918-11.03-2.756a23.157 23.157 0 0 1-7.051-7.047 25.802 25.802 0 0 1-4.29-10.727c-.611-3.879-.917-7.051-.917-9.5 0-10.009 2.55-19.102 7.66-27.274C67.362 14.25 75.33 7.607 86.16 2.5l2.757 5.516c-6.333 2.657-11.797 6.847-16.394 12.563-4.597 5.722-6.895 11.545-6.895 17.469 0 2.45.305 4.597.919 6.433 3.264-2.65 7.047-3.982 11.338-3.982 5.309 0 9.906 1.739 13.79 5.209 3.879 3.479 5.824 8.275 5.824 14.404 0 5.723-1.945 10.418-5.824 14.096-3.883 3.677-8.481 5.515-13.789 5.515z"/></svg>')
        no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    top: 0;
    width: 40px;
}
.content-text img {
    height: 200px;
    margin: 0 0 2rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (min-width: 768px) {
    .content-text img {
        height: auto;
        -o-object-fit: inherit;
        object-fit: inherit;
        width: auto;
    }
    .content-text img.note-float-right {
        margin: 0.5rem 0 1rem 2rem;
    }
    .content-text img.note-float-left {
        margin: 0.5rem 2rem 1rem 0;
    }
}
.light-scheme .project-title-container button {
    border: 1px solid var(--light-main-color);
}
.light-scheme .project-title-container button span {
    background: var(--light-main-color);
}
.light-scheme .project-title-container button:hover {
    background: var(--light-accent-color);
    border: 1px solid var(--light-accent-color);
}
.light-scheme .project-title-container button:hover span {
    background: var(--light-back-main-color);
}
.light-scheme .project-gallery a:after,
.light-scheme .project-media a:after {
    background: var(--light-accent-color);
}
.light-scheme .project-gallery a i,
.light-scheme .project-media a i {
    color: var(--light-back-main-color);
}
.light-scheme .content-text .blockquote,
.light-scheme .content-text blockquote {
    color: var(--light-accent-color);
}
.light-scheme .content-text .blockquote:after,
.light-scheme .content-text blockquote:after,
.light-scheme .content-text ul li:after {
    background-color: var(--light-accent-color);
}
.light-scheme .project-information .project-information-list {
    background: var(--light-back-secondary-color);
}
.dark-scheme .project-title-container button {
    border: 1px solid var(--dark-main-color);
}
.dark-scheme .project-title-container button span {
    background: var(--dark-main-color);
}
.dark-scheme .project-title-container button:hover {
    background: var(--dark-accent-color);
    border: 1px solid var(--dark-accent-color);
}
.dark-scheme .project-title-container button:hover span {
    background: var(--dark-back-main-color);
}
.dark-scheme .project-gallery a:after,
.dark-scheme .project-media a:after {
    background: var(--dark-accent-color);
}
.dark-scheme .project-gallery a i,
.dark-scheme .project-media a i {
    color: var(--dark-back-main-color);
}
.dark-scheme .content-text .blockquote,
.dark-scheme .content-text blockquote {
    color: var(--dark-accent-color);
}
.dark-scheme .content-text .blockquote:after,
.dark-scheme .content-text blockquote:after,
.dark-scheme .content-text ul li:after {
    background-color: var(--dark-accent-color);
}
.dark-scheme .project-information .project-information-list {
    background: var(--dark-back-secondary-color);
}
@media (min-width: 768px) {
    .blog .blog-content {
        margin-bottom: 0;
    }
}
.blog
    .blog-content
    .main-post-image
    .post-content-container
    .post-gallery
    .carousel
    img,
.blog .blog-content .main-post-image .post-content-container .post-image img,
.blog .blog-content .main-post-image .post-content-container .post-quote img,
.blog .blog-content .main-post-image .post-content-container .post-video img {
    height: 400px;
}
@media (min-width: 992px) {
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-gallery
        .carousel
        img,
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-image
        img,
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-quote
        img,
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-video
        img {
        height: 635px;
    }
}
@media (min-width: 1200px) {
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-gallery
        .carousel
        img,
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-image
        img,
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-quote
        img,
    .blog
        .blog-content
        .main-post-image
        .post-content-container
        .post-video
        img {
        height: 560px;
    }
}
.blog .blog-content .post-content-container {
    position: relative;
}
.blog .blog-content .post-content-container .post-image {
    overflow: hidden;
}
.blog .blog-content .post-content-container .post-image img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 768px) {
    .blog .blog-content .post-content-container .post-image img {
        height: 260px;
    }
}
.blog .blog-content .post-content-container .post-video {
    height: 200px;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .blog .blog-content .post-content-container .post-video {
        height: 260px;
    }
}
.blog .blog-content .post-content-container .post-video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.blog .blog-content .post-content-container .post-gallery .carousel {
    overflow: hidden;
}
.blog .blog-content .post-content-container .post-gallery .carousel img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 768px) {
    .blog .blog-content .post-content-container .post-gallery .carousel img {
        height: 260px;
    }
}
.blog .blog-content .post-content-container .post-quote {
    height: 260px;
}
.blog .blog-content .post-content-container .post-content {
    padding: 2rem;
}
.blog .blog-content .post-content-container .main-post {
    background: rgba(var(--light-head-color-rgb), 0.5);
    bottom: 0;
    left: 0;
    padding: 2.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.blog .blog-content .post-content-container .main-post:hover {
    background: rgba(var(--light-head-color-rgb), 0.75);
}
.blog .blog-content .post-content-container .main-post h4,
.blog .blog-content .post-content-container .main-post p {
    color: var(--light-back-main-color);
}
.blog .blog-content .post-content-container .main-post .info-post {
    font-size: 1.125em;
    margin-bottom: 1rem !important;
}
.blog .blog-content .post-content-container .main-post h4 {
    font-size: 2.62em;
    line-height: 1.2em;
}
@media (min-width: 768px) {
    .blog .blog-content .post-content-container .main-post h4 {
        margin-bottom: 2rem !important;
    }
}
.blog .blog-content .post-content-container .main-post .info-description {
    display: none;
    font-size: 1.25em;
    line-height: 1.5em;
}
@media (min-width: 768px) {
    .blog .blog-content .post-content-container .main-post .info-description {
        display: block;
    }
    .blog .blog-content .post-content-container .main-post {
        padding: 4.5rem;
    }
    .blog .blog-content .post-content-container .main-post.main-post-wide {
        justify-content: center !important;
        padding: 9rem;
        text-align: center;
    }
}
.blog.light-scheme .blog-content .post-content {
    background: var(--light-back-main-color);
}
.blog.light-scheme .blog-content .post-content .info-post {
    color: var(--light-accent-color);
}
.blog.light-scheme .blog-content .post-quote {
    background: url(../../../../assets/fronted/img/quote.png)
        var(--light-accent-color) top left no-repeat;
    color: var(--light-back-main-color);
}
.blog.light-scheme .blog-content .post-quote h3 {
    color: var(--light-back-main-color);
    font-size: 1.4em;
}
.blog.blog.dark-scheme .blog-content .post-content {
    background: var(--dark-back-main-color);
}
.blog.blog.dark-scheme .blog-content .post-content .info-post {
    color: var(--dark-accent-color);
}
.blog.blog.dark-scheme .blog-content .post-quote {
    background: url(../../../../assets/fronted/img/quote_dark.png)
        var(--dark-accent-color) top left no-repeat;
    color: var(--dark-back-main-color);
}
.blog.blog.dark-scheme .blog-content .post-quote h3 {
    color: var(--dark-back-main-color);
    font-size: 1.4em;
}
.light-scheme .post-container .post-quote {
    background: url(../../../../assets/fronted/img/quote.png)
        var(--light-accent-color) top left no-repeat;
    color: var(--light-back-main-color);
}
.light-scheme .post-container .post-quote h3 {
    color: var(--light-back-main-color);
    font-size: 1.4em;
}
.light-scheme .post-container .post-text .blockquote,
.light-scheme .post-container .post-text blockquote {
    border-left: 4px solid var(--light-accent-color);
}
.dark-scheme .post-container .post-quote {
    background: url(../../../../assets/fronted/img/quote_dark.png)
        var(--dark-accent-color) top left no-repeat;
    color: var(--dark-back-main-color);
}
.dark-scheme .post-container .post-quote h3 {
    color: var(--dark-back-main-color);
    font-size: 1.4em;
}
.dark-scheme .post-container .post-text .blockquote,
.dark-scheme .post-container .post-text blockquote {
    border-left: 4px solid var(--dark-accent-color);
}
.blog-post .post-hide {
    background: none;
    border-radius: 25px;
    font-size: 1.5em;
    font-size: 1em;
    text-decoration: none;
    z-index: 100;
}
.blog-post .post-hide svg {
    width: 15px;
}
@media (min-width: 768px) {
    .blog-post .post-hide svg {
        width: 20px;
    }
}
.blog-post .post-info {
    font-size: 1.2em;
}
.blog-post .post-image {
    background-position: 50%;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
}
.blog-post .post-image .post-title-container {
    background: rgba(0, 0, 0, 0.35);
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
}
@media (min-width: 992px) {
    .blog-post .post-image .post-title-container {
        padding-bottom: 9rem !important;
        padding-top: 9rem !important;
    }
}
.blog-post .post-media img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
@media (min-width: 768px) {
    .blog-post .post-media img {
        height: 350px;
    }
}
@media (min-width: 992px) {
    .blog-post .post-media img {
        height: 450px;
    }
}
.blog-post .post-media .post-video {
    height: 200px;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .blog-post .post-media .post-video {
        height: 260px;
    }
}
.blog-post .post-media .post-video iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
@media (min-width: 768px) {
    .blog-post .container-media {
        padding-top: 6rem !important;
    }
}
.light-scheme .post-image h2,
.light-scheme .post-image p {
    color: var(--light-back-main-color);
}
.light-scheme .post-image .post-hide {
    background: var(--light-back-main-color);
    border: 0;
    color: var(--light-head-color);
}
.light-scheme .post-image .post-hide svg {
    fill: var(--light-head-color);
}
.light-scheme .post-image .post-hide:hover {
    background: var(--light-accent-color);
    border: 0;
    color: var(--light-back-main-color);
}
.light-scheme .post-image .post-hide:hover svg {
    fill: var(--light-back-main-color);
}
.light-scheme .post-hide {
    border: 1px solid var(--light-main-color);
    color: var(--light-main-color);
}
.light-scheme .post-hide svg {
    fill: var(--light-main-color);
}
.light-scheme .post-hide:hover {
    background: var(--light-accent-color);
    border: 1px solid var(--light-accent-color);
    color: var(--light-back-main-color);
}
.light-scheme .post-hide:hover svg {
    fill: var(--light-back-main-color);
}
.light-scheme .post-quote {
    background: url(../../../../assets/fronted/img/quote.png)
        var(--light-accent-color) top left no-repeat;
    color: var(--light-back-main-color);
}
.light-scheme .post-quote h3 {
    color: var(--light-back-main-color);
    font-size: 1.4em;
}
.dark-scheme .post-image h2,
.dark-scheme .post-image p {
    color: var(--dark-back-main-color);
}
.dark-scheme .post-image .post-hide {
    background: var(--dark-back-main-color);
    border: 0;
    color: var(--dark-head-color);
}
.dark-scheme .post-image .post-hide svg {
    fill: var(--dark-head-color);
}
.dark-scheme .post-image .post-hide:hover {
    background: var(--dark-accent-color);
    border: 0;
    color: var(--dark-back-main-color);
}
.dark-scheme .post-image .post-hide:hover svg {
    fill: var(--dark-back-main-color);
}
.dark-scheme .post-hide {
    border: 1px solid var(--dark-main-color);
    color: var(--dark-main-color);
}
.dark-scheme .post-hide svg {
    fill: var(--dark-main-color);
}
.dark-scheme .post-hide:hover {
    background: var(--dark-accent-color);
    border: 1px solid var(--dark-accent-color);
    color: var(--dark-back-main-color);
}
.dark-scheme .post-hide:hover svg {
    fill: var(--dark-back-main-color);
}
.dark-scheme .post-quote {
    background: url(../../../../assets/fronted/img/quote_dark.png)
        var(--dark-accent-color) top left no-repeat;
    color: var(--dark-back-main-color);
}
.dark-scheme .post-quote h3 {
    color: var(--dark-back-main-color);
    font-size: 1.4em;
}
@media (min-width: 768px) {
    form#contactform {
        margin-top: -1rem;
    }
}
input.form-control,
textarea.form-control {
    background: none !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
input.form-control:active,
input.form-control:focus,
textarea.form-control:active,
textarea.form-control:focus {
    border: none;
    box-shadow: none !important;
    outline: none;
}
.light-scheme input.form-control,
.light-scheme textarea.form-control {
    border-bottom: 1px solid var(--light-back-secondary-color);
    color: var(--light-back-secondary-color);
}
.light-scheme input.form-control:active,
.light-scheme input.form-control:focus,
.light-scheme textarea.form-control:active,
.light-scheme textarea.form-control:focus {
    border-bottom: 1px solid var(--light-accent-color);
    color: var(--light-accent-color);
}
.light-scheme input.form-control:-moz-placeholder,
.light-scheme input.form-control:-ms-input-placeholder,
.light-scheme input.form-control:-webkit-input-placeholder,
.light-scheme textarea.form-control:-moz-placeholder,
.light-scheme textarea.form-control:-ms-input-placeholder,
.light-scheme textarea.form-control:-webkit-input-placeholder {
    color: var(--light-head-color);
    opacity: 0.7;
}
.dark-scheme input.form-control,
.dark-scheme textarea.form-control {
    border-bottom: 1px solid var(--dark-back-secondary-color);
    color: var(--dark-back-secondary-color);
}
.dark-scheme input.form-control:active,
.dark-scheme input.form-control:focus,
.dark-scheme textarea.form-control:active,
.dark-scheme textarea.form-control:focus {
    border-bottom: 1px solid var(--dark-accent-color);
    color: var(--dark-accent-color);
}
.dark-scheme input.form-control:-moz-placeholder,
.dark-scheme input.form-control:-ms-input-placeholder,
.dark-scheme input.form-control:-webkit-input-placeholder,
.dark-scheme textarea.form-control:-moz-placeholder,
.dark-scheme textarea.form-control:-ms-input-placeholder,
.dark-scheme textarea.form-control:-webkit-input-placeholder {
    color: var(--dark-head-color);
    opacity: 0.7;
}
.error-message,
.success-message {
    height: 30px;
}
.button-loader {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 150px;
}
.button-loader.hidden {
    display: none;
}
.button-loader .lds-ring {
    height: 40px;
    width: 40px;
}
.button-loader .lds-ring div {
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border: 4px solid transparent;
    border-radius: 50%;
    border-top-color: #fff;
    box-sizing: border-box;
    display: block;
    height: 32px;
    margin: 4px;
    position: absolute;
    width: 32px;
}
.button-loader .lds-ring div:first-child {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}
.button-loader .lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.button-loader .lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
#map {
    height: 400px;
}
@media (min-width: 768px) {
    #map {
        height: 450px;
    }
}
@media (min-width: 992px) {
    #map {
        height: 500px;
    }
}
#map #cd-zoom-in,
#map #cd-zoom-out {
    background-color: #333;
    cursor: pointer;
    font-size: 1.3em;
    height: 32px;
    margin-left: 30px;
    opacity: 0.7;
    width: 32px;
}
#map #cd-zoom-in span,
#map #cd-zoom-out span {
    float: left;
    margin-top: 7px;
    width: 100%;
}
#map #cd-zoom-in:hover,
#map #cd-zoom-out:hover {
    opacity: 1;
}
#map #cd-zoom-in {
    background-position: 50% 0;
    margin-bottom: 1px;
    margin-top: 400px;
}
#map #cd-zoom-out {
    background-position: 50% -32px;
}
#map .no-touch #cd-zoom-in:hover,
#map .no-touch #cd-zoom-out:hover {
    opacity: 1;
}

/*# sourceMappingURL=app.css.map*/

.cookies-close {
    border-radius: 0px;
}