@charset "UTF-8";

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    font-family: "Roboto", sans-serif;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.657em;
    color: #484848;
    text-align: left;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

b,
strong {
    font-weight: bolder
}

a {
    color: #64ca9d;
    text-decoration: none;
    background-color: transparent
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col,
.col-12,
.col-lg-10,
.col-lg-12,
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-md-12,
.col-md-6,
.col-sm-10,
.col-sm-2 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

/* --- /scss/_typography.scss --- */
.title-section,
.title-section > * {
    font-weight: 500;
    font-size: clamp(28px, 3.94vw, 56px);
    letter-spacing: -0.03em;
    line-height: 1.1
}

.title-section--md,
.title-section--md > * {
    font-size: clamp(28px, 3.38vw, 48px)
}

.title-section--white,
.title-section--white > * {
    color: #fff
}

.text,
.text > * {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0
}

.text--md,
.text--md > * {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.03em
}

.text--md-2,
.text--md-2 > * {
    font-size: clamp(18px, 1.41vw, 20px)
}

.text--lg {
    font-size: clamp(20px, 1.69vw, 24px);
    letter-spacing: -0.03em;
    line-height: 1.6
}

.text--lg > *,
.text--lg > * > *,
.text--xl,
.text--xl > * {
    font-size: clamp(22px, 2.25vw, 32px);
    letter-spacing: -0.01em;
    line-height: 1.4
}

.text--weight-light,
.text--weight-light > * {
    font-weight: 300
}

.text--grey,
.text--grey > * {
    color: #8a9597
}

.text--grey-alt,
.text--grey-alt > * {
    color: #c6d1d3
}

.text--white,
.text--white > * {
    color: #fff
}

.page-container {
    max-width: 1340px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (min-width:768px) {
    .page-container--wide {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1600px) {
    .page-container--wide {
        max-width: 1638px
    }
}

@media screen and (min-width:768px) {
    .page-container--full {
        max-width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1600px) {
    .page-container--full {
        max-width: 1920px
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.position-relative {
    position: relative !important;
}

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

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

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

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important
}

@media (min-width: 576px) {

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .d-lg-block {
        display: block !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important
    }
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.text-left {
    text-align: left !important
}

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

.text-light {
    color: #f8f9fa !important
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../webfonts/fa-regular-400.eot);
    src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"), url(../webfonts/fa-regular-400.ttf) format("truetype"), url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../webfonts/fa-solid-900.eot);
    src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-solid-900.woff2) format("woff2"), url(../webfonts/fa-solid-900.woff) format("woff"), url(../webfonts/fa-solid-900.ttf) format("truetype"), url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../webfonts/fa-brands-400.eot);
    src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"), url(../webfonts/fa-brands-400.ttf) format("truetype"), url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fa,
.fas {
    font-weight: 900;
}

.fa,
.fab,
.fal,
.far,
.fas {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-x-twitter:before {
    font-family: 'Font Awesome 5 Brands';
    content: "\e61b"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-phone:before {
    content: "\f095"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-youtube:before {
    content: "\f167"
}

.fab {
    font-weight: 400;
    font-family: 'Font Awesome 5 Brands';
}

.fa,
.far,
.fas {
    font-family: 'Font Awesome 5 Free'
}

fa,
.fas {
    font-weight: 900
}

/* styles.css */

a {
    color: #05c495;
}

html {
    overflow-x: hidden;
}

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

body .body-inner,
body #wrapper {
    padding: 0;
    margin: 0;
}

@media (max-width: 1024px) {

    #wrapper,
    .body-inner {
        width: 100%;
        margin: 0;
    }

    .container-wide {
        padding: 0 30px;
    }
}

section {
    padding: 80px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    background-color: #ffffff;
}

@media (max-width: 768px) {
    section {
        padding: 40px 0;
    }
}

@media (max-width: 1024px) {
    .container {
        padding: 0 30px;
    }
}

h1 {
    font-weight: bold;
}

.center {
    float: none !important;
    margin: 0 auto;
}

.grid-layout {
    overflow: hidden;
    margin-bottom: -2px !important;
}

.grid-layout > * {
    opacity: 0;
    transition: opacity .5s ease;
}

.grid-layout .grid-loader {
    transition: opacity .1s ease;
    opacity: 1;
    z-index: -1;
}

.grid-layout.grid-loaded > * {
    opacity: 1;
}

.grid-layout.grid-loaded .grid-loader {
    opacity: 0;
}

.grid-layout {
    position: relative;
    display: block;
    clear: both;
    padding: 0;
}

.portfolio-3-columns .portfolio-item {
    width: 33.333333333%;
}

@media (max-width: 1024px) {
    .portfolio-3-columns .portfolio-item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .portfolio-3-columns .portfolio-item {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .portfolio-3-columns .portfolio-item {
        width: 100%;
    }
}

.grid-loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
    position: absolute;
    top: 60px;
    left: 48%;
    color: #dadada;
    font-size: 6px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.grid-loader:before,
.grid-loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.grid-loader:before,
.grid-loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.grid-loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.grid-loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

#header {
    position: relative;
    z-index: 199 !important;
    height: 80px;
    line-height: 80px;
}

#header .container {
    position: relative;
}

#header .header-inner {
    height: 80px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    left: 0;
    right: 0;
    transition: all .4s ease-in-out;
}

#header .header-inner #logo {
    float: left;
    transition: all .4s ease-in-out;
    height: 80px;
    opacity: .85;
    position: relative;
    z-index: 1;
}

#header .header-inner #logo:hover {
    opacity: 1;
}

#header .header-inner #logo a > img {
    vertical-align: inherit;
    transition: all .4s ease-in-out;
    height: 80px;
    width: auto;
}

#header[data-fullwidth="true"] .header-inner .container {
    max-width: 100%;
    padding: 0 30px;
}

#header[data-transparent="true"]:not(.sticky-active) .header-inner {
    background-color: transparent;
}

#header.header-sticky .header-inner {
    transition: top .8s ease-in-out;
    top: -140px;
}

#header.header-sticky.sticky-active .header-inner {
    box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
    top: 0;
    position: fixed;
    margin: 0 auto;
    width: 100%;
}

.dark #header .header-inner,
#header.dark .header-inner {
    background-color: #181818;
}

#header.dark .page-menu a:not(.btn) {
    color: #fff;
}

#header #logo [class|="logo"] {
    display: none;
}

#header.dark #logo a:not(:hover) .logo-dark {
    display: block;
}

#header.dark #logo a:hover .logo-darkhover {
    display: block;
}

#header:not(.dark) #logo a:not(:hover) .logo-default {
    display: block;
}

#header:not(.dark) #logo a:hover .logo-hover {
    display: block;
}

#header .page-menu {
    clear: both;
    border-bottom: none;
    border-top: 1px solid rgba(214, 213, 213, 0.4);
    background: transparent;
}

.page-menu nav {
    background: transparent;
}

#header .header-inner {
    height: 132px;
}

#header.header-sticky .header-inner {
    height: 80px;
}

.header-sticky .page-menu {
    display: none;
}

.mainMenu-open #header.header-sticky .header-inner {
    height: 100%;
}

#header .page-menu .sub-menu a {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    font-style: normal;
    color: #444 !important;
    font-family: "Roboto", sans-serif;
    padding: 12px 20px 12px 18px;
    display: block;
    transition: .3s ease;
}

@media (hover: hover) {
    .page-menu .menu li:hover .sub-menu {
        display: block;
        animation: fade-in-out .3s;
    }
}

@media (max-width: 1024px) {
    #header .page-menu {
        display: none;
    }

    #header .header-inner {
        height: auto;
    }

    #header #logo {
        position: absolute !important;
        width: 80%;
        text-align: center;
        margin: 0 !important;
        float: none;
        height: 80px;
        left: 10%;
        left: 50%;
        width: 150px;
        margin-left: -75px !important;
        right: 0;
        padding: 0 !important;
    }

    #header #logo > a {
        display: inline-block;
    }

    #header #logo > a img {
        max-height: 80px;
        padding-bottom: 6px;
    }
}

#mainMenu {
    padding: 0;
}

#mainMenu > .container {
    padding: 0 !important;
}

#mainMenu nav {
    float: right;
}

#mainMenu nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#mainMenu nav > ul > li {
    float: left;
    border: 0;
    transition: all .3s ease;
    margin-left: 6px;
    position: relative;
}

#mainMenu nav > ul > li > a {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 10px 12px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    transition: all .3s ease;
    line-height: normal;
}

#mainMenu nav > ul > li > a:after,
#mainMenu nav > ul > li > a:before {
    transition: all .3s ease;
}

#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:focus > a {
    color: #05c495;
}

#mainMenu nav > ul > li.dropdown:before,
#mainMenu nav > ul > li.menu-item-has-children:before {
    content: "\e930";
    transform: rotate(90deg);
    font-family: "inspiro-icons";
    opacity: 0.6;
    position: absolute;
    right: 16px;
    color: #262626;
    font-size: 16px;
    display: none;
}

#mainMenu nav > ul > li .sub-menu {
    background-position: right bottom;
    background-repeat: no-repeat;
    min-width: 230px;
    top: auto;
    background-color: #ffffff;
    border: 0;
    color: #000000;
    border-style: solid;
    border-color: #eeeeee;
    border-width: 1px !important;
    left: auto;
    margin: 0;
    margin-top: -6px;
    border-radius: 4px;
    box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
    padding: 10px;
    display: none;
    position: absolute;
}

#mainMenu nav > ul > li .sub-menu > li > a,
#mainMenu nav > ul > li .sub-menu > li > span,
#mainMenu nav > ul > li .sub-menu > li [class*="col-"] > ul > li > a {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    font-style: normal;
    color: #444;
    font-family: "Roboto", sans-serif;
    padding: 12px 20px 12px 18px;
    display: block;
    transition: .3s ease;
}

#mainMenu nav > ul > li .sub-menu > li:hover > a,
#mainMenu nav > ul > li .sub-menu > li:focus > a,
#mainMenu nav > ul > li .sub-menu > li:active > a,
#mainMenu nav > ul > li .sub-menu > li.hover-active > a {
    color: #05c495;
}

#mainMenu nav > ul > li:not(.hover-active):hover > ul {
    display: block;
    animation: fade-in-out .3s ease;
}

#mainMenu nav > ul > li:last-child {
    margin-right: 0;
}

#mainMenu nav > ul > a.btn {
    margin-top: 4px;
}

#mainMenu nav > ul li ul {
    list-style: none;
    padding: 0;
}

#mainMenu.menu-center > .container {
    float: none !important;
    text-align: center;
}

#mainMenu.menu-center nav {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#mainMenu.menu-onclick nav > ul > li:hover:not(.hover-active) > ul,
#mainMenu.menu-onclick nav > ul > li .dropdown-submenu:hover > ul {
    opacity: 0 !important;
    visibility: hidden !important;
    display: inherit !important;
}

#mainMenu.menu-onclick nav > ul > li.hover-active > ul,
#mainMenu.menu-onclick nav > ul > li .hover-active.dropdown-submenu > ul {
    opacity: 1 !important;
    visibility: visible !important;
    display: block;
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.dark #mainMenu nav > ul > li > a,
#mainMenu.dark nav > ul > li > a {
    color: #ffffff;
}

#mainMenu-trigger {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: 80px;
    z-index: 1;
    float: right;
}

#mainMenu-trigger button {
    background: none;
    border: 0;
    padding: 0;
}

#mainMenu-trigger button:focus {
    outline: 0;
}

@media (max-width: 1024px) {
    .link-cont-mob {
        display: block;
        width: 30px;
        float: right;
        margin-right: 10px;
        line-height: 70px;
    }

    .link-cont-mob svg {
        width: 100%;
        fill: #000;
        stroke: #000
    }

    #header.dark .link-cont-mob svg {
        width: 100%;
        fill: #fff;
        stroke: #fff;
    }

    #header.dark .mainMenu-open .link-cont-mob svg {
        fill: #000;
        stroke: #000
    }

    #mainMenu-trigger {
        position: relative;
        margin-right: -10px;
        opacity: 1;
        visibility: visible;
    }

    #mainMenu:not(.menu-overlay) {
        max-height: 0;
        clear: both;
        display: block;
        width: 100%;
        opacity: 1;
        overflow: hidden;
        transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    }

    #mainMenu:not(.menu-overlay) > .container {
        text-align: left !important;
        width: 100%;
        max-width: 100%;
    }

    #mainMenu:not(.menu-overlay) nav {
        line-height: 40px;
        float: none;
        width: 100%;
        padding-bottom: 20px;
        transition: .7s ease;
        opacity: 0;
        transform: translateY(-18px);
    }

    #mainMenu:not(.menu-overlay) nav > ul {
        float: none;
        width: 100%;
    }

    #mainMenu:not(.menu-overlay) nav > ul > li {
        padding: 0;
        margin: 0;
        clear: both;
        float: none;
        display: flex;
        border: 0;
        align-items: center;
        flex-wrap: wrap;
    }

    #mainMenu:not(.menu-overlay) nav > ul > li.menu-item-has-children:after {
        content: "\e92e";
        font-family: inspiro-icons !important;
        font-size: 18px;
        margin: -3px 0 0 3px;
        display: inline-block;
        vertical-align: middle;
    }

    #mainMenu:not(.menu-overlay) nav > ul > li > a {
        display: inline-block;
        padding: 12px 0;
        font-size: 14px;
        border: 0;
        border-radius: 0;
    }

    #mainMenu:not(.menu-overlay).menu-animate nav {
        opacity: 1;
        transform: translateY(0);
    }

    #mainMenu nav > ul > li .sub-menu {
        flex-grow: 1;
        order: 1;
        box-shadow: 0 10px 17px rgb(0 0 0 / 10%);
        margin: 0 30px 20px;
        position: relative;
        top: 0;
    }

    .mainMenu-open #header #mainMenu {
        width: calc(100% + 14px);
        display: block;
        opacity: 1;
        overflow-y: scroll;
    }

    .mainMenu-open #header .header-inner {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        background-color: #fff !important;
    }
}

.header-extras {
    float: right;
    z-index: 199;
    position: relative;
    height: 80px;
}

.header-extras > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-extras > ul > li {
    float: left;
    border: 0;
}

.header-extras > ul > li a,
.header-extras > ul > li i {
    color: #484848;
}

.header-extras > ul > li > a:not(.btn),
.header-extras > ul > li > .p-dropdown {
    padding-left: 6px;
    padding-right: 6px;
}

.header-extras > ul > li .p-dropdown a > span {
    position: absolute;
    top: -8px;
    font-size: 9px;
    opacity: 1;
    right: -2px;
}

.header-extras > ul > li .btn {
    margin-bottom: 0px;
}

.dark .header-extras .p-dropdown a > span,
.dark .header-extras a > i {
    color: #fff;
}

#header .header-extras > ul > li a:hover span {
    color: #05c495;
}

@media (max-width: 1024px) {
    .header-extras {
        float: left;
    }

    .header-extras > ul .p-dropdown > a > i,
    .header-extras > ul > li > a > i {
        font-size: 16px !important;
    }

    .header-extras > ul .p-dropdown:first-child > a,
    .header-extras > ul > li:first-child > a {
        padding-left: 0;
    }
}

#search {
    display: none;
}

.form-control {
    font-family: "Roboto", sans-serif;
}

.page-menu {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    height: 52px;
    line-height: 48px;
}

.page-menu > .container {
    position: relative;
}

.page-menu nav {
    text-align: center;
}

.page-menu nav > ul {
    list-style: none;
    margin: 0;
}

.page-menu nav > ul > li {
    transition: all .3s ease;
    position: relative;
    border: 0;
    display: inline-block;
    float: none;
    padding: 0px 2px;
    font-family: "Roboto", sans-serif;
}

.page-menu nav > ul > li:last-child {
    margin-right: 0;
}

.page-menu nav > ul > li > a {
    position: relative;
    padding: 2px 16px;
    font-size: 15px;
    line-height: 16px;
    border-radius: 50px;
    transition: all 0.3s ease;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
}

.page-menu nav > ul > li > a:hover {
    text-decoration: underline !important;
}

.page-menu nav > ul > li > a:after,
.page-menu nav > ul > li > a:before {
    transition: all .3s ease;
}

.page-menu nav > ul > li:last-child {
    margin-right: 0;
}

.page-menu.menu-rounded nav > ul > li:hover > a,
.page-menu.menu-rounded nav > ul > li.active > a {
    border-color: transparent;
    color: #ffffff;
    background-color: #05c495;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

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

html {
    font-size: 88%;
}

@media all and (max-width: 768px) {
    html {
        font-size: 81.25%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Roboto", sans-serif;
    color: #1f1f1f;
    margin: 0;
}

h1,
.h1 {
    font-size: 3.14285714em;
    line-height: 1.31818182em;
}

h1:not(:last-child),
.h1:not(:last-child) {
    margin-bottom: 20px;
}

h2,
.h2,
h3,
.h3,
h4,
.h4 {
    font-size: 1.78571429em;
    line-height: 1.5em;
    font-weight: bold;
}

h3:not(:last-child),
.h3:not(:last-child),
h4:not(:last-child),
.h4:not(:last-child),
h2:not(:last-child),
.h2:not(:last-child) {
    margin-bottom: 12px;
}

h2 {
    font-size: 30px;
    line-height: 1.1;
}

.lead {
    font-weight: 400;
}

@media all and (max-width: 767px) {

    h1,
    .h1 {
        font-size: 2.35714286em;
        line-height: 1.36363636em;
    }

    h2,
    .h2 {
        font-size: 1.78571429em;
        line-height: 1.5em;
    }

    h3,
    .h3 {
        font-size: 1.35714286em;
        line-height: 1.85714286em;
    }

    .lead {
        font-size: 1.35714286em;
        line-height: 1.68421053em;
    }
}

p {
    font-style: normal;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #728181;
}

strong {
    font-weight: 600;
}

a:not(.btn):not(.badge):hover,
a:not(.btn):not(.badge):focus,
a:not(.btn):not(.badge):active {
    text-decoration: none;
    outline: none;
    color: #05c495;
}

a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) {
    color: #484848;
}

.inspiro-slider {
    width: 100%;
    height: 72vh;
    overflow: hidden;
    transition: opacity .3s ease;
    min-height: 100%;
    width: 100%;
}

.inspiro-slider.slider-fullscreen {
    height: 100vh;
}

.inspiro-slider.is-fade .slide {
    opacity: 0 !important;
    transition: opacity 0.5s ease !important;
}

.inspiro-slider.is-fade .slide.is-selected {
    opacity: 1 !important;
    z-index: 10;
}

.inspiro-slider .slide {
    z-index: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    z-index: 1;
    width: 100%;
    display: flex !important;
}

.inspiro-slider .slide .container,
.inspiro-slider .slide .container-wide {
    padding-top: 140px;
    padding-bottom: 140px;
    align-self: center !important;
}

@media (min-width: 1200px) {
    .inspiro-slider .video-slide .container {
        max-width: 1920px;
        padding-left: 64px;
        padding-right: 64px;
    }

    .inspiro-slider .video-slide .container > .slide-captions {
        max-width: 880px;
    }
}

.inspiro-slider .slide .slide-captions {
    position: relative;
    text-align: left;
}

.inspiro-slider .slide .slide-captions h1 {
    font-size: 62px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
    color: #fff;
}

.inspiro-slider .slide .slide-captions h2 {
    font-size: 60px !important;
    font-weight: 700 !important;
    line-height: 68px !important;
    margin-bottom: 30px !important;
}

.inspiro-slider .slide .slide-captions h3,
.inspiro-slider .slide .slide-captions h4,
.inspiro-slider .slide .slide-captions h5,
.inspiro-slider .slide .slide-captions h6 {
    color: #ffffff;
}

.inspiro-slider .slide .slide-captions .strong {
    color: #ffffff;
    display: block;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 12px;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
}

.inspiro-slider .slide .slide-captions .strong::after {
    border-top: 3px solid #fff;
    content: "";
    display: block;
    margin-bottom: 0;
    margin-top: 8px;
    width: 26px;
}

.inspiro-slider .slide .slide-captions > p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
}

.inspiro-slider .slide .slide-captions .text-dark.strong::after,
.inspiro-slider .slide .slide-captions.text-dark .strong::after {
    border-top-color: #111;
}

.inspiro-slider .slide .slide-captions.text-left .strong::after {
    margin-left: 0;
    margin-right: auto;
}

.inspiro-slider .slide .slide-captions.text-center .strong::after {
    margin-left: auto;
    margin-right: auto;
}

.inspiro-slider .slide .slide-captions.text-right .strong::after {
    margin-left: auto;
    margin-right: 0;
}

.inspiro-slider .slide .slide-captions .slide-caption-hide {
    opacity: 0;
    visibility: hidden;
}

.inspiro-slider .slide .slide-captions img {
    width: inherit !important;
}

.inspiro-slider .slide.is-selected {
    z-index: 2;
}

.inspiro-slider.slider-loaded,
.inspiro-slider.flickity-enabled {
    opacity: 1;
}

.inspiro-slider .slide-link {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

.inspiro-slider .flickity-button {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    padding: 0;
}

.inspiro-slider .flickity-button::before {
    line-height: 60px;
    font-size: 28px;
    color: #ffffff;
}

.inspiro-slider .flickity-page-dots {
    bottom: 30px;
}

.inspiro-slider .flickity-page-dots .dot {
    box-shadow: inset 0 0 0 2px #ffffff;
}

.inspiro-slider .flickity-page-dots .dot:after {
    background-color: #ffffff;
    box-shadow: 0 0 1px #ffffff;
}

.inspiro-slider .slide:not(.no-animate) .slide-captions > * {
    opacity: 0;
}

#slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0px;
    background-color: #fff;
    z-index: 1;
}

@media (max-width: 1024px) {
    .inspiro-slider .flickity-prev-next-button {
        display: none;
    }

    .inspiro-slider .container,
    .inspiro-slider .container-wide {
        padding: 20px;
    }

    .inspiro-slider .slide .slide-captions {
        text-align: center;
    }

    .inspiro-slider .slide .slide-captions .strong::after {
        margin-left: auto;
        margin-right: auto;
    }

    .inspiro-slider .slide .slide-captions h1,
    .inspiro-slider .slide .slide-captions h2 {
        font-size: 40px !important;
        line-height: 40px !important;
        margin-bottom: 14px !important;
    }

    .inspiro-slider .slide .slide-captions > p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .inspiro-slider .slide .slide-captions .btn {
        padding: 6px 14px !important;
        font-size: 10px !important;
        line-height: 1.5;
    }
}

.portfolio-item {
    width: 100%;
    float: left;
    height: auto;
    padding: 0 0 20px 0;
    cursor: pointer;
}

.portfolio-item a:not(.btn) {
    color: #484848;
}

.portfolio-item .portfolio-item-wrap {
    position: relative;
    overflow: hidden;
}

.portfolio-item .portfolio-image {
    position: relative;
    overflow: hidden;
}

.portfolio-item .portfolio-image:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(20, 44, 45);
    transition: all 0.3s ease;
    opacity: 0;
    content: ' ';
    z-index: 2;
}

.portfolio-item .portfolio-image img {
    position: relative;
    transition: all 0.5s ease-out;
    width: 100%;
    z-index: 1;
    display: block;
    height: auto;
}

.portfolio-item .portfolio-description {
    left: 0;
    margin: 0 auto;
    padding: 20px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 48%;
    transform: translate3d(0px, -38%, 0px);
    transition: all 250ms ease-in-out 0s;
    visibility: hidden;
    width: 70%;
    z-index: 3;
}

.portfolio-item .portfolio-description h3,
.portfolio-item .portfolio-description p {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.portfolio-item .portfolio-description h3,
.portfolio-item .portfolio-description p,
.portfolio-item .portfolio-description span {
    color: #05c495;
}

.portfolio-item .portfolio-description a {
    margin: 3px;
}

.portfolio-item .portfolio-description span,
.portfolio-item .portfolio-description p {
    opacity: 0;
    transition: all .8s ease;
    transition-delay: 0.1s;
    margin-bottom: 0;
    padding-bottom: 0;
}

.portfolio-item:not(.no-overlay):hover .portfolio-image:after {
    opacity: .8;
}

.portfolio-item:not(.no-overlay):hover .portfolio-description {
    transform: translate3d(0, -50%, 0);
    opacity: 1;
    visibility: visible;
}

.portfolio-item:not(.no-overlay):hover .portfolio-description span,
.portfolio-item:not(.no-overlay):hover .portfolio-description p {
    opacity: 1;
}

.portfolio-item.img-zoom .portfolio-image img {
    transform: scale(1);
}

.portfolio-item.img-zoom:hover .portfolio-image img {
    transform: scale(1.1);
}

.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light .lead,
.text-light p,
.text-light a:not(.btn),
.text-light a:not(.btn):hover:not(.btn-light),
.text-light i,
.text-light li,
.text-light label,
.text-light div:not(.alert),
.text-light span:not(.btn-label) {
    color: #fff;
}

.m-0 {
    margin: 0px !important;
}

.p-b-80 {
    padding-bottom: 80px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

#footer {
    display: block;
    position: relative;
    font: 14px/16px 'Roboto', sans-serif;
    background: #142c2d;
    padding: 29px 0 12px;
    color: #a0a8a8;
}

#footer a:not(.btn) {
    color: #484848;
}

#footer .logo {
    opacity: 0.95;
    width: 150px;
    max-width: 150px;
    text-align: center;
}

#footer .logo:hover {
    opacity: 1;
}

#scrollTop {
    z-index: -1;
    opacity: 0;
    position: fixed;
    text-align: center;
    line-height: 12px !important;
    right: 26px;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.25);
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
    background-color: rgba(0, 0, 0, 0.25) !important;
    overflow: hidden;
}

#scrollTop i {
    line-height: 39px !important;
    width: 39px !important;
    height: 39px !important;
    font-size: 16px !important;
    top: 0px !important;
    left: 0px !important;
    text-align: center !important;
    position: relative;
    z-index: 10;
    background-color: transparent !important;
    transform: translate(0, 0px);
    transition: transform 0.2s ease;
}

#scrollTop:hover {
    transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
    background-color: transparent !important;
}

#scrollTop:hover i {
    transform: translate(0, -39px) !important;
}

#scrollTop:after,
#scrollTop:before {
    display: block;
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #05c495;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    border-radius: 100px;
}

#scrollTop:before {
    background-color: rgba(255, 255, 255, 0.25);
    transform: scale(1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    z-index: 2;
}

#scrollTop:hover:after {
    transform: scale(1);
}

#scrollTop:active:before {
    opacity: 1;
}

[class^="icon"] {
    display: inline-block;
}

.lines-button {
    appearance: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: 0.3s;
    user-select: none;
    width: 16px;
    background: transparent;
    outline: none;
}

.lines-button > * {
    display: block;
}

.lines-button:hover,
.lines-button:focus {
    outline: none;
}

.lines-button::-moz-focus-inner {
    border: 0;
}

.lines {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 4px;
    transition: 0.3s;
    position: relative;
    top: -1px;
}

.lines::before,
.lines::after {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 4px;
    transition: 0.3s;
    content: '';
    position: absolute;
    left: 0;
    transform-origin: 2.85714px center;
    width: 100%;
}

.lines::before {
    top: 6px;
}

.lines::after {
    top: -6px;
}

.lines,
.lines:before,
.lines:after {
    background-color: #111;
}

.toggle-active .lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}

.x {
    width: auto;
}

.x.toggle-active .lines {
    background: transparent !important;
}

.x.toggle-active .lines::before,
.x.toggle-active .lines::after {
    transform-origin: 50% 50%;
    top: 0;
    width: 26px;
}

.x.toggle-active .lines::before {
    transform: rotate3d(0, 0, 1, 45deg);
}

.x.toggle-active .lines::after {
    transform: rotate3d(0, 0, 1, -45deg);
}

iframe {
    width: 100%;
}

.p-dropdown {
    float: left;
    font-size: 13px;
    font-weight: 400;
    position: relative;
}

.p-dropdown a:not(.btn) {
    color: #484848;
}

.kenburns-bg {
    background-position: 50% 20%;
    background-repeat: repeat-y;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: -1;
    transform: scale(1);
    transition: 14s transform ease;
}

.kenburns-bg.kenburns-bg-animate {
    transform: translate3d(0, 0, 0) scale(1.2);
}

a:not([href]):not([tabindex]):not(.btn) {
    color: none;
}

button.btn,
.btn:not(.close):not(.mfp-close),
a.btn:not([href]):not([tabindex]) {
    font-family: "Roboto Condensed", sans-serif;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    padding: 12px 18px;
    position: relative;
    text-transform: uppercase;
    background-color: #05c495;
    border-color: #05c495;
    border-width: 1px;
    border-style: solid;
    color: #000;
    transition: all 0.3s;
    margin-bottom: 6px;
    line-height: 14px;
    cursor: pointer;
    min-width: clamp(220px, 62vw, 300px);
    width: 80%;
}

@media (min-width: 576px) {

    button.btn,
    .btn:not(.close):not(.mfp-close),
    a.btn:not([href]):not([tabindex]) {
        min-width: auto;
        width: auto;
    }
}

button.btn:after,
.btn:not(.close):not(.mfp-close):after,
a.btn:not([href]):not([tabindex]):after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

button.btn:hover,
button.btn:focus,
button.btn:not(:disabled):not(.disabled):active,
button.btn:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close):hover,
.btn:not(.close):not(.mfp-close):focus,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]):hover,
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
    background-color: #1fecb9;
    border-color: #1fecb9;
    color: #000;
    text-decoration: none;
}

button.btn.btn-outline,
.btn:not(.close):not(.mfp-close).btn-outline,
a.btn:not([href]):not([tabindex]).btn-outline {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #05c495;
    color: #05c495;
}

button.btn.btn-outline:hover,
button.btn.btn-outline:focus,
button.btn.btn-outline:active,
button.btn.btn-outline.active,
.btn:not(.close):not(.mfp-close).btn-outline:hover,
.btn:not(.close):not(.mfp-close).btn-outline:focus,
.btn:not(.close):not(.mfp-close).btn-outline:active,
.btn:not(.close):not(.mfp-close).btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-outline:hover,
a.btn:not([href]):not([tabindex]).btn-outline:focus,
a.btn:not([href]):not([tabindex]).btn-outline:active,
a.btn:not([href]):not([tabindex]).btn-outline.active {
    background-color: #05c495;
    border-width: 2px;
    border-style: solid;
    border-color: #05c495;
    color: #fff;
}

button.btn.btn-rounded,
.btn:not(.close):not(.mfp-close).btn-rounded,
a.btn:not([href]):not([tabindex]).btn-rounded {
    border-radius: 2em !important;
}

button.btn.btn-light,
.btn:not(.close):not(.mfp-close).btn-light,
a.btn:not([href]):not([tabindex]).btn-light {
    background-color: #ffffff;
    border-color: #ebebeb;
    color: #4c5667;
}

button.btn.btn-light:hover,
button.btn.btn-light:focus,
button.btn.btn-light:active,
button.btn.btn-light.active,
.btn:not(.close):not(.mfp-close).btn-light:hover,
.btn:not(.close):not(.mfp-close).btn-light:focus,
.btn:not(.close):not(.mfp-close).btn-light:active,
.btn:not(.close):not(.mfp-close).btn-light.active,
a.btn:not([href]):not([tabindex]).btn-light:hover,
a.btn:not([href]):not([tabindex]).btn-light:focus,
a.btn:not([href]):not([tabindex]).btn-light:active,
a.btn:not([href]):not([tabindex]).btn-light.active {
    border-color: #ebedf2;
    background-color: #f4f5f8;
    color: #4c5667;
}

.heading-text {
    margin-bottom: 30px;
}

.heading-text p a:hover,
.heading-text p a:not(.btn):not(.badge):hover,
#welcome p a:hover,
#welcome p a:not(.btn):not(.badge):hover {
    text-decoration: underline;
}

.heading-text h1,
.heading-text h2,
.heading-text h3,
.heading-text h4,
.heading-text h5,
.heading-text h6 {
    position: relative;
    margin-bottom: 30px;
}

.heading-text h2 {
    font-size: 60px;
    margin-bottom: 30px;
    line-height: 66px;
}

.heading-text h3 {
    font-size: 60px;
    margin-bottom: 30px;
    line-height: 66px;
}

.heading-text p {
    margin-bottom: 27px;
}

.heading-text.heading-section > h1,
.heading-text.heading-section > h2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: bold;
    margin-bottom: 82px;
}

.heading-text.heading-section > h1:before,
.heading-text.heading-section > h2:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100px;
    background-color: #05c495;
    bottom: -30px;
    left: 0;
    right: 0;
}

.heading-text.heading-section.text-center h1:before,
.heading-text.heading-section.text-center h2:before,
.heading-text.heading-section.text-center h3:before,
.heading-text.heading-section.text-center h4:before,
.heading-text.heading-section.text-center h5:before,
.heading-text.heading-section.text-center h6:before {
    margin: 0 auto;
}

.social-icons ul {
    padding: 0;
    margin: 0;
}

.social-icons li {
    float: left;
    list-style: none;
}

.social-icons li a {
    float: left;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    margin: 0 4px 4px 0;
    border-radius: 4px;
    border: 0;
    background: transparent;
    color: #333;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
    color: #ffffff !important;
    border: 0;
}

.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
    background-color: #5d82d1;
}

.social-icons.social-icons-colored .social-youtube a,
.social-icons.social-icons-colored-hover .social-youtube a:hover {
    background-color: #ef4e41;
}

.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
    background-color: #e53d00;
}

.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
    background-color: #e13138;
}

.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
    background-color: #238cc8;
}

.social-icons.social-icons-colored .social-behance a,
.social-icons.social-icons-colored-hover .social-behance a:hover {
    background-color: #1879fd;
}

.social-icons.social-icons-light li a {
    background: #fff;
    color: #333;
    border: 1px solid #eee;
}

.social-icons li:hover i {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@font-face {
    font-family: 'inspiro-icons';
    src: url("../webfonts/inspiro-icons.ttf?ijzgpf") format("truetype"), url("../webfonts/inspiro-icons.woff?ijzgpf") format("woff");
    font-weight: normal;
    font-display: swap;
    font-style: normal;
    font-display: block;
}

i:not(.fa):not(.fab):not(.far):not(.fas) {
    font-family: inspiro-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-globe:before {
    content: "\e978";
}

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}

/* ---- flickity-button ---- */
.flickity-button {
    background: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: -23px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    transition: all .2s ease 0s;
    color: #9896a6;
    text-align: center;
    z-index: 200;
    border: 0;
    box-sizing: initial;
    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
}

.flickity-button:before {
    color: #1f1f1f;
}

.flickity-button:hover {
    background-color: #fff;
}

.flickity-button:hover:before {
    color: #ffffff;
    color: #4c5667;
}

.flickity-button.next:before,
.flickity-button.previous:before {
    font-size: 25px;
    font-family: inspiro-icons !important;
}

.flickity-button.next {
    right: 0px;
}

.flickity-button.next:before {
    margin-left: 4px;
    content: "\e930";
}

.flickity-button.next.disabled {
    opacity: 0;
}

.flickity-button.previous {
    left: 0px;
}

.flickity-button.previous:before {
    content: "\e92f";
    margin-right: 2px;
}

.flickity-button.previous.disabled {
    opacity: 0;
}

.flickity-button svg {
    display: none !important;
}

.inspiro-slider:hover .flickity-button.next,
.carousel:hover .flickity-button.next {
    left: auto;
    right: 10px;
    opacity: 1;
}

.inspiro-slider:hover .flickity-button.next.disabled,
.carousel:hover .flickity-button.next.disabled {
    opacity: 0;
}

.inspiro-slider:hover .flickity-button.previous,
.carousel:hover .flickity-button.previous {
    right: auto;
    left: 10px;
    opacity: 1;
}

.flickity-button-icon {
    fill: currentColor;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    z-index: 3;
    height: 10px;
}

.flickity-page-dots .dot {
    display: inline-block;
    position: relative;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #cccccc;
    transition: background 0.8s ease;
}

.flickity-page-dots .dot:after {
    outline: medium none;
    text-indent: -999em;
    border-radius: 50%;
    overflow: hidden;
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #cccccc;
    box-shadow: 0 0 1px #cccccc;
    transition: height 0.3s ease;
}

.flickity-page-dots .dot.is-selected:after {
    height: 100%;
}

.inspiro-slider.dots-creative .flickity-page-dots .dot,
.carousel.dots-creative .flickity-page-dots .dot {
    opacity: 0.5;
    box-shadow: none;
    border-radius: 0;
    background-color: #ffffff;
    height: 4px;
    width: 30px;
}

.inspiro-slider.dots-creative .flickity-page-dots .dot:after,
.carousel.dots-creative .flickity-page-dots .dot:after {
    background-color: #ffffff;
    box-shadow: none;
}

.inspiro-slider.dots-creative .flickity-page-dots .dot:hover,
.carousel.dots-creative .flickity-page-dots .dot:hover {
    opacity: 0.6;
}

.inspiro-slider.dots-creative .flickity-page-dots .dot.is-selected,
.carousel.dots-creative .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

input:not([type="checkbox"]):not([type="radio"]),
select {
    line-height: 18px;
    padding: 10px 16px;
    min-height: 40px;
    font-size: .9rem;
}

.form-group label:not(.error) {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 4px;
    color: #777777;
}

.html5vid {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    transition: opacity .5s linear;
}

.html5vid:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #181818;
}

.html5vid video {
    max-width: none !important;
    border: none;
    object-fit: cover;
    background-size: cover;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0%;
    display: block;
}

.html5vid.video-loaded {
    opacity: 1;
}

video {
    width: 100%;
}

.textradios {
    margin: 0 -8px -8px 0;
    text-align: center;
    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.textradios label,
.form-group .textradios label {
    display: block;
    position: relative;
    margin: 0;
}

.textradios label input {
    position: absolute;
    opacity: 0;
}

.textradios label input:checked + span {
    background-color: #eff1f4;
}

.textradios_item {
    margin: 0 7.5px 8px 0;
}

.textradios_item_txt,
.textradios_item .wpcf7-list-item-label {
    cursor: pointer;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(1.5em + .75rem + 2px);
    background-color: #fdfdfd;
    line-height: 18px;
    padding: 10px 10px;
    font-weight: 400;
    color: #495057;
    font-size: .9rem;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.wpcf7-form span.wpcf7-list-item {
    margin: 0;
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: none;
}

.custom-control-input:checked + .wpcf7-list-item-label .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-control-input:checked + .wpcf7-list-item-label .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.form-control.wpcf7-not-valid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

textarea.form-control.wpcf7-not-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}

.agreement {
    font-size: 11px;
}

.agreement a {
    color: #777777;
    text-decoration: underline;
}

.form-group label.agreement {
    font-size: 12px;
    line-height: 1.4;
}

.top-slider {
    position: relative;
    top: -132px;
    padding: 0;
    margin-bottom: -132px;
}

.top-slider .go-next {
    position: absolute;
    bottom: 60px;
    left: 50%;
    z-index: 4;
    width: 34px;
    height: 54px;
    border: 2px solid #fff;
    border-radius: 17px;
    margin-left: -17px;
}

.top-slider .go-next:before {
    content: '';
    width: 10px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(../images/scrolldown-mouse.png) no-repeat center -10px;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -moz-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

header .header-inner #logo {
    margin-right: -120px;
}

#header .header-inner #logo a > img {
    height: 38px;
    margin-top: 18px;
}

@media (max-width: 1023px) {
    #header .header-inner #logo a > img {
        margin-top: 22px;
    }
}

@media (max-width: 500px) {
    #header .header-inner #logo a > img {
        height: 30px;
        margin-top: 25px;
    }
}

.new-title {
    margin: 0 0 13px;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
}

.how {
    text-align: center;
    margin: 40px auto 30px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.how_item {
    width: 152px;
}

.how_img {
    font-size: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
}

.how_img img {
    max-height: 61px;
    max-width: 56px;
}

.how_txt {
    font-size: 14px;
    margin: 13px -25px 0;
    font-weight: 400;
    line-height: 1.7;
}

.how_arr {
    max-width: 142px;
    margin-top: 39px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 19px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142.406' height='11.32' viewBox='0 0 142.406 11.32'%3E%3Cpath fill='%2364ca9d' d='M582,7962v-2H722v2H582Zm135.324-4.96,1.414-1.41,5.657,5.65-1.414,1.42Zm1.414,9.9-1.414-1.41,5.657-5.66,1.414,1.41Z' transform='translate(-582 -7955.62)'/%3E%3C/svg%3E%0A") no-repeat right;
}

.polo-carousel-item {
    top: 50%;
    transform: translateY(-50%);
}

.flickity-button {
    margin: -60px 0 0;
}

@media only screen and (max-width: 1199px) {
    .how_txt {
        margin: 13px -37px 0;
    }

    .image-block .col-lg-6 {
        padding: 33px 30px 15px 30px;
    }
}

@media only screen and (min-width: 992px) {
    #menu-item-938 {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .how_txt {
        margin: 13px -22px 0;
    }

    .nav_page {
        right: 10px;
    }

    .image-block1 .nav_page {
        left: auto;
        right: 10px;
    }

    .image-block1 .row .col-img {
        order: 1;
    }

    .image-block .heading-text.heading-section > h2 {
        padding-right: 40px;
    }

    .image-block .col-lg-6 {
        min-height: 200px;
    }

    .image-block .col-lg-6.col-img {
        min-height: 400px;
    }

    .mob-hid {
        display: none;
    }

    .how_item {
        width: 114px;
    }

    .new-title {
        font-size: 26px;
    }

}

@media only screen and (max-width: 739px) {
    .how {
        display: block;
    }

    .how_arr {
        transform: rotate(90deg);
        width: 30px;
        margin: 30px auto;
    }

    .new-title {
        font-size: 22px;
    }

    .how_item {
        width: 100%;
    }

    .image-block .col-lg-6.col-img {
        min-height: 300px;
    }

    .heading-text.heading-section > h1,
    .heading-text.heading-section > h2 {
        font-size: 36px;
        line-height: 48px;
    }
}

#footer a:not(.btn) {
    color: #a0a8a8;
}

#footer .logo img {
    width: 150px;
}

#footer .menu-footer_menu-container {
    max-width: 390px;
    float: left;
}

#footer #footer-menu {
    margin-bottom: 0;
    margin-right: -22px;
    overflow: hidden;
    list-style: none;
}

#footer #footer-menu li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 22px;
    line-height: 27px;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
}

#footer #footer-menu li a {
    color: #a0a8a8;
    transition: all .3s ease;
}

#footer #footer-menu li a:hover {
    color: #05c495;
}

#footer #footer-menu li:first-child:after {
    display: none
}

#footer #footer-menu li:after {
    position: absolute;
    width: 1px;
    height: 13px;
    background: #a3a3a3;
    left: -11px;
    top: 50%;
    margin-top: -6px;
    content: '';
}

.footer_cols {
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 939px) {
    #footer .menu-footer_menu-container {
        max-width: 100%;
        float: none;
    }

    #footer #footer-menu {
        float: none;
        overflow: hidden;
        text-align: center;
        margin: 0 -11px 0 0;
    }

    #footer #footer-menu li {
        padding-right: 11px;
    }

    #footer #footer-menu li:after {
        left: -7px;
    }

    .footer_cols {
        overflow: visible;
    }

    #footer .footer-content-inner-right {
        float: none;
        text-align: center;
    }

    #footer .logo {
        position: relative;
        top: 0;
        margin: 30px auto;
        display: block;
        left: 0;
    }
}

.wrap3d {
    position: relative;
    overflow: hidden;
}

.wrap3d .embed-responsive {
    max-height: calc(100vh - 133px);
}

.wrap3d .embed-responsive {
    max-height: 800px;
}

.wrap3d .videowrap .embed-responsive {
    max-height: 800px;
}

#welcome {
    background: #e8eaea;
}

#welcome .heading-section {
    letter-spacing: 0;
}

#welcome h2 {
    text-align: left;
}

#welcome h2:before {
    margin: 0;
}

#welcome h3 {
    font: bold 25px/36px 'Roboto', sans-serif;
    margin: 38px 0 27px;
    color: #435657;
}

#welcome h3:first-child {
    margin-top: 0;
}

.section-why {
    background: #e8eaea;
    padding-top: 140px;
}

html,
body {
    height: 100%;
}

.body-inner {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch;
    min-height: 100%;
}

.body-inner > * {
    width: 100%;
}

.body-inner #footer {
    margin-top: auto;
}

.cont-holder {
    display: none;
    float: right;
    font-size: 13px;
    position: relative;
    color: #5f6263;
    margin: 0px 0px 0 -100px;
}

.header-sticky.sticky-active .cont-holder {
    display: block;
}

.cont-holder .span {
    color: #a0a8a8;
}

.cont-holder a {
    float: right;
    color: #05c495;
    margin-right: 32px;
}

.cont-holder a:hover {
    text-decoration: underline;
}

.cont-holder .fa {
    vertical-align: middle;
    margin-right: 3px;
}

.form-group .wpcf7-submit:disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.form-group .wpcf7-submit {
    font-family: "Roboto Condensed", sans-serif;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    outline: none;
    padding: 12px 30px;
    position: relative;
    text-transform: uppercase;
    background-color: #05c495;
    border-color: #05c495;
    border-width: 1px;
    border-style: solid;
    color: #000;
    transition: all 0.3s;
    margin-bottom: 6px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
    text-align: center;
    border: 1px solid transparent;
    vertical-align: middle;
    display: inline-block;
    min-width: clamp(220px, 62vw, 300px);
    width: 80%;
}

.form-group:has(.wpcf7-submit) {
    text-align: center;
}

@media (min-width: 576px) {
    .form-group .wpcf7-submit {
        min-width: auto;
        width: auto;
    }

    .form-group:has(.wpcf7-submit) {
        text-align: left;
    }
}

.form-group .wpcf7-submit:hover {
    background: #1fecb9;
    border-color: #1fecb9;
}

.icon-chevron-up:before {
    content: "\e931";
}

@media only screen and (min-width: 1570px) {
    .cont-holder {
        position: absolute;
        right: 127px;
        width: 365px;
    }
}

@media only screen and (max-width: 1569px) {
    .header-sticky.sticky-active .cont-holder {
        display: none;
    }
}

@media only screen and (max-width: 1279px) {
    .as_item {
        height: 230px;
    }

    #header.fix .cont-holder,
    .header-sticky.sticky-active .cont-holder {
        display: none;
    }
}

@media (min-width: 1025px) {
    #mainMenu nav > ul > li:hover:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: #05c495;
    }
}

@media (max-width: 1024px) {}

@media only screen and (max-width: 939px) {
    .as_item {
        height: auto;
        max-width: 450px;
    }

    .about_txt h2,
    .about_txt h4 {
        font: bold 32px/38px 'Roboto', sans-serif;
    }
}

@media only screen and (max-width: 767px) {

    .about_txt h2,
    .about_txt h4 {
        font: bold 22px/28px 'Roboto', sans-serif;
    }

    .p-t-110 {
        padding-top: 40px !important;
    }

    .p-t-100 {
        padding-top: 40px !important;
    }

    .p-b-60 {
        padding-bottom: 30px !important;
    }

    #welcome .heading-section {
        font-size: 36px;
    }
}

@media only screen and (max-width: 439px) {
    #welcome .heading-section {
        font-size: 25px;
    }

    .about_txt h2,
    .about_txt h4 {
        font: bold 20px/26px 'Roboto', sans-serif;
    }

    .about_txt h4 {
        font: bold 18px/24px 'Roboto', sans-serif;
    }

    /*.container { padding: 0 15px;}
  .image-block .col-lg-6 { padding: 30px 15px 15px 15px;}*/
    .heading-text.heading-section p {
        font-size: 16px;
        line-height: 22px;
    }

}

.pricetable .btn.btn-light {
    width: 130px;
}

.section-compare {
    padding-bottom: 0;
}

.section-compare .heading-text h3 {
    font-size: 40px;
    line-height: 1.1;
}

.section-price_btn {
    margin-bottom: 80px;
}

.section_txt {
    text-align: center;
    margin: -3px auto 47px;
    color: #728181;
    font-size: 20px;
    line-height: 1.75;
    max-width: 860px;
    letter-spacing: 0.1px;
}

.section_txt p {
    color: #728181;
    font-size: 20px;
    line-height: 1.75;
}

.nowrap {
    white-space: nowrap;
}

@media only screen and (max-width: 439px) {
    .pricetable .btn.btn-light {
        width: 87px;
    }
}


.calendly-inline-widget {
    width: 680px;
    margin-left: -17px;
    margin: 0 auto;
    margin-top: -66px;
    min-height: 1003px;
    margin-bottom: -40px;
}

.simplebar-wrapper {
    display: none;
}

@media only screen and (max-width: 767px) {
    .calendly-inline-widget {
        min-width: 290px !important;
        width: calc(100% + 30px);
        margin: 0 -15px;
        min-height: 590px;
    }
}

.wpcf7-form .myemail .wpcf7-not-valid-tip {
    display: block !important;
}

.wpcf7 .wpcf7-submit:disabled {
    pointer-events: none;
    opacity: 0.5;
}

.phone-country-code {
    display: flex;
    align-items: center;
}

.phone-country-code > span {
    display: flex;
    align-items: center;
    width: 100%;
}

.cc-picker {
    /*min-width: 76px;*/
    display: flex;
    align-items: center;
    padding-right: 8px;
    padding-left: 16px;
    overflow: visible;
}

.cc-picker-code {
    width: auto;
}

.cc-picker-flag {
    min-width: 16px;
}

.cc-picker-code-list {
    margin: -13px 0 0 -1px;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
}

.cc-picker-code-list > li {
    padding: 3px 10px 3px 15px;
}

.cc-picker-code-select-enabled::after {
    border-top: 5px solid #728181;
    position: static;
    margin-right: 7px;
}

.cc-picker-code {
    order: 1;
}

.cc-picker-code:before {
    content: "+";
}

.phone-country-code {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.phone-country-code .form-control {
    border: none;
    margin: -1px;
    background: transparent;
    width: auto;
    overflow: hidden;
    min-width: 100px;
    padding-left: 8px;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
    width: 100%;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
    width: 100%;
}

/* 12.05.2022 */
.section-simpletxt {
    padding: 65px 0 52px;
}

.section-simpletxt .heading-text.heading-section > h1,
.heading-text.heading-section > h2 {
    margin-bottom: 62px;
}

.youtube {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.youtube .y-play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .y-play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}

.youtube img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}

.youtube img,
.youtube .y-play-button {
    cursor: pointer;
}

.youtube .y-play-button,
.youtube .y-play-button:before {
    position: absolute;
}

.youtube .y-play-button,
.youtube .y-play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.youtube:hover .y-play-button {
    background-color: #f00;
}

.li-icon {
    margin-right: 4px;
}

/* css custom */

.footer_copy {
    font: normal normal normal 14px/24px Roboto;
    padding: 5px 0;
    letter-spacing: 0.1px;
    color: #A0A8A8;
    opacity: 0.52;
}

.footer_copy a {
    display: inline-block;
}

.footer_top {
    border-bottom: 1px solid #203536;
    padding-bottom: 32px;
    margin-bottom: 46px;
}

#footer .footer_cols .logo img {
    width: 100%;
}

.footer_cols {
    display: flex;
    justify-content: space-between;
}

.footer_top .footer_cols {
    align-items: center;
    gap: 20px;
}

.footer_menu-container {
    width: 780px;
}

.footer_top .footer_cols .footer_menu-container {
    width: auto;
}

#footer .footer_cols #footer-menu li {
    font: normal normal bold 14px/27px Roboto;
}

#footer .footer_cols #footer-menu li:after {
    position: absolute;
    width: 1px;
    height: 13px;
    background: #a3a3a3;
    left: -11px;
    top: 50%;
    margin-top: -6px;
    content: '';
}

#footer .footer_cols #footer-menu li a:not(.btn) {
    color: #FFFFFF;
}

#footer .footer_cols #footer-menu li a:not(.btn):hover {
    color: #21C396;
}

.footer_title {
    margin: 2px 0 24px;
    font: normal normal bold 16px/27px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.footer_nav {
    margin-bottom: 40px;
}

.footer_nav ul {
    column-count: 3;
    margin: 0;
}

.footer_nav li {
    list-style: none;
    margin-bottom: 13px;
    display: inline-block;
    break-inside: avoid;
    width: 100%;
}

#footer .footer_nav li a:not(.btn) {
    font: normal normal normal 14px/17px Roboto;
    letter-spacing: 0.1px;
    color: #A0A8A8;
}

#footer .footer_nav li a:not(.btn):hover {
    color: #21C396 !important;
}

#footer .footer_contacts li {
    list-style: none;
}

#footer .footer_contacts li a:not(.btn) {
    display: inline-flex;
    align-items: center;
    font: normal normal normal 14px/30px Roboto;
    letter-spacing: 0px;
    color: #21C396;
}

#footer .footer_contacts li a .fa {
    font-size: 22px;
    width: 22px;
    margin-right: 18px;
    display: block;
}

#footer .social-icons {
    margin-top: 25px;
    margin-right: -4px;
    margin-bottom: 52px;
    min-height: 36px;
}

#footer .social-icons.social-icons-light li a:not(.btn) {
    background: #142c2d;
    color: #fff;
    border: 1px solid #b1b1b1;
}

.social-icons ul {
    overflow: hidden;
    display: inline-block;
}

.footer_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*Subscribe Modal*/
.modal-open {
    overflow: hidden;
}

#subscribe-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 200;
}

.subscribe-modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    width: 428px;
    max-width: 80%;
}

.subscribe-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
}

.subscribe-modal__content .wpcf7-not-valid-tip {
    line-height: 1.5;
}

.subscribe-modal__content .wpcf7-spinner {
    display: none;
}

.social-icons.social-icons-colored .social-x-twitter a,
.social-icons.social-icons-colored-hover .social-x-twitter a:hover {
    background-color: #40bff5;
}

@media (min-width: 1200px) {
    #footer .footer_cols .logo {
        width: 203px;
        max-width: 203px;
    }
}

@media (max-width: 1199px) {
    .footer_cols {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    .footer_top .footer_cols {
        flex-direction: column
    }

    .footer_menu-container {
        width: 100%;
    }

    .footer_copy {
        text-align: center;
    }

    #footer .footer_cols .logo {
        margin-bottom: 20px;
    }

    .footer_left {
        display: block;
    }

    #footer .social-icons {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .footer_nav ul {
        column-count: 2;
    }
}

@media (max-width: 575px) {
    .footer_nav ul {
        column-count: 1;
    }
}

.cursor-pointer {
    cursor: pointer;
}

@media (min-width: 1025px) {
    #menu-item-6751 {
        display: none;
    }
}

.lines-button {
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: .3s;
    user-select: none;
    outline: none;
}

#header.dark .header-inner .lines,
#header.dark .header-inner .lines:before,
#header.dark .header-inner .lines:after {
    background-color: #fff;
}

/* Header */
@media screen and (max-width: 1280px) {
    .dark #mainMenu .menu > li > a {
        color: #000;
        display: inline-block;
        padding: 12px 0;
        font-size: 14px;
        border: 0;
        border-radius: 0;
    }

    .mainMenu-open #header.dark .header-inner .lines {
        background-color: #111;
    }

    .mainMenu-open #header.dark .link-cont-mob svg {
        fill: #000;
        stroke: #000;
    }

    .mainMenu-open #header.dark .header-inner #logo a > img {
        display: block;
    }

    .mainMenu-open #header.dark .header-inner #logo a > .logo-hover {
        display: none;
    }

    .mainMenu-open .dark .header-extras a > i,
    .mainMenu-open .dark .header-extras .p-dropdown a > span {
        color: #484848;
    }

    #header #mainMenu-trigger {
        position: relative;
        margin-right: -10px;
        opacity: 1;
        visibility: visible;
    }

    #header #mainMenu:not(.menu-overlay) nav {
        line-height: 40px;
        float: none;
        width: 100%;
        padding-bottom: 20px;
        transition: .7s ease;
        opacity: 0;
        transform: translateY(-18px);
    }

    #header .header-extras {
        float: left;
    }

    #header .header-inner #logo {
        position: absolute !important;
        text-align: center;
        margin: 0 !important;
        float: none;
        height: 80px;
        left: 50%;
        width: 150px;
        margin-left: -75px !important;
        right: 0;
        padding: 0 !important;
    }

    #header .header-inner .page-menu {
        display: none;
    }

    .mainMenu-open #header .header-inner #mainMenu {
        width: calc(100% + 14px);
        display: block;
        opacity: 1;
        overflow-y: scroll;
    }

    .mainMenu-open .body-inner #header .header-inner {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        background-color: #fff !important;
    }

    .mainMenu-open #header .header-inner {
        height: auto;
    }

    .mainMenu-open #header.dark .header-inner .lines:before,
    .mainMenu-open #header.dark .header-inner .lines:after {
        background-color: #111;
    }

    #header #mainMenu:not(.menu-overlay) {
        max-height: 0;
        clear: both;
        overflow: hidden;
        transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    }

    #header #mainMenu:not(.menu-overlay).menu-animate nav {
        opacity: 1;
        transform: translateY(0);
        line-height: 40px;
        float: none;
        width: 100%;
        padding-bottom: 20px;
        transition: .7s ease;
    }

    #header #mainMenu:not(.menu-overlay) nav > ul {
        float: none;
        width: 100%;
    }

    #header #mainMenu:not(.menu-overlay) nav > ul > li {
        padding: 0;
        margin: 0;
        clear: both;
        float: none;
        display: flex;
        border: 0;
        align-items: center;
        flex-wrap: wrap;
    }

    #header #mainMenu nav > ul > li .sub-menu {
        flex-grow: 1;
        order: 1;
        box-shadow: 0 10px 17px rgba(0, 0, 0, .1);
        margin: 0 30px 20px;
        position: relative;
        top: 0;
    }

    .mainMenu-open .body-inner #header.header-sticky .header-inner {
        height: auto;
        position: fixed;
        top: 0;
        margin: 0 auto;
        width: 100%;
    }
}

.section-why .heading-text > .row h2,
.section-why .heading-text > .row h3,
.section-why .heading-text > .row h4,
.section-why .heading-text > .row h5,
.section-why .heading-text > .row h6 {
    color: #435657;
    font-size: 25px;
    line-height: 1.44;
}

/* Section Get in Touch with Us */
.title-get-in-touch,
.title-social {
    color: #1f1f1f;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1;
    margin: 0 0 10px;
}

.title-social {
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {

    .title-get-in-touch,
    .title-social {
        font-size: 23px;
        line-height: 1.5;
    }
}

.your-advantages {
    padding: 77px 0 200px;
    overflow: visible;
}

.your-advantages__container {
    max-width: 1170px;
}

.your-advantages .your_advantages__title {
    font: 700 48px/1.17 "Roboto", sans-serif;
    color: #1f1f1f;
    margin: 0 0 80px;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
}

.your_advantages__title:after {
    background-color: #00BE8C;
    display: block;
    content: '';
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
}

.your-advantages__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.your-advantages__tab-nav {
    color: #435657;
    max-width: 270px;
    position: sticky;
    top: calc(50% - 50px);
    width: 24%;
}

.your-advantages__tab-content {
    max-width: 850px;
    width: 74.5%;
}

.your-advantages__tab-content:after {
    content: '';
}

.your-advantages__current-inner span,
.your-advantages__sep,
.your-advantages__total,
.your-advantages__current-number {
    font: 400 13px/1.23 "Roboto", sans-serif;
}

.your-advantages__current-inner span {
    display: block;
}

.your-advantages__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.your-advantages__content-count {
    display: none;
}

.your-advantages__current-number {
    overflow: hidden;
    position: relative;
}

.your-advantages__current-inner {
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
}

.your-advantages__current-inner span:not(:first-child) {
    position: absolute;
    left: 0;
}

.your-advantages__sep {
    padding: 0 5px;
}

.your-advantages__nav-list {
    list-style: none;
    margin: 16px 0 0;
    position: relative;
}

.your-advantages__nav-item,
.your-advantages__current-item span {
    font: 600 25px/0.92 "Roboto", sans-serif;
}

.your-advantages__nav-item {
    opacity: 0;
}

.your-advantages__current-item {
    display: none;
    margin-bottom: 10px;
}

.your-advantages__nav-item:not(.active) {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    transition: none;
}

.your-advantages__nav-item.active {
    animation: tab_in_down 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards 0.1s;
    opacity: 0;
}

.your-advantages__content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin: -10px;
    padding-bottom: 100px;
}

.your-advantages__content-block:last-child {
    padding-bottom: 0;
}

.your-advantages__card {
    border: 1px solid #D9D9D9;
    margin: 10px;
    padding: 30px;
    min-height: 334px;
    width: calc(33% - 20px);
}

.your-advantages__card-icon {
    margin-bottom: 20px;
    min-height: 68px;
    max-width: 52px;
}

.your-advantages__card-text > * {
    color: #435657;
    font: 400 14px/1.71 "Roboto", sans-serif;
}

@keyframes tab_in_down {
    0% {
        opacity: 0;
        transform: translateY(-18px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width: 1200px) {
    .your-advantages__tab-nav {
        width: 20%;
    }

    .your-advantages__tab-content {
        width: 78.5%;
    }
}

@media screen and (max-width: 1024px) {
    .container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .your-advantages > .container {
        padding-right: 0;
    }

    .your-advantages .your_advantages__title {
        padding-right: 30px;
    }

    .your-advantages .your_advantages__title:after {
        left: calc(50% - 18px);
    }

    .your-advantages__tab-nav {
        display: none;
        margin: 0 auto 65px;
        position: static;
        text-align: center;
    }

    .your-advantages__tab-content {
        max-width: 100%;
        width: 100%;
    }

    .your-advantages__tab-content {
        position: relative;
    }

    .your-advantages__content-block {
        display: block;
        margin: 0;
        position: relative;
        padding: 55px 20px 0 0;
        max-width: 650px;
        width: 80%;
    }

    .your-advantages__content-block[aria-hidden="true"] {
        opacity: .5;
    }

    .your-advantages__count {
        margin-bottom: 6px;
    }

    .your-advantages__content-count {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .your-advantages__nav-item,
    .your-advantages__nav-item:not(.active) {
        opacity: 1;
        pointer-events: auto;
        position: static;
    }

    .your-advantages__card {
        margin: 20px 0;
        min-height: 285px;
        width: 100%;
    }

    .your-advantages__card-icon {
        min-height: auto;
    }

    .your-advantages__tab-content:after {
        content: 'flickity';
        display: none;
    }
}

@media screen and (max-width: 739px) {
    .your-advantages {
        padding: 40px 0 100px;
    }

    .your-advantages .your_advantages__title {
        font-size: 30px;
        margin-bottom: 40px;
        padding-bottom: 37px;
    }

    .your-advantages__sep {
        padding: 0 4px;
    }

    .your-advantages__nav-item {
        font-size: 18px;
        line-height: 23px;
    }
}

@media screen and (max-width: 499px) {
    .your-advantages__content-block {
        max-width: 293px;
        width: 90%;
    }

    .your-advantages__card {
        min-height: 334px;
    }
}

.portfolio-item .portfolio-item-wrap {
    display: block;
    /* Firefox fixed  */
}

.title-get-in-touch {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .title-get-in-touch {
        text-align: center;
    }
}

.inspiro-slider .slide .slide-captions .btn {
    padding: 11px 18px !important;
    font-size: 12px !important;
}

@media screen and (max-width: 480px) {
    .inspiro-slider .slide .slide-captions .btn {
        padding: 11px 14px !important;
        font-size: 11px !important;
    }
}

.as_item.hid {
    display: none;
}

#scrollTop {
    bottom: 126px;
}

#linkview,
.linkview {
    z-index: -1;
    border: none;
    cursor: pointer;
    opacity: 0;
    position: fixed;
    text-align: center;
    line-height: 12px !important;
    right: 26px;
    bottom: 76px;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear;
    background-color: rgba(0, 0, 0, 0.25) !important;
    overflow: hidden;
}

#linkview img,
.linkview img {
    width: 15px;
}

#linkview i,
.linkview i {
    display: inline-block;
    line-height: 0px !important;
    padding-top: 11px;
    width: 39px !important;
    height: 39px !important;
    top: 0px !important;
    left: 0px !important;
    text-align: center !important;
    position: relative;
    z-index: 10;
    background-color: transparent !important;
    transform: translate(0, 0px);
    transition: transform 0.2s ease;
}

#linkview:hover,
.linkview:hover {
    transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s;
    background-color: transparent !important;
}

#linkview:hover i,
.linkview:hover i {
    transform: translate(0, -39px) !important;
}

#linkview:after,
#linkview:before,
.linkview:after,
.linkview:before {
    display: block;
    content: ' ';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #05c495;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    border-radius: 100px;
}

#linkview:before,
.linkview:before {
    background-color: rgba(255, 255, 255, 0.25);
    transform: scale(1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    z-index: 2;
}

#linkview:hover:after,
.linkview:hover:after {
    transform: scale(1);
}

#linkview:active:before,
.linkview:active:before {
    opacity: 1;
}

.chatra_button {
    bottom: 26px;
    opacity: 1;
    z-index: 199;
    display: none;
    pointer-events: none;
    visibility: hidden;
}

.chatra_button:focus {
    outline: none;
}

.chatra_button img {
    width: 22px;
}

.li-icon svg {
    margin-right: 4px;
    margin-top: -4px;
}

#chatra:not(.chatra--expanded) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none;
    transition: none;
}

.auto-checking-form-field {
    display: none;
}

.slide-opacity {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}

/* Frequently asked questions section start */
.faq {
    background-color: #E8EAEA;
    padding: 200px 0;
    overflow: visible;
}

.faq > .container {
    max-width: 1170px;
}

.faq__section-title-wrap {
    max-width: 550px;
    padding-top: 24px;
    width: 50%;
}

.faq__left,
.faq__right {
    max-width: 530px;
    width: 46.5%;
}

.faq .faq__section-title {
    font: 700 clamp(28px, 3vw, 48px)/1.17 "Roboto", sans-serif;
    margin: 0;
    padding-bottom: 40px;
    position: sticky;
    top: 120px;
}

.faq .faq__section-title--highlight {
    color: #00be8c;
}

.faq__list {
    max-width: calc(100% - 570px);
}

.faq__item {
    border-top: 1px solid #d9d9d9;
    position: relative;
}

.faq__item.active {
    box-shadow: 0 11px 11px 0 rgba(22, 34, 51, 0.04),
        0 11px 68px 0 rgba(22, 34, 51, 0.04),
        0 68px 68px 0 rgba(22, 34, 51, 0.04),
        0 91px 91px 0 rgba(22, 34, 51, 0.04), 0 1px 0 0 #d9d9d9 inset;
}

.faq__item.active .faq__arrow::before {
    opacity: 0;
}

.faq__item:last-child {
    border-bottom: 1px solid #d9d9d9;
}

.faq__arrow-wrap {
    border-radius: 50%;
    position: absolute;
    right: 30px;
    top: 25px;
    height: 39px;
    width: 39px;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
    cursor: pointer;
}

.faq__arrow {
    border: 1px solid #313131;
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

.faq__arrow::after,
.faq__arrow::before {
    opacity: 1;
    background: #000;
    display: inline-block;
    content: "";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.faq__arrow::after {
    height: 2px;
    width: 13px;
}

.faq__arrow::before {
    height: 13px;
    width: 2px;
}

.faq__title {
    font: 600 18px/30px "Roboto", sans-serif;
    color: #313131;
    cursor: pointer;
    min-height: 90px;
    padding: 15px 97px 15px 30px;
}

.faq__text {
    max-height: 0;
    -webkit-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
    overflow: hidden;
    padding: 0 96px 0 30px;
}

.faq__text > * {
    color: #728181;
    font: 400 14px/24px "Roboto", sans-serif;
}

.faq__text > ul,
.faq__text > ol {
    padding-left: 28px;
}

.faq__text > *:last-child {
    margin-bottom: 0;
    padding-bottom: 50px;
}

@media screen and (max-width: 1680px) {
    .faq {
        padding-top: calc(0.08 * 100vw + 71px);
        padding-bottom: calc(0.08 * 100vw + 71px);
    }
}

@media screen and (max-width: 1024px) {
    .faq__list {
        max-width: 100%;
        width: 60%;
    }

    .faq__section-title-wrap {
        margin-right: 20px;
        width: 38%;
    }

    .faq .faq__section-title {
        font-size: 36px;
        line-height: 48px;
    }
}

@media screen and (max-width: 991px) {
    .faq__section-title-wrap {
        margin-right: 0;
    }

    .faq .faq__section-title {
        padding-bottom: 30px;
        text-align: center;
    }

    .faq__section-title-wrap,
    .faq__list {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .faq__title {
        font-size: 16px;
        line-height: 26px;
    }
}

@media screen and (max-width: 480px) {
    .faq .faq__section-title {
        font-size: 26px;
        line-height: 36px;
    }

    .faq__title {
        padding: 15px 90px 15px 15px;
    }

    .faq__text {
        padding: 0 30px 0 15px;
    }

    .faq__text > *:last-child {
        padding-bottom: 30px;
    }
}

/* Frequently asked questions section end */

.more-works__button {
    margin-top: 64px;
}

.top-slider__btn-contact {
    margin-left: 16px;
}

/* --- Styles From our-partners.scss --- */
.our-partners {
    overflow: hidden;
    padding-top: clamp(80px, 7.04vw, 100px);
    padding-bottom: 0
}

@media screen and (min-width:1600px) {
    .our-partners {
        padding-top: 150px
    }
}

.our-partners--gray {
    background-color: #f5f8fa
}

.our-partners--pb {
    padding-bottom: clamp(80px, 10.56vw, 150px)
}

.our-partners--without-border .our-partners__item {
    border: none
}

.our-partners__title {
    max-width: 880px
}

.our-partners__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: transform
}

.our-partners__item {
    border: 1px solid #D9D9D9;
    border-left: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 208px;
    width: 365px
}

.our-partners__item--small {
    height: 204px;
    width: 240px
}

.our-partners__item--no-border {
    border: none
}

.our-partners__logo {
    max-width: 280px
}

.our-partners__logo--small {
    max-width: 185px
}

@media screen and (max-width:1680px) {
    .our-partners__item {
        height: calc(9vw + 58px);
        width: calc(16vw + 101px)
    }

    .our-partners__item--small {
        height: clamp(100px, 14.37vw, 204px);
        width: clamp(160px, 16.9vw, 240px)
    }

    .our-partners__logo {
        max-width: calc(12vw + 77px)
    }

    .our-partners__logo--small {
        max-width: clamp(120px, 13.03vw, 185px)
    }
}

@media screen and (max-width:375px) {
    .our-partners__item {
        height: 91px;
        width: 160px
    }

    .our-partners__item--small {
        height: 60px;
        width: 140px
    }

    .our-partners__logo {
        max-width: 122px
    }

    .our-partners__logo--small {
        max-width: 100px
    }
}

/* --- Styles from testimonials-alt.scss --- */
.testimonials-alt {
    background-color: #f5f8fa;
    padding: 0
}

.testimonials-alt__row {
    gap: clamp(90px, 9.86vw, 140px)
}

@media screen and (min-width:1600px) {
    .testimonials-alt__row {
        gap: 32px
    }
}

@media screen and (min-width:992px) {
    .testimonials-alt__container {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%
    }
}

.testimonials-alt__column--title {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: clamp(80px, 7.04vw, 100px);
    padding-bottom: 0
}

@media screen and (min-width:992px) {
    .testimonials-alt__column--title {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding: clamp(60px, 7.04vw, 100px) 0 clamp(120px, 14.08vw, 200px) 64px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 clamp(360px, 40.56vw, 576px);
        flex: 0 1 clamp(360px, 40.56vw, 576px)
    }
}

.testimonials-alt__column--content {
    padding-top: 0;
    padding-bottom: 164px
}

@media screen and (min-width:992px) {
    .testimonials-alt__column--content {
        padding: clamp(60px, 7.04vw, 100px) 0 clamp(120px, 14.08vw, 200px);
        -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%
    }
}

.testimonials-alt__list .flickity-prev-next-button.previous {
    left: 16px
}

@media screen and (min-width:992px) {
    .testimonials-alt__list .flickity-prev-next-button.previous {
        left: 0
    }
}

.testimonials-alt__list .flickity-prev-next-button.next {
    left: 48px
}

@media screen and (min-width:992px) {
    .testimonials-alt__list .flickity-prev-next-button.next {
        left: 32px
    }
}

.testimonials-alt__list .flickity-prev-next-button.next,
.testimonials-alt__list .flickity-prev-next-button.previous {
    bottom: calc(100% + 30px);
    top: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width:768px) {

    .testimonials-alt__list .flickity-prev-next-button.next,
    .testimonials-alt__list .flickity-prev-next-button.previous {
        bottom: auto;
        top: calc(100% + 64px)
    }
}

@media screen and (min-width:992px) {

    .testimonials-alt__list .flickity-prev-next-button.next,
    .testimonials-alt__list .flickity-prev-next-button.previous {
        top: calc(100% + clamp(30px, 3.87vw, 55px));
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        right: auto
    }
}

.testimonials-alt__list .flickity-viewport {
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
    overflow: visible !important
}

@media screen and (min-width:2000px) {
    .testimonials-alt__list .flickity-slider:has(.is-selected.testimonials-alt__item:last-child) .is-before:nth-last-child(-n+2) {
        opacity: 1
    }
}

.testimonials-alt__item {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin: 0 15px;
    width: 100%
}

@media screen and (min-width:480px) {
    .testimonials-alt__item {
        margin: 0 30px 0 0;
        max-width: 728px;
        width: 75%
    }
}

.testimonials-alt__item.is-before {
    opacity: 0
}

.testimonials-alt__item {
    -webkit-box-shadow: 0 183px 183px rgba(22, 34, 51, 0.12), 0 91px 91px rgba(22, 34, 51, 0.04), 0 68px 68px rgba(22, 34, 51, 0.04), 0 11px 68px rgba(22, 34, 51, 0.04), 0 11px 11px rgba(22, 34, 51, 0.04);
    box-shadow: 0 183px 183px rgba(22, 34, 51, 0.12), 0 91px 91px rgba(22, 34, 51, 0.04), 0 68px 68px rgba(22, 34, 51, 0.04), 0 11px 68px rgba(22, 34, 51, 0.04), 0 11px 11px rgba(22, 34, 51, 0.04)
}

.testimonials-alt__item-inner {
    background-color: #fff;
    padding: 40px;
    position: relative
}

@media screen and (min-width:992px) {
    .testimonials-alt__item-inner {
        min-height: 450px
    }
}

.testimonials-alt__quote {
    display: none
}

@media screen and (min-width:480px) {
    .testimonials-alt__quote {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px
    }
}

@media screen and (min-width:992px) {
    .testimonials-alt__quote {
        right: clamp(20px, 2.82vw, 40px);
        top: clamp(20px, 2.82vw, 40px)
    }
}

.testimonials-alt__name {
    color: #1f1f1f;
    font-size: clamp(16px, 1.27vw, 18px);
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0;
    margin: clamp(10px, 2.32vw, 33px) 0 0
}

.testimonials-alt__company {
    color: #728181;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 clamp(16px, 2.25vw, 32px);
    letter-spacing: 0
}

.testimonials-alt__company-link,
.testimonials-alt__name-link {
    color: currentColor;
    -webkit-transition: 0.3s color;
    transition: 0.3s color
}

.testimonials-alt__text,
.testimonials-alt__text > * {
    font-size: 14px;
    color: #728181;
    line-height: 1.5;
    letter-spacing: 0.03em
}

.testimonials-alt__text ol,
.testimonials-alt__text ul {
    display: inline-block;
    list-style: disc;
    padding-left: 25px;
    margin: 0 0 22px;
    text-align: left
}

/* --- Styles from statistics-section.scss --- */
.statistics-section {
    background-color: #00be8c;
    padding: clamp(80px, 7.04vw, 100px) 0;
    color: #1f1f1f
}

.statistics-section__title {
    margin-bottom: clamp(60px, 5.63vw, 80px);
    max-width: clamp(325px, 61.97vw, 880px);
    font-weight: 300
}

.statistics-section__title > * {
    font-weight: 300
}

.statistics-section__title b,
.statistics-section__title strong {
    font-weight: 500
}

.statistics-section__list {
    gap: 45px 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:768px) {
    .statistics-section__list {
        gap: 30px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.statistics-section__item {
    border-top: 1px solid #1f1f1f;
    max-width: 300px;
    padding: clamp(24px, 2.82vw, 40px) 0 0;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 30px);
    flex: 1 1 calc(50% - 30px)
}

@media screen and (min-width:768px) {
    .statistics-section__item {
        -ms-flex-preferred-size: calc(25% - 30px);
        flex-basis: calc(25% - 30px)
    }
}

.statistics-section .counter span {
    font-size: clamp(40px, 5.07vw, 72px);
    line-height: 1.1
}

.statistics-section__heading {
    font-weight: 500;
    letter-spacing: -0.03em;
    margin-bottom: clamp(16px, 1.69vw, 24px)
}

.statistics-section__heading:after {
    content: "+"
}

@media screen and (min-width:768px) {
    .statistics-section__heading:after {
        font-size: 0.7em;
        font-weight: 300;
        position: relative;
        bottom: 11px
    }
}