.thegem-heading {
    position: relative
}

    .thegem-heading.thegem-heading-animate:not(.thegem-heading-animated) {
        opacity: 0 !important
    }

    .thegem-heading .thegem-heading-line-wrap {
        display: block;
        overflow: hidden
    }

    .thegem-heading .thegem-heading-word-wrap, .thegem-heading .thegem-heading-letter-wrap {
        display: inline-flex;
        overflow: hidden
    }

    .thegem-heading .thegem-heading-word {
        display: inline-flex;
        white-space: nowrap
    }

    .thegem-heading.lines-slide-up.thegem-heading-animated .thegem-heading-line {
        animation-name: thegemHeadingLinesSlideUp;
        transform: translateY(100%);
        display: inline-block;
        animation-fill-mode: forwards;
        animation-duration: 1.2s;
        animation-timing-function: cubic-bezier(0,1,.3,1)
    }

@keyframes thegemHeadingLinesSlideUp {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateX(0)
    }
}

.thegem-heading.lines-slide-up-random.thegem-heading-animated .thegem-heading-word {
    animation-name: thegemHeadingLinesSlideUpRandom;
    transform: translateY(100%);
    animation-fill-mode: forwards;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(.3,0,0,1)
}

@keyframes thegemHeadingLinesSlideUpRandom {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateX(0)
    }
}

.thegem-heading.words-slide-up.thegem-heading-animated .thegem-heading-word {
    animation-name: thegemHeadingWordsSlideUp;
    transform: translateY(100%);
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.3,1.7,.4,1)
}

@keyframes thegemHeadingWordsSlideUp {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateX(0)
    }
}

.thegem-heading.words-slide-left.thegem-heading-animated .thegem-heading-word {
    animation-name: thegemHeadingWordsSlideLeft;
    transform: translateX(100%);
    animation-fill-mode: forwards;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(.25,1,.5,1)
}

@keyframes thegemHeadingWordsSlideLeft {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

.thegem-heading.words-slide-right.thegem-heading-animated .thegem-heading-word {
    animation-name: thegemHeadingWordsSlideRight;
    transform: translateX(-100%);
    animation-fill-mode: forwards;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(.25,1,.5,1)
}

@keyframes thegemHeadingWordsSlideRight {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

.thegem-heading.letters-slide-up.thegem-heading-animated .thegem-heading-letter {
    animation-name: thegemHeadingLettersSlideUp;
    position: relative;
    transform: translateY(100%);
    display: inline-flex;
    animation-fill-mode: forwards;
    animation-duration: .35s;
    animation-timing-function: cubic-bezier(.3,1.7,.4,1)
}

@keyframes thegemHeadingLettersSlideUp {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.thegem-heading.typewriter.thegem-heading-animated .thegem-heading-letter {
    animation-name: thegemHeadingTypewriter;
    position: relative;
    opacity: 0;
    display: inline-flex;
    animation-fill-mode: forwards;
    animation-duration: 0ms;
    animation-timing-function: inherit
}

@keyframes thegemHeadingTypewriter {
    from {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.thegem-heading.letters-scale-out.thegem-heading-animated .thegem-heading-letter {
    animation-name: thegemHeadingLettersScaleOut;
    position: relative;
    transform: scale(1.5);
    opacity: 0;
    display: inline-flex;
    animation-fill-mode: forwards;
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.3,4,.4,1)
}

@keyframes thegemHeadingLettersScaleOut {
    from {
        opacity: 0;
        transform: scale(1.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.thegem-heading-wrap {
    position: relative;
    display: inline-flex
}

.thegem-heading.background-sliding {
    display: inline-flex;
    overflow: hidden;
    position: relative;
    z-index: 1
}

    .thegem-heading.background-sliding:before {
        content: '';
        transform-origin: left;
        transform: scale(0,1);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .thegem-heading.background-sliding.thegem-heading-animated:before {
        animation-name: thegemHeadingBackgroundSliding;
        animation-duration: .7s;
        animation-fill-mode: forwards
    }

@keyframes thegemHeadingBackgroundSliding {
    from {
        transform: scale(0,1)
    }

    to {
        transform: scale(1,1)
    }
}

.thegem-heading.background-sliding .thegem-heading-text-wrap {
    overflow: hidden;
    transform: translateX(-105%);
    position: relative;
    z-index: 2
}

.thegem-heading.thegem-heading-animated .thegem-heading-text-wrap {
    transform: translateX(0%);
    transition-property: transform;
    transition-duration: .7s
}

.thegem-heading.background-sliding .thegem-heading-text {
    transform: translateX(105%);
    display: block;
    position: relative;
    z-index: 2
}

.thegem-heading.thegem-heading-animated .thegem-heading-text {
    transform: translateX(0%);
    transition-property: transform;
    transition-duration: inherit;
    transition-delay: inherit;
    transition-timing-function: inherit
}

.thegem-heading-rotating {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    transition-property: width,color;
    transition-timing-function: ease;
    transition-duration: .5s,.3s
}

    .thegem-heading-rotating:before {
        content: '\200b'
    }

.thegem-heading-rotating-text {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    overflow: hidden;
    display: inline-flex;
    white-space: nowrap;
    transition-property: width,opacity;
    transition-timing-function: ease;
    transition-duration: .5s
}

.thegem-heading-rotating[data-animation=fade] .thegem-heading-rotating-text {
    display: inline-block
}

.thegem-heading.thegem-heading-animated.fade-tb {
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: thegemHeadingFadeTB;
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

@keyframes thegemHeadingFadeTB {
    from {
        transform: translate(0,-10%);
        opacity: 0
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

.thegem-heading.thegem-heading-animated.fade-bt {
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: thegemHeadingFadeBT;
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

@keyframes thegemHeadingFadeBT {
    from {
        transform: translate(0,10%);
        opacity: 0
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

.thegem-heading.thegem-heading-animated.fade-lr {
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: thegemHeadingFadeLR;
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

@keyframes thegemHeadingFadeLR {
    from {
        transform: translate(-10%,0);
        opacity: 0
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

.thegem-heading.thegem-heading-animated.fade-rl {
    animation-duration: .7s;
    animation-fill-mode: both;
    animation-name: thegemHeadingFadeRL;
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

@keyframes thegemHeadingFadeRL {
    from {
        transform: translate(10%,0);
        opacity: 0
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

.thegem-heading.thegem-heading-animated.fade-simple {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: thegemHeadingFadeSimple
}

@keyframes thegemHeadingFadeSimple {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width:1024px) {
    .thegem-heading.thegem-heading-animate-disable-desktop, .thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-line, .thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-word, .thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-letter, .thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-text-wrap, .thegem-heading.thegem-heading-animate-disable-desktop .thegem-heading-text, .thegem-heading.thegem-heading-animate-disable-desktop:before {
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
        transition: none !important
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .thegem-heading.thegem-heading-animate-disable-tablet, .thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-line, .thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-word, .thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-letter, .thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-text-wrap, .thegem-heading.thegem-heading-animate-disable-tablet .thegem-heading-text, .thegem-heading.thegem-heading-animate-disable-tablet:before {
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
        transition: none !important
    }
}

@media screen and (max-width:767px) {
    .thegem-heading.thegem-heading-animate-disable-mobile, .thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-line, .thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-word, .thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-letter, .thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-text-wrap, .thegem-heading.thegem-heading-animate-disable-mobile .thegem-heading-text, .thegem-heading.thegem-heading-animate-disable-mobile:before {
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
        transition: none !important
    }
}

#page-preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    opacity: .98;
    background: #2c2e3d
}

.block-preloader.preloader, .block-preloader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    height: auto
}

    .block-preloader + * {
        overflow: visible !important
    }

    .block-preloader.preloader + *:not(iframe) {
        height: auto !important
    }

    .block-preloader:after {
        display: none
    }

    #page-preloader.preloader-loaded .page-preloader-spin, .block-preloader.preloader-loaded .page-preloader-spin {
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    #page-preloader.preloader-loaded, .block-preloader.preloader-loaded {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

.no-js #page-preloader, .no-js .block-preloader {
    display: none
}

#page-preloader .page-preloader-spin, .block-preloader .page-preloader-spin, .preloader-spin {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1001;
    width: 80px;
    height: 80px;
    margin: -40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #b9b7ff;
    -webkit-animation: PreloaderSpin 2s linear infinite;
    animation: PreloaderSpin 2s linear infinite
}

.preloader-spin {
    border-top-color: #b9b7ff
}

.block-preloader .page-preloader-spin {
    top: 100px;
    margin-top: 0
}

    #page-preloader .page-preloader-spin:before, .block-preloader .page-preloader-spin:before, .preloader-spin:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #00bcd4;
        -webkit-animation: PreloaderSpin 3s linear infinite;
        animation: PreloaderSpin 3s linear infinite
    }

.preloader-spin:before {
    border-top-color: #00bcd4
}

#page-preloader .page-preloader-spin:after, .block-preloader .page-preloader-spin:after, .preloader-spin:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #a3e7f0;
    -webkit-animation: PreloaderSpin 1.5s linear infinite;
    animation: PreloaderSpin 1.5s linear infinite
}

.gem-fancybox-preloader .preloader-spin:after {
    border-top-color: #a3e7f0
}

.preloader-spin:after {
    border-top-color: #7b97ab
}

.fancybox-slide .gem-fancybox-preloader {
    width: 150px;
    height: 150px;
    background: 0 0;
    margin: 0;
    margin-top: -75px;
    margin-left: -75px;
    padding: 0
}

@-webkit-keyframes PreloaderSpin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes PreloaderSpin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.portfolio-scroll-pagination .preloader-spin {
    margin-top: -10px
}

.blog-load-more-style-timeline-new .preloader-spin {
    margin-top: -10px
}

.gem-product-scroll-pagination .preloader-spin {
    margin-top: -10px
}

.preloader-spin-new {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1001;
    width: 50px;
    height: 50px;
    margin: -25px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #00bcd4;
    border-top-color: transparent !important;
    -webkit-animation: PreloaderSpin 1.3s linear infinite;
    animation: PreloaderSpin 1.3s linear infinite
}

.preloader.fullwidth-preloader:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: inherit
}

.gem-blog-slider-preloader {
    padding-bottom: 165%
}

@media (min-width:768px) {
    .gem-blog-slider-preloader {
        padding-bottom: 90%
    }
}

@media (min-width:992px) {
    .gem-blog-slider-preloader {
        padding-bottom: 44.87%
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background: 0 0
}

    a:active, a:hover {
        outline: 0 none
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    outline: 0 none
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

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

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.421;
    color: #333;
    background-color: #fff
}

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

a {
    color: #428bca;
    text-decoration: none
}

    a:hover {
        color: #2a6496;
        text-decoration: none
    }

    a:focus {
        outline: 0 none;
        outline: 0 none;
        outline-offset: 0
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 21px;
    padding-right: 21px
}

@media (min-width:1212px) {
    .container {
        width: 1212px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 21px;
    padding-right: 21px
}

.row {
    margin-left: -21px;
    margin-right: -21px
}

    .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
        display: table;
        content: " "
    }

    .container:after, .container-fluid:after, .row:after {
        clear: both
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 21px;
    padding-right: 21px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1212px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.header-wrapper {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 390;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.header-with-sticky-template {
    position: relative;
    z-index: 392
}

.header-sticky-template {
    position: fixed;
    z-index: 391;
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s ease,visibility .1s ease,transform .3s ease;
    animation: header-fadeOutUpBig .1s ease;
    pointer-events: none
}

    .header-sticky-template.header-sticked {
        visibility: visible;
        opacity: 1;
        animation: header-fadeInDownBig .3s ease;
        pointer-events: visible;
        pointer-events: unset
    }

@media (min-width:992px) {
    .header-sticky-template.header-hide-on-scroll-desktop {
        transform: translateY(-100%);
        animation: none
    }

        .header-sticky-template.header-hide-on-scroll-desktop.header-scroll-up {
            transform: none
        }
}

@media (max-width:991px) {
    .header-sticky-template.header-hide-on-scroll-mobile {
        transform: translateY(-100%);
        animation: none
    }

        .header-sticky-template.header-hide-on-scroll-mobile.header-scroll-up {
            transform: none
        }
}

.header-sticky-prepared .header-wrapper {
    position: absolute
}

@media (min-width:768px) {
    .header-transparent .header-wrapper {
        position: absolute
    }
}

@media (max-width:767px) {
    .header-transparent-mobile .header-wrapper {
        position: absolute
    }
}

.header-scroll-stick .whb-flex-row {
    transition: height .2s ease
}

.header-scroll-stick.header-sticked .whb-flex-row {
    transition-duration: .3s
}

.header-scroll-stick.header-scroll-down .header-wrapper, .header-scroll-stick.header-scroll-up .header-wrapper {
    transition: transform .3s ease
}

.header-scroll-stick.header-scroll-down .header-wrapper {
    transform: translateY(-100%)
}

.header-scroll-stick.header-scroll-up .header-wrapper {
    transform: none
}

.header-scroll-slide.header-sticked .header-wrapper {
    animation: header-fadeInDownBig .4s ease
}

.header-scroll-slide.header-scroll-down .header-wrapper, .header-scroll-slide.header-scroll-up .header-wrapper {
    transition: transform .3s ease
}

.header-scroll-slide.whb-hide-on-scroll.header-sticked .header-wrapper {
    transform: translateY(-100%);
    animation: none
}

.header-scroll-slide.whb-hide-on-scroll.header-scroll-up .header-wrapper {
    transform: none
}

.header-sticked .header-wrapper {
    position: fixed
}

.header-sticked .elementor-section {
    transition: background-color .3s ease
}

.header-sticked:not(.header-sticky-template) .elementor-section:not(.header-sticky-row) {
    display: none
}

@keyframes header-fadeInDownBig {
    from {
        transform: translate3d(0,-100%,0)
    }

    to {
        transform: none
    }
}

@keyframes header-fadeOutUpBig {
    from {
        transform: none
    }

    to {
        transform: translate3d(0,-100%,0)
    }
}

.header-background {
    position: relative
}

    .header-background:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.header-sticked.header-background:before {
    opacity: .95
}

.admin-bar .header-sticked .header-wrapper, .admin-bar .header-sticky-template {
    top: 32px
}

@media (max-width:767px) {
    .admin-bar .header-sticked .header-wrapper, .admin-bar .header-sticky-template {
        top: 46px
    }
}

@media (max-width:599px) {
    .admin-bar .header-sticked .header-wrapper, .admin-bar .header-sticky-template {
        top: 0
    }
}

.tg-flex {
    display: flex !important
}

.tg-inline-flex {
    display: inline-flex !important
}

.tg-flex-row {
    flex-direction: row !important
}

.tg-flex-row-reverse {
    flex-direction: row-reverse !important
}

.tg-flex-column {
    flex-direction: column !important
}

.tg-flex-column-reverse {
    flex-direction: column-reverse !important
}

.tg-flex-wrap {
    flex-wrap: wrap !important
}

.tg-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.tg-flex-nowrap {
    flex-wrap: nowrap !important
}

.tg-justify-content-start {
    justify-content: flex-start !important
}

.tg-justify-content-end {
    justify-content: flex-end !important
}

.tg-justify-content-center {
    justify-content: center !important
}

.tg-justify-content-between {
    justify-content: space-between !important
}

.tg-justify-content-around {
    justify-content: space-around !important
}

.tg-justify-content-evenly {
    justify-content: space-evenly !important
}

.tg-align-content-start {
    align-content: flex-start !important
}

.tg-align-content-end {
    align-content: flex-end !important
}

.tg-align-content-center {
    align-content: center !important
}

.tg-align-content-around {
    align-content: space-around !important
}

.tg-align-content-stretch {
    align-content: stretch !important
}

.tg-align-items-start {
    align-items: flex-start !important
}

.tg-align-items-end {
    align-items: flex-end !important
}

.tg-align-items-center {
    align-items: center !important
}

.tg-align-items-baseline {
    align-items: baseline !important
}

.tg-align-items-stretch {
    align-items: stretch !important
}

.elementor-widget-wrap.thegem-column-elements-inline {
    display: flex;
    align-items: center
}

    .elementor-widget-wrap.thegem-column-elements-inline > .elementor-element {
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 0
    }

@media (max-width:1024px) {
    .elementor-widget-wrap.thegem-column-elements-inline > .elementor-element {
        order: 100
    }
}

.elementor-widget-wrap.thegem-column-elements-inline > .elementor-element.elementor-inner-section {
    flex: auto
}

.header-wrapper .thegem-template-header > .elementor > .elementor-inner > .elementor-section-wrap > .elementor-section > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap:not(.thegem-column-elements-inline) > .elementor-element {
    width: 100% !important
}

.elementor-widget-wrap.thegem-column-elements-inline .elementor-html5dnd-current-element {
    flex-direction: column
}

.elementor-shape-simple .elementor-social-icon-android:hover, .elementor-shape-simple .elementor-social-icon-android {
    background-color: transparent;
    color: #a4c639
}

.elementor-shape-simple .elementor-social-icon-apple:hover, .elementor-shape-simple .elementor-social-icon-apple {
    background-color: transparent;
    color: #999
}

.elementor-shape-simple .elementor-social-icon-behance:hover, .elementor-shape-simple .elementor-social-icon-behance {
    background-color: transparent;
    color: #1769ff
}

.elementor-shape-simple .elementor-social-icon-bitbucket:hover, .elementor-shape-simple .elementor-social-icon-bitbucket {
    background-color: transparent;
    color: #205081
}

.elementor-shape-simple .elementor-social-icon-codepen:hover, .elementor-shape-simple .elementor-social-icon-codepen {
    background-color: transparent;
    color: #000
}

.elementor-shape-simple .elementor-social-icon-delicious:hover, .elementor-shape-simple .elementor-social-icon-delicious {
    background-color: transparent;
    color: #39f
}

.elementor-shape-simple .elementor-social-icon-deviantart:hover, .elementor-shape-simple .elementor-social-icon-deviantart {
    background-color: transparent;
    color: #05cc47
}

.elementor-shape-simple .elementor-social-icon-digg:hover, .elementor-shape-simple .elementor-social-icon-digg {
    background-color: transparent;
    color: #005be2
}

.elementor-shape-simple .elementor-social-icon-dribbble:hover, .elementor-shape-simple .elementor-social-icon-dribbble {
    background-color: transparent;
    color: #ea4c89
}

.elementor-shape-simple .elementor-social-icon-elementor:hover, .elementor-shape-simple .elementor-social-icon-elementor {
    background-color: transparent;
    color: #d30c5c
}

.elementor-shape-simple .elementor-social-icon-envelope:hover, .elementor-shape-simple .elementor-social-icon-envelope {
    background-color: transparent;
    color: #ea4335
}

.elementor-shape-simple .elementor-social-icon-facebook:hover, .elementor-shape-simple .elementor-social-icon-facebook, .elementor-shape-simple .elementor-social-icon-facebook-f:hover, .elementor-shape-simple .elementor-social-icon-facebook-f {
    background-color: transparent;
    color: #3b5998
}

.elementor-shape-simple .elementor-social-icon-flickr:hover, .elementor-shape-simple .elementor-social-icon-flickr {
    background-color: transparent;
    color: #0063dc
}

.elementor-shape-simple .elementor-social-icon-foursquare:hover, .elementor-shape-simple .elementor-social-icon-foursquare {
    background-color: transparent;
    color: #2d5be3
}

.elementor-shape-simple .elementor-social-icon-free-code-camp:hover, .elementor-shape-simple .elementor-social-icon-free-code-camp, .elementor-shape-simple .elementor-social-icon-freecodecamp:hover, .elementor-shape-simple .elementor-social-icon-freecodecamp {
    background-color: transparent;
    color: #006400
}

.elementor-shape-simple .elementor-social-icon-github:hover, .elementor-shape-simple .elementor-social-icon-github {
    background-color: transparent;
    color: #333
}

.elementor-shape-simple .elementor-social-icon-gitlab:hover, .elementor-shape-simple .elementor-social-icon-gitlab {
    background-color: transparent;
    color: #e24329
}

.elementor-shape-simple .elementor-social-icon-globe:hover, .elementor-shape-simple .elementor-social-icon-globe {
    background-color: transparent;
    color: #818a91
}

.elementor-shape-simple .elementor-social-icon-google-plus:hover, .elementor-shape-simple .elementor-social-icon-google-plus, .elementor-shape-simple .elementor-social-icon-google-plus-g:hover, .elementor-shape-simple .elementor-social-icon-google-plus-g {
    background-color: transparent;
    color: #dd4b39
}

.elementor-shape-simple .elementor-social-icon-houzz:hover, .elementor-shape-simple .elementor-social-icon-houzz {
    background-color: transparent;
    color: #7ac142
}

.elementor-shape-simple .elementor-social-icon-instagram:hover, .elementor-shape-simple .elementor-social-icon-instagram {
    background-color: transparent;
    color: #262626
}

.elementor-shape-simple .elementor-social-icon-jsfiddle:hover, .elementor-shape-simple .elementor-social-icon-jsfiddle {
    background-color: transparent;
    color: #487aa2
}

.elementor-shape-simple .elementor-social-icon-link:hover, .elementor-shape-simple .elementor-social-icon-link {
    background-color: transparent;
    color: #818a91
}

.elementor-shape-simple .elementor-social-icon-linkedin:hover, .elementor-shape-simple .elementor-social-icon-linkedin, .elementor-shape-simple .elementor-social-icon-linkedin-in:hover, .elementor-shape-simple .elementor-social-icon-linkedin-in {
    background-color: transparent;
    color: #0077b5
}

.elementor-shape-simple .elementor-social-icon-medium:hover, .elementor-shape-simple .elementor-social-icon-medium {
    background-color: transparent;
    color: #00ab6b
}

.elementor-shape-simple .elementor-social-icon-meetup:hover, .elementor-shape-simple .elementor-social-icon-meetup {
    background-color: transparent;
    color: #ec1c40
}

.elementor-shape-simple .elementor-social-icon-mixcloud:hover, .elementor-shape-simple .elementor-social-icon-mixcloud {
    background-color: transparent;
    color: #273a4b
}

.elementor-shape-simple .elementor-social-icon-odnoklassniki:hover, .elementor-shape-simple .elementor-social-icon-odnoklassniki {
    background-color: transparent;
    color: #f4731c
}

.elementor-shape-simple .elementor-social-icon-pinterest:hover, .elementor-shape-simple .elementor-social-icon-pinterest {
    background-color: transparent;
    color: #bd081c
}

.elementor-shape-simple .elementor-social-icon-product-hunt:hover, .elementor-shape-simple .elementor-social-icon-product-hunt {
    background-color: transparent;
    color: #da552f
}

.elementor-shape-simple .elementor-social-icon-reddit:hover, .elementor-shape-simple .elementor-social-icon-reddit {
    background-color: transparent;
    color: #ff4500
}

.elementor-shape-simple .elementor-social-icon-rss:hover, .elementor-shape-simple .elementor-social-icon-rss {
    background-color: transparent;
    color: #f26522
}

.elementor-shape-simple .elementor-social-icon-shopping-cart:hover, .elementor-shape-simple .elementor-social-icon-shopping-cart {
    background-color: transparent;
    color: #4caf50
}

.elementor-shape-simple .elementor-social-icon-skype:hover, .elementor-shape-simple .elementor-social-icon-skype {
    background-color: transparent;
    color: #00aff0
}

.elementor-shape-simple .elementor-social-icon-slideshare:hover, .elementor-shape-simple .elementor-social-icon-slideshare {
    background-color: transparent;
    color: #0077b5
}

.elementor-shape-simple .elementor-social-icon-snapchat:hover, .elementor-shape-simple .elementor-social-icon-snapchat {
    background-color: transparent;
    color: #fffc00
}

.elementor-shape-simple .elementor-social-icon-soundcloud:hover, .elementor-shape-simple .elementor-social-icon-soundcloud {
    background-color: transparent;
    color: #f80
}

.elementor-shape-simple .elementor-social-icon-spotify:hover, .elementor-shape-simple .elementor-social-icon-spotify {
    background-color: transparent;
    color: #2ebd59
}

.elementor-shape-simple .elementor-social-icon-stack-overflow:hover, .elementor-shape-simple .elementor-social-icon-stack-overflow {
    background-color: transparent;
    color: #fe7a15
}

.elementor-shape-simple .elementor-social-icon-steam:hover, .elementor-shape-simple .elementor-social-icon-steam {
    background-color: transparent;
    color: #00adee
}

.elementor-shape-simple .elementor-social-icon-stumbleupon:hover, .elementor-shape-simple .elementor-social-icon-stumbleupon {
    background-color: transparent;
    color: #eb4924
}

.elementor-shape-simple .elementor-social-icon-telegram:hover, .elementor-shape-simple .elementor-social-icon-telegram {
    background-color: transparent;
    color: #2ca5e0
}

.elementor-shape-simple .elementor-social-icon-thumb-tack:hover, .elementor-shape-simple .elementor-social-icon-thumb-tack {
    background-color: transparent;
    color: #1aa1d8
}

.elementor-shape-simple .elementor-social-icon-tripadvisor:hover, .elementor-shape-simple .elementor-social-icon-tripadvisor {
    background-color: transparent;
    color: #589442
}

.elementor-shape-simple .elementor-social-icon-tumblr:hover, .elementor-shape-simple .elementor-social-icon-tumblr {
    background-color: transparent;
    color: #35465c
}

.elementor-shape-simple .elementor-social-icon-twitch:hover, .elementor-shape-simple .elementor-social-icon-twitch {
    background-color: transparent;
    color: #6441a5
}

.elementor-shape-simple .elementor-social-icon-twitter:hover, .elementor-shape-simple .elementor-social-icon-twitter {
    background-color: transparent;
    color: #1da1f2
}

.elementor-shape-simple .elementor-social-icon-viber:hover, .elementor-shape-simple .elementor-social-icon-viber {
    background-color: transparent;
    color: #665cac
}

.elementor-shape-simple .elementor-social-icon-vimeo:hover, .elementor-shape-simple .elementor-social-icon-vimeo {
    background-color: transparent;
    color: #1ab7ea
}

.elementor-shape-simple .elementor-social-icon-vk:hover, .elementor-shape-simple .elementor-social-icon-vk {
    background-color: transparent;
    color: #45668e
}

.elementor-shape-simple .elementor-social-icon-weibo:hover, .elementor-shape-simple .elementor-social-icon-weibo {
    background-color: transparent;
    color: #dd2430
}

.elementor-shape-simple .elementor-social-icon-weixin:hover, .elementor-shape-simple .elementor-social-icon-weixin {
    background-color: transparent;
    color: #31a918
}

.elementor-shape-simple .elementor-social-icon-whatsapp:hover, .elementor-shape-simple .elementor-social-icon-whatsapp {
    background-color: transparent;
    color: #25d366
}

.elementor-shape-simple .elementor-social-icon-wordpress:hover, .elementor-shape-simple .elementor-social-icon-wordpress {
    background-color: transparent;
    color: #21759b
}

.elementor-shape-simple .elementor-social-icon-xing:hover, .elementor-shape-simple .elementor-social-icon-xing {
    background-color: transparent;
    color: #026466
}

.elementor-shape-simple .elementor-social-icon-yelp:hover, .elementor-shape-simple .elementor-social-icon-yelp {
    background-color: transparent;
    color: #af0606
}

.elementor-shape-simple .elementor-social-icon-youtube:hover, .elementor-shape-simple .elementor-social-icon-youtube {
    background-color: transparent;
    color: #cd201f
}

.elementor-shape-simple .elementor-social-icon-500px:hover, .elementor-shape-simple .elementor-social-icon-500px {
    background-color: transparent;
    color: #0099e5
}

.elementor-shape-simple .elementor-social-icon i:hover, .elementor-shape-simple .elementor-social-icon i {
    color: inherit
}

.site-header .elementor-section, .site-header .elementor-column-wrap {
    border-color: var(--thegem-to-box-border-color,#dfe5e8)
}

.site-header.header-light .elementor-section, .site-header.header-light .elementor-column-wrap {
    border-color: var(--header-builder-light-color)
}

body.menu-scroll-locked, body.cart-scroll-locked {
    overflow-x: hidden
}

    body.menu-scroll-locked.is-no-sticky .header-sticky-template, body.cart-scroll-locked.is-no-sticky .header-sticky-template {
        opacity: 0
    }

    body.menu-scroll-locked .thegem-template-header .vc_row, body.cart-scroll-locked .thegem-template-header .vc_row {
        z-index: auto !important
    }

    body.menu-scroll-locked .thegem-template-header .thegem-te-menu, body.cart-scroll-locked .thegem-template-header .thegem-te-cart {
        z-index: auto !important
    }

        body.menu-scroll-locked .thegem-template-header .thegem-te-menu .thegem-te-menu__hamburger .hamburger-menu-back.active, body.menu-scroll-locked .thegem-template-header .thegem-te-menu .overlay-menu-back.active {
            z-index: 999 !important
        }

        body.menu-scroll-locked .thegem-template-header .thegem-te-menu .thegem-te-menu__hamburger .nav-menu, body.menu-scroll-locked .thegem-template-header .thegem-te-menu .overlay-menu-wrapper.active {
            z-index: 1000 !important
        }

    body.menu-scroll-locked:not(.is-no-sticky) .header-sticky-template.header-hide-on-scroll-mobile, body.cart-scroll-locked:not(.is-no-sticky) .header-sticky-template.header-hide-on-scroll-mobile {
        transform: none !important
    }

    body.menu-scroll-locked:not(.is-no-sticky) .header-sticky-template, body.cart-scroll-locked:not(.is-no-sticky) .header-sticky-template {
        z-index: 391 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important
    }

.thegem-te-heading .thegem-heading.text-body-tiny {
    font-family: var(--thegem-to-body-tiny-font-family);
    font-style: var(--thegem-to-body-tiny-font-style);
    font-weight: var(--thegem-to-body-tiny-font-weight);
    font-size: var(--thegem-to-body-tiny-font-size);
    line-height: var(--thegem-to-body-tiny-line-height);
    letter-spacing: var(--thegem-to-body-tiny-letter-spacing);
    text-transform: var(--thegem-to-body-tiny-text-transform)
}

@media (min-width:1025px) {
    .elementor-widget.flex-absolute-desktop {
        position: absolute
    }

    .flex-horizontal-align-left:not(.flex-absolute-desktop) {
        margin-left: 0;
        margin-right: auto
    }

    .flex-horizontal-align-left.flex-absolute-desktop {
        left: 0
    }

    .flex-horizontal-align-center:not(.flex-absolute-desktop) {
        margin-left: auto;
        margin-right: auto
    }

    .flex-horizontal-align-center.flex-absolute-desktop {
        left: 50%;
        width: fit-content !important;
        max-width: 100%;
        transform: translateX(-50%)
    }

    .flex-horizontal-align-right:not(.flex-absolute-desktop) {
        margin-left: auto;
        margin-right: 0
    }

    .flex-horizontal-align-right.flex-absolute-desktop {
        right: 0
    }

    .flex-vertical-align-top:not(.flex-absolute-desktop) {
        align-self: flex-start
    }

    .flex-vertical-align-top.flex-absolute-desktop {
        top: 0
    }

    .flex-vertical-align-center:not(.flex-absolute-desktop) {
        align-self: center
    }

    .flex-vertical-align-center.flex-absolute-desktop {
        top: 50%;
        transform: translateY(-50%)
    }

    .flex-horizontal-align-center.flex-vertical-align-center.flex-absolute-desktop {
        transform: translate(-50%,-50%)
    }

    .flex-vertical-align-bottom:not(.flex-absolute-desktop) {
        align-self: flex-end
    }

    .flex-vertical-align-bottom.flex-absolute-desktop {
        bottom: 0
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .elementor-widget.flex-absolute-tablet {
        position: absolute
    }

    .flex-horizontal-align-tablet-left:not(.flex-absolute-tablet), .flex-horizontal-align-tablet-default:not(.flex-absolute-tablet).flex-horizontal-align-left {
        margin-left: 0;
        margin-right: auto
    }

    .flex-horizontal-align-tablet-left.flex-absolute-tablet, .flex-horizontal-align-tablet-default.flex-absolute-tablet.flex-horizontal-align-left {
        left: 0
    }

    .flex-horizontal-align-tablet-center:not(.flex-absolute-tablet), .flex-horizontal-align-tablet-default:not(.flex-absolute-tablet).flex-horizontal-align-center {
        margin-left: auto;
        margin-right: auto
    }

    .flex-horizontal-align-tablet-center.flex-absolute-tablet, .flex-horizontal-align-tablet-default.flex-absolute-tablet.flex-horizontal-align-center {
        left: 50%;
        width: fit-content !important;
        max-width: 100%;
        transform: translateX(-50%)
    }

    .flex-horizontal-align-tablet-right:not(.flex-absolute-tablet), .flex-horizontal-align-tablet-default:not(.flex-absolute-tablet).flex-horizontal-align-right {
        margin-left: auto;
        margin-right: 0
    }

    .flex-horizontal-align-tablet-right.flex-absolute-tablet, .flex-horizontal-align-tablet-default.flex-absolute-tablet.flex-horizontal-align-right {
        right: 0
    }

    .flex-vertical-align-tablet-top:not(.flex-absolute-tablet), .flex-vertical-align-tablet-default:not(.flex-absolute-tablet).flex-vertical-align-top {
        align-self: flex-start
    }

    .flex-vertical-align-tablet-top.flex-absolute-tablet, .flex-vertical-align-tablet-default.flex-absolute-tablet.flex-vertical-align-top {
        top: 0
    }

    .flex-vertical-align-tablet-center:not(.flex-absolute-tablet), .flex-vertical-align-tablet-default:not(.flex-absolute-tablet).flex-vertical-align-center {
        align-self: center
    }

    .flex-vertical-align-tablet-center.flex-absolute-tablet, .flex-vertical-align-tablet-default.flex-absolute-tablet.flex-vertical-align-center {
        top: 50%;
        transform: translateY(-50%)
    }

    .flex-horizontal-align-tablet-center.flex-vertical-align-tablet-center.flex-absolute-tablet, .flex-horizontal-align-tablet-default.flex-vertical-align-tablet-center.flex-absolute-tablet.flex-horizontal-align-center, .flex-horizontal-align-tablet-center.flex-vertical-align-tablet-default.flex-absolute-tablet.flex-vertical-align-center {
        transform: translate(-50%,-50%)
    }

    .flex-vertical-align-tablet-bottom:not(.flex-absolute-tablet), .flex-vertical-align-tablet-default:not(.flex-absolute-tablet).flex-vertical-align-bottom {
        align-self: flex-end
    }

    .flex-vertical-align-tablet-bottom.flex-absolute-tablet, .flex-vertical-align-tablet-default.flex-absolute-tablet.flex-vertical-align-bottom {
        bottom: 0
    }
}

@media (max-width:767px) {
    .elementor-widget.flex-absolute-mobile {
        position: absolute
    }

    .flex-horizontal-align-mobile-left:not(.flex-absolute-mobile), .flex-horizontal-align-mobile-default:not(.flex-absolute-mobile).flex-horizontal-align-tablet-left, .flex-horizontal-align-mobile-default:not(.flex-absolute-mobile).flex-horizontal-align-tablet-default.flex-horizontal-align-left {
        margin-left: 0;
        margin-right: auto
    }

    .flex-horizontal-align-mobile-left.flex-absolute-mobile, .flex-horizontal-align-mobile-default.flex-absolute-mobile.flex-horizontal-align-tablet-left, .flex-horizontal-align-mobile-default.flex-absolute-mobile.flex-horizontal-align-tablet-default.flex-horizontal-align-left {
        left: 0
    }

    .flex-horizontal-align-mobile-center:not(.flex-absolute-mobile), .flex-horizontal-align-mobile-default:not(.flex-absolute-mobile).flex-horizontal-align-tablet-center, .flex-horizontal-align-mobile-default:not(.flex-absolute-mobile).flex-horizontal-align-tablet-default.flex-horizontal-align-center {
        margin-left: auto;
        margin-right: auto
    }

    .flex-horizontal-align-mobile-center.flex-absolute-mobile, .flex-horizontal-align-mobile-default.flex-absolute-mobile.flex-horizontal-align-tablet-center, .flex-horizontal-align-mobile-default.flex-absolute-mobile.flex-horizontal-align-tablet-default.flex-horizontal-align-center {
        left: 50%;
        width: fit-content !important;
        max-width: 100%;
        transform: translateX(-50%)
    }

    .flex-horizontal-align-mobile-right:not(.flex-absolute-mobile), .flex-horizontal-align-mobile-default:not(.flex-absolute-mobile).flex-horizontal-align-tablet-right, .flex-horizontal-align-mobile-default:not(.flex-absolute-mobile).flex-horizontal-align-tablet-default.flex-horizontal-align-right {
        margin-left: auto;
        margin-right: 0
    }

    .flex-horizontal-align-mobile-right.flex-absolute-mobile, .flex-horizontal-align-mobile-default.flex-absolute-mobile.flex-horizontal-align-tablet-right, .flex-horizontal-align-mobile-default.flex-absolute-mobile.flex-horizontal-align-tablet-default.flex-horizontal-align-right {
        right: 0
    }

    .flex-vertical-align-mobile-top:not(.flex-absolute-mobile), .flex-vertical-align-mobile-default:not(.flex-absolute-mobile).flex-vertical-align-tablet-top, .flex-vertical-align-mobile-default:not(.flex-absolute-mobile).flex-vertical-align-tablet-default.flex-vertical-align-top {
        align-self: flex-start
    }

    .flex-vertical-align-mobile-top.flex-absolute-mobile, .flex-vertical-align-mobile-default.flex-absolute-mobile.flex-vertical-align-tablet-top, .flex-vertical-align-mobile-default.flex-absolute-mobile.flex-vertical-align-tablet-default.flex-vertical-align-top {
        top: 0
    }

    .flex-vertical-align-mobile-center:not(.flex-absolute-mobile), .flex-vertical-align-mobile-default:not(.flex-absolute-mobile).flex-vertical-align-tablet-center, .flex-vertical-align-mobile-default:not(.flex-absolute-mobile).flex-vertical-align-tablet-default.flex-vertical-align-center {
        align-self: center
    }

    .flex-vertical-align-mobile-center.flex-absolute-mobile, .flex-vertical-align-mobile-default.flex-absolute-mobile.flex-vertical-align-tablet-center, .flex-vertical-align-mobile-default.flex-absolute-mobile.flex-vertical-align-tablet-default.flex-vertical-align-center {
        top: 50%;
        transform: translateY(-50%)
    }

    .flex-horizontal-align-mobile-center.flex-vertical-align-mobile-center.flex-absolute-mobile, .flex-horizontal-align-mobile-default.flex-horizontal-align-tablet-center.flex-vertical-align-mobile-center.flex-absolute-mobile.flex-horizontal-align-center, .flex-horizontal-align-mobile-default.flex-horizontal-align-tablet-default.flex-horizontal-align-center.flex-vertical-align-mobile-center.flex-absolute-mobile.flex-horizontal-align-center, .flex-horizontal-align-mobile-center.flex-vertical-align-mobile-default.flex-vertical-align-tablet-center.flex-absolute-mobile.flex-vertical-align-center, .flex-horizontal-align-mobile-center.flex-vertical-align-mobile-default.flex-vertical-align-tablet-default.flex-vertical-align-center.flex-absolute-mobile.flex-vertical-align-center {
        transform: translate(-50%,-50%)
    }

    .flex-vertical-align-mobile-bottom:not(.flex-absolute-mobile), .flex-vertical-align-mobile-default:not(.flex-absolute-mobile).flex-vertical-align-tablet-bottom, .flex-vertical-align-mobile-default:not(.flex-absolute-mobile).flex-vertical-align-tablet-default.flex-vertical-align-bottom {
        align-self: flex-end
    }

    .flex-vertical-align-mobile-bottom.flex-absolute-mobile, .flex-vertical-align-mobile-default.flex-absolute-mobile.flex-vertical-align-tablet-bottom, .flex-vertical-align-mobile-default.flex-absolute-mobile.flex-vertical-align-tablet-default.flex-vertical-align-bottom {
        bottom: 0
    }
}

@font-face {
    font-family: 'thegem-icons';
    src: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-icons.eot);
    src: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-icons.eot?#iefix) format('embedded-opentype'),url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-icons.woff) format('woff'),url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-icons.ttf) format('truetype'),url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-icons.svg#thegem-icons) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'thegem-socials';
    src: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-socials.eot);
    src: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-socials.eot?#iefix) format('embedded-opentype'),url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-socials.woff) format('woff'),url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-socials.ttf) format('truetype'),url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/fonts/thegem-socials.svg#thegem-socials) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

body {
    background-attachment: fixed
}

p {
    margin: 0 0 1.1em
}

a {
    -o-transition: color .3s,background-color .3s;
    -webkit-transition: color .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

::placeholder {
    opacity: 1
}

.row {
    margin-bottom: 1.1em
}

    .row:last-of-type {
        margin-bottom: 0
    }

button {
    outline: none
}

h1:not(.thegem-heading):first-child {
    margin-top: -10px
}

h1, .title-h1 {
    margin: 1.4em 0;
    text-transform: uppercase;
    letter-spacing: .05em
}

h2, .title-h2 {
    text-transform: uppercase;
    margin: 1.2em 0;
    letter-spacing: .05em
}

h3, .title-h3 {
    text-transform: uppercase;
    margin: 1.13em 0;
    letter-spacing: .05em
}

h4, .title-h4 {
    text-transform: uppercase;
    margin: 1em 0;
    letter-spacing: .05em
}

h5, .title-h5 {
    text-transform: uppercase;
    margin: .5em 0;
    letter-spacing: .05em
}

h6, .title-h6 {
    text-transform: uppercase;
    margin: 1.19em 0;
    letter-spacing: .05em
}

.title-xlarge {
    margin: 1.4em 0;
    text-transform: uppercase;
    letter-spacing: .05em
}

    h1 .light, h2 .light, h3 .light, h4 .light, h5 .light, h6 .light, .title-h1 .light, .title-h2 .light, .title-h3 .light, .title-h4 .light, .title-h5 .light, .title-h6 .light, .title-xlarge .light {
        text-transform: uppercase;
        font-size: inherit;
        line-height: inherit
    }

.letter-spacing {
    letter-spacing: .05em
}

.page-title-block .title-xlarge, .page-title-block h1, .page-title-block h2, .page-title-block h3, .page-title-block h4, .page-title-block h5, .page-title-block h6, .page-title-block .title-h1, .page-title-block .title-h2, .page-title-block .title-h3, .page-title-block .title-h4, .page-title-block .title-h5, .page-title-block .title-h6 {
    margin: 0 auto
}

.small-body {
    font-size: 85%;
    line-height: inherit;
    display: block;
    line-height: 23px
}

.centered-box {
    text-align: center
}

.gem-dummy {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.grayscale, .grayscale-image img {
    filter: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/css/grayscale.svg#greyscale);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.gscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s linear;
    transition: .3s linear
}

.gscale:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale-hover:hover, .grayscale-image a:hover img, .grayscale-image .hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none
}

.disable-grayscale .grayscale-hover, .disable-grayscale .grayscale-image a img, .disable-grayscale .grayscale-image img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none
}

.inline-row {
    font-size: 0;
    margin-bottom: -42px
}

.inline-row-center {
    text-align: center
}

.inline-column {
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-bottom: 42px
}

.inline-inside {
    font-size: 0;
    line-height: 0
}

.z-index {
    z-index: 1000;
    position: relative
}

ul.styled, ol.styled, ul.product_list_widget {
    margin: 0;
    padding: 0;
    list-style: none
}

.fullwidth-block-inner > :last-child, .fullwidth-block-inner > .container > :last-child, .centered-box > :last-child, .gem-textbox-content > :last-child, .gem-icon-with-text-text > :last-child, .gem-icon-with-text-content > :last-child, .gem-alert-box-content > :last-child, .gem-map-with-text-content > :last-child, .gem-map-with-text-content > .container > :last-child, blockquote > :last-child, .comment-text > :last-child, .entry-content.post-content > :last-child, .elementor-text-editor > :last-child, .elementor-widget-text-editor > .elementor-widget-container > :last-child, .elementor-tab-content > :last-child, .gem-text-output > :last-child {
    margin-bottom: 0
}

.entry-content.post-content > .wpb_row:last-child, .gem-textbox-content > .wpb_row:last-child {
    margin-bottom: 0
}

.fullwidth-block-inner > :first-child, .fullwidth-block-inner > .container > :first-child, .centered-box > :first-child, .gem-textbox-content > :first-child, .gem-icon-with-text-text > :first-child, .gem-icon-with-text-content > :first-child, .gem-map-with-text-content > :first-child, .gem-map-with-text-content > .container > :first-child, .gem_tab > :first-child, blockquote > :first-child, .comment-text > :first-child, .wpb_wrapper > :first-child, .elementor-text-editor > :first-child, .elementor-widget-text-editor > .elementor-widget-container > :first-child, .elementor-tab-content > :first-child, .gem-text-output > :first-child {
    margin-top: 0
}

.gem-prev, .gem-next, .ls-thegem a.ls-nav-prev, .ls-thegem a.ls-nav-next {
    position: absolute;
    width: 40px;
    top: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    text-indent: 100%;
    overflow: hidden;
    display: block;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .gem-prev:focus, .gem-next:focus, .ls-thegem a.ls-nav-prev:focus, .ls-thegem a.ls-nav-next:focus {
        outline: 0 none
    }

.nivo-directionNav .gem-prev, .nivo-directionNav .gem-next, .ls-thegem a.ls-nav-prev, .ls-thegem a.ls-nav-next, .related-products-carousel.fullwidth-block .gem-prev, .related-products-carousel.fullwidth-block .gem-next {
    width: 10%;
    z-index: 10
}

.gem-prev, .ls-thegem a.ls-nav-prev {
    left: 0
}

.gem-next, .ls-thegem a.ls-nav-next {
    right: 0
}

    .gem-prev:after, .gem-next:after, .ls-thegem a.ls-nav-prev:after, .ls-thegem a.ls-nav-next:after {
        position: absolute;
        font-family: 'thegem-icons';
        font-style: normal;
        top: 50%;
        margin-top: -20px;
        left: 50%;
        margin-left: -20px;
        font-size: 24px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-indent: 0;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s
    }

.gem-prev:after, .ls-thegem a.ls-nav-prev:after {
    content: '\e636'
}

.gem-next:after, .ls-thegem a.ls-nav-next:after {
    content: '\e634'
}

.gem-prev.disabled, .gem-next.disabled {
    visibility: hidden
}

.gem-pagination {
    text-align: left;
    margin-top: 75px
}

    .gem-pagination.centered-box {
        text-align: center
    }

.gem-pagination-links {
    margin: 0 -8px
}

.gem-pagination a, .gem-pagination .current, .gem-pagination .dots {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    width: 36px;
    height: 36px;
    line-height: 26px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    font-size: 14px;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gem-pagination .prev, .gem-pagination .next {
    font-size: 0
}

.gem-pagination .prev {
    margin-right: 2px
}

.gem-pagination .next {
    margin-left: 2px
}

    .gem-pagination .prev:before, .gem-pagination .next:before {
        font-family: 'thegem-icons';
        font-style: normal;
        font-weight: 400;
        font-size: 24px
    }

.gem-pagination .prev:before {
    content: '\e636'
}

.gem-pagination .next:before {
    content: '\e634'
}

.gem-mini-pagination {
    text-align: center;
    padding-top: 15px
}

    .gem-mini-pagination a {
        display: inline-block;
        width: 17px;
        height: 17px;
        font-size: 0;
        line-height: 0;
        text-indent: 100%;
        overflow: hidden;
        margin: 0 7px;
        border-radius: 17px;
        -moz-border-radius: 17px;
        -webkit-border-radius: 17px
    }

        .gem-mini-pagination a:focus {
            outline: 0 none
        }

.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger {
    width: 16px;
    height: 16px;
    background-color: #b6c6c9;
    border-radius: 50%
}

    .vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger:hover {
        background-color: #b6c6c9
    }

.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_active .vc_pagination-trigger {
    background-color: #00bcd4
}

.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_pagination-trigger {
    width: 16px;
    height: 16px;
    background-color: #3c3950;
    border-radius: 3px
}

    .vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_pagination-trigger:hover {
        background-color: #3c3950
    }

.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_active .vc_pagination-trigger {
    background-color: #00bcd4
}

.gem-print-icon {
    display: inline-block;
    font-family: 'thegem-user-icons';
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    text-align: center;
    vertical-align: middle
}

    .gem-print-icon.gem-icon-pack-elegant {
        font-family: 'ElegantIcons';
        font-size: 16px
    }

    .gem-print-icon.gem-icon-pack-material {
        font-family: 'MaterialDesignIcons';
        font-size: 24px
    }

    .gem-print-icon.gem-icon-pack-fontawesome {
        font-family: 'FontAwesome';
        font-size: 14px
    }

    .gem-print-icon.gem-icon-pack-userpack {
        font-family: 'UserPack';
        font-size: 16px
    }

    .gem-print-icon.gem-icon-pack-thegem-header {
        font-family: 'TheGem Header';
        font-size: 16px
    }

    .gem-print-icon.gem-icon-pack-thegem-icons:before {
        font-family: 'thegem-icons';
        font-style: normal;
        font-size: 16px;
        vertical-align: top
    }

    .gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-share:before {
        content: '\e60d'
    }

    .gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-prev:before {
        content: '\e636';
        font-size: 24px
    }

    .gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-next:before {
        content: '\e634';
        font-size: 24px
    }

    .gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-hamburger:before {
        content: '\e620'
    }

.gem-icon {
    position: relative;
    font-weight: 400;
    font-family: 'ElegantIcons';
    font-size: 24px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 3px;
    font-style: normal;
    border-color: transparent
}

    .gem-icon.gem-icon-pack-material {
        font-family: 'MaterialDesignIcons'
    }

    .gem-icon.gem-icon-pack-fontawesome {
        font-family: 'FontAwesome'
    }

    .gem-icon.gem-icon-pack-userpack {
        font-family: 'UserPack'
    }

    .gem-icon.gem-icon-pack-thegem-header {
        font-family: 'TheGem Header'
    }

.gem-icon-centered {
    display: block;
    margin: 0 auto
}

.gem-icon-inner {
    position: relative;
    height: 100%;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin: -1px
}

.gem-icon-size-small {
    font-size: 24px;
    border-style: solid;
    border-width: 3px;
    height: 50px
}

    .gem-icon-size-small .gem-icon-inner {
        width: 46px;
        height: 46px;
        line-height: 46px
    }

.gem-icon.gem-simple-icon {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 0 none
}

    .gem-icon.gem-simple-icon .gem-icon-inner {
        width: 100%;
        height: 100%;
        line-height: inherit;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

.gem-icon-shape-square, .gem-simple-icon {
    border-radius: 3px
}

    .gem-icon-shape-square .gem-icon-inner {
        border-radius: 0
    }

.gem-icon-size-medium {
    font-size: 48px;
    border-width: 4px;
    height: 80px
}

    .gem-icon-size-medium .gem-icon-inner {
        width: 74px;
        height: 74px;
        line-height: 74px
    }

    .gem-icon-size-medium.gem-simple-icon {
        width: 48px;
        height: 48px;
        line-height: 48px
    }

    .gem-icon-size-medium.gem-icon-shape-square, .gem-icon-size-medium.gem-simple-icon {
        border-radius: 3px
    }

.gem-icon-size-large {
    font-size: 96px;
    border-width: 7px;
    height: 160px
}

    .gem-icon-size-large .gem-icon-inner {
        width: 148px;
        height: 148px;
        line-height: 148px
    }

    .gem-icon-size-large.gem-simple-icon {
        width: 96px;
        height: 96px;
        line-height: 96px
    }

    .gem-icon-size-large.gem-icon-shape-square, .gem-icon-size-large.gem-simple-icon {
        border-radius: 6px
    }

.gem-icon-size-xlarge {
    font-size: 144px;
    border-width: 13px;
    height: 240px
}

    .gem-icon-size-xlarge .gem-icon-inner {
        width: 216px;
        height: 216px;
        line-height: 216px
    }

    .gem-icon-size-xlarge.gem-simple-icon {
        width: 144px;
        height: 144px;
        line-height: 144px
    }

    .gem-icon-size-xlarge.gem-icon-shape-square, .gem-icon-size-xlarge.gem-simple-icon {
        border-radius: 9px
    }

.gem-icon .gem-icon-half-1, .gem-icon .gem-icon-half-2 {
    float: left;
    width: 99.999%;
    height: 100%;
    overflow: hidden;
    text-align: center
}

.gem-icon .gem-icon-half-1 {
    margin-left: -50%
}

.gem-icon .gem-icon-half-2 {
    margin-right: -50%
}

.gem-icon.angle-45deg-l .gem-icon-half-1, .gem-icon.angle-45deg-l .gem-icon-half-2 {
    transform: skew(45deg,0);
    -o-transform: skew(45deg,0);
    -ms-transform: skew(45deg,0);
    -moz-transform: skew(45deg,0);
    -webkit-transform: skew(45deg,0)
}

.gem-icon.angle-45deg-r .gem-icon-half-1, .gem-icon.angle-45deg-r .gem-icon-half-2 {
    transform: skew(-45deg,0);
    -o-transform: skew(-45deg,0);
    -ms-transform: skew(-45deg,0);
    -moz-transform: skew(-45deg,0);
    -webkit-transform: skew(-45deg,0)
}

.gem-icon .back-angle {
    display: block;
    position: relative;
    width: 200%;
    height: 100%
}

.gem-icon .gem-icon-half-2 .back-angle {
    left: -100%
}

.gem-icon.angle-45deg-l .back-angle {
    transform: skew(-45deg,0);
    -o-transform: skew(-45deg,0);
    -ms-transform: skew(-45deg,0);
    -moz-transform: skew(-45deg,0);
    -webkit-transform: skew(-45deg,0)
}

.gem-icon.angle-45deg-r .back-angle {
    transform: skew(45deg,0);
    -o-transform: skew(45deg,0);
    -ms-transform: skew(45deg,0);
    -moz-transform: skew(45deg,0);
    -webkit-transform: skew(45deg,0)
}

.gem-icon-size-small, .gem-icon-size-medium, .gem-icon-size-large, .gem-icon-size-xlarge {
    height: unset
}

.gem-button, input[type=submit] {
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    border: 0 none;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 14px;
    margin: 25px;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 3px
}

    .gem-button.gem-button-no-uppercase {
        text-transform: none
    }

    .gem-button:hover {
        text-decoration: none
    }

.gem-button-position-inline {
    display: inline-block;
    vertical-align: top
}

.gem-button-position-left {
    float: left
}

.gem-button-position-right {
    float: right
}

.gem-button-position-center {
    clear: both;
    text-align: center;
    display: block
}

.gem-button-position-fullwidth .gem-button {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.gem-button-size-tiny, input.gem-button-size-tiny {
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    font-size: 14px;
    margin: 20px
}

.gem-button-size-small, input.gem-button-size-small {
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 14px;
    margin: 25px
}

.gem-button-size-medium, input.gem-button-size-medium {
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    font-size: 19px;
    margin: 30px
}

.gem-button-size-large, input.gem-button-size-large {
    height: 80px;
    line-height: 80px;
    padding: 0 37px;
    font-size: 24px;
    margin: 40px
}

.gem-button-size-giant, input.gem-button-size-giant {
    height: 100px;
    line-height: 100px;
    padding: 0 53px;
    font-size: 36px;
    margin: 50px
}

@media (max-width:992px) {
    .gem-button-tablet-size-tiny, input.gem-button-tablet-size-tiny {
        height: 30px;
        line-height: 30px;
        padding: 0 14px;
        font-size: 14px;
        margin: 20px
    }

    .gem-button-tablet-size-small, input.gem-button-tablet-size-small {
        height: 40px;
        line-height: 40px;
        padding: 0 17px;
        font-size: 14px;
        margin: 25px
    }

    .gem-button-tablet-size-medium, input.gem-button-tablet-size-medium {
        height: 50px;
        line-height: 50px;
        padding: 0 25px;
        font-size: 19px;
        margin: 30px
    }

    .gem-button-tablet-size-large, input.gem-button-tablet-size-large {
        height: 80px;
        line-height: 80px;
        padding: 0 37px;
        font-size: 24px;
        margin: 40px
    }

    .gem-button-tablet-size-giant, input.gem-button-tablet-size-giant {
        height: 100px;
        line-height: 100px;
        padding: 0 53px;
        font-size: 36px;
        margin: 50px
    }
}

@media (max-width:767px) {
    .gem-button-mobile-size-tiny, input.gem-button-mobile-size-tiny {
        height: 30px;
        line-height: 30px;
        padding: 0 14px;
        font-size: 14px;
        margin: 20px
    }

    .gem-button-mobile-size-small, input.gem-button-mobile-size-small {
        height: 40px;
        line-height: 40px;
        padding: 0 17px;
        font-size: 14px;
        margin: 25px
    }

    .gem-button-mobile-size-medium, input.gem-button-mobile-size-medium {
        height: 50px;
        line-height: 50px;
        padding: 0 25px;
        font-size: 19px;
        margin: 30px
    }

    .gem-button-mobile-size-large, input.gem-button-mobile-size-large {
        height: 80px;
        line-height: 80px;
        padding: 0 37px;
        font-size: 24px;
        margin: 40px
    }

    .gem-button-mobile-size-giant, input.gem-button-mobile-size-giant {
        height: 100px;
        line-height: 100px;
        padding: 0 53px;
        font-size: 36px;
        margin: 50px
    }
}

.gem-button.gem-button-empty {
    padding-left: 0;
    padding-right: 0;
    width: 40px
}

    .gem-button.gem-button-empty.gem-button-size-tiny {
        width: 30px
    }

    .gem-button.gem-button-empty.gem-button-size-small {
        width: 40px
    }

    .gem-button.gem-button-empty.gem-button-size-medium {
        width: 50px
    }

    .gem-button.gem-button-empty.gem-button-size-large {
        width: 80px
    }

    .gem-button.gem-button-empty.gem-button-size-giant {
        width: 100px
    }

.gem-button.gem-button-style-outline {
    border-width: 2px;
    line-height: 36px;
    border-style: solid;
    background: 0 0
}

.gem-button.gem-button-style-outline {
    background: 0 0
}

.gem-button-style-outline.gem-button-border-1 {
    border-width: 1px;
    line-height: 38px
}

.gem-button-style-outline.gem-button-border-3 {
    border-width: 3px;
    line-height: 34px
}

.gem-button-style-outline.gem-button-border-4 {
    border-width: 4px;
    line-height: 32px
}

.gem-button-style-outline.gem-button-border-5 {
    border-width: 5px;
    line-height: 30px
}

.gem-button-style-outline.gem-button-border-6 {
    border-width: 6px;
    line-height: 28px
}

.gem-button-size-tiny.gem-button-border-1 {
    line-height: 28px
}

.gem-button-size-tiny.gem-button-style-outline {
    line-height: 26px
}

.gem-button-size-tiny.gem-button-border-3 {
    line-height: 24px
}

.gem-button-size-tiny.gem-button-border-4 {
    line-height: 22px
}

.gem-button-size-tiny.gem-button-border-5 {
    line-height: 20px
}

.gem-button-size-tiny.gem-button-border-6 {
    line-height: 18px
}

.gem-button-size-medium.gem-button-border-1 {
    line-height: 48px
}

.gem-button-size-medium.gem-button-style-outline {
    line-height: 46px
}

.gem-button-size-medium.gem-button-border-3 {
    line-height: 44px
}

.gem-button-size-medium.gem-button-border-4 {
    line-height: 42px
}

.gem-button-size-medium.gem-button-border-5 {
    line-height: 40px
}

.gem-button-size-medium.gem-button-border-6 {
    line-height: 38px
}

.gem-button-size-large.gem-button-border-1 {
    line-height: 78px
}

.gem-button-size-large.gem-button-style-outline {
    line-height: 76px
}

.gem-button-size-large.gem-button-border-3 {
    line-height: 74px
}

.gem-button-size-large.gem-button-border-4 {
    line-height: 72px
}

.gem-button-size-large.gem-button-border-5 {
    line-height: 70px
}

.gem-button-size-large.gem-button-border-6 {
    line-height: 68px
}

.gem-button-size-giant.gem-button-border-1 {
    line-height: 98px
}

.gem-button-size-giant.gem-button-style-outline {
    line-height: 96px
}

.gem-button-size-giant.gem-button-border-3 {
    line-height: 94px
}

.gem-button-size-giant.gem-button-border-4 {
    line-height: 92px
}

.gem-button-size-giant.gem-button-border-5 {
    line-height: 90px
}

.gem-button-size-giant.gem-button-border-6 {
    line-height: 88px
}

@media (max-width:992px) {
    .gem-button-tablet-size-small.gem-button-style-outline {
        border-width: 2px;
        line-height: 36px
    }

    .gem-button-style-outline.gem-button-tablet-border-1 {
        border-width: 1px;
        line-height: 38px
    }

    .gem-button-style-outline.gem-button-tablet-border-3 {
        border-width: 3px;
        line-height: 34px
    }

    .gem-button-style-outline.gem-button-tablet-border-4 {
        border-width: 4px;
        line-height: 32px
    }

    .gem-button-style-outline.gem-button-tablet-border-5 {
        border-width: 5px;
        line-height: 30px
    }

    .gem-button-style-outline.gem-button-tablet-border-6 {
        border-width: 6px;
        line-height: 28px
    }

    .gem-button-tablet-size-tiny.gem-button-tablet-border-1 {
        line-height: 28px
    }

    .gem-button-tablet-size-tiny.gem-button-style-outline {
        line-height: 26px
    }

    .gem-button-tablet-size-tiny.gem-button-tablet-border-3 {
        line-height: 24px
    }

    .gem-button-tablet-size-tiny.gem-button-tablet-border-4 {
        line-height: 22px
    }

    .gem-button-tablet-size-tiny.gem-button-tablet-border-5 {
        line-height: 20px
    }

    .gem-button-tablet-size-tiny.gem-button-tablet-border-6 {
        line-height: 18px
    }

    .gem-button-tablet-size-medium.gem-button-tablet-border-1 {
        line-height: 48px
    }

    .gem-button-tablet-size-medium.gem-button-style-outline {
        line-height: 46px
    }

    .gem-button-tablet-size-medium.gem-button-tablet-border-3 {
        line-height: 44px
    }

    .gem-button-tablet-size-medium.gem-button-tablet-border-4 {
        line-height: 42px
    }

    .gem-button-tablet-size-medium.gem-button-tablet-border-5 {
        line-height: 40px
    }

    .gem-button-tablet-size-medium.gem-button-tablet-border-6 {
        line-height: 38px
    }

    .gem-button-tablet-size-large.gem-button-tablet-border-1 {
        line-height: 78px
    }

    .gem-button-tablet-size-large.gem-button-style-outline {
        line-height: 76px
    }

    .gem-button-tablet-size-large.gem-button-tablet-border-3 {
        line-height: 74px
    }

    .gem-button-tablet-size-large.gem-button-tablet-border-4 {
        line-height: 72px
    }

    .gem-button-tablet-size-large.gem-button-tablet-border-5 {
        line-height: 70px
    }

    .gem-button-tablet-size-large.gem-button-tablet-border-6 {
        line-height: 68px
    }

    .gem-button-tablet-size-giant.gem-button-tablet-border-1 {
        line-height: 98px
    }

    .gem-button-tablet-size-giant.gem-button-style-outline {
        line-height: 96px
    }

    .gem-button-tablet-size-giant.gem-button-tablet-border-3 {
        line-height: 94px
    }

    .gem-button-tablet-size-giant.gem-button-tablet-border-4 {
        line-height: 92px
    }

    .gem-button-tablet-size-giant.gem-button-tablet-border-5 {
        line-height: 90px
    }

    .gem-button-tablet-size-giant.gem-button-tablet-border-6 {
        line-height: 88px
    }
}

@media (max-width:767px) {
    .gem-button-mobile-size-small.gem-button-style-outline {
        border-width: 2px;
        line-height: 36px
    }

    .gem-button-style-outline.gem-button-mobile-border-1 {
        border-width: 1px;
        line-height: 38px
    }

    .gem-button-style-outline.gem-button-mobile-border-3 {
        border-width: 3px;
        line-height: 34px
    }

    .gem-button-style-outline.gem-button-mobile-border-4 {
        border-width: 4px;
        line-height: 32px
    }

    .gem-button-style-outline.gem-button-mobile-border-5 {
        border-width: 5px;
        line-height: 30px
    }

    .gem-button-style-outline.gem-button-mobile-border-6 {
        border-width: 6px;
        line-height: 28px
    }

    .gem-button-mobile-size-tiny.gem-button-mobile-border-1 {
        line-height: 28px
    }

    .gem-button-mobile-size-tiny.gem-button-style-outline {
        line-height: 26px
    }

    .gem-button-mobile-size-tiny.gem-button-mobile-border-3 {
        line-height: 24px
    }

    .gem-button-mobile-size-tiny.gem-button-mobile-border-4 {
        line-height: 22px
    }

    .gem-button-mobile-size-tiny.gem-button-mobile-border-5 {
        line-height: 20px
    }

    .gem-button-mobile-size-tiny.gem-button-mobile-border-6 {
        line-height: 18px
    }

    .gem-button-mobile-size-medium.gem-button-mobile-border-1 {
        line-height: 48px
    }

    .gem-button-mobile-size-medium.gem-button-style-outline {
        line-height: 46px
    }

    .gem-button-mobile-size-medium.gem-button-mobile-border-3 {
        line-height: 44px
    }

    .gem-button-mobile-size-medium.gem-button-mobile-border-4 {
        line-height: 42px
    }

    .gem-button-mobile-size-medium.gem-button-mobile-border-5 {
        line-height: 40px
    }

    .gem-button-mobile-size-medium.gem-button-mobile-border-6 {
        line-height: 38px
    }

    .gem-button-mobile-size-large.gem-button-mobile-border-1 {
        line-height: 78px
    }

    .gem-button-mobile-size-large.gem-button-style-outline {
        line-height: 76px
    }

    .gem-button-mobile-size-large.gem-button-mobile-border-3 {
        line-height: 74px
    }

    .gem-button-mobile-size-large.gem-button-mobile-border-4 {
        line-height: 72px
    }

    .gem-button-mobile-size-large.gem-button-mobile-border-5 {
        line-height: 70px
    }

    .gem-button-mobile-size-large.gem-button-mobile-border-6 {
        line-height: 68px
    }

    .gem-button-mobile-size-giant.gem-button-mobile-border-1 {
        line-height: 98px
    }

    .gem-button-mobile-size-giant.gem-button-style-outline {
        line-height: 96px
    }

    .gem-button-mobile-size-giant.gem-button-mobile-border-3 {
        line-height: 94px
    }

    .gem-button-mobile-size-giant.gem-button-mobile-border-4 {
        line-height: 92px
    }

    .gem-button-mobile-size-giant.gem-button-mobile-border-5 {
        line-height: 90px
    }

    .gem-button-mobile-size-giant.gem-button-mobile-border-6 {
        line-height: 88px
    }
}

.gem-button-position-inline .gem-button {
    margin-left: 0
}

.gem-button-position-left .gem-button {
    margin-left: 0;
    margin-top: 0
}

.gem-button-position-right .gem-button {
    margin-right: 0;
    margin-top: 0
}

.gem-button-position-center .gem-button, .gem-button-position-fullwidth .gem-button {
    margin-left: 0;
    margin-right: 0
}

.gem-button-size-large .gem-print-icon.gem-icon-pack-elegant, .gem-button-size-giant .gem-print-icon.gem-icon-pack-elegant {
    font-size: 32px
}

.gem-button-size-large .gem-print-icon.gem-icon-pack-material, .gem-button-size-giant .gem-print-icon.gem-icon-pack-material {
    font-size: 48px
}

.gem-button-size-large .gem-print-icon.gem-icon-pack-fontawesome, .gem-button-size-giant .gem-print-icon.gem-icon-pack-fontawesome {
    font-size: 28px
}

.gem-button-size-large .gem-print-icon.gem-icon-pack-userpack, .gem-button-size-giant .gem-print-icon.gem-icon-pack-userpack {
    font-size: 32px
}

.gem-button i.gem-print-icon {
    line-height: inherit;
    vertical-align: top;
    height: 100%;
    line-height: inherit
}

.gem-button-icon-position-left .gem-print-icon {
    margin-right: 6px
}

.gem-button-icon-position-left.gem-button-size-tiny .gem-print-icon {
    margin-right: 6px
}

.gem-button-icon-position-left.gem-button-size-medium .gem-print-icon {
    margin-right: 9px
}

.gem-button-icon-position-left.gem-button-size-large .gem-print-icon {
    margin-right: 12px
}

.gem-button-icon-position-left.gem-button-size-giant .gem-print-icon {
    margin-right: 16px
}

.gem-button-icon-position-right .gem-print-icon {
    margin-left: 6px
}

.gem-button-icon-position-right.gem-button-size-tiny .gem-print-icon {
    margin-left: 6px
}

.gem-button-icon-position-right.gem-button-size-medium .gem-print-icon {
    margin-left: 9px
}

.gem-button-icon-position-right.gem-button-size-large .gem-print-icon {
    margin-left: 12px
}

.gem-button-icon-position-right.gem-button-size-giant .gem-print-icon {
    margin-left: 16px
}

.blog-load-more {
    position: relative
}

    .blog-load-more .gem-button {
        margin: 0
    }

.portfolio-load-more .gem-button, .gem-product-load-more .gem-button {
    margin-right: 0
}

@media (max-width:767px) {
    .gem-button-size-large {
        height: 50px;
        line-height: 50px;
        padding: 0 25px;
        font-size: 19px;
        margin: 30px
    }

    .gem-button.gem-button-empty.gem-button-size-large {
        width: 50px
    }

    .gem-button-size-large.gem-button-border-1 {
        line-height: 48px
    }

    .gem-button-size-large.gem-button-style-outline {
        line-height: 46px
    }

    .gem-button-size-large.gem-button-border-3 {
        line-height: 44px
    }

    .gem-button-size-large.gem-button-border-4 {
        line-height: 42px
    }

    .gem-button-size-large.gem-button-border-5 {
        line-height: 40px
    }

    .gem-button-size-large.gem-button-border-6 {
        line-height: 38px
    }

    .gem-button-icon-position-left.gem-button-size-large .gem-print-icon {
        margin-right: 9px
    }

    .gem-button-icon-position-right.gem-button-size-large .gem-print-icon {
        margin-left: 9px
    }

    .gem-button-size-giant {
        height: 80px;
        line-height: 80px;
        padding: 0 37px;
        font-size: 24px;
        margin: 40px
    }

    .gem-button.gem-button-empty.gem-button-size-giant {
        width: 80px
    }

    .gem-button-size-giant.gem-button-border-1 {
        line-height: 78px
    }

    .gem-button-size-giant.gem-button-style-outline {
        line-height: 76px
    }

    .gem-button-size-giant.gem-button-border-3 {
        line-height: 74px
    }

    .gem-button-size-giant.gem-button-border-4 {
        line-height: 72px
    }

    .gem-button-size-giant.gem-button-border-5 {
        line-height: 70px
    }

    .gem-button-size-giant.gem-button-border-6 {
        line-height: 68px
    }

    .gem-button-icon-position-left.gem-button-size-giant .gem-print-icon {
        margin-right: 12px
    }

    .gem-button-icon-position-right.gem-button-size-giant .gem-print-icon {
        margin-left: 12px
    }
}

a.socials-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 5px;
    line-height: 16px
}

.socials-item-icon {
    display: inline-block;
    font-family: 'thegem-socials';
    font-weight: 400;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-size: 16px;
    text-align: center;
    vertical-align: top;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: 400;
    text-rendering: auto
}

a .socials-item-icon {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.socials-item-icon.facebook:before {
    content: '\e600'
}

.socials-colored a .socials-item-icon.facebook, .socials-colored-hover a:hover .socials-item-icon.facebook {
    color: #4e64b5
}

.socials-item-icon.twitter:before {
    content: '\e675'
}

.socials-colored a .socials-item-icon.twitter, .socials-colored-hover a:hover .socials-item-icon.twitter {
    color: #99a9b5
}

.socials-item-icon.pinterest:before {
    content: '\e602'
}

.socials-colored a .socials-item-icon.pinterest, .socials-colored-hover a:hover .socials-item-icon.pinterest {
    color: #ff5757
}

.socials-item-icon.google-plus:before, .socials-item-icon.googleplus:before {
    content: '\e603'
}

.socials-colored a .socials-item-icon.google-plus, .socials-colored a .socials-item-icon.googleplus, .socials-colored-hover a:hover .socials-item-icon.google-plus, .socials-colored-hover a:hover .socials-item-icon.googleplus {
    color: #f44336
}

.socials-item-icon.tumblr:before {
    content: '\e604'
}

.socials-colored a .socials-item-icon.tumblr, .socials-colored-hover a:hover .socials-item-icon.tumblr {
    color: #456988
}

.socials-item-icon.stumbleupon:before {
    content: '\e605'
}

.socials-colored a .socials-item-icon.stumbleupon, .socials-colored-hover a:hover .socials-item-icon.stumbleupon {
    color: #46485c
}

.socials-item-icon.wordpress:before {
    content: '\e606'
}

.socials-colored a .socials-item-icon.wordpress, .socials-colored-hover a:hover .socials-item-icon.wordpress {
    color: #0087be
}

.socials-item-icon.instagram:before {
    content: '\e607'
}

.socials-colored a .socials-item-icon.instagram, .socials-colored-hover a:hover .socials-item-icon.instagram {
    color: #9a8f62
}

.socials-item-icon.dribbble:before {
    content: '\e608'
}

.socials-colored a .socials-item-icon.dribbble, .socials-colored-hover a:hover .socials-item-icon.dribbble {
    color: #ec4a89
}

.socials-item-icon.vimeo:before {
    content: '\e609'
}

.socials-colored a .socials-item-icon.vimeo, .socials-colored-hover a:hover .socials-item-icon.vimeo {
    color: #1db3e3
}

.socials-item-icon.linkedin:before {
    content: '\e60a'
}

.socials-colored a .socials-item-icon.linkedin, .socials-colored-hover a:hover .socials-item-icon.linkedin {
    color: #0288d1
}

.socials-item-icon.rss:before {
    content: '\e60b'
}

.socials-colored a .socials-item-icon.rss, .socials-colored-hover a:hover .socials-item-icon.rss {
    color: #ef8321
}

.socials-item-icon.deviantart:before {
    content: '\e60c'
}

.socials-colored a .socials-item-icon.deviantart, .socials-colored-hover a:hover .socials-item-icon.deviantart {
    color: #00d13b
}

.socials-item-icon.share:before {
    content: '\e60d'
}

.socials-colored a .socials-item-icon.share, .socials-colored-hover a:hover .socials-item-icon.share {
    color: #ff694c
}

.socials-item-icon.myspace:before {
    content: '\e60e'
}

.socials-colored a .socials-item-icon.myspace, .socials-colored-hover a:hover .socials-item-icon.myspace {
    color: #039
}

.socials-item-icon.skype:before {
    content: '\e60f'
}

.socials-colored a .socials-item-icon.skype, .socials-colored-hover a:hover .socials-item-icon.skype {
    color: #00aff0
}

.socials-item-icon.youtube:before {
    content: '\e610'
}

.socials-colored a .socials-item-icon.youtube, .socials-colored-hover a:hover .socials-item-icon.youtube {
    color: #c82929
}

.socials-item-icon.picassa:before {
    content: '\e611'
}

.socials-colored a .socials-item-icon.picassa, .socials-colored-hover a:hover .socials-item-icon.picassa {
    color: #96c
}

.socials-item-icon.google-drive:before, .socials-item-icon.googledrive:before {
    content: '\e612'
}

.socials-colored a .socials-item-icon.google-drive, .socials-colored-hover a:hover .socials-item-icon.google-drive, .socials-colored a .socials-item-icon.googledrive, .socials-colored-hover a:hover .socials-item-icon.googledrive {
    color: #2db672
}

.socials-item-icon.flickr:before {
    content: '\e613'
}

.socials-colored a .socials-item-icon.flickr, .socials-colored-hover a:hover .socials-item-icon.flickr {
    color: #ff0084
}

.socials-item-icon.blogger:before {
    content: '\e614'
}

.socials-colored a .socials-item-icon.blogger, .socials-colored-hover a:hover .socials-item-icon.blogger {
    color: #f06a35
}

.socials-item-icon.spotify:before {
    content: '\e615'
}

.socials-colored a .socials-item-icon.spotify, .socials-colored-hover a:hover .socials-item-icon.spotify {
    color: #1ed760
}

.socials-item-icon.delicious:before {
    content: '\e616'
}

.socials-colored a .socials-item-icon.delicious, .socials-colored-hover a:hover .socials-item-icon.delicious {
    color: #229bf7
}

.socials-item-icon.telegram:before {
    content: '\e645'
}

.socials-colored a .socials-item-icon.telegram, .socials-colored-hover a:hover .socials-item-icon.telegram {
    color: #2ca5e0
}

.socials-item-icon.vk:before {
    content: '\e648'
}

.socials-colored a .socials-item-icon.vk, .socials-colored-hover a:hover .socials-item-icon.vk {
    color: #5181b8
}

.socials-item-icon.whatsapp:before {
    content: '\e64b'
}

.socials-colored a .socials-item-icon.whatsapp, .socials-colored-hover a:hover .socials-item-icon.whatsapp {
    color: #30b220
}

.socials-item-icon.viber:before {
    content: '\e64e'
}

.socials-colored a .socials-item-icon.viber, .socials-colored-hover a:hover .socials-item-icon.viber {
    color: #7a4e9d
}

.socials-item-icon.ok:before {
    content: '\e651'
}

.socials-colored a .socials-item-icon.ok, .socials-colored-hover a:hover .socials-item-icon.ok {
    color: #df8733
}

.socials-item-icon.reddit:before {
    content: '\e654'
}

.socials-colored a .socials-item-icon.reddit, .socials-colored-hover a:hover .socials-item-icon.reddit {
    color: #ff4500
}

.socials-item-icon.slack:before {
    content: '\e657'
}

.socials-colored a .socials-item-icon.slack, .socials-colored-hover a:hover .socials-item-icon.slack {
    color: #63c1a0
}

.socials-item-icon.askfm:before {
    content: '\e65a'
}

.socials-colored a .socials-item-icon.askfm, .socials-colored-hover a:hover .socials-item-icon.askfm {
    color: #ff6648
}

.socials-item-icon.meetup:before {
    content: '\e65d'
}

.socials-colored a .socials-item-icon.meetup, .socials-colored-hover a:hover .socials-item-icon.meetup {
    color: #e25063
}

.socials-item-icon.weibo:before {
    content: '\e660'
}

.socials-colored a .socials-item-icon.weibo, .socials-colored-hover a:hover .socials-item-icon.weibo {
    color: #d52b2a
}

.socials-item-icon.qzone:before {
    content: '\e663'
}

.socials-colored a .socials-item-icon.qzone, .socials-colored-hover a:hover .socials-item-icon.qzone {
    color: #fece00
}

.socials-item-icon.tiktok:before {
    content: '\e666'
}

.socials-colored a .socials-item-icon.tiktok, .socials-colored-hover a:hover .socials-item-icon.tiktok {
    color: #ff0050
}

.socials-item-icon.soundcloud:before {
    content: '\e669'
}

.socials-colored a .socials-item-icon.soundcloud, .socials-colored-hover a:hover .socials-item-icon.soundcloud {
    color: #f30
}

.socials-item-icon.discord:before {
    content: '\e66c'
}

.socials-colored a .socials-item-icon.discord, .socials-colored-hover a:hover .socials-item-icon.discord {
    color: #7289da
}

.socials-item-icon.wechat:before {
    content: '\e66f'
}

.socials-colored a .socials-item-icon.wechat, .socials-colored-hover a:hover .socials-item-icon.wechat {
    color: #00bf2c
}

.socials-item-icon.xing:before {
    content: '\e672'
}

.socials-colored a .socials-item-icon.xing, .socials-colored-hover a:hover .socials-item-icon.xing {
    color: #046064
}

.socials-item-icon.twitter-old:before {
    content: '\e601'
}

.socials-colored a .socials-item-icon.twitter-old, .socials-colored-hover a:hover .socials-item-icon.twitter-old {
    color: #00aced
}

.social-item-rounded.socials-item-icon.facebook:before, .socials-rounded .socials-item-icon.facebook:before {
    content: '\e617'
}

.social-item-rounded.socials-item-icon.twitter:before, .socials-rounded .socials-item-icon.twitter:before {
    content: '\e676'
}

.social-item-rounded.socials-item-icon.pinterest:before, .socials-rounded .socials-item-icon.pinterest:before {
    content: '\e619'
}

.social-item-rounded.socials-item-icon.google-plus:before, .social-item-rounded.socials-item-icon.googleplus:before, .socials-rounded .socials-item-icon.google-plus:before, .socials-rounded .socials-item-icon.googleplus:before {
    content: '\e61a'
}

.social-item-rounded.socials-item-icon.tumblr:before, .socials-rounded .socials-item-icon.tumblr:before {
    content: '\e61b'
}

.social-item-rounded.socials-item-icon.stumbleupon:before, .socials-rounded .socials-item-icon.stumbleupon:before {
    content: '\e61c'
}

.social-item-rounded.socials-item-icon.wordpress:before, .socials-rounded .socials-item-icon.wordpress:before {
    content: '\e61d'
}

.social-item-rounded.socials-item-icon.instagram:before, .socials-rounded .socials-item-icon.instagram:before {
    content: '\e61e'
}

.social-item-rounded.socials-item-icon.dribbble:before, .socials-rounded .socials-item-icon.dribbble:before {
    content: '\e61f'
}

.social-item-rounded.socials-item-icon.vimeo:before, .socials-rounded .socials-item-icon.vimeo:before {
    content: '\e620'
}

.social-item-rounded.socials-item-icon.linkedin:before, .socials-rounded .socials-item-icon.linkedin:before {
    content: '\e621'
}

.social-item-rounded.socials-item-icon.rss:before, .socials-rounded .socials-item-icon.rss:before {
    content: '\e622'
}

.social-item-rounded.socials-item-icon.deviantart:before, .socials-rounded .socials-item-icon.deviantart:before {
    content: '\e623'
}

.social-item-rounded.socials-item-icon.share:before, .socials-rounded .socials-item-icon.share:before {
    content: '\e624'
}

.social-item-rounded.socials-item-icon.myspace:before, .socials-rounded .socials-item-icon.myspace:before {
    content: '\e625'
}

.social-item-rounded.socials-item-icon.skype:before, .socials-rounded .socials-item-icon.skype:before {
    content: '\e626'
}

.social-item-rounded.socials-item-icon.youtube:before, .socials-rounded .socials-item-icon.youtube:before {
    content: '\e627'
}

.social-item-rounded.socials-item-icon.picassa:before, .socials-rounded .socials-item-icon.picassa:before {
    content: '\e628'
}

.social-item-rounded.socials-item-icon.google-drive:before, .social-item-rounded.socials-item-icon.googledrive:before, .socials-rounded .socials-item-icon.google-drive:before, .socials-rounded .socials-item-icon.googledrive:before {
    content: '\e629'
}

.social-item-rounded.socials-item-icon.flickr:before, .socials-rounded .socials-item-icon.flickr:before {
    content: '\e62a'
}

.social-item-rounded.socials-item-icon.blogger:before, .socials-rounded .socials-item-icon.blogger:before {
    content: '\e62b'
}

.social-item-rounded.socials-item-icon.spotify:before, .socials-rounded .socials-item-icon.spotify:before {
    content: '\e62c'
}

.social-item-rounded.socials-item-icon.delicious:before, .socials-rounded .socials-item-icon.delicious:before {
    content: '\e62d'
}

.social-item-rounded.socials-item-icon.telegram:before, .socials-rounded .socials-item-icon.telegram:before {
    content: '\e646'
}

.social-item-rounded.socials-item-icon.vk:before, .socials-rounded .socials-item-icon.vk:before {
    content: '\e649'
}

.social-item-rounded.socials-item-icon.whatsapp:before, .socials-rounded .socials-item-icon.whatsapp:before {
    content: '\e64c'
}

.social-item-rounded.socials-item-icon.viber:before, .socials-rounded .socials-item-icon.viber:before {
    content: '\e64f'
}

.social-item-rounded.socials-item-icon.ok:before, .socials-rounded .socials-item-icon.ok:before {
    content: '\e652'
}

.social-item-rounded.socials-item-icon.reddit:before, .socials-rounded .socials-item-icon.reddit:before {
    content: '\e655'
}

.social-item-rounded.socials-item-icon.slack:before, .socials-rounded .socials-item-icon.slack:before {
    content: '\e658'
}

.social-item-rounded.socials-item-icon.askfm:before, .socials-rounded .socials-item-icon.askfm:before {
    content: '\e65b'
}

.social-item-rounded.socials-item-icon.meetup:before, .socials-rounded .socials-item-icon.meetup:before {
    content: '\e65e'
}

.social-item-rounded.socials-item-icon.weibo:before, .socials-rounded .socials-item-icon.weibo:before {
    content: '\e661'
}

.social-item-rounded.socials-item-icon.qzone:before, .socials-rounded .socials-item-icon.qzone:before {
    content: '\e664'
}

.social-item-rounded.socials-item-icon.tiktok:before, .socials-rounded .socials-item-icon.tiktok:before {
    content: '\e667'
}

.social-item-rounded.socials-item-icon.soundcloud:before, .socials-rounded .socials-item-icon.soundcloud:before {
    content: '\e66a'
}

.social-item-rounded.socials-item-icon.discord:before, .socials-rounded .socials-item-icon.discord:before {
    content: '\e66d'
}

.social-item-rounded.socials-item-icon.wechat:before, .socials-rounded .socials-item-icon.wechat:before {
    content: '\e670'
}

.social-item-rounded.socials-item-icon.xing:before, .socials-rounded .socials-item-icon.xing:before {
    content: '\e673'
}

.social-item-rounded.socials-item-icon.twitter-old:before, .socials-rounded .socials-item-icon.twitter-old:before {
    content: '\e618'
}

.social-item-square.socials-item-icon.facebook:before, .socials-square .socials-item-icon.facebook:before {
    content: '\e62e'
}

.social-item-square.socials-item-icon.twitter:before, .socials-square .socials-item-icon.twitter:before {
    content: '\e677'
}

.social-item-square.socials-item-icon.pinterest:before, .socials-square .socials-item-icon.pinterest:before {
    content: '\e630'
}

.social-item-square.socials-item-icon.google-plus:before, .social-item-square.socials-item-icon.googleplus:before, .socials-square .socials-item-icon.google-plus:before, .socials-square .socials-item-icon.googleplus:before {
    content: '\e631'
}

.social-item-square.socials-item-icon.tumblr:before, .socials-square .socials-item-icon.tumblr:before {
    content: '\e632'
}

.social-item-square.socials-item-icon.stumbleupon:before, .socials-square .socials-item-icon.stumbleupon:before {
    content: '\e633'
}

.social-item-square.socials-item-icon.wordpress:before, .socials-square .socials-item-icon.wordpress:before {
    content: '\e634'
}

.social-item-square.socials-item-icon.instagram:before, .socials-square .socials-item-icon.instagram:before {
    content: '\e635'
}

.social-item-square.socials-item-icon.dribbble:before, .socials-square .socials-item-icon.dribbble:before {
    content: '\e636'
}

.social-item-square.socials-item-icon.vimeo:before, .socials-square .socials-item-icon.vimeo:before {
    content: '\e637'
}

.social-item-square.socials-item-icon.linkedin:before, .socials-square .socials-item-icon.linkedin:before {
    content: '\e638'
}

.social-item-square.socials-item-icon.rss:before, .socials-square .socials-item-icon.rss:before {
    content: '\e639'
}

.social-item-square.socials-item-icon.deviantart:before, .socials-square .socials-item-icon.deviantart:before {
    content: '\e63a'
}

.social-item-square.socials-item-icon.share:before, .socials-square .socials-item-icon.share:before {
    content: '\e63b'
}

.social-item-square.socials-item-icon.myspace:before, .socials-square .socials-item-icon.myspace:before {
    content: '\e63c'
}

.social-item-square.socials-item-icon.skype:before, .socials-square .socials-item-icon.skype:before {
    content: '\e63d'
}

.social-item-square.socials-item-icon.youtube:before, .socials-square .socials-item-icon.youtube:before {
    content: '\e63e'
}

.social-item-square.socials-item-icon.picassa:before, .socials-square .socials-item-icon.picassa:before {
    content: '\e63f'
}

.social-item-square.socials-item-icon.google-drive:before, .social-item-square.socials-item-icon.googledrive:before, .socials-square .socials-item-icon.google-drive:before, .socials-square .socials-item-icon.googledrive:before {
    content: '\e640'
}

.social-item-square.socials-item-icon.flickr:before, .socials-square .socials-item-icon.flickr:before {
    content: '\e641'
}

.social-item-square.socials-item-icon.blogger:before, .socials-square .socials-item-icon.blogger:before {
    content: '\e642'
}

.social-item-square.socials-item-icon.spotify:before, .socials-square .socials-item-icon.spotify:before {
    content: '\e643'
}

.social-item-square.socials-item-icon.delicious:before, .socials-square .socials-item-icon.delicious:before {
    content: '\e644'
}

.social-item-square.socials-item-icon.telegram:before, .socials-square .socials-item-icon.telegram:before {
    content: '\e647'
}

.social-item-square.socials-item-icon.vk:before, .socials-square .socials-item-icon.vk:before {
    content: '\e64a'
}

.social-item-square.socials-item-icon.whatsapp:before, .socials-square .socials-item-icon.whatsapp:before {
    content: '\e64d'
}

.social-item-square.socials-item-icon.viber:before, .socials-square .socials-item-icon.viber:before {
    content: '\e650'
}

.social-item-square.socials-item-icon.ok:before, .socials-square .socials-item-icon.ok:before {
    content: '\e653'
}

.social-item-square.socials-item-icon.reddit:before, .socials-square .socials-item-icon.reddit:before {
    content: '\e656'
}

.social-item-square.socials-item-icon.slack:before, .socials-square .socials-item-icon.slack:before {
    content: '\e659'
}

.social-item-square.socials-item-icon.askfm:before, .socials-square .socials-item-icon.askfm:before {
    content: '\e65c'
}

.social-item-square.socials-item-icon.meetup:before, .socials-square .socials-item-icon.meetup:before {
    content: '\e65f'
}

.social-item-square.socials-item-icon.weibo:before, .socials-square .socials-item-icon.weibo:before {
    content: '\e662'
}

.social-item-square.socials-item-icon.qzone:before, .socials-square .socials-item-icon.qzone:before {
    content: '\e665'
}

.social-item-square.socials-item-icon.tiktok:before, .socials-square .socials-item-icon.tiktok:before {
    content: '\e668'
}

.social-item-square.socials-item-icon.soundcloud:before, .socials-square .socials-item-icon.soundcloud:before {
    content: '\e66b'
}

.social-item-square.socials-item-icon.discord:before, .socials-square .socials-item-icon.discord:before {
    content: '\e66e'
}

.social-item-square.socials-item-icon.wechat:before, .socials-square .socials-item-icon.wechat:before {
    content: '\e671'
}

.social-item-square.socials-item-icon.xing:before, .socials-square .socials-item-icon.xing:before {
    content: '\e674'
}

.social-item-square.socials-item-icon.twitter-old:before, .socials-square .socials-item-icon.twitter-old:before {
    content: '\e62f'
}

.socials-list {
    margin-left: -10px;
    margin-right: -10px
}

    .socials-list .socials-item {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .socials-list.socials-alignment-right {
        text-align: right
    }

    .socials-list.socials-alignment-center {
        text-align: center
    }

#footer-socials .socials:not(.socials-colored-hover) a:hover .socials-item-icon {
    color: #fff
}

.preloader {
    position: relative;
    height: 200px
}

.slideshow-preloader {
    height: 400px
}

.loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

    .preloader:after, .loading:after {
        content: '';
        position: absolute;
        height: 90px;
        width: 90px;
        background: #fff url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/images/preloader-1.gif) no-repeat 50% 50%;
        top: 50%;
        left: 50%;
        margin-top: -45px;
        margin-left: -45px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%
    }

.preloader + * {
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0
}

    .preloader + *:not(iframe) {
        height: 0 !important
    }

.preloader + iframe {
    margin-top: -200px !important
}

.loading + * {
    opacity: 0
}

.preloader.save-space {
    margin-bottom: -200px
}

    .preloader.save-space + *:not(iframe) {
        position: relative;
        height: auto !important;
        z-index: -1
    }

.preloader .skeleton {
    height: auto;
    font-size: 0;
    position: absolute;
    width: 100%;
    left: 0
}

    .preloader .skeleton .with-filter-sidebar {
        display: flex
    }

    .panel-sidebar-position-right .preloader .skeleton .with-filter-sidebar, .preloader .skeleton.panel-sidebar-position-right .with-filter-sidebar {
        flex-direction: row-reverse
    }

    .preloader .skeleton .with-filter-sidebar .filter-sidebar {
        width: 25%;
        max-width: 350px;
        padding-right: 42px
    }

    .panel-sidebar-position-right .preloader .skeleton .with-filter-sidebar .filter-sidebar, .preloader .skeleton.panel-sidebar-position-right .with-filter-sidebar .filter-sidebar {
        padding-right: 0;
        padding-left: 42px
    }

@media (max-width:991px) {
    .preloader .skeleton .with-filter-sidebar .filter-sidebar {
        display: none
    }
}

.preloader .skeleton .with-filter-sidebar .content {
    flex: 1
}

.preloader .skeleton .widget {
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
    border-bottom: 2px solid #f0f3f2
}

    .preloader .skeleton .widget:before {
        content: "";
        display: block;
        height: 350px;
        background-repeat: no-repeat;
        background-image: linear-gradient(#f0f3f2 20px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0);
        background-size: 55% 20px,30px 12px,65% 12px,30px 12px,48% 12px,30px 12px,57% 12px,30px 12px,43% 12px,30px 12px,54% 12px,30px 12px,45% 12px,30px 12px,35% 12px,30px 12px,58% 12px;
        background-position: left 0,right 50px,left 50px,right 86px,left 86px,right 122px,left 122px,right 158px,left 158px,right 194px,left 194px,right 230px,left 230px,right 266px,left 266px,right 302px,left 302px
    }

.preloader .skeleton .portfolio-top-panel {
    text-align: right;
    margin-bottom: 35px
}

.preloader .skeleton .skeleton-sorting {
    width: 140px;
    height: 25px;
    background-color: #f0f3f2;
    margin-left: auto;
    border-radius: 13px;
    position: relative;
    overflow: hidden
}

.preloader .skeleton .portfolio-item, .preloader .skeleton .products-category-item {
    position: relative;
    overflow: hidden;
    margin-top: 0
}

@media (min-width:992px) {
    .preloader .skeleton .portfolio-item.product.columns-desktop-5, .preloader .skeleton .products-category-item.columns-desktop-5 {
        width: 20%
    }
}

.preloader .skeleton .portfolio-item:before {
    content: "";
    display: block;
    padding-top: calc(100% + 118px);
    background-repeat: no-repeat;
    background-image: linear-gradient(#f0f3f2 100%,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0);
    background-size: 100% 60%,26% 12px,65% 12px,56% 12px,38% 12px;
    background-position: center 0,center calc(60% + 20px),center calc(60% + 42px),center calc(60% + 64px),center calc(60% + 86px)
}

.preloader .skeleton .caption-position-image.aspect-ratio-portrait .products-category-item:before {
    content: "";
    display: block;
    padding-top: 125%;
    background-repeat: no-repeat;
    background-image: linear-gradient(#f0f3f2 100%,transparent 0);
    background-size: 100%;
    background-position: center 0
}

.preloader .skeleton .caption-position-image.aspect-ratio-square .products-category-item:before {
    content: "";
    display: block;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(#f0f3f2 100%,transparent 0);
    background-size: 100%;
    background-position: center 0
}

.preloader .skeleton .caption-position-below.aspect-ratio-portrait .products-category-item:before {
    content: "";
    display: block;
    padding-top: calc(125% + 70px);
    background-repeat: no-repeat;
    background-image: linear-gradient(#f0f3f2 100%,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0);
    background-size: 100% 75%,65% 12px,38% 12px;
    background-position: center 0,center calc(75% + 25px),center calc(75% + 50px)
}

.preloader .skeleton .caption-position-below.aspect-ratio-square .products-category-item:before {
    content: "";
    display: block;
    padding-top: calc(100% + 70px);
    background-repeat: no-repeat;
    background-image: linear-gradient(#f0f3f2 100%,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0),linear-gradient(#f0f3f2 12px,transparent 0);
    background-size: 100% 75%,65% 12px,38% 12px;
    background-position: center 0,center calc(75% + 25px),center calc(75% + 50px)
}

.preloader .skeleton .widget:after, .preloader .skeleton .portfolio-item:after, .preloader .skeleton .skeleton-sorting:after, .preloader .skeleton .products-category-item:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    transform: rotate(45deg);
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 80%);
    background-size: 60% 100%;
    background-position: -100% 0;
    background-repeat: no-repeat;
    animation: skeletonloading 1.5s infinite .2s
}

.preloader .skeleton .skeleton-sorting:after {
    top: -200%;
    bottom: -200%
}

@keyframes skeletonloading {
    to {
        background-position: 200% 0
    }
}

.preloader.skeleton-carousel {
    height: auto
}

    .preloader.skeleton-carousel .skeleton {
        position: relative
    }

    .preloader.skeleton-carousel .skeleton-posts {
        display: flex;
        overflow: hidden
    }

        .preloader.skeleton-carousel .skeleton-posts .portfolio-item, .preloader.skeleton-carousel .skeleton-posts .products-category-item {
            flex: none
        }

.preloader.skeleton.product-gallery-skeleton, .preloader.skeleton.product-grid-gallery-skeleton, .preloader.skeleton.product-right-column-skeleton, .preloader.skeleton.product-tabs-skeleton {
    position: relative;
    overflow: hidden;
    padding: 0;
    background-repeat: no-repeat
}

.preloader.skeleton.product-right-column-skeleton {
    position: absolute;
    left: 21px;
    right: 21px
}

    .preloader.skeleton.product-right-column-skeleton + * {
        position: relative;
        height: auto !important;
        opacity: 0
    }

.preloader.skeleton.product-gallery-skeleton {
    height: auto
}

@media (min-width:768px) {
    .preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical {
        padding-bottom: calc(100% - 30px) !important
    }

        .preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical .product-gallery-skeleton-image {
            padding: 0 !important
        }

    .preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical-square {
        padding-bottom: 74.11% !important
    }
}

.product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-horizontal {
    position: relative;
    width: 100%;
    padding-bottom: calc(25% - 11px);
    margin-top: 15px;
    background-repeat: no-repeat;
    background-image: linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0);
    background-size: 23% 100%;
    background-position: 0 center,33% center,66% center,100% center;
    overflow: hidden
}

@media (width:768px) and (orientation:portrait) {
    .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-horizontal {
        display: none
    }
}

.product-gallery {
    position: relative
}

.owl-carousel.product-gallery-slider:not(.owl-loaded) {
    display: block
}

    .owl-carousel.product-gallery-slider:not(.owl-loaded) .product-gallery-slider-item:not(:first-child) {
        display: none
    }

.product-gallery.is-vertical-inited .owl-carousel.product-gallery-slider:not(.owl-loaded) .product-gallery-slider-item:first-child {
    padding-left: 24.3%
}

.product-gallery.is-vertical-inited-right .owl-carousel.product-gallery-slider:not(.owl-loaded) .product-gallery-slider-item:first-child {
    padding-right: 24.3%
}

.product-gallery.is-vertical-inited .owl-carousel.product-gallery-slider:not(.owl-loaded) ~ .product-gallery-labels .product-labels {
    left: calc(24.3% + 10px)
}

.product-gallery.is-vertical-inited .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical, .product-gallery.is-vertical-inited-right .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical {
    height: 100%;
    width: calc(24.3% - 15px);
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0);
    background-size: 100% 23%;
    background-position: center 0,center 33%,center 66%,center 100%;
    overflow: hidden
}

.product-gallery.is-vertical-inited .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical {
    left: 0
}

.product-gallery.is-vertical-inited-right .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical {
    right: 0
}

@media (max-width:767px) {
    .product-gallery-skeleton-thumbs {
        display: none
    }
}

.product-gallery-skeleton-image {
    width: 100%;
    background-color: var(--styled-bg-color,#f0f3f2)
}

@media (min-width:768px) {
    .preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical .product-gallery-skeleton-image {
        position: absolute;
        right: 0;
        top: 0;
        width: 75.7%;
        height: 100%
    }
}

.preloader.skeleton.product-grid-gallery-skeleton {
    background-color: var(--styled-bg-color,#f0f3f2);
    padding-bottom: 125%;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.preloader.skeleton.product-right-column-skeleton {
    padding-bottom: 510px
}

.preloader.skeleton.product-tabs-skeleton {
    padding-bottom: 350px
}

    .product-gallery-skeleton-thumbs:after, .product-gallery-skeleton-image:after, .preloader.skeleton.product-grid-gallery-skeleton:after, .preloader.skeleton.product-right-column-skeleton:after, .preloader.skeleton.product-tabs-skeleton:after {
        content: "";
        position: absolute;
        display: block;
        height: auto;
        width: auto;
        background-color: transparent;
        top: -50%;
        left: -50%;
        right: -50%;
        bottom: -50%;
        transform: rotate(45deg);
        background-image: linear-gradient(90deg,rgba(255,255,255,0) 20%,var(--main-bg-color-08,rgba(255,255,255,.8)) 50%,rgba(255,255,255,0) 80%);
        background-size: 60% 100%;
        background-position: -100% 0;
        background-repeat: no-repeat;
        animation: skeletonloading 1.5s infinite .2s
    }

.product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-horizontal:after {
    top: -200%;
    bottom: -200%
}

.product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical:after {
    left: -200%;
    right: -200%
}

.preloader.skeleton.product-tabs-skeleton:after {
    transform: none;
    background-image: linear-gradient(-45deg,rgba(255,255,255,0) 20%,var(--main-bg-color-08,rgba(255,255,255,.8)) 50%,rgba(255,255,255,0) 80%)
}

.preloader.skeleton.product-right-column-skeleton {
    background-image: linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0);
    background-size: calc(100% - 180px) 30px,55px 20px,35% 20px,100% 12px,100% 12px,100% 12px,100% 12px,50% 35px,50% 35px,20% 20px,50% 20px,65% 20px,40% 20px;
    background-position: 0 0,100% 0,0 50px,0 95px,0 120px,0 145px,0 170px,0 230px,0 285px,0 370px,0 410px,0 450px,0 490px
}

    .preloader.skeleton.product-right-column-skeleton.centered-skeleton {
        padding-bottom: 530px;
        background-image: linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0);
        background-size: 45% 25px,55px 20px,30% 12px,25% 20px,65% 12px,70% 12px,50% 12px,40px 12px,45% 30px,65% 40px,80px 12px,25% 20px;
        background-position: center 80px,100% 0,center 130px,center 165px,center 210px,center 235px,center 260px,center 305px,center 335px,center 405px,center 465px,center 510px
    }

.preloader.skeleton.product-tabs-skeleton {
    background-image: linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0),linear-gradient(var(--styled-bg-color,#f0f3f2) 100%,transparent 0);
    background-size: 110px 30px,110px 30px,110px 30px,100% 12px,100% 12px,100% 12px,100% 12px,100% 12px,65% 20px,60% 20px,45% 20px;
    background-position: 0 0,160px 0,320px 0,0 75px,0 105px,0 135px,0 165px,0 195px,0 250px,0 290px,0 330px
}

input[type=text], input[type=password], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=month], input[type=week] {
    padding: 0 10px;
    max-width: 100%;
    vertical-align: middle
}

textarea {
    padding: 10px;
    max-width: 100%;
    vertical-align: middle
}

.dropdown_product_cat .select2-container {
    border-radius: 3px
}

.combobox-wrapper, #page .select2-container .select2-selection--single {
    position: relative;
    width: 100%;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
    padding-right: 36px;
    border-radius: 3px
}

#page .select2-container .select2-selection--single {
    display: block;
    width: auto;
    padding-right: 0;
    outline: none;
    box-shadow: none
}

#page .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, #page .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#page .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, #page .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.combobox-wrapper .combobox-text, #page .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: 0 10px;
    line-height: 36px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap
}

#page .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 36px;
    outline: none;
    box-shadow: none
}

.woocommerce .combobox-wrapper .combobox-text, #page .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 18px
}

.combobox-wrapper .combobox-button, #page .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

    #page .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none
    }

    .combobox-wrapper .combobox-button:before, #page .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        content: '\e635';
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
        font-family: 'thegem-icons';
        font-style: normal;
        font-weight: 400
    }

.combobox-wrapper select {
    width: 100%;
    cursor: pointer
}

.checkbox-sign, .radio-sign {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    vertical-align: middle
}

.radio-sign {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

#shipping_method .radio-sign {
    width: 12px;
    height: 12px
}

.checkbox-sign.checked:before, .radio-sign.checked:before {
    position: absolute;
    left: 50%;
    top: 50%
}

.checkbox-sign.checked:before {
    content: '\e646';
    font-size: 24px;
    font-weight: 400;
    font-family: 'thegem-icons';
    font-style: normal;
    text-align: center;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: -7px;
    margin-left: -11px
}

.radio-sign.checked:before {
    content: '';
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 10px;
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

#shipping_method .radio-sign:before {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px
}

#page {
    position: relative;
    overflow: clip
}

    #page.layout-boxed {
        max-width: 1260px;
        margin: 0 auto;
        box-shadow: 0 0 5px rgba(0,0,0,.11)
    }

.page-title-block {
    text-align: center;
    background-position: 50% 0;
    background-size: cover;
    padding: 80px 0;
    position: relative
}

.page-title-alignment-left {
    text-align: left
}

    .page-title-alignment-left .page-title-icon {
        float: right
    }

.page-title-alignment-right {
    text-align: right
}

    .page-title-alignment-right .page-title-icon {
        float: left
    }

.page-title-alignment-left .page-title-title h1, .page-title-alignment-left .page-title-title h2, .page-title-alignment-left .page-title-title .title-rich-content {
    margin-left: 0;
    margin-right: auto
}

.page-title-alignment-right .page-title-title h1, .page-title-alignment-right .page-title-title h2, .page-title-alignment-right .page-title-title .title-rich-content {
    margin-left: auto;
    margin-right: 0
}

.page-title-icon + .page-title-title {
    margin-top: 55px
}

.page-title-alignment-right .page-title-icon + .page-title-title, .page-title-alignment-left .page-title-icon + .page-title-title {
    margin-top: -7px
}

.page-title-excerpt {
    margin-top: 18px;
    display: inline-block;
    width: 100%
}

.page-title-block .breadcrumbs-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.page-title-block .breadcrumbs {
    display: inline-block
}

    .page-title-block .breadcrumbs > span {
        display: inline-block;
        vertical-align: top
    }

#main {
    position: relative;
    z-index: 5
}

.container-fullwidth {
    width: 100%
}

@media (min-width:1244px) {
    .container-fullwidth {
        padding: 0 37px
    }
}

@media (max-width:991px) {
    .sidebar {
        margin-top: 3em
    }
}

#footer-nav {
    padding: 40px 0;
    border-top: 1px solid #313646
}

@media (max-width:1199px) {
    #footer-nav .row {
        margin-top: -3em
    }

        #footer-nav .row > * {
            margin-top: 3em
        }
}

#footer-navigation {
    margin-bottom: 0
}

#footer-menu {
    display: inline-block;
    margin: 0 -21px
}

    #footer-menu li {
        display: inline-block;
        padding: 0 21px;
        position: relative;
        line-height: 1
    }

        #footer-menu li + li:before {
            content: '';
            width: 0;
            height: 100%;
            position: absolute;
            left: -1px;
            top: 0;
            font-size: 0;
            border-right: 1px solid #333146
        }

        #footer-menu li a {
            font-size: 92.86%;
            display: block
        }

#footer-socials {
    text-align: right
}

    #footer-socials .socials {
        text-align: right;
        margin: 0 -7px;
        display: inline-block;
        vertical-align: middle
    }

.footer-socials-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 7px
}

    .footer-socials-item a {
        display: block;
        position: relative;
        font-size: 0;
        width: 20px;
        line-height: inherit
    }

        .footer-socials-item a:after {
            position: absolute;
            font-family: 'thegem-socials';
            display: block;
            font-size: 16px;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            text-align: center;
            transition: all .2s linear;
            -moz-transition: all .2s linear;
            -webkit-transition: all .2s linear
        }

    .footer-socials-item.twitter a:after {
        content: '\e603'
    }

    .footer-socials-item.facebook a:after {
        content: '\e601'
    }

    .footer-socials-item.linkedin a:after {
        content: '\e604'
    }

    .footer-socials-item.googleplus a:after {
        content: '\e602'
    }

    .footer-socials-item.stumbleupon a:after {
        content: '\e606'
    }

    .footer-socials-item.rss a:after {
        content: '\e608'
    }

@media (max-width:991px) {
    #footer-nav #footer-socials {
        text-align: center
    }

    #footer-nav .footer-site-info {
        text-align: center
    }

    #footer-navigation #footer-menu li {
        margin: 5px 0
    }
}

#colophon {
    position: relative;
    padding: 110px 0 45px;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat
}

.footer-widget-area {
    margin-bottom: 1.421em
}

.footer-site-info {
    font-size: 92.86%
}

    .footer-site-info a:hover {
        text-decoration: underline
    }

.block-content {
    padding: 135px 0 100px
}

    .block-content:last-of-type {
        padding-bottom: 110px
    }

    .block-content.no-bottom-margin:last-of-type {
        padding-bottom: 0
    }

.page-title + .no-top-margin, #page-title + .no-top-margin, .gem-slideshow + .no-top-margin, .no-top-margin:first-child {
    padding-top: 0
}

.block-content + .block-content {
    padding-top: 0
}

.panel.row {
    margin-bottom: 0
}

body.single-thegem_templates.template-type-single-product .block-content, body.single-thegem_templates.template-type-product-archive .block-content, body.single-thegem_templates.template-type-blog-archive .block-content, body.single-thegem_templates.template-type-single-post .block-content, body.single-thegem_templates.template-type-portfolio .block-content, body.single-thegem_templates.template-type-cart .block-content, body.single-thegem_templates.template-type-checkout .block-content {
    padding-top: 30px
}

body.single-thegem_templates.template-type-megamenu .block-content {
    padding-top: 30px
}

body.single-thegem_templates.template-type-content .block-content {
    padding-top: 30px
}

body.single-thegem_templates.template-type-cart .block-content, body.single-thegem_templates.template-type-checkout .block-content, body.single-thegem_templates.template-type-product-archive .block-content, body.single-thegem_templates.template-type-blog-archive .block-content, body.single-thegem_templates.template-type-single-post .block-content, body.single-thegem_templates.template-type-portfolio .block-content {
    padding-bottom: 0
}

body.single-thegem_templates.template-type-cart:not(.elementor-editor-active) .block-content, body.single-thegem_templates.template-type-checkout:not(.elementor-editor-active) .block-content, body.single-thegem_templates.template-type-product-archive:not(.elementor-editor-active) .block-content, body.single-thegem_templates.template-type-blog-archive:not(.elementor-editor-active) .block-content, body.single-thegem_templates.template-type-single-post:not(.elementor-editor-active) .block-content, body.single-thegem_templates.template-type-portfolio:not(.elementor-editor-active) .block-content {
    padding-top: 0
}

.fullwidth-block {
    position: relative
}

.fullwidth-top-marker, .fullwidth-bottom-marker {
    position: absolute;
    width: 140px;
    height: 70px;
    left: 50%;
    margin-left: -70px;
    z-index: 10
}

    .fullwidth-top-marker.marker-direction-inside {
        top: 0
    }

    .fullwidth-top-marker.marker-direction-outside {
        top: -69px
    }

    .fullwidth-bottom-marker.marker-direction-inside {
        bottom: 0
    }

    .fullwidth-bottom-marker.marker-direction-outside {
        bottom: -69px
    }

.vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title {
    line-height: 1.2
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
    box-sizing: border-box
}

.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-body {
    min-height: 0px
}

.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-body, .vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-heading {
    border-radius: 0
}

.vc_tta.vc_general.vc_tta-shape-square .vc_tta-tabs-container {
    margin: 0
}

.vc_tta.vc_general.vc_tta-shape-square .vc_tta-tab > a {
    border-radius: 0
}

.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels, .vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels {
    border-radius: 0
}

@media (min-width:768px) {
    .vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels {
        border-radius: 0
    }
}

.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-no-fill .vc_tta-panel-body {
    border-radius: 0
}

.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading, .vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-body {
    min-height: 6px
}

.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-heading {
    border-radius: 3px
}

.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-tabs-container {
    margin: 3px
}

.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-tab > a {
    border-radius: 3px
}

.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels, .vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels {
    border-radius: 3px
}

@media (min-width:768px) {
    .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels {
        border-radius: 3px
    }
}

.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-no-fill .vc_tta-panel-body {
    border-radius: 0
}

.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading, .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-body {
    min-height: 36px
}

.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-body, .vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-heading {
    border-radius: 18px
}

.vc_tta.vc_general.vc_tta-shape-round .vc_tta-tabs-container {
    margin: 18px
}

.vc_tta.vc_general.vc_tta-shape-round .vc_tta-tab > a {
    border-radius: 18px
}

.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels, .vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels {
    border-radius: 18px
}

@media (min-width:768px) {
    .vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels {
        border-radius: 18px
    }
}

.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-no-fill .vc_tta-panel-body {
    border-radius: 0
}

.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading, .vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px
}

.vc_tta.vc_general.vc_tta-pageable .vc_tta-panel-body {
    border: 0 none
}

.vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_non_responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body:before, .vc_tta-o-non-responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body:before, .vc_non_responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body:after, .vc_tta-o-non-responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body:after {
    box-sizing: border-box;
    content: '';
    display: none;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    border-style: inherit;
    border-width: inherit
}

@media (min-width:768px) {
    .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body:before, .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body:after {
        box-sizing: border-box;
        content: '';
        display: none;
        position: absolute;
        width: 3px;
        height: 3px;
        border-radius: 3px;
        border-style: inherit;
        border-width: inherit
    }
}

.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading {
    border-radius: 0
}

.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-body {
    border-radius: 0
}

.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading, .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading, .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-heading, .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-body {
    border-radius: 0
}

.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child).vc_active .vc_tta-panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-heading, .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading, .vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_tta-shape-round:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vc_tta-shape-round:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_non_responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:before, .vc_tta-o-non-responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:before, .vc_non_responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:after, .vc_tta-o-non-responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:after {
    box-sizing: border-box;
    content: '';
    display: none;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border-style: inherit;
    border-width: inherit
}

@media (min-width:768px) {
    .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:before, .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:after {
        box-sizing: border-box;
        content: '';
        display: none;
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 18px;
        border-style: inherit;
        border-width: inherit
    }

    .vc_tta.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:before, .vc_tta.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body:after {
        width: 18px;
        height: 18px;
        border-radius: 18px
    }
}

.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading {
    border-radius: 0
}

.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-body {
    border-radius: 0
}

.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading, .vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading, .vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-heading, .vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-body {
    border-radius: 0
}

.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child).vc_active .vc_tta-panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-heading, .vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading, .vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container, .vc_general.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-container {
    margin-top: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body:before, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body:before, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body:before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-right-width: 0;
    border-bottom-width: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body:after, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body:after, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body:after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-left-width: 0;
    border-bottom-width: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body:before, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body:before, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body:before {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-right-width: 0;
    border-top-width: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body:after, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body:after, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body:after {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-width: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body:before, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body:before, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body:before {
    right: auto;
    bottom: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-right-width: 0;
    border-bottom-width: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body:after, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body:after, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body:after {
    right: auto;
    top: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-width: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body:before, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body:before, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body:before {
    left: auto;
    bottom: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-left-width: 0;
    border-bottom-width: 0
}

.vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body:after, .vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body:after, .vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body:after {
    left: auto;
    top: auto;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-width: 0
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
    overflow: visible
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty):not(:first-child), .vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty) ~ *, .vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty):not(:first-child), .vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty) ~ * {
    margin-left: 10px
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty) ~ .vc_tta-controls-icon, .vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty) ~ .vc_tta-controls-icon {
    margin-left: 0
}

.vc_tta.vc_general .vc_tta-icon.gem-print-icon {
    display: inline-block;
    vertical-align: middle
}

    .vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-elegant {
        font-size: 16px
    }

    .vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-material {
        font-size: 24px
    }

    .vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-fontawesome {
        font-size: 14px
    }

    .vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-userpack {
        font-size: 16px
    }

.vc_tta.vc_general .vc_tta-title-text {
    display: inline-block;
    vertical-align: middle
}

.vc_tta.vc_general .vc_tta-tab {
    vertical-align: bottom
}

.vc_tta.vc_general.vc_tta-tabs-position-bottom .vc_tta-tab {
    vertical-align: top
}

.vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-title, .vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title {
    font-family: 'Montserrat UltraLight';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px
}

.vc_tta.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-title, .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title, .vc_tta.vc_tta-tabs.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title, .vc_tta.vc_tta-accordion.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title .vc_tta.vc_tta-tabs .vc_tta-panel.vc_tta-style-modern .vc_tta-panel-title, .vc_tta.vc_tta-accordion.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title {
    font-family: 'Montserrat';
    font-weight: 700
}

.vc_tta.vc_tta-tabs.vc_general .vc_tta-tab > a {
    padding: 12px 25px
}

.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
    padding: 50px
}

.vc_tta.vc_general.vc_tta-color-thegem .vc_tta-panel-heading .vc_tta-panel-title > a {
    padding-top: 16px;
    padding-bottom: 16px
}

.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel-heading .vc_tta-panel-title > a {
    padding-top: 17px;
    padding-bottom: 17px
}

.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-panel-title > a {
    padding-top: 16px;
    padding-bottom: 16px
}

.vc_tta.vc_tta-tabs .vc_tta-tab a {
    font-family: 'Montserrat UltraLight';
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400
}

.vc_tta.vc_tta-tabs .vc_tta-tab.vc_active > a, .vc_tta.vc_tta-tabs.vc_tta-style-outline .vc_tta-tab a, .vc_tta.vc_tta-tabs.vc_tta-style-modern .vc_tta-tab a {
    font-family: 'Montserrat';
    font-weight: 700
}

.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem .vc_tta-tab a, .widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem .vc_tta-tab.vc_active > a, .widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab a, .widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab a {
    font-family: inherit;
    font-weight: inherit;
    text-transform: none
}

.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_general .vc_tta-tab > a {
    padding: 2px 23px
}

.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-tabs .vc_tta-panel-body {
    padding: 25px 40px
}

.widget .vc_tta.vc_general.vc_tta-color-thegem .vc_tta-panel-heading .vc_tta-panel-title > a {
    padding-top: 13px;
    padding-bottom: 13px
}

.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel-heading .vc_tta-panel-title > a {
    padding-top: 12px;
    padding-bottom: 12px
}

.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-panel-title > a {
    padding-top: 11px;
    padding-bottom: 11px
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    margin-bottom: -1px
}

.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_general.vc_tta-style-classic:not([class*=vc_tta-gap]) .vc_tta-tab.vc_active > a {
    padding: 4px 23px
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #b6c6c9;
    background-color: #f4f6f7
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus {
        background-color: #f4f6f7
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
    color: #5f727f
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #b6c6c9;
    background-color: #fff
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #5f727f
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #fff
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body:after {
        border-color: #b6c6c9
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon:after {
    border-color: #b6c6c9;
    color: #b6c6c9
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after {
    border-color: #b6c6c9
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a {
    border-color: #b6c6c9;
    background-color: #f4f6f7;
    color: #5f727f
}

.widget .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a {
    color: #00bcd4
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:focus {
    background-color: #f4f6f7
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {
    border-color: #b6c6c9;
    background-color: #fff;
    color: #5f727f
}

.widget .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {
    color: #5f727f
}

@media (min-width:768px) {
    .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
        background-color: #fff
    }

        .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels:after {
            border-color: #b6c6c9
        }

            .vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
                border-color: transparent;
                background-color: transparent
            }
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
    margin-bottom: -1px
}

.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top.vc_tta-style-modern .vc_tta-tabs-container {
    margin-bottom: 0
}

.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-bottom.vc_tta-style-modern .vc_tta-tabs-container {
    margin-top: 0
}

.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left.vc_tta-style-modern .vc_tta-tabs-container {
    margin-right: 0
}

.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-right.vc_tta-style-modern .vc_tta-tabs-container {
    margin-left: 0
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel-body, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel-heading, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a {
    border-width: 0;
    background-image: none;
    filter: none
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
    border-color: transparent;
    background-color: #99a9b5
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:focus {
        background-color: #99a9b5
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a {
    color: #dfe5e8
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: transparent;
    background-color: #3c3950
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #fff
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
    background-color: #3c3950;
    color: #99a9b5
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body:after {
        border-color: transparent
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-controls-icon:after {
    border-color: #dfe5e8
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after {
    border-color: #fff
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a {
    border-color: transparent;
    background-color: #99a9b5;
    color: #dfe5e8
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a:focus {
        background-color: #99a9b5
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab.vc_active > a {
    border-color: transparent;
    background-color: #3c3950;
    color: #fff
}

@media (min-width:768px) {
    .vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels {
        background-color: #3c3950
    }

        .vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels:after {
            border-color: transparent
        }

            .vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
                border-color: transparent;
                background-color: transparent
            }
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    margin-bottom: -1px
}

.vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
    padding-top: 10px;
    padding-bottom: 10px
}

.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
    padding-top: 0;
    padding-bottom: 0
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    border-color: transparent;
    background-color: #dfe5e8
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus {
        background-color: #dfe5e8
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {
    color: #5f727f
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: transparent;
    background-color: #f4f6f7
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #5f727f
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body {
    background-color: #f4f6f7
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body:after {
        border-color: transparent
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon:after {
    border-color: #5f727f
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after {
    border-color: #5f727f
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
    border-color: transparent;
    background-color: #dfe5e8;
    color: #5f727f
}

.widget .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
    color: #99a9b5
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a:focus {
    background-color: #dfe5e8
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab.vc_active > a {
    border-color: transparent;
    background-color: #f4f6f7;
    color: #5f727f
}

@media (min-width:768px) {
    .vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
        background-color: #f4f6f7
    }

        .vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels:after {
            border-color: transparent
        }

            .vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
                border-color: transparent;
                background-color: transparent
            }
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
    margin-bottom: -2px
}

.vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
    padding-top: 11px;
    padding-bottom: 11px
}

.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
    padding-top: 1px;
    padding-bottom: 1px
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
    border-color: #99a9b5;
    background-color: #99a9b5
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:focus {
        background-color: #99a9b5
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a {
    color: #fff
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #99a9b5;
    background-color: #fff
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #99a9b5
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body {
    background-color: #fff
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body:after {
        border-color: #99a9b5
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon:after {
    border-color: #fff
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after {
    border-color: #99a9b5
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
    border-color: #99a9b5;
    background-color: #99a9b5;
    color: #fff
}

    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a:hover, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a:focus {
        background-color: #99a9b5
    }

.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab.vc_active > a {
    border-color: #99a9b5;
    background-color: #fff;
    color: #99a9b5
}

@media (min-width:768px) {
    .vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels {
        background-color: #fff
    }

        .vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels:after {
            border-color: #99a9b5
        }

            .vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
                border-color: transparent;
                background-color: transparent
            }
}

.vc_tta.vc_tta-tabs.vc_tta-o-no-fill.vc_tta-color-thegem .vc_tta-panels, .vc_tta.vc_tta-o-no-fill.vc_tta-color-thegem .vc_tta-panels .vc_tta-panel-body {
    border-color: transparent;
    background-color: transparent
}

body .fancybox-title-over-wrap {
    width: 100%
}

.gem-simple-gallery .gem-gallery-items-carousel-wrap {
    position: relative
}

.gem-simple-gallery .gem-gallery-item {
    float: left;
    position: relative;
    text-align: center;
    margin: 0 21px;
    overflow: hidden;
    max-width: 100%
}

.gem-simple-gallery.responsive .gem-gallery-item {
    margin: 0
}

.widget .gem-simple-gallery .gem-gallery-item {
    width: 261px
}

.gem-simple-gallery .gem-gallery-item a {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.gem-simple-gallery .gem-gallery-items-carousel-wrap {
    overflow: hidden
}

.gem-simple-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a {
    position: relative
}

.gem-simple-gallery .gem-gallery-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gem-simple-gallery .gem-gallery-item a:hover:before {
    opacity: .7
}

.gem-simple-gallery .gem-gallery-caption {
    display: none
}

.gem-simple-gallery .gem-gallery-item img {
    display: inline-block;
    height: auto
}

.gem-simple-gallery .gem-gallery-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s linear .4s;
    -moz-transition: all .3s linear .4s;
    -webkit-transition: all .3s linear .4s;
    opacity: 0;
    z-index: 5
}

.gem-simple-gallery .gem-gallery-item a:hover:before {
    opacity: 1;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.gem-simple-gallery .gem-gallery-item a img {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.gem-simple-gallery .gem-gallery-item a:hover img {
    transition: all .3s linear .2s;
    -moz-transition: all .3s linear .2s;
    -webkit-transition: all .3s linear .2s
}

.gem-simple-gallery .gem-gallery-item a:after {
    content: '\e60f';
    font-family: 'thegem-icons';
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    font-size: 63px;
    height: 63px;
    line-height: 63px;
    width: 63px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transition: all .2s ease .1s;
    -moz-transition: all .2s ease .1s;
    -webkit-transition: all .2s ease .1s;
    margin-left: -32px;
    margin-top: -32px;
    z-index: 5;
    opacity: 0
}

.gem-simple-gallery .gem-gallery-item a:hover:after {
    transition: all .2s ease .1s;
    -moz-transition: all .2s ease .1s;
    -webkit-transition: all .2s ease .1s;
    top: 50%;
    opacity: 1
}

.gem-simple-gallery .gem-prev, .gem-simple-gallery .gem-next {
    z-index: 5
}

.gem-icon-with-title {
    margin-bottom: 1.421em
}

    .gem-icon-with-title > .gem-icon-with-title-icon {
        display: table-cell;
        padding-right: 10px;
        vertical-align: middle
    }

.gem-icon-with-title-icon-size-medium > .gem-icon-with-title-icon {
    padding-right: 20px
}

.gem-icon-with-title-icon-size-big > .gem-icon-with-title-icon {
    padding-right: 30px
}

.gem-iconed-title {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    width: 99%
}

    .gem-iconed-title > * {
        margin: 0
    }

.gem-icon-with-text {
    margin-bottom: 1.421em
}

    .gem-icon-with-text > .gem-icon-with-text-icon {
        display: table-cell;
        padding-right: 10px;
        vertical-align: top
    }

.gem-icon-with-text-icon-size-medium > .gem-icon-with-text-icon {
    padding-right: 20px
}

.gem-icon-with-text-icon-size-big > .gem-icon-with-text-icon {
    padding-right: 30px
}

.gem-icon-with-text.gem-icon-with-text-flow > .gem-icon-with-text-icon {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding-right: 0
}

.gem-icon-with-text-icon-size-medium.gem-icon-with-text-flow > .gem-icon-with-text-icon {
    margin: 0 20px 0 0
}

.gem-icon-with-text-icon-size-big.gem-icon-with-text-flow > .gem-icon-with-text-icon {
    margin: 0 30px 0 0
}

.gem-icon-with-text > .gem-icon-with-text-content {
    display: table-cell;
    width: 99%;
    vertical-align: top
}

.gem-icon-with-text.gem-icon-with-text-flow > .gem-icon-with-text-content {
    display: block;
    width: auto
}

.gem-icon-with-text.centered-box > .gem-icon-with-title {
    display: block
}

    .gem-icon-with-text.centered-box > .gem-icon-with-text-icon, .gem-icon-with-text.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
        display: block;
        text-align: center;
        padding: 0 0 10px
    }

    .gem-icon-with-text.centered-box > .gem-icon-with-title > .gem-iconed-title {
        display: block
    }

.gem-icon-with-text-icon-size-medium.centered-box > .gem-icon-with-text-icon, .gem-icon-with-text-icon-size-medium.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
    display: block;
    text-align: center;
    padding: 0 0 20px
}

.gem-icon-with-text-icon-size-big.centered-box > .gem-icon-with-text-icon, .gem-icon-with-text-icon-size-big.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
    display: block;
    text-align: center;
    padding: 0 0 30px
}

.gem-icon-with-text.gem-icon-with-text-flow.centered-box > .gem-icon-with-text-icon {
    float: none;
    margin: 0
}

.gem-icon-with-text.centered-box > .gem-icon-with-text-content {
    display: block;
    width: auto
}

.gem-icon-with-text > .gem-icon-with-title, .gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content {
    display: table-row
}

    .gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content > .gem-icon-with-text-empty, .gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content > .gem-icon-with-text-text {
        display: table-cell
    }

@media (max-width:768px) {
    .gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
        display: block;
        text-align: center;
        padding: 0 0 10px;
        padding-right: 0 !important
    }

    .gem-icon-with-text-icon-size-medium:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
        display: block;
        text-align: center;
        padding: 0 0 20px
    }

    .gem-icon-with-text-icon-size-big:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
        display: block;
        text-align: center;
        padding: 0 0 30px
    }

    .gem-icon-with-text.gem-icon-with-text-flow:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
        float: none;
        margin: 0
    }

    .gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-text-content, .gem-icon-with-text.centered-box > .gem-icon-with-title + .gem-icon-with-text-content {
        display: block;
        width: auto;
        text-align: center
    }

    .gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-title + .gem-icon-with-text-content {
        text-align: left
    }
}

.gem-widget-button .gem-button-separator {
    display: flex;
    justify-content: center;
    align-items: center
}

.gem-button-separator-holder {
    flex-grow: 1
}

    .gem-button-separator-holder:first-child .gem-button-separator-line {
        margin-left: auto;
        margin-right: 0
    }

        .gem-button-separator-holder:first-child .gem-button-separator-line svg {
            transform: rotate(180deg)
        }

    .gem-button-separator-holder svg {
        display: block
    }

.gem-button-sep-button .gem-button {
    margin: 20px 0;
    vertical-align: middle
}

.gem-button-separator-type-single .gem-button-separator-line {
    border-top: 2px solid;
    border-bottom: 2px solid;
    height: 0
}

.gem-button-separator-type-square .gem-button-separator-button {
    padding: 0 20px
}

.gem-button-separator-type-soft-double .gem-button-separator-line {
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 7px
}

.gem-button-separator-type-square .gem-button-separator-button {
    padding: 0 40px
}

.gem-button-separator-type-strong-double .gem-button-separator-line {
    border-top: 4px solid;
    border-bottom: 4px solid;
    height: 17px
}

.gem-button-separator-type-load-more .gem-button-separator-button {
    padding: 0 20px
}

.gem-button-separator-type-load-more .gem-button-separator-line {
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 4px
}

.clearboth {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0
}

.clear {
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both
}

.gem-divider {
    position: relative;
    border-top: 1px solid transparent;
    height: 0;
    font-size: 0;
    line-height: 0
}

.gem-divider-style-1 {
    height: 1px;
    border: 0 none
}

.gem-divider-style-2 {
    border-top: 3px solid transparent
}

.gem-divider-style-3 {
    border-top: 7px solid transparent
}

.gem-divider-style-4 {
    height: 8px;
    border: 0 none
}

.gem-divider-style-5 {
    height: 6px;
    border: 0 none
}

.gem-divider-style-6 {
    border-top: 0;
    height: 10px;
    background: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/images/divider-zigzag.png) repeat-x 50% 0
}

.gem-divider-style-7 {
    border-top: 0;
    height: 8px;
    background: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/images/divider-wave.png) repeat-x 50% 0
}

.gem-dropcap .gem-dropcap-letter {
    float: left;
    position: relative;
    font-size: 127%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    margin-right: 21px;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-top: 7px
}

.gem-dropcap.gem-dropcap-style-medium .gem-dropcap-letter {
    width: 50px;
    height: 50px;
    line-height: 48px
}

.gem-dropcap.gem-dropcap-shape-square .gem-dropcap-letter {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=chevron]:before {
    -webkit-transform: rotate(-45deg) translate(-25%,-25%);
    -ms-transform: rotate(-45deg) translate(-25%,-25%);
    transform: rotate(-45deg) translate(-25%,-25%)
}

.vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron:before, .vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon=chevron]:before {
    -webkit-transform: rotate(45deg) translate(-25%,-25%);
    -ms-transform: rotate(45deg) translate(-25%,-25%);
    transform: rotate(45deg) translate(-25%,-25%)
}

.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .vc_tta.vc_general.vc_tta-accordion [data-vc-tta-controls-icon-position=left].vc_tta-panel-title > a, .vc_tta.vc_general.vc_tta-accordion [data-vc-tta-controls-icon-position=right].vc_tta-panel-title > a {
    padding-left: 50px;
    padding-right: 50px
}

.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position=left].vc_tta-panel-title > a, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position=left].vc_tta-panel-title > a {
    padding-left: 30px;
    padding-right: 0
}

.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position=right].vc_tta-panel-title > a, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position=right].vc_tta-panel-title > a {
    padding-left: 0;
    padding-right: 30px
}

.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
    padding: 50px
}

.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel-body, .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel-body {
    padding: 30px 0 50px
}

.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel .vc_tta-panel-title, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title {
    font-size: 16px
}

.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel .vc_tta-panel-title, .widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title {
    font-size: 14px
}

.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel + .vc_tta-panel {
    border-top: 1px solid #b6c6c9
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_solid .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_solid .vc_tta-controls-icon:after {
    border-color: #b6c6c9;
    color: #b6c6c9
}

.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel + .vc_tta-panel {
    border-top: 1px dashed #3c3950
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon:after {
    border-color: #00bcd4;
    color: #00bcd4
}

.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after {
    border-color: #3c3950;
    color: #3c3950
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared, .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded, .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_squared], .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_rounded], .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=outlined_rounded] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    text-align: center;
    font-style: normal
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded, .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded, .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=left] .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_rounded], .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=left] .vc_tta-controls-icon[data-vc-tta-controls-icon=outlined_rounded] {
    left: 17px
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared, .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=left] .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_squared] {
    left: 20px
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron, .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=left] .vc_tta-controls-icon[data-vc-tta-controls-icon=chevron] {
    left: 23px
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded, .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded, .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=right] .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_rounded], .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=right] .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_rounded] {
    right: 13px
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared, .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=right] .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_squared] {
    right: 20px
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-chevron, .vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position=right] .vc_tta-controls-icon[data-vc-tta-controls-icon=chevron] {
    right: 23px
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_squared]:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_rounded]:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=outlined_rounded]:before {
    font-family: 'thegem-icons';
    font-style: normal;
    font-weight: 400
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_squared]:before {
    content: '\e62f'
}

.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared:before, .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_squared]:before {
    content: '\e62e'
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_rounded]:before {
    content: '\e60a'
}

.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded:before, .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon=solid_rounded]:before {
    content: '\e609'
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded:before, .vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon=outlined_rounded]:before {
    content: '\e62d'
}

.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded:before, .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon=outlined_rounded]:before {
    content: '\e62c'
}

.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left .vc_tta-controls-icon, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    left: 0
}

.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right .vc_tta-controls-icon, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right .vc_tta-controls-icon, .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position=right] .vc_tta-controls-icon, .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position=right] .vc_tta-controls-icon {
    right: 0
}

.widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a {
    padding-left: 35px;
    padding-right: 35px
}

.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left.vc_tta-panel-title > a, .widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {
    padding-left: 30px;
    padding-right: 0
}

.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right.vc_tta-panel-title > a, .widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right.vc_tta-panel-title > a {
    padding-left: 0;
    padding-right: 30px
}

.widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
    padding: 35px
}

.widget .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel-body, .widget .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel-body {
    padding: 20px 0 35px
}

.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared, .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded, .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded {
    left: 7px
}

.widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared, .widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded, .widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded {
    right: 7px
}

.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron {
    left: 15px
}

.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron {
    left: 15px
}

.gem-news {
    margin-bottom: 1.421em
}

    .gem-news .gem-news-item {
        float: left;
        width: 360px;
        padding: 0 15px;
        position: relative
    }

.gem-news-item-left {
    display: table-cell;
    padding-top: 7px
}

.gem-news-item-right {
    display: table-cell;
    vertical-align: middle;
    padding-top: 4px;
    width: 100%;
    padding-left: 12px
}

.gem-news-item-image {
    width: 72px;
    height: 72px
}

.gem-news-item-excerpt {
    margin-top: 2px
}

.gem-news-item-date {
    margin-top: 3px
}

.gem-news-zilla-likes {
    position: absolute;
    right: 30px;
    bottom: 0
}

.gem-news .post-meta-likes {
    margin-right: 5px
}

.gem-news_title-excerpt > p {
    max-height: 5em;
    overflow: hidden
}

.gem-news_title-excerpt {
    max-height: 4.6em;
    overflow: hidden
}

.gem-news-item-meta {
    position: relative
}

.gem-news-item-right-conteiner {
    max-height: 3.1em;
    overflow: hidden
}

.gem-map-with-text {
    position: relative;
    margin-bottom: 1.421em
}

    .gem-map-with-text.rounded-corners {
        -webkit-mask-image: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/css/rounded.svg)
    }

.gem-map-with-text-content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 15px
}

.gem-map-with-text-map {
    overflow: hidden
}

    .gem-map-with-text-map .wpb_gmaps_widget {
        margin-top: -54px;
        margin-bottom: 0
    }

@media (max-width:992px) {
    .gem-map-with-text-content {
        position: relative;
        top: auto;
        left: auto;
        width: auto
    }
}

.wpb_map_wraper iframe {
    vertical-align: top
}

.vc_separator .vc_sep_text {
    line-height: 1em;
    display: table-cell;
    white-space: pre
}

.vc_separator.vc_separator_align_center .vc_sep_text {
    padding: 0 .8em
}

.vc_separator.vc_separator_align_left .vc_sep_text {
    padding: 0 .8em 0 0
}

.vc_separator.vc_separator_align_right .vc_sep_text {
    padding: 0 0 0 .8em;
    margin: 0 !important
}

.vc_separator.vc_sep_double .vc_sep_line {
    height: 4px !important
}

@media (max-width:768px) {
    .vc_separator .vc_sep_text {
        white-space: normal;
        text-align: center
    }
}

.vc_separator.vc_sep_color_blue .vc_sep_text {
    color: #5472d2
}

.vc_separator.vc_sep_color_turquoise .vc_sep_text {
    color: #00c1cf
}

.vc_separator.vc_sep_color_pink .vc_sep_text {
    color: #fe6c61
}

.vc_separator.vc_sep_color_violet .vc_sep_text {
    color: #8d6dc4
}

.vc_separator.vc_sep_color_peacoc .vc_sep_text {
    color: #4cadc9
}

.vc_separator.vc_sep_color_chino .vc_sep_text {
    color: #cec2ab
}

.vc_separator.vc_sep_color_mulled_wine .vc_sep_text {
    color: #50485b
}

.vc_separator.vc_sep_color_vista_blue .vc_sep_text {
    color: #75d69c
}

.vc_separator.vc_sep_color_black .vc_sep_text {
    color: #2a2a2a
}

.vc_separator.vc_sep_color_grey .vc_sep_text {
    color: #ebebeb
}

.vc_separator.vc_sep_color_orange .vc_sep_text {
    color: #f7be68
}

.vc_separator.vc_sep_color_sky .vc_sep_text {
    color: #5aa1e3
}

.vc_separator.vc_sep_color_green .vc_sep_text {
    color: #6dab3c
}

.vc_separator.vc_sep_color_juicy_pink .vc_sep_text {
    color: #f4524d
}

.vc_separator.vc_sep_color_sandy_brown .vc_sep_text {
    color: #f79468
}

.vc_separator.vc_sep_color_purple .vc_sep_text {
    color: #b97ebb
}

.vc_separator.vc_sep_color_white .vc_sep_text {
    color: #fff
}

.vc_separator.vc_sep_color_grace .vc_sep_text {
    color: #aed13b
}

.comment {
    position: relative
}

    .comment .comment {
        margin-left: 45px
    }

        .comment .comment:before {
            content: '';
            position: absolute;
            top: 0;
            height: 100%;
            border-left: 1px solid #dfe5e8;
            left: -45px
        }

.comment-inner {
    position: relative;
    margin-bottom: 40px
}

.comment .comment > .comment-inner:before {
    content: '';
    position: absolute;
    top: 50%;
    border-top: 1px solid #dfe5e8;
    left: -45px;
    width: 45px
}

.comments-title, .comment-reply-title {
    text-transform: uppercase;
    margin-top: 0
}

    .comments-title:before {
        content: '\e63d';
        font-family: 'thegem-icons';
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        margin-right: 30px;
        vertical-align: top;
        color: #d8e5e7
    }

    .comment-reply-title:before {
        content: '\e63e';
        font-family: 'thegem-icons';
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        margin-right: 25px;
        vertical-align: top;
        color: #ff758f
    }

.comments-area {
    margin-top: 100px
}

.comment-list {
    margin-bottom: 110px
}

.comment-author a {
    color: inherit
}

.comment-author .avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

.comment.depth-1 > .comment-inner .comment-author .avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 0;
    margin-bottom: 0
}

.comment-author .fn {
    margin: 10px 0 0
}

.comment-meta {
    font-size: 89.5%;
    line-height: 1.421;
    display: inline-block
}

.comment-text, .comment-awaiting-moderation {
    padding-top: 20px
}

.comment-inner {
    padding: 33px 40px 45px
}

.comment-header {
    display: table;
    width: 100%
}

    .comment-header .comment-author, .comment-header .reply {
        display: table-cell
    }

    .comment-header .reply {
        text-align: right
    }

        .comment-header .reply .gem-button {
            margin-right: 0
        }

.comment-form-fields {
    margin-bottom: 25px
}

    .comment-form-fields > * {
        margin-bottom: 1.1em
    }

.comment-form label {
    display: block;
    margin-bottom: 15px
}

.comment-form .comment-form-fields input[type=text], .comment-form .comment-form-fields input[type=email] {
    width: 100%;
    line-height: 48px;
    height: 50px;
    padding: 0 50px 0 20px
}

.comment-form .comment-author-input, .comment-form .comment-email-input, .comment-form .comment-url-input {
    position: relative
}

    .comment-form .comment-author-input:after, .comment-form .comment-email-input:after, .comment-form .comment-url-input:after {
        font-family: 'thegem-icons';
        font-weight: 400;
        font-style: normal;
        position: absolute;
        top: 0;
        right: 21px;
        font-size: 24px;
        width: 50px;
        height: 100%;
        line-height: 50px;
        text-align: center
    }

    .comment-form .comment-author-input:after {
        content: '\e63b'
    }

    .comment-form .comment-email-input:after {
        content: '\e643'
    }

    .comment-form .comment-url-input:after {
        content: '\e623'
    }

.comment-form #comment {
    width: 100%;
    padding: 15px 20px
}

.comment-form .comment-form-cookies-consent {
    display: flex;
    margin-top: 36px;
    align-items: flex-start
}

    .comment-form .comment-form-cookies-consent label {
        margin: 0;
        line-height: 26px
    }

    .comment-form .comment-form-cookies-consent .checkbox-sign {
        flex: 0 0 auto;
        margin-right: 10px;
        width: 26px;
        height: 26px;
        border: 1px solid #dfe5e8
    }

        .comment-form .comment-form-cookies-consent .checkbox-sign.checked:before {
            font-size: 21px;
            margin-left: -10px
        }

.blog-post-image img {
    display: inline-block
}

.post-related-posts h2 {
    padding-right: 100px
}

    .post-related-posts h2:before {
        content: '\e63c';
        font-family: 'thegem-icons';
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        margin-right: 25px;
        vertical-align: top;
        color: #72cfce
    }

.gem-nivoslider .nivo-directionNav a {
    top: 0
}

.gem-mini-pagination.nivo-controlNav {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.gem-nivoslider .nivo-caption {
    padding: 0;
    overflow: visible;
    opacity: 1;
    position: relative;
    width: 1212px;
    margin: 0 auto
}

.gem-nivoslider .caption-left, .gem-nivoslider .caption-right {
    position: absolute;
    bottom: 50px;
    max-width: 70%
}

.gem-nivoslider .caption-left {
    left: 20px
}

.gem-nivoslider .caption-right {
    right: 20px
}

@media only screen and (max-width:1439px) {
    .gem-nivoslider .nivo-caption {
        width: auto
    }

    .gem-nivoslider .caption-left {
        left: 155px
    }

    .gem-nivoslider .caption-right {
        right: 155px
    }
}

@media only screen and (max-width:799px) {
    .gem-nivoslider .caption-left {
        left: 80px
    }

    .gem-nivoslider .caption-right {
        right: 80px
    }

    .gem-nivoslider .nivo-directionNav {
        display: none
    }

    .gem-nivoslider .gem-mini-pagination.nivo-controlNav {
        display: none
    }
}

.gem-nivoslider .caption-left .gem-nivoslider-title, .gem-nivoslider .caption-left .gem-nivoslider-description {
    float: left;
    text-align: left
}

.gem-nivoslider .caption-right .gem-nivoslider-title, .gem-nivoslider .caption-right .gem-nivoslider-description {
    float: right;
    text-align: right
}

.gem-nivoslider .nivo-caption .gem-nivoslider-title {
    background-color: rgba(56,65,84,.8);
    color: #fff;
    padding: 10px 15px
}

.gem-nivoslider .nivo-caption .gem-nivoslider-description {
    background-color: rgba(0,0,0,.7);
    color: #fff;
    padding: 0 10px
}

.scroll-top-button {
    position: fixed;
    right: 40px;
    bottom: 35px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

    .scroll-top-button.visible {
        opacity: .5;
        visibility: visible
    }

    .scroll-top-button:before {
        font-family: 'thegem-icons';
        font-style: normal;
        content: '\e633';
        font-size: 24px;
        font-weight: 400;
        display: inline-block;
        vertical-align: top;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background-color: #06060f;
        color: #99a9b5
    }

@media (max-width:768px) {
    .scroll-top-button {
        right: 0
    }
}

#page .wpb_start_animation.wpb_left-to-right, #page .wpb_start_animation.wpb_right-to-left, #page .wpb_start_animation.wpb_top-to-bottom, #page .wpb_start_animation.wpb_bottom-to-top, #page .wpb_start_animation.wpb_appear {
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    -o-animation-duration: 1.4s;
    animation-duration: 1.4s
}

.wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
    opacity: 1
}

body .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
    opacity: 0
}

body .lazy-loading .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
    opacity: 1
}

.gem-sticky-block > * {
    left: auto;
    right: auto
}

.gem-sticky-block .sticky-fixed {
    position: fixed
}

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%
}

.wp-caption-text {
    font-size: 89.5%;
    padding: .5em 0
}

.gallery-caption {
    font-size: 89.5%;
    padding: .5em 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-right: auto;
    margin-left: auto
}

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
    margin: 0 1.6em 1.6em 0
}

blockquote.alignright, .wp-caption.alignright, img.alignright {
    margin: 0 0 1.6em 1.6em
}

blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
    clear: both;
    margin-top: 0;
    margin-bottom: 1.6em
}

.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
    margin-bottom: 1.2em
}

body .blog {
    margin-bottom: 20px;
    padding-bottom: 30px
}

*:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td, *:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) th {
    padding: 5px 10px
}

.page-links a {
    display: inline-block;
    position: relative
}

.page-links span:not(.page-links-title) {
    display: inline-block;
    width: 1.421em;
    text-align: center
}

.gallery {
    margin-bottom: 1.6em
}

    .gallery .gallery-item {
        display: inline-block;
        padding: 1.79104477%;
        text-align: center;
        vertical-align: top;
        width: 100%
    }

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-icon img {
    margin: 0 auto
}

.gallery-caption {
    display: block;
    padding: .5em 0
}

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none
}

.gem-slideshow.gem-slideshow-with-preloader > .rs-p-wp-fix + * {
    height: 400px
}

.gem-slideshow {
    overflow: hidden
}

.rs-p-wp-fix {
    margin: 0
}

.gem-video-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .gem-video-background ~ * {
        position: relative;
        z-index: 1
    }

.gem-video-background-inner, .gem-video-background-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

    .gem-video-background-inner iframe, .gem-video-background-inner video {
        width: 100%;
        height: 100%
    }

.zilla-likes {
    margin-bottom: 0 !important;
    color: inherit;
    display: inline-block;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .zilla-likes:hover {
        color: #3c3950
    }

    .zilla-likes:before {
        content: '\e641';
        display: inline-block;
        font-family: "thegem-icons";
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        line-height: inherit;
        margin-right: 6px;
        vertical-align: top
    }

    .zilla-likes .zilla-likes-count {
        display: inline-block;
        vertical-align: top
    }

#fancybox-video {
    width: 80%;
    height: 80%;
    overflow: hidden;
    padding: 0
}

    #fancybox-video .mejs-container, #fancybox-video .mejs-container video {
        width: 100% !important;
        height: 100% !important
    }

.video-block {
    position: relative;
    background-color: #e3ebe8
}

    .video-block > iframe, .video-block > video, .video-block > .preloader, .video-block > .mejs-video {
        position: absolute;
        width: 100% !important;
        height: 100% !important;
        left: 0;
        top: 0
    }

.fancybox-inner .video-block {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .fancybox-inner .video-block .mejs-video {
        width: 100% !important;
        height: 100% !important
    }

.audio-block audio {
    display: block;
    width: 100%
}

.blog-style-timeline article.format-quote .post-featured-content {
    margin-bottom: 15px
}

.post-featured-content blockquote {
    background: #212331;
    color: #fff;
    text-align: left;
    position: relative;
    padding: 40px 60px 35px
}

.blog-style-4x .post-featured-content blockquote, .blog-style-justified-4x .post-featured-content blockquote {
    padding-left: 30px;
    padding-right: 30px
}

.post-featured-content blockquote:after {
    display: none
}

.post-featured-content blockquote .quote-author {
    float: left;
    color: #fff;
    font-size: 13px
}

.post-featured-content blockquote .quote-link {
    float: right;
    color: #fff
}

    .post-featured-content blockquote .quote-link a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .post-featured-content blockquote .quote-link:after {
        font-family: 'thegem-icons';
        font-style: normal;
        font-weight: 400;
        content: '\e632';
        font-size: 40px
    }

.fullwidth-block.fullwidth-block-parallax-fixed .fullwidth-block-background {
    background-attachment: fixed
}

.fullwidth-block.fullwidth-block-parallax-horizontal .fullwidth-block-background {
    background-position: center center
}

.fullwidth-block .fullwidth-block-background, .page-title-parallax-background-wrap .page-title-parallax-background, .page-title-background-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

    .page-title-background-overlay ~ * {
        position: relative;
        z-index: 1
    }

.fullwidth-block .fullwidth-block-parallax-overlay, .fullwidth-block.fullwidth-block-parallax-vertical .fullwidth-block-parallax-overlay, .fullwidth-block.fullwidth-block-parallax-horizontal .fullwidth-block-parallax-overlay, .fullwidth-block.fullwidth-block-parallax-fixed .fullwidth-block-parallax-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.fullwidth-block .fullwidth-block-inner {
    position: relative;
    z-index: 3
}

.fullwidth-block.fullwidth-block-parallax-vertical, .page-title-parallax-background-wrap {
    position: relative;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

    .fullwidth-block.fullwidth-block-parallax-vertical .fullwidth-block-background, .page-title-parallax-background-wrap .page-title-parallax-background {
        background-repeat: no-repeat;
        background-size: cover;
        will-change: transform
    }

    .page-title-parallax-background-wrap .page-title-title, .page-title-parallax-background-wrap .container {
        position: relative;
        z-index: 10
    }

.portfolio .item-animations-not-inited, .gallery-set .item-animations-not-inited, .blog:not(.home) .item-animations-not-inited, .products-categories-widget .item-animations-not-inited {
    visibility: hidden !important
}

@media (max-width:767px) {
    .portfolio:not(.enable-animation-mobile) .item-animations-not-inited {
        visibility: visible !important
    }

    .portfolio.extended-products-grid:not(.enable-animation-mobile) {
        opacity: 1 !important
    }
}

.item-animation-flip .item-animations-inited {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform-style: preserve-3d
}

.item-animation-flip .portfolio-set, .item-animation-flip .gallery-set, .blog.item-animation-flip, .item-animation-scale .portfolio-set, .item-animation-scale .gallery-set, .blog.item-animation-scale, .item-animation-fall-perspective .portfolio-set, .item-animation-fall-perspective .gallery-set, .blog.item-animation-fall-perspective {
    webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

@media (min-width:1212px) {
    body:not(.compose-mode) #page .half-width-map {
        position: absolute;
        top: 0;
        height: 100%;
        left: 50%;
        right: 0;
        width: auto
    }

        body:not(.compose-mode) #page .half-width-map *:not(.map-locker):not(.gem-map-with-text-content) {
            height: 100%
        }

        body:not(.compose-mode) #page .half-width-map .vc_column-inner {
            padding: 0
        }

        body:not(.compose-mode) #page .half-width-map .gem-map-with-text-map .wpb_gmaps_widget {
            margin-top: 0;
            top: -54px;
            position: absolute;
            height: auto;
            bottom: 0;
            width: 100%
        }

        body:not(.compose-mode) #page .half-width-map .wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
            padding: 0
        }

        body:not(.compose-mode) #page .half-width-map iframe + .map-locker {
            position: absolute;
            right: 0;
            bottom: 15px
        }
}

.mailchimp-form-1 .yikes-easy-mc-email, .mailchimp-form-3 .yikes-easy-mc-email {
    background: #fff !important;
    padding-left: 20px !important;
    border: 1px solid #dfe5e8 !important
}

.mailchimp-form-1 .yikes-easy-mc-submit-button, .mailchimp-form-3 .yikes-easy-mc-submit-button {
    border: none;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.mailchimp-form-1 .yikes-easy-mc-submit-button {
    background: #9ccc65
}

.mailchimp-form-3 .yikes-easy-mc-submit-button {
    background: #2c2e3d
}

.scroller-block {
    height: 100vh
}

.page-scroller #main {
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
    transition: 1s ease
}

    .page-scroller #main.page-scroller-no-animate {
        -o-transition: 0s ease;
        -webkit-transition: 0s ease;
        transition: 0s ease
    }

.page-scroller .scroller-block {
    height: 100vh;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden
}

.page-scroller-nav-pane {
    position: fixed;
    right: 50px;
    top: 50%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

.page-scroller-nav-item {
    display: block;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 10px 0;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

    .page-scroller-nav-item.active {
        background-color: #fff
    }

@media (min-width:768px) {
    body.page-scroller:not(.compose-mode), body.page-scroller:not(.compose-mode) #page {
        height: 100vh;
        position: relative
    }

    body.page-scroller:not(.page-scroller-mobile) #page #site-header.fixed.shrink {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width:767px) {
    body.page-scroller.page-scroller-mobile:not(.compose-mode), body.page-scroller.page-scroller-mobile:not(.compose-mode) #page {
        height: 100vh;
        position: relative
    }

    body.page-scroller:not(.page-scroller-mobile) {
        overflow: visible !important
    }

    .page-scroller:not(.page-scroller-mobile) #main {
        -webkit-transform: none !important;
        transform: none !important;
        -o-transition: 0s ease;
        -webkit-transition: 0s ease;
        transition: 0s ease
    }

    .page-scroller:not(.page-scroller-mobile) .scroller-block {
        height: auto
    }

    .page-scroller:not(.page-scroller-mobile) .page-scroller-nav-pane {
        display: none
    }

    .page-scroller-nav-pane {
        right: 15px
    }
}

@media (max-width:500px) {
    .vc_sep_holder {
        display: none;
        text-align: left
    }

    body .vc_separator.vc_separator_align_center h4 {
        padding: 0
    }
}

.vc_separator.vc_separator_align_center > * {
    padding: 0 .7em
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button {
    padding: 0 10px;
    margin-left: 0;
    margin-right: 0
}

form.yikes-easy-mc-form input[type=email], form.yikes-easy-mc-form input[type=number], form.yikes-easy-mc-form input[type=text], form.yikes-easy-mc-form input[type=url], form.yikes-easy-mc-form select, form.yikes-easy-mc-form textarea {
    border-width: 1px;
    padding: 0 10px;
    height: 40px
}

    form.yikes-easy-mc-form input[type=email]:focus, form.yikes-easy-mc-form input[type=number]:focus, form.yikes-easy-mc-form input[type=text]:focus, form.yikes-easy-mc-form input[type=url]:focus, form.yikes-easy-mc-form select:focus, form.yikes-easy-mc-form textarea:focus {
        outline: 0 none
    }

.yikes-easy-mc-form .yikes-easy-mc-form input[type=email], .yikes-easy-mc-form .yikes-easy-mc-form input[type=number], .yikes-easy-mc-form .yikes-easy-mc-form input[type=text], .yikes-easy-mc-form .yikes-easy-mc-form input[type=url], .yikes-easy-mc-form .yikes-easy-mc-form select {
    border-width: 1px
}

form.mc4wp-form input[type=submit] {
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    border: 0 none;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 14px;
    margin: 0;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 3px
}

form.mc4wp-form input[type=text], form.mc4wp-form input[type=email], form.mc4wp-form input[type=tel], form.mc4wp-form input[type=number], form.mc4wp-form input[type=url], form.mc4wp-form input[type=date], form.mc4wp-form textarea {
    line-height: inherit
}

form.mc4wp-form input[type=text], form.mc4wp-form input[type=email], form.mc4wp-form input[type=tel], form.mc4wp-form input[type=number], form.mc4wp-form input[type=url], form.mc4wp-form input[type=date] {
    height: 40px
}

#mc4wp_email {
    height: 41px
}

.agency-sparta-style.yikes-easy-mc-form label.label-inline {
    width: 69%;
    padding-right: 5%
}

    .agency-sparta-style.yikes-easy-mc-form label.label-inline > input {
        background: #f0f3f2;
        height: 45px;
        border-radius: 3px;
        border: none;
        padding-left: 20px
    }

        .agency-sparta-style.yikes-easy-mc-form label.label-inline > input:focus {
            outline: none !important
        }

.yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label {
    width: 17%;
    min-width: 235px
}

    .yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label > span {
        display: none
    }

    .yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label .yikes-easy-mc-submit-button {
        background: #212331;
        color: #fff;
        height: 45px;
        border: none;
        border-radius: 3px;
        font-family: 'Montserrat';
        font-weight: 700;
        text-transform: uppercase;
        padding-left: 50px;
        position: relative
    }

.yikes-mailchimp-container .agency-sparta-style .yikes-easy-mc-submit-button:before {
    content: "\e626";
    font-family: "thegem-icons";
    font-style: normal;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -69px;
    text-align: center
}

@media(max-width:1200px) {
    body .agency-sparta-style.yikes-easy-mc-form label.label-inline {
        width: 100%;
        padding-right: 0
    }

    body .yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label {
        width: 100%
    }
}

.splash-shop-3-style.yikes-easy-mc-form label.label-inline {
    width: 350px;
    padding-right: 20px
}

    .splash-shop-3-style.yikes-easy-mc-form label.label-inline > input {
        background: #f0f3f2;
        height: 45px;
        border: none;
        padding-left: 20px
    }

.yikes-mailchimp-container .splash-shop-3-style.yikes-easy-mc-form label.label-inline > input:focus {
    outline: none !important
}

.yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label {
    width: 155px;
    min-width: 155px;
    height: 45px
}

    .yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label > span {
        display: none
    }

    .yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label .yikes-easy-mc-submit-button {
        background: #d7b398;
        color: #fff;
        border: none;
        font-family: 'Montserrat';
        font-weight: 700;
        text-transform: uppercase;
        padding-right: 30px;
        padding-left: 30px;
        position: relative;
        border-radius: 0;
        height: 45px
    }

.yikes-mailchimp-container .splash-shop-3-style button {
    transition: all .3s;
    -webkit-transition: all .3s
}

    .yikes-mailchimp-container .splash-shop-3-style button:hover {
        background: #212121 !important;
        color: #fff !important;
        transition: all .3s;
        -webkit-transition: all .3s
    }

@media(max-width:1200px) {
    body .splash-shop-3-style.yikes-easy-mc-form label.label-inline {
        width: 100%;
        padding-right: 0
    }

    body .yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label {
        width: 100%
    }
}

.splash-shop-4-style.yikes-easy-mc-form label.label-inline {
    width: 350px;
    padding-right: 20px
}

    .splash-shop-4-style.yikes-easy-mc-form label.label-inline > input {
        color: #fff;
        background: 0 0;
        height: 45px;
        border: none;
        padding-left: 0;
        border-bottom: 1px solid #575c6c
    }

.yikes-mailchimp-container .splash-shop-4-style.yikes-easy-mc-form label.label-inline > input:focus {
    outline: none !important
}

.yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label {
    width: 155px;
    min-width: 155px;
    height: 45px
}

    .yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label > span {
        display: none
    }

    .yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label .yikes-easy-mc-submit-button {
        background: #f44236;
        color: #fff;
        border: none;
        font-family: 'Montserrat';
        font-weight: 700;
        text-transform: uppercase;
        padding-right: 30px;
        padding-left: 30px;
        position: relative;
        border-radius: 0;
        height: 45px
    }

.yikes-mailchimp-container .splash-shop-4-style button {
    transition: all .3s;
    -webkit-transition: all .3s
}

    .yikes-mailchimp-container .splash-shop-4-style button:hover {
        background: #212121;
        color: #fff;
        transition: all .3s;
        -webkit-transition: all .3s
    }

@media(max-width:1200px) {
    body .splash-shop-4-style.yikes-easy-mc-form label.label-inline {
        width: 100%;
        padding-right: 0
    }

    body .yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label {
        width: 100%
    }
}

.wpcf7 .contact-form-style-5 .wpcf7-form-control-wrap {
    width: 100%
}

.wpcf7 .contact-form-style-5 input, .wpcf7 .contact-form-style-5 textarea {
    width: 100%
}

form .wpcf7-spinner {
    margin: 0 auto;
    height: 0
}

form.submitting .wpcf7-spinner {
    height: 24px
}

.yikes-easy-mc-form.app-sparta-style {
    position: relative
}

    .yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form .yikes-easy-mc-submit-button {
        position: absolute;
        top: 11px;
        width: 164px;
        right: 11px;
        margin-top: 2px;
        padding: 13px;
        background-color: #008aff;
        border: medium none;
        border-radius: 10px;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        color: #fff;
        text-transform: uppercase
    }

        .yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
            background-color: #00bcd4
        }

    .yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form .yikes-easy-mc-email {
        background: 0 0;
        border: 1px solid #4f4f5b;
        border-radius: 12px;
        overflow: hidden;
        padding: 25px;
        margin-bottom: 0;
        color: #fff
    }

.scrolldown {
    position: absolute;
    left: 50%;
    margin-left: -2vw;
    z-index: 9;
    bottom: 2vh;
    background-color: rgba(22,195,241,.8);
    padding: 20px 30px !important;
    border-radius: 50%;
    text-align: center
}

    .scrolldown img {
        -webkit-animation: scrollmove 1s infinite ease;
        -moz-animation: scrollmove 1s infinite ease;
        animation: scrollmove 1s infinite ease;
        width: 1.5vw;
        margin-top: 7px !important
    }

    .scrolldown .mouse-2 {
        -webkit-animation: scrollmove 1s infinite ease;
        -moz-animation: scrollmove 1s infinite ease;
        animation: scrollmove 1s infinite ease;
        width: 1.5vw;
        background-image: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/themes/thegem-elementor/../images/mouse_icon.png);
        display: block;
        font-size: 0;
        height: 43px;
        background-repeat: no-repeat
    }

@-moz-keyframes scrollmove {
    0% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

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

    100% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes scrollmove {
    0% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

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

    100% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes scrollmove {
    0% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

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

    100% {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }
}

body div.wpcf7-response-output {
    margin: 2em 0 1em
}

.thegem__footer-widget-class__thegem {
    width: 100%;
    padding: 0 21px
}

@media (min-width:768px) {
    .thegem__footer-widget-class__thegem {
        width: 50%
    }
}

@media (min-width:982px) {
    .thegem__footer-widget-class__thegem {
        width: 25%
    }
}

img[class*=wp-image-] {
    max-width: 100%;
    height: auto
}

h3.search-grid-title {
    display: flex;
    align-items: center;
    color: var(--thegem-to-body-color,#5f727f);
    margin-top: 2.26em
}

    h3.search-grid-title span {
        flex: none;
        margin: 0 20px
    }

    h3.search-grid-title:before, h3.search-grid-title:after {
        content: '';
        width: 50%;
        height: 1px;
        background: var(--thegem-to-body-color,#5f727f)
    }

body.search .page-title-block {
    padding-top: 45px;
    padding-bottom: 20px
}

    body.search .page-title-block .page-title-icon {
        margin-top: -10px
    }

    body.search .page-title-block:not(.with-excerpt) .page-title-title {
        padding-bottom: 60px
    }

    body.search .page-title-block .page-title-icon + .page-title-title {
        padding-bottom: 0
    }

.page-content.content-none .searchform > table td {
    border: 0 none !important;
    padding: 0 !important
}

    .page-content.content-none .searchform > table td:first-child {
        width: 99%
    }

.page-content.content-none .searchform input {
    width: 100%;
    height: 50px;
    line-height: 48px;
    border-radius: 3px
}

.page-content.content-none .searchform .searchform-submit .gem-button {
    margin-left: 30px;
    margin-right: 0
}

.parallax-footer-inited {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

#page.layout-boxed .parallax-footer-inited {
    width: 1260px;
    max-width: 100%;
    left: auto
}

.disable-hover {
    pointer-events: none !important
}

.diagram-line-timer-element {
    font-size: 0;
    line-height: 1;
    height: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: opacity .15s;
    -ms-transition: opacity .15s;
    -o-transition: opacity .15s;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

    .diagram-line-timer-element.start-timer {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }

body .fancybox-caption-wrap, body .fancybox-caption {
    padding: 0;
    background: 0 0
}

    body .fancybox-caption-wrap .fancybox-caption {
        border: 0
    }

.fancybox-slide.thegem-fancybox-video .fancybox-content {
    max-width: 80%;
    max-height: 80%;
    margin: 0
}

.gem-instagram-gallery .overlay .links .caption {
    word-break: break-all
}

.gem-instagram-gallery.portfolio.hover-default .portfolio-item .image .overlay .links a.icon {
    margin: 0 10px
}

.vc_column-inner.sticky > .wpb_wrapper {
    position: fixed
}

.fancybox-slide.fancybox-popup-wrapper {
    display: flex;
    overflow-x: hidden
}

.fancybox-content.gem-popup {
    margin: auto;
    overflow: visible
}

.thegem-template-popup .container {
    width: 100%
}

.fancybox-container.popup-overlay .fancybox-bg {
    transition-timing-function: linear
}

body:not(.vc_editor) .give-form-hidden {
    display: none
}

body .give-modal .mfp-content {
    background: #edeef0;
    max-width: 763px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.give-modal [id*=give-form] fieldset {
    max-width: 390px;
    margin: 0 auto
}

.give-modal form.give-form .form-row {
    float: none;
    width: 100%
}

    .give-modal form.give-form .form-row .give-label {
        display: none
    }

.give-modal form[id*=give-form] .form-row input[type=text], .give-modal form[id*=give-form] .form-row input[type=email] {
    height: 50px;
    background: #fff;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.page-additional-menu .page-additional-menu-close {
    position: fixed;
    right: 37px;
    top: 37px;
    z-index: 999999;
    opacity: 0;
    transition: opacity .5s;
    visibility: hidden
}

body.admin-bar .page-additional-menu .page-additional-menu-close {
    top: 67px
}

.page-additional-menu .primary-navigation.overlay-active .page-additional-menu-close {
    visibility: visible;
    opacity: 1
}

.page-additional-menu .primary-navigation.overlay-active.close .page-additional-menu-close {
    opacity: 0
}

@media (max-width:768px) {
    .page-additional-menu .page-additional-menu-close {
        right: 37px;
        top: 17px
    }

    body.admin-bar .page-additional-menu .page-additional-menu-close {
        top: 67px
    }
}

.portfolio .caption {
    display: block
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.gem-icon .gem-icon-style-gradient .back-angle {
    width: 100%;
    text-align: center
}

.gem-map-with-text {
    margin-bottom: 0
}

.wp-block-cover-image.alignleft {
    margin-right: 1.5em
}

.wp-block-cover-image.alignright {
    margin-left: 1.5em
}

.wp-block-image figure {
    margin-top: 1em;
    margin-bottom: 1em
}

.wp-block-columns {
    margin: 0 -21px
}

.wp-block-column {
    padding: 0 21px
}

.wp-block-audio audio {
    width: 100%
}

blockquote.wp-block-quote {
    padding: 50px 20px 50px 50px
}

    blockquote.wp-block-quote cite {
        font: inherit;
        font-size: .8em
    }

    blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large {
        padding: 50px 20px 50px 50px;
        margin: 20px 0;
        text-transform: uppercase
    }

        blockquote.wp-block-quote.is-large cite, blockquote.wp-block-quote.is-style-large cite, blockquote.wp-block-quote.is-large p, blockquote.wp-block-quote.is-style-large p, .wp-block-pullquote blockquote cite, .wp-block-pullquote blockquote p, .wp-block-pullquote.alignleft blockquote cite, .wp-block-pullquote.alignleft blockquote p, .wp-block-pullquote.alignright blockquote cite, .wp-block-pullquote.alignright blockquote p {
            font: inherit
        }

        blockquote.wp-block-quote.is-large cite, blockquote.wp-block-quote.is-style-large cite, .wp-block-pullquote blockquote cite, .wp-block-pullquote.alignleft blockquote cite, .wp-block-pullquote.alignright blockquote cite {
            font-size: .85em
        }

figure.wp-block-pullquote {
    border: 1px solid #c9d2d9;
    padding: 0;
    overflow: hidden
}

.wp-block-pullquote blockquote {
    background: 0 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 45px;
    padding-bottom: 50px
}

figure.wp-block-pullquote blockquote {
    font-size: 24px;
    line-height: 37px;
    font-weight: 100
}

.wp-block-pullquote blockquote:after {
    color: #e7ebee
}

.wp-block-pullquote.alignleft blockquote:after, .wp-block-pullquote.alignright blockquote:after {
    right: 20px
}

body .wp-block-button .wp-block-button__link {
    position: relative;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    border: 0 none;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 14px;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 3px
}

body .vc-hoverbox-wrapper .vc-hoverbox {
    cursor: pointer
}

body .vc-hoverbox-block, .vc-hoverbox-block-inner * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#lazy-loading-point {
    font-size: 0;
    line-height: 1;
    height: 0;
    overflow: hidden
}

.quickfinder-item-box {
    position: relative;
    padding: 50px
}

.quickfinder-item.col-md-2 .quickfinder-item-box, .quickfinder-item.col-md-3 .quickfinder-item-box {
    padding-left: 25px;
    padding-right: 25px
}

.page-title-block.custom-page-title, body.search .page-title-block.custom-page-title {
    padding: 0;
    text-align: left;
    color: inherit
}

body:not(.elementor-editor-active):not(.elementor-editor-preview) .page-title-block.custom-page-title .elementor {
    opacity: 0
}

.custom-title-background.fullwidth-block-parallax-vertical .fullwidth-block-background {
    background-attachment: scroll
}

.custom-title-background.fullwidth-block-parallax-fixed .fullwidth-block-background {
    background-attachment: fixed
}

.custom-title-background.fullwidth-block-parallax-horizontal .fullwidth-block-background {
    background-position: center center
}

.custom-title-background .fullwidth-block-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.custom-title-background .gem-video-background {
    z-index: 2
}

.custom-title-background.fullwidth-block-parallax-vertical .fullwidth-block-parallax-overlay, .custom-title-background.fullwidth-block-parallax-horizontal .fullwidth-block-parallax-overlay, .custom-title-background.fullwidth-block-parallax-fixed .fullwidth-block-parallax-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.custom-title-background .fullwidth-block-inner {
    position: relative;
    z-index: 3
}

.custom-title-icon.custom-title-icon-alignment-center {
    text-align: center
}

.custom-title-icon.custom-title-icon-alignment-left {
    float: left
}

.custom-title-icon.custom-title-icon-alignment-right {
    float: right
}

.page-title-block.custom-page-title .breadcrumbs-container {
    z-index: 3
}

.page-title-block.custom-page-title .page-title-alignment-center {
    text-align: center
}

body.thegem-effects-disabled #page .lazy-loading .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
    opacity: 1
}

body.thegem-effects-disabled #page .quickfinder-item-image .quickfinder-item-image-content.lazy-loading-item {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
}

body.thegem-effects-disabled #page .lazy-loading, body.thegem-effects-disabled #page .lazy-loading:not(.lazy-loading-not-hide) {
    visibility: visible
}

body.thegem-effects-disabled #page .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
    opacity: 1
}

body.thegem-effects-disabled #page .wpb_start_animation.wpb_left-to-right, body.thegem-effects-disabled #page .wpb_start_animation.wpb_right-to-left, body.thegem-effects-disabled #page .wpb_start_animation.wpb_top-to-bottom, body.thegem-effects-disabled #page .wpb_start_animation.wpb_bottom-to-top, body.thegem-effects-disabled #page .wpb_start_animation.wpb_appear {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_left-to-right, body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_right-to-left, body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_top-to-bottom, body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_bottom-to-top, body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_appear {
    opacity: 1
}

.elementor-section.elementor-section-stretched .elementor-container.elementor-column-gap-thegem {
    padding: 0 21px
}

.elementor-inner-section .elementor-container.elementor-column-gap-thegem {
    padding: 0
}

.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-thegem {
    max-width: 1212px
}

.elementor-column-gap-thegem > .elementor-row {
    margin: 0 -21px;
    width: calc(100% + 42px)
}

    .elementor-column-gap-thegem > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap, .elementor-column-gap-thegem > .elementor-row > .elementor-column > .elementor-widget-wrap {
        padding: 10px 21px
    }

.elementor-widget-heading .default.elementor-heading-title {
    line-height: inherit
}

@media (min-width:1244px) {
    .fullwidth-content .elementor-section.elementor-section-full_width.elementor-top-section > .elementor-container.elementor-column-gap-thegem {
        padding: 0 37px
    }
}

.fullwidth-content .elementor-section .elementor-container.elementor-column-gap-thegem {
    padding: 0 21px
}

.fullwidth-content .elementor-container.elementor-column-gap-thegem .elementor-container.elementor-column-gap-thegem {
    padding: 0
}

.fullwidth-content.megamenu-template-container .elementor-container.elementor-column-gap-thegem {
    padding: 0 21px !important
}

    .fullwidth-content.megamenu-template-container .elementor-container.elementor-column-gap-thegem .elementor-container.elementor-column-gap-thegem {
        padding: 0 !important
    }

.fullwidth-content .elementor-container.elementor-column-gap-thegem .elementor-inner-section.elementor-section-boxed .elementor-container.elementor-column-gap-thegem {
    max-width: 1170px
}

.e-con.thegem-e-con-layout-thegem {
    --container-max-width: 1170px;
    --container-default-padding-inline-end: 21px;
    --container-default-padding-inline-start: 21px;
    --container-default-padding-block-start: 10px;
    --container-default-padding-block-end: 10px;
    --container-default-padding-top: 10px;
    --container-default-padding-bottom: 10px;
    --container-default-padding-left: 21px;
    --container-default-padding-right: 21px;
    --gap: 20px 0
}

    .e-con.thegem-e-con-layout-thegem.e-grid:not(:has(>.e-con)):not(:has(>.e-con-inner>.e-con)) {
        --gap: 20px 42px
    }

.fullwidth-content > .elementor > .elementor-inner > .elementor-section-wrap > .e-con.e-con-full.thegem-e-con-layout-thegem {
    --container-default-padding-inline-start: 37px;
    --container-default-padding-inline-end: 37px;
    --container-default-padding-left: 37px;
    --container-default-padding-right: 37px
}

    .fullwidth-content > .elementor > .elementor-inner > .elementor-section-wrap > .e-con.e-con-full.thegem-e-con-layout-thegem:has(>.e-con), .fullwidth-content > .elementor > .elementor-inner > .elementor-section-wrap > .e-con.e-con-full.thegem-e-con-layout-thegem:has(>.e-con-inner>.e-con) {
        --container-default-padding-inline-start: 16px;
        --container-default-padding-inline-end: 16px;
        --container-default-padding-left: 16px;
        --container-default-padding-right: 16px
    }

.e-con.thegem-e-con-layout-thegem:has(>.e-con), .e-con.thegem-e-con-layout-thegem:has(>.e-con-inner>.e-con) {
    --container-max-width: 1212px;
    --container-default-padding-inline-start: 0;
    --container-default-padding-inline-end: 0;
    --container-default-padding-block-start: 0;
    --container-default-padding-block-end: 0;
    --container-default-padding-top: 0;
    --container-default-padding-bottom: 0;
    --container-default-padding-left: 0;
    --container-default-padding-right: 0
}

.site-header .e-con.thegem-e-con-layout-thegem {
    --flex-direction: row;
    --align-items: center
}

.site-header .e-con .elementor-element:not(.e-con) {
    padding-left: 5px;
    padding-right: 5px
}

.fullwidth-content > .thegem-template-header > .elementor > .elementor-inner > .elementor-section-wrap > .e-con.e-con-full.thegem-e-con-layout-thegem {
    --container-default-padding-inline-start: 37px;
    --container-default-padding-inline-end: 37px;
    --container-default-padding-left: 37px;
    --container-default-padding-right: 37px
}

    .fullwidth-content > .thegem-template-header > .elementor > .elementor-inner > .elementor-section-wrap > .e-con.e-con-full.thegem-e-con-layout-thegem:has(>.e-con), .fullwidth-content > .thegem-template-header > .elementor > .elementor-inner > .elementor-section-wrap > .e-con.e-con-full.thegem-e-con-layout-thegem:has(>.e-con-inner>.e-con) {
        --container-default-padding-inline-start: 16px;
        --container-default-padding-inline-end: 16px;
        --container-default-padding-left: 16px;
        --container-default-padding-right: 16px
    }

.wpb_animate_when_almost_visible {
    opacity: 0
}

.wpb_start_animation {
    opacity: 1
}

.template-type-megamenu .elementor-widget-thegem-animated-heading, .megamenu-template .elementor-widget-thegem-animated-heading {
    margin-bottom: 0 !important
}

    .template-type-megamenu .elementor-widget-thegem-animated-heading .elementor-widget-container, .megamenu-template .elementor-widget-thegem-animated-heading .elementor-widget-container {
        margin-bottom: 11px
    }

.thegem-heading.thegem-heading-animate {
    opacity: 0
}

.thegem-heading.main-menu-item {
    color: var(--thegem-to-h6-color)
}

.thegem-heading.with-label-icon a, .thegem-heading.with-label-icon .label-icon-wrap {
    display: inline-flex;
    align-items: center;
    transition: none
}

.thegem-heading > span:not(.thegem-heading-rotating), .thegem-heading > a, .thegem-heading span.colored:not(.thegem-heading-rotating) {
    transition: color .3s
}

.thegem-heading .icon {
    display: block;
    margin-right: 12px;
    text-align: center;
    flex: none;
    transition: color .3s
}

    .thegem-heading .icon i {
        display: block;
        font-size: inherit
    }

.thegem-heading .label {
    color: #fff;
    background-color: var(--thegem-to-styled-color1,#00bcd4);
    font-size: var(--thegem-to-h6-font-size-tiny,7px);
    line-height: 1;
    padding: .3em .5em;
    margin: 0 0 0 10px;
    vertical-align: middle
}

.elementor-widget-thegem-animated-heading .separator {
    display: flex;
    font-size: 0;
    line-height: 0;
    margin-top: 14px
}

    .elementor-widget-thegem-animated-heading .separator span {
        width: 200px;
        display: block;
        background-color: var(--thegem-to-divider-color,#dfe5e8)
    }

.megamenu-template.template-framing-border {
    border: 1px solid var(--thegem-to-box-border-color)
}

    .megamenu-template.template-framing-border.template-width-fullwidth {
        border-left: none;
        border-right: none
    }

.megamenu-template.template-framing-small-shadow {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.15)
}

.megamenu-template.template-framing-big-shadow {
    box-shadow: 0px 12px 35px 0px rgba(0,0,0,.1)
}

.elementor-element.thegem-interaction-mouse .elementor-widget-container {
    transition: none
}

.thegem-template-loop-item .elementor-widget:not(:last-child) {
    margin-bottom: 0
}

.thegem-template-loop-item .e-con.thegem-e-con-layout-thegem {
    --gap: 0 0
}

.thegem-template-loop-item .e-con.e-flex {
    --flex-wrap: nowrap
}

.e-con.thegem-e-con-sticky-yes {
    position: sticky;
    --align-self: flex-start;
    top: var(--thegem-sticky-offset,0);
    z-index: 10
}

.admin-bar .e-con.thegem-e-con-sticky-yes {
    top: calc(var(--thegem-sticky-offset,0) + 32px)
}

.e-con.thegem-e-con-sticky-yes.thegem-e-con-sticky-position-bottom {
    --align-self: flex-end;
    top: auto;
    bottom: var(--thegem-sticky-offset,0)
}

@media (min-width:767px) and (max-width:1024px) {
    .e-con.thegem-e-con-sticky-yes:not(.thegem-e-con-sticky-tablet-yes) {
        position: relative;
        top: auto;
        z-index: auto;
        bottom: auto
    }
}

@media (max-width:767px) {
    .e-con.thegem-e-con-sticky-yes:not(.thegem-e-con-sticky-mobile-yes) {
        position: relative;
        top: auto;
        z-index: auto;
        bottom: auto
    }
}

.portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .elementor-inner, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .elementor-inner > .elementor-section-wrap, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .elementor-inner > .elementor-section-wrap > section, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .elementor-inner > .elementor-section-wrap > section > .elementor-container, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .elementor-inner > .elementor-section-wrap > .e-con, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .elementor-inner > .elementor-section-wrap > .e-con > .e-con-inner, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > section, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > section > .elementor-container, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .e-con, .portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .elementor > .e-con > .e-con-inner {
    height: 100%
}

.portfolio-item > .thegem-template-loop-item {
    text-align: left
}

.thegem-wp-hook-alignment-left {
    text-align: left
}

.thegem-wp-hook-alignment-center {
    text-align: center
}

.thegem-wp-hook-alignment-right {
    text-align: right
}

blockquote {
    margin: 0;
    font-size: 24px;
    line-height: 37px;
    padding: 67px 87px;
    background-color: #f3f5f6;
    position: relative
}

    blockquote:after {
        position: absolute;
        font-family: thegem-icons;
        font-style: normal;
        content: '\e60c';
        font-size: 76px;
        line-height: 37px;
        font-weight: 400;
        right: 67px;
        bottom: 7px;
        color: #a3e7f0
    }

.wpb_text_column ul li {
    position: relative;
    list-style: none;
    padding-bottom: 6px
}

    .wpb_text_column ul li ul, .wpb_text_column ol li ol {
        padding-bottom: 5px;
        padding-left: 30px;
        padding-top: 5px
    }

    .wpb_text_column ul li:before {
        left: -12px;
        content: "";
        height: 3px;
        width: 3px;
        position: absolute;
        background-color: #002b36;
        border-radius: 50%;
        top: 12px
    }

.wpb_text_column ol li {
    position: relative;
    padding-bottom: 6px
}

.wpb_text_column ol {
    list-style: none;
    counter-reset: li
}

    .wpb_text_column ol li:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        counter-reset: section;
        top: -4px;
        left: -2em;
        width: 2em;
        padding: 4px 0;
        font-weight: 700;
        text-align: center
    }

.wpb_text_column .yith-wcwl-share ul li:before {
    display: none
}

.gem-list {
    margin-bottom: 1.421em
}

    .gem-list > ul {
        list-style: none;
        padding-left: 1.2em;
        margin: 0
    }

        .gem-list > ul > li {
            position: relative;
            text-indent: -1.2em;
            margin-bottom: .7em
        }

            .gem-list > ul > li:last-child {
                margin-bottom: 0
            }

            .gem-list > ul > li:before {
                font-family: 'thegem-icons';
                font-style: normal;
                font-weight: 400;
                content: '\e601';
                font-size: 16px;
                vertical-align: top;
                display: inline-block;
                width: 21px;
                text-indent: 0
            }

    .gem-list.gem-list-type-check > ul > li:before {
        content: '\e614'
    }

    .gem-list.gem-list-type-arrow > ul > li:before {
        content: '\e64c'
    }

    .gem-list.gem-list-type-double-arrow > ul > li:before {
        content: '\e653'
    }

    .gem-list.gem-list-type-check-style-1 > ul > li:before {
        content: '\e614'
    }

    .gem-list.gem-list-type-check-style-2 > ul > li:before {
        content: '\e650'
    }

    .gem-list.gem-list-type-disc-style-1 > ul > li:before {
        content: '\e617'
    }

    .gem-list.gem-list-type-disc-style-2 > ul > li:before {
        content: '\e651'
    }

    .gem-list.gem-list-type-checkbox > ul > li:before {
        content: '\e647'
    }

    .gem-list.gem-list-type-cross > ul > li:before {
        content: '\e619'
    }

    .gem-list.gem-list-type-snowflake-style-1 > ul > li:before {
        content: '\e644'
    }

    .gem-list.gem-list-type-snowflake-style-2 > ul > li:before {
        content: '\e645'
    }

    .gem-list.gem-list-type-square > ul > li:before {
        content: '\e618'
    }

    .gem-list.gem-list-type-disc > ul > li:before {
        content: '\e617'
    }

    .gem-list.gem-list-type-star > ul > li:before {
        content: '\e61a'
    }

    .gem-list.gem-list-type-plus > ul > li:before {
        content: '\e652'
    }

    .gem-list.gem-list-type-Label > ul > li:before {
        content: '\e648'
    }

    .gem-list.gem-list-color-1 > ul > li:before {
        color: #3c3950
    }

    .gem-list.gem-list-color-2 > ul > li:before {
        color: #00bfa5
    }

    .gem-list.gem-list-color-3 > ul > li:before {
        color: #00bcd4
    }

    .gem-list.gem-list-color-4 > ul > li:before {
        color: #ffb932
    }

    .gem-list.gem-list-color-5 > ul > li:before {
        color: #f44336
    }

    .gem-list.gem-list-color-6 > ul > li:before {
        color: #7e57c2
    }

    .gem-list.gem-list-color-7 > ul > li:before {
        color: #d500f9
    }

    .gem-list.gem-list-color-8 > ul > li:before {
        color: #8d6e63
    }

    .gem-list.gem-list-color-9 > ul > li:before {
        color: #f26c4f
    }

    .gem-list.gem-list-color-10 > ul > li:before {
        color: #ad1457
    }

    .gem-list.gem-list-color-11 > ul > li:before {
        color: #afb42b
    }

    .gem-list.gem-list-color-12 > ul > li:before {
        color: #fff
    }

    .gem-list.gem-list-color-13 > ul > li:before {
        color: #e5bf93
    }

    .gem-list .gem-list > ul > li:before {
        color: #5f727f
    }

.gem-table {
    margin-bottom: 1.421em
}

    .gem-table table {
        width: 100%
    }

    .gem-table thead th {
        padding: 17px;
        text-transform: uppercase
    }

    .gem-table td {
        padding: 16px
    }

    .gem-table table {
        border: medium none !important;
        overflow: visible
    }

    .gem-table.gem-table-style-3 {
        border: medium none;
        overflow: visible
    }

@media (max-width:768px) {
    .gem-table.gem-table-responsive {
        border: 0 none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0
    }

    .gem-table-responsive .tabletolist > li span {
        margin-bottom: 30px
    }

    .gem-table-responsive .tabletolist .titles {
        border: medium none;
        margin: 0;
        background-color: #f4f7f6
    }

    .gem-table-responsive .tabletolist .row_headers {
        border-right: 1px solid #dfe5e8
    }

    .gem-table-responsive .tabletolist > li {
        margin-bottom: 30px
    }

    .gem-table-responsive.gem-table-style-1 .tabletolist > li li:nth-child(even) {
        background-color: #f4f7f6
    }

    .gem-table-responsive.gem-table-style-2 .tabletolist > li span.titles {
        border: medium none
    }

    .gem-table-responsive.gem-table-style-3 .tabletolist > li, .gem-table-responsive.gem-table-style-3 .tabletolist .row_headers, .gem-table-responsive.gem-table-style-3 .tabletolist > li span {
        border: medium none
    }

        .gem-table-responsive.gem-table-style-3 .tabletolist > li .titles {
            background-color: #46485c
        }

        .gem-table-responsive.gem-table-style-3 .tabletolist > li li:nth-child(odd) {
            background-color: #f4f7f6
        }

            .gem-table-responsive.gem-table-style-3 .tabletolist > li li:nth-child(odd) .row_headers {
                background-color: #f0f3f2
            }

        .gem-table-responsive.gem-table-style-3 .tabletolist > li li:nth-child(even) {
            background-color: #ebf0ef
        }

            .gem-table-responsive.gem-table-style-3 .tabletolist > li li:nth-child(even) .row_headers {
                background-color: #e6ebe9
            }

    .gem-table-responsive .tabletolist, .gem-table-responsive .tabletolist > li > ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .gem-table-responsive .tabletolist > li > ul {
            display: table;
            width: 100%
        }

            .gem-table-responsive .tabletolist > li > ul > li {
                display: table-row
            }

        .gem-table-responsive .tabletolist .row_headers, .gem-table-responsive .tabletolist .row_data {
            display: table-cell;
            padding: 17px;
            vertical-align: middle
        }

    .gem-table-responsive.gem-table-style-1 .tabletolist.nrh .row_headers {
        font-weight: 700
    }

    .gem-table-responsive .tabletolist.rh > li > .titles {
        display: block;
        padding: 14px;
        text-align: center;
        text-transform: uppercase
    }

    .gem-table-style-1 .tabletolist.rh > li > .titles {
        position: relative
    }

    .gem-table-responsive .tabletolist.rh .row_data, .gem-table-responsive .tabletolist.rh .row_headers {
        text-align: center
    }
}

.gem-table-style-1.gem-table {
    border: medium none
}

.gem-table-style-3 tr:nth-child(even) td {
    background-color: #e6ebe9
}

    .gem-table-style-3 tr:nth-child(even) td:nth-child(even) {
        background-color: #ebf0ef
    }

.gem-table-style-3 tr:nth-child(odd) td {
    background-color: #f4f7f6
}

.gem-table-style-3 thead tr th:nth-child(even) {
    background-color: #46485c
}

.gem-table-style-1 tr:nth-child(even) td {
    background-color: #f4f7f6
}

.gem-table-style-2 thead tr {
    background-color: #f4f7f6
}

.gem-table-style-2.gem-table {
    border: medium none
}

.gem-table-responsive .tabletolist.rh > li:first-child > .titles {
    border-top: medium none
}

.gem-table h1, .gem-table h2, .gem-table h3, .gem-table h4, .gem-table h5, .gem-table h6 {
    margin: 0
}

.custom-header .title-xlarge {
    margin: .4em 0
}

.custom-header-subtitle span {
    display: block
}

.gem-custom-header-icon-position-centered {
    text-align: center
}

.gem-custom-header-icon-position-left .gem-icon {
    float: left
}

.gem-custom-header-icon-position-left .gem-custom-header-conteiner {
    text-align: right
}

.gem-custom-header-icon-position-right .gem-icon {
    float: right
}

.gem-custom-header-icon-position-left .custom-header-title, .gem-custom-header-icon-position-left .custom-header-subtitle {
    float: right;
    clear: right
}

.gem-custom-header-icon-position-left {
    text-align: right
}

.gem-custom-header-icon-position-right {
    text-align: left
}

.gem-custom-header-icon-position-centered {
    text-align: center
}

.custom-header .breadcrumbs {
    width: 100%
}

.gem-custom-header-icon-position-centered .gem-icon {
    float: none;
    display: inline-block
}

.gem-custom-header-icon-position-centered .gem-custom-header-conteiner {
    width: 100%;
    text-align: center
}

.gem-custom-header-icon-position-centered .styled-subtitle .light {
    display: inline-block
}

.custom-header.gem-custom-header-no-icon .gem-icon {
    display: none
}

.gem-custom-header-icon-position-centered .container {
    padding: 0
}

.custom-header .container {
    position: inherit
}

.gem-custom-header-icon-position-left .breadcrumbs {
    right: 21px
}

.gem-custom-header-icon-position-right .breadcrumbs {
    left: 21px
}

body .site-main .custom-header .gem-icon {
    margin-top: 50px
}

.custom-header h1, .custom-header h2, .custom-header h3, .custom-header h4, .custom-header h5, .custom-header h6 {
    margin-top: 50px
}

.gem-custom-header-icon-position-centered h1 {
    margin-top: 30px
}

.gem-custom-header-icon-position-centered {
    padding-top: 20px
}

.custom-header h1 {
    margin-bottom: 20px
}

.gem-custom-header-icon-position-centered .gem-custom-header-conteiner {
    display: inline-block;
    width: 100%
}

    .gem-custom-header-icon-position-centered .gem-custom-header-conteiner .custom-header-title, .gem-custom-header-icon-position-centered .gem-custom-header-conteiner .custom-header-subtitle {
        width: 100%
    }

.gem-custom-header-no-icon .custom-header-title span {
    display: inline
}

.custom-header-title span {
    display: inline-block
}

.custom-header .breadcrumbs {
    position: absolute;
    bottom: 10px
}

.custom-header .gem-icon-shape-none {
    border: none !important
}

.custom-header.centreed_breadcrumbs .breadcrumbs {
    text-align: center
}

.breadcrumbs .current {
    color: #e7ff89;
    padding-bottom: 12px;
    border-bottom: 3px solid #e7ff89
}

.bc-devider:before {
    font-family: thegem-icons;
    font-style: normal;
    width: 20px;
    vertical-align: middle;
    padding: 0 12px;
    content: '\e64c'
}

@media (max-width:768px) {
    .custom-header .breadcrumbs {
        right: 0 !important;
        left: 0 !important;
        text-align: center !important
    }

    .gem-custom-header-icon-position-left .custom-header-title, .gem-custom-header-icon-position-left .custom-header-subtitle {
        float: none
    }
}

@media (max-width:1080px) {
    .custom-header .custom-header-title span {
        max-width: 800px !important
    }

    .custom-header .custom-header-title span {
        max-width: 800px !important
    }
}

@media (min-width:980px) and (max-width:1200px) {
    .row .custom-header {
        padding-top: 120px !important
    }
}

@media (max-width:980px) {
    .custom-header .custom-header-title span {
        max-width: 600px !important
    }

    .custom-header .custom-header-title span {
        max-width: 600px !important
    }

    .gem-custom-header-icon-position-centered .custom-header-title {
        margin: 0 auto;
        text-align: center !important
    }
}

@media (max-width:880px) {
    .custom-header .custom-header-title span {
        max-width: 480px !important
    }

    .custom-header .custom-header-title span {
        max-width: 480px !important
    }
}

@media (max-width:767px) {
    .custom-header .custom-header-title {
        max-width: 550px !important;
        margin: 0 auto;
        text-align: center;
        float: none
    }

        .custom-header .custom-header-title span {
            max-width: 550px !important;
            margin: 0 auto;
            text-align: center !important;
            float: none
        }

            .custom-header .custom-header-title span h1 {
                font-size: 2.6em !important
            }

    .custom-header .gem-icon {
        display: inline-block;
        float: none
    }

    .custom-header {
        text-align: center
    }

    .styled-subtitle .light {
        text-align: center
    }

    .gem-icon-size-big {
        font-size: 95px;
        width: 95px;
        height: 95px;
        line-height: 95px
    }
}

.contact-form-footer input {
    padding-top: 21px;
    border-radius: 3px;
    padding-bottom: 17px
}

.wpcf7 .wpcf7-form .contact-form-footer textarea {
    height: 95px;
    width: 100%
}

.wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit {
    width: 100%;
    padding: 11px;
    margin: 0;
    line-height: 0
}

.site-footer .contact-form-footer .wpcf7-form-control-wrap .wpcf7-form-control {
    padding: 7px !important
}

.site-footer #colophon .widget-title {
    margin-bottom: 42px
}

.site-footer .widget_contacts .gem-contacts div {
    line-height: inherit;
    display: block
}

.site-footer .gem-contacts-item.gem-contacts-address {
    border-bottom: 1px solid #393d50;
    padding-bottom: 30px;
    margin-top: -15px
}

.site-footer .gem-contacts-item.gem-contacts-phone {
    padding-top: 30px
}

.site-footer .widget_text ul {
    padding-left: 0;
    margin-left: 0;
    margin-top: -17px
}

    .site-footer .widget_text ul li {
        list-style: none;
        float: left;
        padding-left: 14px;
        padding: 8px 0;
        margin-left: 13px;
        border-bottom: 1px solid #393d50;
        width: 100%
    }

        .site-footer .widget_text ul li:last-child {
            border-bottom: medium none
        }

        .site-footer .widget_text ul li:before {
            border-radius: 50%;
            content: '';
            width: 5px;
            margin-top: 10px;
            height: 5px;
            float: left;
            margin-left: -14px
        }

.site-footer .gem-mini-pagination a {
    width: 13px;
    height: 13px
}

.site-footer .gem-clients-grid-carousel-wrap .gem-clients-slide a {
    border-radius: 0
}

.site-footer .mc-form {
    position: relative;
    margin-top: 35px
}

.site-footer #mc4wp_submit {
    position: absolute;
    top: -8px;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.site-footer .mc4wp-form input[type=email] {
    padding: 7px 21px;
    width: 100%
}

.site-footer .widget-title {
    margin-bottom: 40px
}

.digram-line-box .skill-element {
    padding-top: 4px
}

.skill-title {
    padding-left: 28px;
    margin-bottom: 7px
}

.widget .diagram-summary-skill-line {
    font-size: 22px;
    font-weight: 100
}

body .gem-icon-with-text.gem-icon-with-text-float-right .gem-icon-with-text-icon {
    display: block;
    float: right
}

.gem-icon-shape-romb {
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

    .gem-icon-shape-romb .gem-icon-inner {
        border-radius: 0
    }

.romb-icon-conteiner {
    transform: rotate(-45deg);
    width: 100%;
    height: 100%
}

.gem-icon-size-xlarge.gem-icon-shape-romb {
    border-radius: 14px
}

.gem-icon-size-large.gem-icon-shape-romb {
    margin: 34px;
    border-radius: 7px
}

.gem-icon-size-medium.gem-icon-shape-romb {
    margin: 16px;
    border-radius: 3px
}

.gem-icon-size-small.gem-icon-shape-romb {
    margin: 10px;
    border-radius: 3px
}

body .gem-icon.gem-icon-size-small {
    border-width: 3px
}

.wpcf7-form .wpcf7-quiz, .wpcf7-form input[type=number], .wpcf7-form input[type=date], .wpcf7-form input.wpcf7-text, .wpcf7-form .combobox-wrapper, .wpcf7-form textarea {
    width: 100%
}

.wpcf7-form .wpcf7-quiz, .wpcf7-form input[type=number], .wpcf7-form input[type=date], .wpcf7-form input.wpcf7-text {
    padding: 12px;
    padding-left: 20px
}

.wpcf7-form .combobox-wrapper {
    overflow: hidden
}

.wpcf7-form input:not(.gem-button-wpcf-custom) {
    padding-right: 40px
}

.wpcf7 p {
    margin-bottom: 24px
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: inline-block
}

.wpcf7-form .combobox-wrapper {
    height: 51px
}

    .wpcf7-form .combobox-wrapper .combobox-button {
        height: 51px;
        width: 51px
    }

        .wpcf7-form .combobox-wrapper .combobox-button:before {
            font-size: 24px;
            margin-left: -11px
        }

    .wpcf7-form .combobox-wrapper .combobox-text {
        padding: 10px 20px;
        line-height: 32px
    }

.wpcf7 textarea {
    padding-left: 20px;
    padding-right: 12px
}

.wpcf7-form span.wpcf7-list-item {
    margin-right: 20px;
    margin-left: 0
}

@media (max-width:768px) {
    .wpcf7-form span.wpcf7-list-item {
        display: block;
        float: left
    }
}

.wpcf7-form .gem-button:not(.gem-button-wpcf-custom), .wpcf7-form input[type=submit]:not(.gem-button-wpcf-custom) {
    margin: 15px 15px 15px 0
}

.wpcf7-form .checkbox-sign, .wpcf7-form .radio-sign, .wpcf7-quiz-label {
    margin-right: 10px
}

.wpcf7-form input[type=submit]:not(.gem-button-wpcf-custom) {
    height: 50px;
    line-height: 30px;
    padding: 10px 40px;
    font-size: 20px
}

.wpcf7 .cf-style1-name, .wpcf7 .cf-style1-email {
    float: left;
    margin-right: 16px
}

.wpcf7 .cf-style1-title {
    margin-right: 11px;
    float: left
}

.cf-style1-title > span, .cf-style1-name span, .cf-style1-email span {
    margin-right: 19px
}

.wpcf7 .cf-style1-website span, .wpcf7 .cf-style1-name span, .wpcf7 .cf-style1-email span {
    max-width: 310px
}

.cf-style1-website {
    float: left
}

body .cf-style1-checkbox {
    clear: both;
    width: 100%;
    margin-bottom: 24px
}

select.wpcf7-form-control.wpcf7-select option {
    padding-left: 10px;
    padding-top: 3px
}

.cf-style1-textarea .wpcf7-form-control-wrap, .cf-style1-textarea textarea {
    width: 100%
}

.cf-style1-textarea textarea {
    height: 220px
}

.wpcf7-form-control-wrap select {
    width: 100%
}

.contact-form-style-3 {
    margin-left: -21px;
    margin-right: -21px
}

body .contact-form-style-3 input, body .contact-form-style-3 span {
    width: 100%
}

body .cf-style1-textarea {
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 35px
}

div.wpcf7 .gem-button-position-center .ajax-loader {
    margin-right: -20px
}

.wpcf7-form .website {
    position: relative
}

.wpcf7-form .gem-form-icon-phone, .wpcf7-form .gem-form-icon-website, .wpcf7-form .gem-form-icon-email, .wpcf7-form .gem-form-icon-name {
    position: relative
}

    .wpcf7-form .phone:after, .wpcf7-form .website:after, .wpcf7-form .email:after, .wpcf7-form .name:after, .wpcf7-form .gem-form-icon-phone:after, .wpcf7-form .gem-form-icon-website:after, .wpcf7-form .gem-form-icon-email:after, .wpcf7-form .gem-form-icon-name:after {
        position: absolute;
        font-family: thegem-icons;
        font-style: normal;
        right: 12px;
        top: 12px;
        font-size: 24px
    }

    .wpcf7-form .website:after, .wpcf7-form .gem-form-icon-website:after {
        content: '\e623'
    }

    .wpcf7-form .email:after, .wpcf7-form .gem-form-icon-email:after {
        content: '\e643'
    }

    .wpcf7-form .name:after, .wpcf7-form .gem-form-icon-name:after {
        content: '\e63b'
    }

    .wpcf7-form .phone:after, .wpcf7-form .gem-form-icon-phone:after {
        content: '\e625'
    }

    .wpcf7-form .gem-form-icon-phone .phone:after, .wpcf7-form .gem-form-icon-website .website:after, .wpcf7-form .gem-form-icon-email .email:after, .wpcf7-form .gem-form-icon-name .name:after {
        display: none
    }

.contact-form-style-2 input, .contact-form-style-2 .wpcf7-form-control-wrap {
    width: 100%
}

.cf-style2-title, .cf-style2-text {
    float: left
}

    .cf-style2-title > span {
        float: left
    }

    .cf-style2-text > span {
        float: left
    }

.cf-style2-textarea textarea {
    width: 100%
}

p.cf-style2-textarea {
    margin-top: 30px;
    float: left;
    width: 100%
}

p.cf-style2-checkbox, p.cf-style2-radio {
    margin-bottom: -24px
}

    p.cf-style2-checkbox .wpcf7-list-item, p.cf-style2-radio .wpcf7-list-item {
        padding-bottom: 24px;
        display: block;
        float: left
    }

p.cf-style2-title {
    width: 28%;
    margin-right: 3%
}

p.cf-style2-text {
    width: 69%
}

.cf-style2-adreess .combobox-wrapper {
    max-width: 100%
}

.widget .wpcf7-form .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%
}

.wpcf7-form .wpcf7-form-control-wrap {
    width: 100%
}

.widget .wpcf7 textarea {
    height: 100px;
    width: 100%
}

.form-sidebar span, .form-sidebar textarea, .form-sidebar input {
    width: 100%
}

.widget .wpcf7-form input {
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden
}

.widget .wpcf7-form textarea {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden
}

.widget .wpcf7-form p {
    width: 100%
}

.wpcf7-form p.col-lg-6:after, .wpcf7-form p.col-lg-3:after, .wpcf7-form p.col-lg-4:after {
    right: 30px
}

.widget .wpcf7-form input.wpcf7-text {
    padding: 6px;
    padding-left: 20px;
    padding-right: 40px
}

.widget .wpcf7-form .phone:after, .widget .wpcf7-form .website:after, .widget .wpcf7-form .email:after, .widget .wpcf7-form .name:after {
    top: 7px
}

.widget .wpcf7 p {
    margin-bottom: 20px
}

.widget .wpcf7-form .combobox-wrapper .combobox-text {
    padding: 5px 20px;
    line-height: 31px
}

.widget .wpcf7-form input[type=submit] {
    margin-top: 0
}

.widget .wpcf7-form .combobox-wrapper {
    height: 41px;
    max-width: 331px
}

.widget .wpcf7-form input[type=submit] {
    height: 40px;
    line-height: 21px;
    padding: 10px 40px;
    font-size: 14px
}

.widget .combobox-wrapper .combobox-button:before {
    margin-top: -11px
}

.wpcf7-form .contact-form-style-2 .combobox-wrapper {
    height: 49px
}

@media (max-width:1212px) {
    .wpcf7-form .wpcf7-form-control-wrap, .wpcf7 .contact-form-style-3 p, .wpcf7 .contact-form-style-1 p {
        width: 100%
    }

    .wpcf7 .cf-style3-website input, .wpcf7 .cf-style3-name input, .wpcf7 .cf-style3-email input, .wpcf7 .cf-style1-website input, .wpcf7 .cf-style1-name input, .wpcf7 .cf-style1-email input {
        width: 100%;
        max-width: 100%
    }
}

@media (max-width:768px) {
    .wpcf7 .cf-style3-website span, .wpcf7 .cf-style3-name span, .wpcf7 .cf-style3-email span, .wpcf7-form .contact-form-style-2 .combobox-wrapper, .wpcf7-form .contact-form-style-1 .combobox-wrapper, .wpcf7 .cf-style1-website span, .wpcf7 .cf-style1-name span, .wpcf7 .cf-style1-email span {
        width: 100%;
        max-width: 100%
    }

    p.cf-style2-title {
        width: 100%
    }

    p.cf-style2-text {
        width: 100%
    }

    .cf-style1-title, .cf-style1-name, .cf-style1-email {
        width: 100%
    }

    .wpcf7-form .cf-style1-title .wpcf7-form-control-wrap {
        width: 100%
    }

    .widget .wpcf7 textarea {
        width: 100%
    }
}

.wpcf7-form.gem-contact-form-white .combobox-wrapper, .wpcf7-form.gem-contact-form-white input:not(.gem-button-wpcf-custom), .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button, .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text, .wpcf7-form.gem-contact-form-white .checkbox-sign, .wpcf7-form.gem-contact-form-white span.radio-sign, .wpcf7-form.gem-contact-form-white textarea {
    border: none
}

.wpcf7-form.gem-contact-form-dark .combobox-wrapper, .wpcf7-form.gem-contact-form-dark input:not(.gem-button-wpcf-custom), .wpcf7-form.gem-contact-form-dark .checkbox-sign, .wpcf7-form.gem-contact-form-dark span.radio-sign, .wpcf7-form.gem-contact-form-dark textarea {
    border: 1px solid #394050;
    background-color: #181828
}

    .wpcf7-form.gem-contact-form-dark .combobox-wrapper .combobox-button:before, .wpcf7-form.gem-contact-form-dark .combobox-wrapper .combobox-text, .wpcf7-form.gem-contact-form-dark .phone:after, .wpcf7-form.gem-contact-form-dark .website:after, .wpcf7-form.gem-contact-form-dark .email:after, .wpcf7-form.gem-contact-form-dark .name:after {
        color: #46485c
    }

.wpcf7-form.gem-contact-form-dark ::-webkit-input-placeholder {
    color: #46485c
}

.wpcf7-form.gem-contact-form-dark:-moz-placeholder {
    color: #46485c
}

.wpcf7-form.gem-contact-form-dark::-moz-placeholder {
    color: #46485c
}

.wpcf7-form.gem-contact-form-dark:-ms-input-placeholder {
    color: #46485c
}

p.cf-style3-textarea {
    margin-top: 14px;
    float: left;
    width: 100%
}

    p.cf-style3-textarea span {
        width: 100%
    }

.wpcf7 .cf-style3-website {
    float: left
}

.wpcf7 .cf-style3-textarea span, .wpcf7 .cf-style3-textarea textarea {
    width: 100%
}

.wpcf7 input[type=submit]:not(.gem-button-wpcf-custom) {
    width: 100%
}

@media (max-width:368px) {
    .wpcf7 input {
        width: 100% !important
    }

    .wpcf7-form .wpcf7-form-control-wrap {
        display: block;
        width: 100%
    }
}

.wpcf7-form .contact-form-style-logistics-1 .combobox-wrapper {
    max-width: 100%;
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.wpcf7-form .contact-form-style-logistics-1 .name:after, .wpcf7-form .contact-form-style-logistics-1 .email:after, .wpcf7-form .contact-form-style-logistics-1 .combobox-button:before, .wpcf7-form .contact-form-style-logistics-1 .combobox-text {
    color: #fff
}

.wpcf7-form .contact-form-style-logistics-1 .combobox-wrapper select {
    color: #2d2a40
}

.wpcf7-form .contact-form-style-logistics-1 .wpcf7-form-control-wrap, .wpcf7-form .contact-form-style-logistics-1 input[type=text], .wpcf7-form .contact-form-style-logistics-1 input[type=email], .wpcf7-form .contact-form-style-logistics-1 select, .wpcf7-form .contact-form-style-logistics-1 textarea {
    width: 100%;
    background: 0 0;
    border-radius: 3px;
    color: #fff;
    border-color: #fff
}

.wpcf7-form .contact-form-style-logistics-1 input[type=submit] {
    width: auto;
    text-align: center;
    margin: 15px auto;
    padding: 10px 25px;
    display: block;
    background: #2d2a40
}

    .wpcf7-form .contact-form-style-logistics-1 input[type=submit]:hover {
        background: #fff;
        color: #2d2a40
    }

.wpcf7-form .contact-form-style-logistics-1 ::-webkit-input-placeholder {
    color: #fff
}

.wpcf7-form .contact-form-style-logistics-1 ::-moz-placeholder {
    color: #fff
}

.wpcf7-form .contact-form-style-logistics-1 :-moz-placeholder {
    color: #fff
}

.wpcf7-form .contact-form-style-logistics-1 :-ms-input-placeholder {
    color: #fff
}

form.wpcf7-form.gem-contact-form-simple-line input[type=text], form.wpcf7-form.gem-contact-form-simple-line input[type=password], form.wpcf7-form.gem-contact-form-simple-line input[type=color], form.wpcf7-form.gem-contact-form-simple-line input[type=date], form.wpcf7-form.gem-contact-form-simple-line input[type=datetime], form.wpcf7-form.gem-contact-form-simple-line input[type=datetime-local], form.wpcf7-form.gem-contact-form-simple-line input[type=email], form.wpcf7-form.gem-contact-form-simple-line input[type=number], form.wpcf7-form.gem-contact-form-simple-line input[type=range], form.wpcf7-form.gem-contact-form-simple-line input[type=search], form.wpcf7-form.gem-contact-form-simple-line input[type=tel], form.wpcf7-form.gem-contact-form-simple-line input[type=time], form.wpcf7-form.gem-contact-form-simple-line input[type=url], form.wpcf7-form.gem-contact-form-simple-line input[type=month], form.wpcf7-form.gem-contact-form-simple-line input[type=week], form.wpcf7-form.gem-contact-form-simple-line textarea {
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    background: 0 0
}

.row .theme-default .nivo-controlNav a {
    width: 16px;
    height: 16px;
    background-image: none;
    border-radius: 50%;
    margin: 5px 7px
}

.row .flex-direction-nav a:before {
    font-family: thegem-icons;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    padding: 8px;
    content: '\e636'
}

.row .flex-direction-nav a.flex-next:before {
    content: '\e634'
}

.row .vc_images_carousel .vc_carousel-indicators {
    bottom: -50px
}

    .row .vc_images_carousel .vc_carousel-indicators .vc_active {
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: 4px solid #b6c6c9
    }

    .row .vc_images_carousel .vc_carousel-indicators li {
        width: 16px;
        height: 16px;
        margin: 0 6px;
        background-color: #b6c6c9;
        border: 3px solid #b6c6c9
    }

.row .flexslider {
    border: medium none;
    border-radius: 0;
    box-shadow: none
}

.row .wpb_gallery .wpb_flexslider .flex-control-nav {
    margin-top: 25px
}

.row .flex-direction-nav a {
    text-shadow: none
}

.row .flex-direction-nav li .flex-next {
    right: 0
}

.row .flex-direction-nav li .flex-prev {
    left: 0
}

.row .wpb_gallery .wpb_flexslider .flex-direction-nav a {
    border: none
}

.row .theme-default .nivoSlider {
    box-shadow: none
}

.row .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover {
    border: none
}

.row .theme-default .nivo-directionNav a {
    background: 0 0;
    font-size: 24px;
    display: inline-block;
    padding: 9px
}

.row .theme-default a.nivo-nextNav {
    right: 0
}

.row .theme-default .nivo-directionNav a {
    font-size: 0px;
    text-indent: 0;
    height: 40px;
    width: 40px
}

.row .theme-default a.nivo-nextNav:after {
    font-size: 24px;
    content: '\e634';
    font-family: thegem-icons;
    font-style: normal;
    margin-top: 0
}

.row .theme-default a.nivo-prevNav:after {
    font-size: 24px;
    content: '\e636';
    font-family: thegem-icons;
    font-style: normal;
    margin-top: 0
}

.row .theme-default a.nivo-prevNav {
    left: 0
}

.row .vc_carousel-control .icon-next {
    font-size: 24px;
    content: '\e634';
    font-family: thegem-icons;
    font-style: normal;
    margin-top: 0
}

.row .vc_carousel-control .icon-prev {
    font-size: 24px;
    content: '\e636';
    font-family: thegem-icons;
    font-style: normal
}

.row .vc_images_carousel .vc_carousel-control.vc_left {
    margin-left: -15px
}

.row .vc_images_carousel .vc_carousel-control.vc_right {
    margin-right: -5px
}

.row .vc_images_carousel .vc_carousel-control .icon-prev, .row .vc_images_carousel .vc_carousel-control .icon-next {
    height: 40px;
    width: 40px
}

.row .vc_images_carousel .vc_carousel-control {
    opacity: 1;
    text-shadow: none
}

    .row .vc_images_carousel .vc_carousel-control .icon-prev:before, .row .vc_images_carousel .vc_carousel-control .icon-next:before {
        top: 0
    }

    .row .vc_images_carousel .vc_carousel-control .icon-prev:before {
        content: '\e636';
        top: 7px;
        font-size: 24px;
        font-family: thegem-icons;
        font-style: normal
    }

    .row .vc_images_carousel .vc_carousel-control .icon-next:before {
        content: '\e634';
        top: 7px;
        font-family: thegem-icons;
        font-style: normal;
        font-size: 24px
    }

.row .vc_pie_chart_back {
    border: 7px solid #f7f7f7
}

.row .vc_pie_wrapper span {
    font-size: 50px
}

.diagram-wrapper.style-2 .digram-line-box .skill-line {
    margin-right: 0
}

.diagram-wrapper.style-2 .digram-line-box .skill-title {
    padding-left: 0
}

.diagram-wrapper.style-2 .digram-line-box .skill-amount {
    margin-top: -30px
}

.diagram-wrapper.style-2 .digram-line-box .skill-element {
    padding-top: 14px
}

.diagram-wrapper.style-1 .digram-line-box .skill-line {
    margin-right: 0
}

.diagram-wrapper.style-1 .digram-line-box .skill-amount {
    margin-top: -30px
}

.diagram-wrapper.style-1 .digram-line-box .skill-element {
    padding-top: 14px
}

.diagram-wrapper.style-3 .digram-line-box .skill-line {
    margin-right: 0;
    height: 30px;
    overflow: hidden;
    border-radius: 50px
}

.diagram-wrapper.style-3 .digram-line-box .skill-title {
    position: absolute;
    padding-top: 3px;
    padding-left: 22px;
    text-transform: uppercase;
    letter-spacing: .07em
}

    .diagram-wrapper.style-3 .digram-line-box .skill-title span {
        margin-left: 8px
    }

.diagram-wrapper.style-3 .digram-line-box .skill-amount {
    margin-top: -30px
}

.diagram-wrapper.style-3 .digram-line-box .skill-element {
    padding-top: 18px
}

.diagram-wrapper.style-3 .skill-line div {
    height: 30px
}

p.skill-style-3 {
    font-size: 10px;
    display: inline-block
}

.diagram-wrapper.style-3 .skill-amount {
    display: none
}

.diagram-legend .legend-element .color {
    margin-top: 5px
}

.widget_diagram .diagram-legend .legend-element .title {
    font-size: 14px;
    font-weight: 400
}

.widget_diagram .diagram-legend .legend-element .color {
    display: block;
    float: left;
    width: 12px;
    height: 12px
}

.widget_diagram .diagram-legend .legend-element .color {
    margin-top: -1px
}

.widget_diagram .diagram-legend .legend-element {
    margin-top: 15px
}

.row .vc_progress_bar .vc_label {
    text-transform: uppercase
}

.row .vc_round-chart .vc_chart-legend span {
    border-radius: 50%
}

.row .vc_chart .vc_chart-legend li {
    margin: 0 20px 1em
}

.diagram-circle .diagram-legend .legend-element .title {
    line-height: inherit
}

.style-2 .diagram-circle .diagram-legend .legend-element .title {
    font-size: inherit;
    color: #5f727f;
    margin-left: 18px
}

.style-2 .diagram-circle .diagram-legend .legend-element .color {
    margin-top: 8px;
    width: 10px;
    height: 10px
}

.style-2 .diagram-circle .diagram-legend .legend-element {
    margin: -10px 0 15px
}

.gem-dropcap-shape-hexagon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    position: relative
}

    .gem-dropcap-shape-hexagon span.gem-dropcap-letter {
        background: 0 0 !important;
        border: none !important
    }

.dropcap-hexagon-inner {
    position: absolute
}

.gem-dropcap-letter {
    z-index: 10
}

.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back {
    display: block;
    transform: rotate(-30deg) skewX(30deg);
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-size: 0;
    line-height: 1
}

    .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner, .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner-before {
        display: block;
        width: inherit;
        height: inherit;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        border-radius: inherit;
        overflow: hidden
    }

    .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner {
        transform: skewX(-30deg) rotate(60deg) skewX(30deg)
    }

    .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner-before {
        transform: skewX(-30deg) rotate(60deg) skewX(30deg)
    }

.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top {
    display: block;
    transform: rotate(-30deg) skewX(30deg);
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-size: 0;
    line-height: 1
}

    .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner, .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner-before {
        display: block;
        width: inherit;
        height: inherit;
        -webkit-border-radius: inherit;
        -moz-border-radius: inherit;
        border-radius: inherit;
        overflow: hidden
    }

    .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner {
        transform: skewX(-30deg) rotate(60deg) skewX(30deg)
    }

    .gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner-before {
        transform: skewX(-30deg) rotate(60deg) skewX(30deg)
    }

.gem-dropcap-shape-hexagon.gem-dropcap-style-big, .gem-dropcap-shape-hexagon.gem-dropcap-style-big:last-child {
    margin: 5px 0
}

    .gem-dropcap-shape-hexagon.gem-dropcap-style-big .gem-dropcap-shape-hexagon-back {
        width: 86px;
        height: 76px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .gem-dropcap-shape-hexagon.gem-dropcap-style-big .gem-dropcap-shape-hexagon-top {
        width: 80px;
        height: 70px;
        left: 3px;
        top: 3px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

.gem-dropcap-shape-hexagon .gem-dropcap-letter {
    line-height: 62px
}

.gem-dropcap-shape-hexagon.gem-dropcap-style-medium, .gem-dropcap-shape-hexagon.gem-dropcap-style-medium:last-child {
    margin: 3px 0
}

    .gem-dropcap-shape-hexagon.gem-dropcap-style-medium .gem-dropcap-letter {
        text-indent: 13px;
        line-height: 36px
    }

    .gem-dropcap-shape-hexagon.gem-dropcap-style-medium .gem-dropcap-shape-hexagon-back {
        width: 62px;
        height: 52px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .gem-dropcap-shape-hexagon.gem-dropcap-style-medium .gem-dropcap-shape-hexagon-top {
        width: 58px;
        height: 48px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        left: 2px;
        top: 2px
    }

.gem-dropcap-style-medium .dropcap-hexagon-inner {
    margin-top: 0
}

.gem-dropcap-shape-hexagon span.gem-dropcap-letter {
    text-indent: 9px
}

body .vc_separator.vc_sep_double .vc_sep_line {
    height: 7px !important
}

.vc_separator.vc_sep_double.vc_sep_border_width_2 .vc_sep_line {
    height: 8px !important
}

body .vc_separator h4 {
    margin-top: 3px
}

.mouse-scroll {
    display: block;
    width: 32px;
    height: 48px;
    border: 3px solid #4dc4c8;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    transform: translate(0,0);
    overflow: hidden;
    font-size: 10000px
}

    .mouse-scroll:after {
        content: '';
        width: 4px;
        height: 8px;
        position: absolute;
        left: 50%;
        top: 7px;
        border-radius: 4px;
        background-color: #4dc4c8;
        margin-left: -2px;
        opacity: 1;
        transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
        -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
        animation: 1.5s cubic-bezier(.68,-.55,.265,1.55) 0s normal none infinite running scrollAnimation;
        -webkit-animation: 1.5s cubic-bezier(.68,-.55,.265,1.55) 0s normal none infinite scrollAnimation
    }

@keyframes scrollAnimation {
    0%,20% {
        transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px)
    }

    10% {
        opacity: 1;
        transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px)
    }

    100% {
        opacity: .01;
        transform: translateY(16px) scaleY(2.5) scaleX(.5) translateZ(0px)
    }
}

@-webkit-keyframes scrollAnimation {
    0%,20% {
        -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px)
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px)
    }

    100% {
        opacity: .01;
        -webkit-transform: translateY(16px) scaleY(2.5) scaleX(.5) translateZ(0px)
    }
}

.wpcf7 .contact-form-style-1 input[type=submit] {
    width: auto
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.vc_message_box-icon > *, .vc_message_box-icon > .fa {
    margin-top: -12px
}

.contact-form-style-7 textarea {
    height: 140px !important
}

.contact-form-style-7 input[type=submit] {
    background-color: #8f44ad
}

.contact-form-style-7 textarea, .contact-form-style-7 input {
    background-color: rgba(230,230,230,.11);
    border: medium none
}

.contact-form-style-7 p input[type=submit] {
    border-radius: 0
}

.contact-form-style-7 :after {
    color: #fff !important
}

.contact-form-style-7 input {
    margin-bottom: 17px
}

.products-grid-form p {
    display: block;
    width: 100% !important;
    margin: 0 0 20px;
    padding: 0
}

    .products-grid-form p span {
        display: block;
        width: 100% !important
    }

    .products-grid-form p input {
        display: inline-block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 0 !important
    }

    .products-grid-form p.area input {
        color: #a8b4bc !important
    }

    .products-grid-form p.button input {
        color: #fff !important;
        background: #272439;
        font-weight: 200
    }

        .products-grid-form p.button input:hover {
            background: #00bcd4
        }

.jtwt_tweet_text.icon-twitter a:hover {
    color: #3c3950
}

.widget.widget_search form {
    border-radius: 3px;
    overflow: hidden
}

.widget_diagram .skill-amount {
    letter-spacing: .05em
}

#colophon #mc4wp_email {
    border-radius: 3px
}

#mc4wp_submit {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#mc4wp_email {
    border-radius: 3px
}

.widget_recent_comments li {
    font-size: 14px
}

#wp-calendar caption {
    letter-spacing: .05em;
    text-transform: uppercase;
    height: 39px;
    padding: 7px 0;
    line-height: 25px
}

#wp-calendar #prev a, #wp-calendar #next a {
    color: transparent
}

.widget_recent_comments .comment-author-link a {
    font-size: 14px
}

.widget_recent_comments a {
    font-size: 16px
}

.project_info-item-style-1 .project_info-item .title {
    letter-spacing: .05em
}

.widget .gem-teams-name {
    clear: both
}

.gem-teams-phone {
    letter-spacing: .05em
}

.widget_nav_menu li a:after, .widget_submenu li a:after {
    position: absolute;
    right: 30px
}

.widget_nav_menu > div > ul > li > a, .widget_submenu > div > ul > li > a, .widget_pages > ul > li > a, .widget_categories > ul > li > a {
    text-transform: uppercase;
    letter-spacing: .05em
}

.widget_submenu ul ul ul, .widget_nav_menu ul ul ul, .widget_pages ul ul ul, .widget_categories ul ul ul {
    font-size: 14px
}

    .widget_submenu ul ul ul ul, .widget_nav_menu ul ul ul ul, .widget_pages ul ul ul ul .widget_categories ul ul ul ul {
        background-color: #dde6e8
    }

        .widget_submenu ul ul ul ul ul, .widget_nav_menu ul ul ul ul ul, .widget_pages ul ul ul ul ul, .widget_categories ul ul ul ul ul {
            background-color: #d4dfe3
        }

.jtwt_date {
    font-size: 14px
}

#colophon .widget_tweets .twitter-box .jtwt_tweet, #colophon .Custom_Recent_Posts .gem-pp-posts, #colophon .widget_meta li, #colophon .widget_rss li, #colophon .widget_recent_entries li, #colophon .Custom_Recent_Posts ul li, #colophon .Custom_Popular_Posts ul li, #colophon .project_info-item-style-1 .project_info-item.iconed, #colophon .gem-latest-news {
    border-bottom: 1px solid #393d50
}

    #colophon .widget_tweets .twitter-box .jtwt_tweet:last-child, #colophon .Custom_Recent_Posts .gem-pp-posts:last-child, #colophon .widget_meta li:last-child, #colophon .widget_rss li:last-child, #colophon .widget_recent_entries li:last-child, #colophon .Custom_Recent_Posts ul li:last-child, #colophon .Custom_Popular_Posts ul li:last-child, #colophon .project_info-item-style-1 .project_info-item.iconed:last-child, #colophon .gem-latest-news:last-child {
        border-bottom: none
    }

#colophon .widget_recent_entries ul {
    background: 0 0
}

#colophon .project_info-item-style-2 .project_info-item, #colophon .project_info-item-style-1, #colophon .digram-line-box, #colophon .widget form.searchform, #colophon.gem-teams-item-wrap, #colophon.gem-picturebox-text, #colophon .widget_recent_comments li, #colophon .gem-teams-item-wrap, #colophon #wp-calendar #prev a, #colophon #wp-calendar #next a, #colophon #wp-calendar caption:after, #colophon #calendar_wrap, #colophon .widget_mc4wp_widget form {
    background-color: #2c2e3d
}

#colophon #wp-calendar #prev a, #colophon #wp-calendar #next a {
    -moz-transition: all .2 linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

    #colophon #wp-calendar #prev a:hover:after, #colophon #wp-calendar #next a:hover:after {
        -moz-transition: all .2 linear;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }

#colophon .widget.widget_search input, #colophon #wp-calendar caption {
    background-color: #181828
}

#colophon .jtwt_tweet:first-child, #colophon .project_info-item-style-1 .project_info-item.iconed:first-child, #colophon .gem-pp-posts:first-child, #colophon .widget_tweets .twitter-box .jtwt_tweet:first-child {
    background: 0 0
}

#colophon .skill-line {
    background-color: #171728
}

#colophon .widget.widget_search input, #colophon #mc4wp_email, #colophon .wpcf7-form-control-wrap input, #colophon .wpcf7-form-control-wrap textarea {
    background-color: #181828;
    border: 1px solid #394050
}

#colophon .wpcf7-form-control-wrap textarea {
    border-radius: 3px
}

#colophon .widget.widget_search .gem-button, #colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit {
    background-color: #394050
}

#colophon #mc4wp_submit {
    background-color: #394050;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#page #colophon .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #181828 !important
}

#page #colophon .woocommerce .select2-container .select2-selection--single {
    border-color: #394050
}

#page #colophon .select2-container {
    border-radius: 10px
}

#colophon .combobox-wrapper {
    background-color: #181828 !important;
    border: 1px solid #394050 !important
}

#colophon .widget_categories > ul, #colophon .widget_categories > ul li, #colophon .widget.widget_pages > ul, #colophon .widget.widget_pages li {
    border-color: #394050
}

#colophon .widget_archive li, #colophon .widget_archive li:nth-child(odd) {
    background-color: transparent
}

#colophon .widget_submenu li, #colophon .widget_nav_menu > div > ul li, #colophon .widget_archive ul li {
    border-top: 1px solid #394050
}

body #colophon .widget_nav_menu ul.menu > li > ul {
    border-left: 1px solid #394050;
    border-right: 1px solid #394050;
    border-top: 1px solid #394050
}

#colophon .widget_submenu ul, #colophon .widget_nav_menu > div > ul, #colophon .widget_archive ul {
    border-left: 1px solid #394050;
    border-right: 1px solid #394050;
    border-bottom: 1px solid #394050
}

#colophon .tagcloud a {
    background-color: transparent
}

#colophon .widget_nav_menu ul.menu > li > ul, #colophon .widget_categories ul ul, #colophon .widget_pages li li {
    background-color: #2c2e3d
}

#colophon .wpcf7-validation-errors, #colophon .wpcf7-not-valid-tip {
    display: none !important
}

.widget .searchform input {
    border-radius: 3px
}

body .widget_tag_cloud .tagcloud a:hover {
    border: 1px solid transparent
}

.widget :after, .widget :before, .widget a, .widget a:hover, .widget.widget_search .gem-button:hover, .widget.widget_search .gem-button, body .widget_tag_cloud .tagcloud a, body .widget_tag_cloud .tagcloud a:hover, #colophon .widget.widget_search .gem-button:hover, #colophon #mc4wp_submit:hover, #colophon .widget.widget_search .gem-button:hover, body #colophon .tagcloud a:hover, #colophon .widget.widget_search .gem-button {
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

body .portfolio-items-masonry.background-style-dark .portfolio-item .wrap > .caption {
    border-bottom: none
}

.portfolio-items-masonry .portfolio-item .wrap > .caption {
    border-bottom: 1px solid #e0e5e8
}

.portfolio-filters-resp button:after {
    background: #99a9b5;
    box-shadow: 0 10px 0 0 #99a9b5,0 20px 0 0 #99a9b5
}

#colophon .gem-teams-name {
    color: #99a9b6
}

#colophon .gem-picturebox-text {
    background-color: #2c2e3d !important
}

#colophon .widget_product_categories > ul, #colophon .widget_product_categories > ul li, #colophon .gem-products-content, #colophon .widget_shopping_cart_content ul.product_list_widget li {
    border-color: #394050
}

#colophon .widget_product_search input.search-field {
    background-color: #181828;
    border: 1px solid #394050
}

#colophon .widget_product_search button {
    top: 41px
}

#colophon .widget_product_categories > ul li {
    padding-left: 10px
}

#colophon .widget_shopping_cart .total span.amount {
    color: #99a9b5
}

#colophon .widget .gem-products-content {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

#colophon .widget .gem-products-image {
    display: table-cell
}

#colophon .team-person-email a:before {
    margin-right: 0
}

.digital-agency-mailchimp.yikes-easy-mc-form label {
    width: 68%;
    padding-right: 5%
}

    .digital-agency-mailchimp.yikes-easy-mc-form label > input[type=email] {
        background: #f0f3f2;
        height: 45px;
        border-radius: 3px;
        border: none;
        padding-left: 20px
    }

        .digital-agency-mailchimp.yikes-easy-mc-form label > input[type=email]:focus {
            outline: none !important
        }

.yikes-mailchimp-container .digital-agency-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    width: 17%;
    min-width: 235px;
    display: inline-block;
    background: #212331;
    color: #fff;
    height: 45px;
    border: none;
    border-radius: 3px;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 50px;
    position: relative
}

    .yikes-mailchimp-container .digital-agency-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button:before {
        content: "\e626";
        font-family: "thegem-icons";
        font-style: normal;
        font-size: 24px;
        font-weight: 400;
        color: #fff;
        position: absolute;
        left: 50%;
        margin-left: -69px;
        text-align: center
    }

@media(max-width:1200px) {
    body .digital-agency-mailchimp.yikes-easy-mc-form label {
        width: 100%;
        padding-right: 0
    }

    body .yikes-mailchimp-container .digital-agency-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
        width: 100%
    }
}

.business-light-mailchimp.yikes-easy-mc-form label {
    float: left;
    width: 100%;
    padding-right: 0;
    margin-bottom: 0
}

.business-light-mailchimp.yikes-easy-mc-form input[type=email] {
    background-color: rgba(255,255,255,.2);
    border: 1px solid #dfe5e8;
    text-align: center;
    color: #ffffff !important;
    border-radius: 5px
}

.business-light-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button {
    width: 100%;
    min-width: 90px;
    float: left;
    padding: 0;
    margin: 0
}

.business-light-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button {
    background-color: #2fc5b0;
    border: 0;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    min-height: 45px;
    padding-top: 3px
}

    .business-light-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button:hover {
        background-color: #3c3950
    }

.business-sulutions-mailchimp input[type=email] {
    width: 100%;
    height: 40px !important;
    border: 0 !important;
    background-color: #f0f3f2 !important;
    color: #5f727f;
    font-size: 16px;
    padding-left: 15px !important;
    padding-right: 50px !important
}

.business-mail-submit {
    position: absolute;
    right: 20px;
    top: 0;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background-color: #dfe5e8 !important
}

    .business-mail-submit:before {
        font-family: 'thegem-icons';
        content: '\e601';
        color: #3c3950;
        font-size: 24px;
        line-height: 33px
    }

.online-shop-mailchimp.yikes-easy-mc-form label {
    width: 350px;
    padding-right: 20px
}

    .online-shop-mailchimp.yikes-easy-mc-form label > input {
        background: #f0f3f2;
        height: 45px;
        border: none;
        padding-left: 20px
    }

.yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form label > input:focus {
    outline: none !important
}

.yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    width: 155px;
    min-width: 155px;
    height: 45px;
    display: inline-block;
    background: #d7b398;
    color: #fff;
    border: none;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 30px;
    padding-left: 30px;
    position: relative
}

.yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form button {
    transition: all .3s;
    -webkit-transition: all .3s
}

    .yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form button:hover {
        background: #212121 !important;
        color: #fff !important;
        transition: all .3s;
        -webkit-transition: all .3s
    }

@media(max-width:1200px) {
    body .online-shop-mailchimp.yikes-easy-mc-form label {
        width: 100%;
        padding-right: 0
    }

    body .yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
        width: 100%
    }
}

.trendy-shop-mailchimp.yikes-easy-mc-form label {
    width: 350px;
    padding-right: 20px
}

    .trendy-shop-mailchimp.yikes-easy-mc-form label > input {
        color: #fff;
        background: 0 0;
        height: 45px;
        border: none;
        padding-left: 0;
        border-bottom: 1px solid #575c6c
    }

.yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form label > input:focus {
    outline: none !important
}

.yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    width: 155px;
    min-width: 155px;
    height: 45px;
    display: inline-block;
    background: #f44236;
    color: #fff;
    border: none;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 30px;
    padding-left: 30px;
    position: relative
}

.yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form button {
    transition: all .3s;
    -webkit-transition: all .3s
}

    .yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form button:hover {
        background: #212121;
        color: #fff;
        transition: all .3s;
        -webkit-transition: all .3s
    }

@media(max-width:1200px) {
    body .trendy-shop-mailchimp.yikes-easy-mc-form label {
        width: 100%;
        padding-right: 0
    }

    body .yikes-mailchimp-container .trendy-shop-mailchimp .yikes-easy-mc-submit-button {
        width: 100%
    }
}

.lookbook-landing-mailchimp.yikes-easy-mc-form label {
    width: 350px;
    padding-right: 20px
}

    .lookbook-landing-mailchimp.yikes-easy-mc-form label > input {
        color: #333;
        background: 0 0;
        height: 40px;
        border: none;
        padding-left: 0;
        border-bottom: 1px solid #dbdbdb
    }

.yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form label > input:focus {
    outline: none !important
}

.yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    width: 140px;
    min-width: 140px;
    height: 40px;
    display: inline-block;
    background: 0 0;
    color: #333;
    font-family: 'Montserrat';
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 22px;
    padding-left: 22px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    border: 2px solid #333
}

.yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form button {
    transition: all .3s;
    -webkit-transition: all .3s
}

    .yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form button:hover {
        background: #212121;
        color: #fff;
        transition: all .3s;
        -webkit-transition: all .3s
    }

@media(max-width:1200px) {
    body .lookbook-landing-mailchimp.yikes-easy-mc-form label {
        width: 100%;
        padding-right: 0
    }

    body .yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
        width: 100%
    }
}

.beauty-spa-mailchimp.yikes-easy-mc-form {
    display: block;
    margin: 0 auto;
    width: 320px
}

    .beauty-spa-mailchimp.yikes-easy-mc-form label {
        width: 320px;
        padding-right: 0
    }

        .beauty-spa-mailchimp.yikes-easy-mc-form label > input {
            color: #928d8e;
            background: 0 0;
            height: 45px;
            border: none;
            padding-left: 0;
            border-bottom: 1px solid #928d8e
        }

.yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form label > input:focus {
    outline: none !important
}

.yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    width: 320px;
    min-width: 320px;
    height: 50px;
    background: #e77785;
    font-size: 19px;
    color: #fff;
    border-radius: 25px;
    border: none;
    font-family: 'Montserrat UltraLight';
    font-weight: 100;
    text-transform: uppercase;
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
    margin-top: 40px
}

.yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form button {
    transition: all .3s;
    -webkit-transition: all .3s
}

    .yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form button:hover {
        background: #212121;
        color: #fff;
        transition: all .3s;
        -webkit-transition: all .3s
    }

.yikes-mailchimp-container .classic-landing-mailchimp.yikes-easy-mc-form label > input[type=email] {
    background: #fff !important;
    padding-left: 20px !important;
    border: 1px solid #dfe5e8 !important
}

.yikes-mailchimp-container .classic-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    border: none;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #e43f65;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s
}

    .yikes-mailchimp-container .classic-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
        color: #e43f65;
        background: #212331;
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        transition: all .35s
    }

.silk-diamond-mailchimp.yikes-easy-mc-form input[type=email] {
    background: #fff !important;
    padding-left: 20px !important;
    border: 1px solid #dfe5e8 !important
}

.silk-diamond-mailchimp .yikes-easy-mc-submit-button {
    border: none;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.silk-diamond-mailchimp .yikes-easy-mc-submit-button {
    background: #9ccc65
}

.yellow-breath-mailchimp.yikes-easy-mc-form input[type=email] {
    background: #fff !important;
    color: #99a9b5;
    padding-left: 20px !important;
    border: none !important
}

.yellow-breath-mailchimp .yikes-easy-mc-submit-button {
    background: #2c2e3d;
    border: none;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.thegem-te-logo.desktop-view .logo.desktop {
    display: block
}

.thegem-te-logo.desktop-view .logo.mobile {
    display: none
}

.thegem-te-logo.mobile-view .logo.desktop {
    display: none
}

.thegem-te-logo.mobile-view .logo.mobile {
    display: block
}

@media screen and (max-width:767px) {
    .thegem-te-logo.desktop-view .logo.desktop {
        display: none
    }

    .thegem-te-logo.desktop-view .logo.mobile {
        display: block
    }
}

.thegem-te-menu {
    position: relative;
    width: fit-content
}

    .thegem-te-menu .menu-toggle, .thegem-te-menu__hamburger.desktop-view .menu-toggle, .thegem-te-menu__overlay.desktop-view .menu-toggle {
        position: relative;
        width: 36px;
        height: 30px;
        display: flex;
        border: none;
        cursor: pointer;
        outline: none;
        background: 0 0;
        padding: 0;
        font-size: 0;
        line-height: 0
    }

        .thegem-te-menu .menu-toggle.small, .thegem-te-menu .menu-toggle.dl-trigger, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle {
            width: 18px
        }

@media (max-width:767px) {
    .thegem-te-menu-mobile__overlay .menu-toggle {
        width: 18px
    }
}

.thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle .menu-line-3, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3 {
    position: absolute;
    height: 4px;
    width: 100%;
    left: 0;
    -webkit-transition: all .5s,top .3s,height .3s;
    transition: all .5s,top .3s,height .3s
}

.thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3 {
    background: var(--thegem-to-hamburger-menu-icon-color,#3c3950)
}

.thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle .menu-line-3 {
    background: var(--thegem-to-mobile-menu-btn-color,#3c3950)
}

.thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3 {
    height: 2px;
    width: 18px
}

@media (max-width:767px) {
    .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1, .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2, .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3 {
        height: 2px;
        width: 18px
    }
}

.thegem-te-menu .menu-toggle .menu-line-1, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1 {
    top: 3px
}

.thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1 {
    top: 9px
}

@media (max-width:767px) {
    .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-1 {
        top: 9px
    }
}

.thegem-te-menu .menu-toggle .menu-line-2, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2 {
    top: 13px
}

.thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2 {
    top: 14px
}

@media (max-width:767px) {
    .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-2 {
        top: 14px
    }
}

.thegem-te-menu .menu-toggle .menu-line-3, .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3 {
    top: 23px
}

.thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3 {
    top: 19px
}

@media (max-width:767px) {
    .thegem-te-menu-mobile__overlay .menu-toggle .menu-line-3 {
        top: 19px
    }
}

@media (-webkit-device-pixel-ratio:1.25) {
    .thegem-te-menu .menu-toggle.small .menu-line-1, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-1, .thegem-te-menu .menu-toggle.small .menu-line-2, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-2, .thegem-te-menu .menu-toggle.small .menu-line-3, .thegem-te-menu .menu-toggle.dl-trigger .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .menu-toggle .menu-line-3 {
        height: 1.6px
    }
}

.thegem-te-menu .nav-menu > li > a {
    position: relative
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a {
    font-family: var(--thegem-to-menu-font-family,'Montserrat');
    font-style: var(--thegem-to-menu-font-style,normal);
    font-weight: var(--thegem-to-menu-font-weight,700);
    font-size: var(--thegem-to-menu-font-size,14px);
    line-height: var(--thegem-to-menu-line-height,25px);
    letter-spacing: var(--thegem-to-menu-letter-spacing,0);
    text-transform: var(--thegem-to-menu-text-transform,uppercase);
    text-decoration: none;
    color: var(--thegem-to-menu-level1-color,#3c3950)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul li > a {
    font-family: var(--thegem-to-submenu-font-family,'Source Sans Pro');
    font-style: var(--thegem-to-submenu-font-style,normal);
    font-weight: var(--thegem-to-submenu-font-weight,normal);
    font-size: var(--thegem-to-submenu-font-size,16px);
    line-height: var(--thegem-to-submenu-line-height,20px);
    letter-spacing: var(--thegem-to-submenu-letter-spacing,0);
    text-transform: var(--thegem-to-submenu-text-transform,none)
}

.thegem-te-menu nav.mobile-view .mega-label {
    display: none
}

@media (max-width:767px) {
    .thegem-te-menu .mega-label {
        display: none
    }
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label {
    color: var(--thegem-to-main-bg-color,#fff)
}

.header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu.desktop-view .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a {
    border-color: var(--thegem-to-styled-color1,#00bcd4)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label {
    background-color: var(--thegem-to-styled-color3,#f44336)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li > a:hover, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a {
    background-color: var(--thegem-to-menu-level1-color-hover,#00bcd4)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li > a {
    color: var(--thegem-to-menu-level2-color,#5f727f)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.megamenu-enable.megamenu-style-grid > ul li > span.megamenu-column-header > a {
    background-color: var(--thegem-to-menu-level2-bg-color,#f4f6f7)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li:hover > a {
    color: var(--thegem-to-menu-level2-hover-color,#3c3950)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li:hover > a {
    background-color: var(--thegem-to-menu-level2-hover-bg-color,#fff)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a {
    color: var(--thegem-to-menu-level2-active-color,#3c3950)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul li.menu-item-active > a {
    background-color: var(--thegem-to-menu-level2-active-bg-color,#fff)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link {
    color: var(--thegem-to-mega-menu-column-title-color,#3c3950)
}

    .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a:hover {
        color: var(--thegem-to-mega-menu-column-title-hover-color,#00bcd4)
    }

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li.menu-item-active > span.megamenu-column-header a {
    color: var(--thegem-to-mega-menu-column-title-active-color,#00bcd4)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li:not(.megamenu-template-enable):not(.menu-item-type-template) li li:hover > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li.menu-item-active > a {
    color: var(--thegem-to-menu-level3-hover-color,#fff)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header {
    border-top: 1px solid var(--thegem-to-menu-level2-border-color,#dfe5e8)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li {
    border-bottom: 1px solid var(--thegem-to-menu-level2-border-color,#dfe5e8);
    border-left: 1px solid var(--thegem-to-menu-level2-border-color,#dfe5e8);
    border-right: 1px solid var(--thegem-to-menu-level2-border-color,#dfe5e8)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header:not(:last-child) {
    border-bottom: 1px solid var(--thegem-to-menu-level2-border-color,#dfe5e8)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul {
    border: 1px solid var(--thegem-to-menu-level2-border-color,#dfe5e8)
}

    .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:before {
        color: var(--thegem-to-mega-menu-icons-color,#5F727FFF)
    }

    .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a:hover.megamenu-has-icon:before, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:hover:before {
        color: inherit
    }

    .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-item-inited) {
        opacity: 0 !important;
        transform: translateY(20px) !important;
        -o-transform: translateY(20px) !important;
        -ms-transform: translateY(20px) !important;
        -moz-transform: translateY(20px) !important;
        -webkit-transform: translateY(20px) !important
    }

    .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul ul {
        display: none
    }

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul {
    width: auto;
    white-space: nowrap;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 1
}

    .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul.megamenu-masonry.megamenu-masonry-inited > li {
        position: absolute
    }

#site-header.without-transition *, .thegem-te-menu nav:not(.mobile-view) .nav-menu li > ul.without-transition, #primary-navigation.without-transition ul {
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable ul {
    width: auto
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul ul {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-left: 0 !important;
    border-right: 0 !important
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border span.megamenu-column-header {
    border-right: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li {
    display: inline-block;
    vertical-align: top;
    border: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li {
    margin: 0 0 -1px -1px;
    border-top: 0 !important
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li {
    margin: 0 0 0 31px
}

    .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li.megamenu-first-element {
        margin-left: 0
    }

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li.megamenu-new-row {
    display: block;
    font-size: 0;
    line-height: 1;
    height: 0;
    padding: 0 !important;
    margin: 0 0 1px;
    border: none
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li.megamenu-new-row {
    margin: 0 0 7px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default ul ul {
    border: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-current, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-active {
    background: 0 0;
    border: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header {
    display: block;
    border-top: 0;
    position: relative
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header {
    padding-top: 8px;
    padding-bottom: 12px;
    margin-bottom: 11px;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li a {
    display: block;
    background: 0 0;
    padding: 0;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul li:hover > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-current > a, .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-active > a {
    border: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default li.menu-item-parent > a:after {
    display: none
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a {
    text-transform: uppercase
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a {
    padding: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a {
    display: block;
    padding-top: 13px;
    padding-bottom: 13px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link {
    pointer-events: none
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header.mega-not-show {
    display: none
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a.megamenu-has-icon {
    padding-left: 26px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon {
    padding-left: 56px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before {
    position: absolute;
    left: 0;
    display: inline-block;
    font-weight: 400;
    font-family: 'FontAwesome';
    content: attr(data-icon);
    font-size: 14px;
    vertical-align: baseline
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon:before {
    left: 30px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li .mega-label {
    display: inline;
    font-size: 65%;
    line-height: 1;
    text-transform: uppercase;
    padding: 0 4px;
    margin: 0 0 0 10px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, #thegem-perspective .perspective-navigation .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a {
    padding-left: 55px
}

.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li > a {
    padding-left: 52px
}

.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a {
    padding-left: 52px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul li > a {
    position: relative;
    padding: 8px 12px 8px 47px;
    vertical-align: middle;
    margin-left: -20px;
    border-left: 0 none
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li > a:before {
    display: inline-block;
    font-weight: 400;
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 14px;
    vertical-align: baseline;
    width: 25px;
    text-align: left;
    margin-left: -13px;
    padding-left: 4px;
    position: absolute;
    left: 34px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul > li > a:before {
    margin: 0;
    left: 27px
}

.header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .header-layout-fullwidth_hamburger.logo-position-right .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .header-style-2 .thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before, .thegem-te-menu.menu--light-submenu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before {
    left: 27px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul > li.megamenu-has-icon > a:before {
    content: attr(data-icon);
    padding: 0
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul > li > a:before {
    margin-right: 0;
    font-size: 14px
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable.megamenu-style-default > ul > li > ul > li.megamenu-has-icon > a:before {
    font-family: 'FontAwesome';
    content: attr(data-icon)
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable > ul > li > ul {
    position: static !important;
    transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important
}

.thegem-te-menu nav:not(.mobile-view) .nav-menu > li.menu-item.megamenu-enable:hover > ul > li > ul {
    visibility: visible;
    opacity: 1
}

.thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a i, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a i, .thegem-te-menu .nav-menu.submenu-icon > li:not(.menu-item-has-children):not(.menu-item-type-socials-widget) > a svg, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) li a svg {
    display: none
}

@media screen and (max-width:979px) {
    .thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a i, .thegem-te-menu .nav-menu.submenu-icon li:not(.menu-item-type-socials-widget) a svg {
        display: none !important
    }
}

.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i, .thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg {
    display: inline-block;
    font-style: normal;
    font-size: var(--thegem-to-body-tiny-font-size);
    line-height: 1;
    font-weight: 400;
    vertical-align: middle
}

.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a svg {
    max-width: var(--thegem-to-body-tiny-font-size);
    max-height: var(--thegem-to-body-tiny-font-size)
}

.thegem-te-menu .nav-menu.submenu-icon > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a i.default:before {
    content: '\e602';
    font-family: 'thegem-icons'
}

.thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul, .thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li ul li {
    border: none !important
}

.thegem-te-menu nav.desktop-view .nav-menu.submenu-hide-border > li.megamenu-enable.megamenu-style-grid ul li {
    margin: 0 !important
}

#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li > a {
    color: var(--header-builder-light-color,#fff)
}

#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li:hover > a {
    color: var(--header-builder-light-color-hover,var(--thegem-to-menu-level1-color-hover))
}

#site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-active > a:hover, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a, #site-header.header-light .thegem-te-menu__default.desktop-view ul.nav-menu > li.menu-item-current > a:hover {
    color: var(--header-builder-light-color,#fff)
}

#site-header.header-light .thegem-te-menu .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-1, #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-2, #site-header.header-light .thegem-te-menu .menu-toggle .menu-line-3, #site-header.header-light .thegem-te-menu__hamburger.desktop-view .menu-toggle .menu-line-3, #site-header.header-light .thegem-te-menu__overlay.desktop-view .menu-toggle .menu-line-3 {
    background: var(--header-builder-light-color)
}

.thegem-te-menu nav.different-source-mobile.desktop-view ul.nav-menu.mobile-menu-source, .thegem-te-menu nav.different-source-mobile.mobile-view ul.nav-menu:not(.mobile-menu-source) {
    display: none
}

.thegem-te-menu nav.desktop-view ul.nav-menu > li > a:after, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before {
    display: block;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1)
}

.thegem-te-menu nav.desktop-view ul.nav-menu > li > a:before {
    z-index: -1
}

.thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after, .thegem-te-menu nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
    opacity: 0
}

.style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a, .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-framed.style-hover-type-frame-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-framed.style-active-type-frame-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    border-radius: 20px
}

.style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    background: 0 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--thegem-to-menu-level1-active-bg-color,#3c3950)
}

#site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, #site-header.header-light .style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, #site-header.header-light .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    border-color: var(--header-builder-light-color,#fff)
}

.style-hover-framed nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
    content: ''
}

.style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
    transform: scale(.75)
}

.style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
    transform: scale(1.25)
}

.style-hover-framed.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before {
    transition: opacity .2s,transform .4s
}

.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
    width: 2px;
    height: 2px
}

.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before {
    border-width: 0 0 2px 2px;
    transition: width .1s .2s,height .1s .3s,opacity .12s .22s
}

.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
    content: '';
    top: initial;
    bottom: 0;
    left: initial;
    right: 0;
    border-width: 2px 2px 0 0;
    transition: width .1s,height .1s .1s,opacity .02s .18s
}

.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
    width: 100% !important;
    height: 100% !important
}

.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before {
    transition: opacity .02s,height .1s,width .1s .1s
}

.style-hover-framed.style-hover-animation-draw nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
    transition: opacity .02s .2s,height .1s .2s,width .1s .3s
}

.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
    width: 2px;
    height: 2px
}

.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before {
    border-width: 2px 0 0 2px
}

.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
    content: '';
    top: initial;
    bottom: 0;
    left: initial;
    right: 0;
    border-width: 0 2px 2px 0
}

.style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-framed.style-hover-animation-corners nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
    width: 100% !important;
    height: 100% !important;
    transition: opacity .002s,width .4s,height .4s
}

.style-hover-framed.style-hover-animation-none, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
    transition-duration: 0s
}

    .style-hover-framed.style-hover-animation-none:before, .style-hover-framed.style-hover-animation-none:after, .style-hover-framed.style-hover-animation-none:hover, .style-hover-framed.style-hover-animation-none:focus, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-framed.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a {
        transition-duration: 0s
    }

.style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
    content: '';
    top: 0
}

.style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    content: '';
    bottom: 0
}

.style-hover-lined.style-hover-type-line-underline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-type-line-underline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-type-line-overline-1 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-lined.style-hover-type-line-overline-2 nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-underline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-active-lined.style-active-type-line-underline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-active-lined.style-active-type-line-overline-1 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after, .style-active-lined.style-active-type-line-overline-2 nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    content: none
}

.style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-lined nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    height: 2px;
    width: 100%;
    left: 0;
    background-color: var(--thegem-to-menu-level1-color-hover,#00bcd4);
    z-index: 2
}

.style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    background-color: var(--thegem-to-menu-level1-active-bg-color,#3c3950)
}

#site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, #site-header.header-light .style-hover-lined.style-hover-type-line-top-bottom nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, #site-header.header-light .style-active-lined.style-active-type-line-top-bottom nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    background-color: var(--header-builder-light-color,#fff)
}

.style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    height: 0;
    width: 0;
    left: 50%
}

.style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
    top: 10px
}

.style-hover-lined.style-hover-animation-drop-out nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    bottom: 10px
}

.style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before {
    top: -10px
}

.style-hover-lined.style-hover-animation-drop-in nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    bottom: -10px
}

.style-hover-lined.style-hover-animation-none, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
    transition-duration: 0s
}

    .style-hover-lined.style-hover-animation-none:before, .style-hover-lined.style-hover-animation-none:after, .style-hover-lined.style-hover-animation-none:hover, .style-hover-lined.style-hover-animation-none:focus, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:hover, .style-hover-lined.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:focus {
        transition-duration: 0s
    }

.style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-slide-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    width: 10px;
    left: -20px
}

.style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-lined.style-hover-animation-slide-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    width: 10px;
    left: calc(100% + 20px)
}

.style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before, .style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    content: '';
    transition: .3s
}

.style-hover-background nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--thegem-to-menu-level1-hover-bg-color,#f4f6f7);
    z-index: -1
}

.style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a:after, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a:after {
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thegem-to-menu-level2-border-color,#dfe5e8);
    z-index: 2
}

.style-hover-background.style-hover-type-background-underline nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-underline nav.desktop-view ul.nav-menu > li.menu-item-current > a {
    color: var(--thegem-to-menu-level1-color-hover,#00bcd4)
}

.style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a {
    color: #fff
}

    .style-hover-background.style-hover-type-background-rounded nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-active > a:before, .style-active-background.style-active-type-background-rounded nav.desktop-view ul.nav-menu > li.menu-item-current > a:before {
        background-color: var(--thegem-to-menu-level1-color-hover,#00bcd4);
        border-radius: 20px
    }

.style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
    transform: scale(.5)
}

.style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-background.style-hover-animation-grow nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
    transform: scale(1);
    opacity: 1
}

.style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    transform: scale(1.2);
    transition: .3s
}

.style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:before, .style-hover-background.style-hover-animation-shrink nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a:after {
    transition: opacity .15s,transform .4s
}

.style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-left nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    left: 100%
}

.style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-right nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    right: 100%
}

.style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-up nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    top: 100%
}

.style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-sweep-down nav.desktop-view ul.nav-menu > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current) > a:after {
    bottom: 100%
}

.style-hover-background.style-hover-animation-none, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a {
    transition-duration: 0s
}

    .style-hover-background.style-hover-animation-none:before, .style-hover-background.style-hover-animation-none:after, .style-hover-background.style-hover-animation-none:hover, .style-hover-background.style-hover-animation-none:focus, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:before, .style-hover-background.style-hover-animation-none nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current) > a:after {
        transition-duration: 0s
    }

.style-hover-text nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a {
    color: var(--thegem-to-menu-level1-color-hover,#00bcd4)
}

.style-active-text nav.desktop-view ul.nav-menu > li.menu-item-active > a, .style-active-text nav.desktop-view ul.nav-menu > li.menu-item-current > a {
    color: var(--thegem-to-menu-level1-active-color,#3c3950)
}

.thegem-te-menu nav.mobile-view .megamenu-template {
    display: none
}

.thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable .sub-menu {
    display: none !important
}

.thegem-te-menu ul.nav-menu .megamenu-template {
    background-color: var(--thegem-to-main-bg-color,#fff);
    font-size: initial
}

    .thegem-te-menu ul.nav-menu .megamenu-template .container {
        max-width: 100%
    }

    .thegem-te-menu ul.nav-menu .megamenu-template .wpb_row {
        margin-bottom: 0
    }

    .thegem-te-menu ul.nav-menu .megamenu-template .vc_row {
        margin-left: -21px;
        margin-right: -21px
    }

    .thegem-te-menu ul.nav-menu .megamenu-template.template-width-custom .container {
        width: 100%
    }

    .thegem-te-menu ul.nav-menu .megamenu-template > .container > p:empty {
        display: none
    }

.thegem-te-menu nav.desktop-view ul.nav-menu > li.megamenu-template-enable:not(:hover) .megamenu-template * {
    transition: none !important
}

.thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny {
    margin-top: 0;
    margin-bottom: 0
}

    .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3 ~ span {
        font-family: var(--thegem-to-h3-font-family);
        font-style: var(--thegem-to-h3-font-style);
        font-weight: var(--thegem-to-h3-font-weight);
        text-transform: var(--thegem-to-h3-text-transform);
        font-size: var(--thegem-to-h3-font-size);
        line-height: var(--thegem-to-h3-line-height);
        letter-spacing: var(--thegem-to-h3-letter-spacing)
    }

        .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h3.light ~ span {
            font-family: var(--thegem-to-light-title-font-family);
            font-style: normal;
            font-weight: 400
        }

    .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4 ~ span {
        font-family: var(--thegem-to-h4-font-family);
        font-style: var(--thegem-to-h4-font-style);
        font-weight: var(--thegem-to-h4-font-weight);
        text-transform: var(--thegem-to-h4-text-transform);
        font-size: var(--thegem-to-h4-font-size);
        line-height: var(--thegem-to-h4-line-height);
        letter-spacing: var(--thegem-to-h4-letter-spacing)
    }

        .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h4.light ~ span {
            font-family: var(--thegem-to-light-title-font-family);
            font-style: normal;
            font-weight: 400
        }

    .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5 ~ span {
        font-family: var(--thegem-to-h5-font-family);
        font-style: var(--thegem-to-h5-font-style);
        font-weight: var(--thegem-to-h5-font-weight);
        text-transform: var(--thegem-to-h5-text-transform);
        font-size: var(--thegem-to-h5-font-size);
        line-height: var(--thegem-to-h5-line-height);
        letter-spacing: var(--thegem-to-h5-letter-spacing)
    }

        .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h5.light ~ span {
            font-family: var(--thegem-to-light-title-font-family);
            font-style: normal;
            font-weight: 400
        }

    .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6 ~ span {
        font-family: var(--thegem-to-h6-font-family);
        font-style: var(--thegem-to-h6-font-style);
        font-weight: var(--thegem-to-h6-font-weight);
        text-transform: var(--thegem-to-h6-text-transform);
        font-size: var(--thegem-to-h6-font-size);
        line-height: var(--thegem-to-h6-line-height);
        letter-spacing: var(--thegem-to-h6-letter-spacing)
    }

        .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-h6.light ~ span {
            font-family: var(--thegem-to-light-title-font-family);
            font-style: normal;
            font-weight: 400
        }

    .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle ~ span {
        font-family: var(--thegem-to-styled-subtitle-font-family);
        font-style: var(--thegem-to-styled-subtitle-font-style);
        font-weight: var(--thegem-to-styled-subtitle-font-weight);
        text-transform: var(--thegem-to-styled-subtitle-text-transform);
        font-size: var(--thegem-to-styled-subtitle-font-size);
        line-height: var(--thegem-to-styled-subtitle-line-height);
        letter-spacing: var(--thegem-to-styled-subtitle-letter-spacing)
    }

        .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.styled-subtitle.light ~ span {
            font-family: var(--thegem-to-light-title-font-family);
            font-style: normal;
            font-weight: 400
        }

    .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body ~ span {
        font-family: var(--thegem-to-body-font-family);
        font-style: var(--thegem-to-body-font-style);
        font-weight: var(--thegem-to-body-font-weight);
        text-transform: var(--thegem-to-body-text-transform);
        font-size: var(--thegem-to-body-font-size);
        line-height: var(--thegem-to-body-line-height);
        letter-spacing: var(--thegem-to-body-letter-spacing)
    }

        .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body.light ~ span {
            font-family: var(--thegem-to-light-title-font-family);
            font-style: normal;
            font-weight: 400
        }

    .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny ~ span {
        font-family: var(--thegem-to-body-tiny-font-family);
        font-style: var(--thegem-to-body-tiny-font-style);
        font-weight: var(--thegem-to-body-tiny-font-weight);
        text-transform: var(--thegem-to-body-tiny-text-transform);
        font-size: var(--thegem-to-body-tiny-font-size);
        line-height: var(--thegem-to-body-tiny-line-height);
        letter-spacing: var(--thegem-to-body-tiny-letter-spacing)
    }

        .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light, .thegem-te-menu nav.desktop-view ul.nav-menu > li > a.title-text-body-tiny.light ~ span {
            font-family: var(--thegem-to-light-title-font-family);
            font-style: normal;
            font-weight: 400
        }

.thegem-te-menu-mobile__overlay.mobile-view .hamburger-toggle, .thegem-te-menu-mobile__overlay.mobile-view .hamburger-menu-back, .thegem-te-menu__overlay.desktop-view .mobile-menu-slide-close, .thegem-te-menu__overlay.desktop-view .dl-trigger, .thegem-te-menu-mobile__overlay.mobile-view .dl-trigger {
    display: none
}

.thegem-te-menu__overlay.desktop-view ul.nav-menu li.dl-back, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu li.dl-back, .thegem-te-menu__overlay.desktop-view ul.nav-menu li.dl-parent, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu li.dl-parent {
    display: none
}

.thegem-te-menu__overlay.desktop-view .overlay-menu-wrapper, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-wrapper {
    position: fixed;
    visibility: hidden;
    left: 0;
    top: 60px;
    bottom: auto;
    width: 100%;
    height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2
}

@media (max-width:767px) {
    .thegem-te-menu-mobile__overlay .overlay-menu-wrapper {
        position: fixed;
        visibility: hidden;
        left: 0;
        top: 60px;
        bottom: auto;
        width: 100%;
        height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 2
    }
}

.thegem-te-menu__overlay.desktop-view .overlay-menu-wrapper::-webkit-scrollbar, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-wrapper::-webkit-scrollbar {
    width: 2px
}

.thegem-te-menu__overlay.desktop-view .overlay-menu-wrapper.active, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-wrapper.active {
    visibility: visible;
    height: auto;
    bottom: 0
}

.thegem-te-menu__overlay.desktop-view .overlay-menu-table, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-table {
    display: table;
    width: 100%;
    height: 100%
}

.thegem-te-menu__overlay.desktop-view .overlay-menu-row, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-row {
    display: table-row
}

.thegem-te-menu__overlay.desktop-view .overlay-menu-cell, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-cell {
    display: table-cell;
    vertical-align: middle
}

.thegem-te-menu__overlay.desktop-view .nav-menu, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu {
    position: relative;
    padding: 20px;
    text-align: center;
    width: 100%;
    left: inherit !important;
    max-height: none !important;
    opacity: .4;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translateY(-10%) rotateX(35deg);
    transform: translateY(-10%) rotateX(35deg);
    -webkit-transition: -webkit-transform .5s,opacity .5s;
    transition: transform .5s,opacity .5s;
    margin: 0;
    display: block;
    visibility: hidden
}

.thegem-te-menu-mobile__overlay.mobile-view .nav-menu {
    background: 0 0
}

.thegem-te-menu__overlay.desktop-view.overlay-active .nav-menu, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active .nav-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.thegem-te-menu__overlay.desktop-view.overlay-active.close .nav-menu, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active.close .nav-menu {
    opacity: 0;
    -webkit-transform: translateY(10%) rotateX(0);
    transform: translateY(10%) rotateX(0)
}

.thegem-te-menu__overlay.desktop-view .nav-menu > li, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li {
    display: block;
    padding: 0
}

    .thegem-te-menu__overlay.desktop-view .nav-menu > li > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li > a {
        padding: 0 !important
    }

    .thegem-te-menu__overlay.desktop-view .nav-menu > li > a {
        background-color: transparent !important;
        border: 0 none !important
    }

    .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-current, .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-active, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-item-current, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-item-active {
        padding: 0
    }

        .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-current > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-active > a {
            padding-top: 0;
            padding-bottom: 0;
            border-bottom: 0
        }

    .thegem-te-menu__overlay.desktop-view .nav-menu > li > ul, .thegem-te-menu__overlay.desktop-view .nav-menu > li > ul ul, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li > ul, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li > ul ul {
        position: relative;
        width: auto;
        top: auto;
        bottom: auto;
        left: auto !important;
        max-height: none !important;
        right: auto;
        margin: 0;
        -webkit-transform: none;
        transform: none;
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .5s;
        transition: all .5s;
        box-sizing: border-box;
        text-transform: uppercase;
        overflow: hidden
    }

.thegem-te-menu__overlay.desktop-view:not(.overlay-active) .nav-menu ul, .thegem-te-menu-mobile__overlay.mobile-view:not(.overlay-active) .nav-menu ul {
    display: none
}

.thegem-te-menu__overlay.desktop-view .nav-menu li.menu-overlay-item-open > ul, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.menu-overlay-item-open > ul {
    opacity: 1;
    height: auto;
    visibility: visible;
    margin-top: 40px
}

.thegem-te-menu__overlay.desktop-view .nav-menu li.menu-overlay-item-open:not(:last-child) > ul, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.menu-overlay-item-open:not(:last-child) > ul {
    margin-bottom: 40px
}

.thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li > a {
    padding: 0
}

.thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) ul, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) ul, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li {
    border: 0 none
}

    .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li > a {
        background-color: transparent;
        border: 0 none
    }

.thegem-te-menu__overlay.desktop-view .nav-menu li li.menu-item-current > a, .thegem-te-menu__overlay.desktop-view .nav-menu li li.menu-item-active > a, .thegem-te-menu__overlay.desktop-view .nav-menu li li:hover > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li li.menu-item-current > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li li.menu-item-active > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li li:hover > a {
    border: 0 none
}

.thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li > a:after, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li > a:after {
    display: none
}

.thegem-te-menu__overlay.desktop-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle {
    display: inline-block;
    vertical-align: top;
    position: relative
}

    .thegem-te-menu__overlay.desktop-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle:before, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.menu-item-has-children > .menu-item-parent-toggle:before {
        content: '\e635';
        display: inline-block;
        font-family: 'thegem-icons';
        font-style: normal;
        cursor: pointer;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 49%;
        position: absolute;
        left: 5px;
        top: 0
    }

.thegem-te-menu__overlay.desktop-view .nav-menu li.menu-overlay-item-open > .menu-item-parent-toggle:before, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.menu-overlay-item-open > .menu-item-parent-toggle:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.thegem-te-menu__overlay.desktop-view .nav-menu > li > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li > .menu-item-parent-toggle, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li > .menu-item-parent-toggle, .thegem-te-menu__overlay.desktop-view .nav-menu li.megamenu-first-element a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.megamenu-first-element a {
    font-family: var(--thegem-to-overlay-menu-font-family,'Montserrat');
    font-style: var(--thegem-to-overlay-menu-font-style,normal);
    font-weight: var(--thegem-to-overlay-menu-font-weight,700);
    font-size: var(--thegem-to-overlay-menu-font-size,32px);
    line-height: var(--thegem-to-overlay-menu-line-height,64px);
    letter-spacing: var(--thegem-to-overlay-menu-letter-spacing,0);
    text-transform: var(--thegem-to-overlay-menu-text-transform,uppercase);
    text-decoration: none;
    color: var(--thegem-to-overlay-menu-color,#fff)
}

.thegem-te-menu__overlay.desktop-view .nav-menu li.megamenu-first-element ul, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.megamenu-first-element ul {
    background: 0 0 !important;
    padding: 0 !important
}

.thegem-te-menu__overlay.desktop-view .nav-menu li.megamenu-first-element li, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu li.megamenu-first-element li {
    width: auto !important
}

.thegem-te-menu__overlay.desktop-view .nav-menu > li a:hover, .thegem-te-menu__overlay.desktop-view .nav-menu > li .menu-item-parent-toggle:hover {
    color: var(--thegem-to-overlay-menu-hover-color,#00bcd4)
}

.thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-current > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-active > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-overlay-item-open > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-current > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-active > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li.menu-overlay-item-open > a, .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu__overlay.desktop-view .nav-menu > li.menu-overlay-item-open > .menu-item-parent-toggle, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu__overlay.desktop-view .nav-menu > li:not(.menu-item-type-template) li.menu-overlay-item-open > .menu-item-parent-toggle {
    color: var(--thegem-to-overlay-menu-active-color,#00bcd4)
}

.thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-item-current > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-item-active > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-overlay-item-open > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-current > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-active > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li.menu-overlay-item-open > a, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li.menu-overlay-item-open > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-current > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li.menu-item-active > .menu-item-parent-toggle, .thegem-te-menu-mobile__overlay.mobile-view .nav-menu > li:not(.menu-item-type-template) li.menu-overlay-item-open > .menu-item-parent-toggle {
    color: var(--thegem-to-mobile-menu-level1-active-color,#00bcd4)
}

.thegem-te-menu__overlay.desktop-view .overlay-menu-back, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--thegem-to-overlay-menu-bg-color,#212331);
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0
}

@media (max-width:767px) {
    .thegem-te-menu-mobile__overlay .overlay-menu-back {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--thegem-to-overlay-menu-bg-color,#212331);
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        visibility: hidden;
        opacity: 0
    }
}

.thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-back {
    background-color: var(--thegem-to-mobile-menu-bg-color)
}

    .thegem-te-menu__overlay.desktop-view .overlay-menu-back.active, .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-back.active {
        visibility: visible;
        opacity: .96;
        pointer-events: none
    }

.thegem-te-menu__overlay.desktop-view .overlay-toggle-close, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close {
    position: fixed;
    right: 0;
    top: 0;
    width: 36px;
    height: 30px;
    padding: 0;
    margin: 35px;
    -o-transition: width .3s,height .2s;
    -webkit-transition: width .3s,height .2s;
    transition: width .3s,height .2s;
    z-index: 2;
    background: 0 0;
    border: none;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    pointer-events: auto;
    font-size: 0
}

    .thegem-te-menu__overlay.desktop-view .overlay-toggle-close .menu-line-1, .thegem-te-menu__overlay.desktop-view .overlay-toggle-close .menu-line-2, .thegem-te-menu__overlay.desktop-view .overlay-toggle-close .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-3 {
        position: absolute;
        height: 4px;
        width: 100%;
        left: 0;
        background-color: var(--thegem-to-overlay-menu-color,#fff);
        -o-transition: all .5s,top .3s,height .3s;
        -webkit-transition: all .5s,top .3s,height .3s;
        transition: all .5s,top .3s,height .3s
    }

    .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-3 {
        background-color: var(--thegem-to-mobile-menu-level1-color,#fff)
    }

    .thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-1, .thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-2, .thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-3 {
        height: 2px;
        width: 18px;
        left: 9px
    }

    .thegem-te-menu__overlay.desktop-view .overlay-toggle-close .menu-line-1, .thegem-te-menu__overlay.desktop-view.overlay-active.close .overlay-toggle-close .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active.close .overlay-toggle-close .menu-line-1 {
        top: 3px;
        transform: rotate(0)
    }

    .thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-1, .thegem-te-menu__overlay.desktop-view.overlay-active.close .overlay-toggle-close.small .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active.close .overlay-toggle-close .menu-line-1 {
        top: 8px
    }

.thegem-te-menu__overlay.desktop-view.overlay-active .overlay-toggle-close .menu-line-1, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active .overlay-toggle-close .menu-line-1 {
    transform: rotate(45deg);
    top: 13px
}

.thegem-te-menu__overlay.desktop-view .overlay-toggle-close .menu-line-2, .thegem-te-menu__overlay.desktop-view.overlay-active.close .overlay-toggle-close .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active.close .overlay-toggle-close .menu-line-2 {
    top: 13px;
    opacity: 1
}

.thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-2 {
    top: 13px
}

.thegem-te-menu__overlay.desktop-view.overlay-active .overlay-toggle-close .menu-line-2, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active .overlay-toggle-close .menu-line-2 {
    opacity: 0
}

.thegem-te-menu__overlay.desktop-view .overlay-toggle-close .menu-line-3, .thegem-te-menu__overlay.desktop-view.overlay-active.close .overlay-toggle-close .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active.close .overlay-toggle-close .menu-line-3 {
    top: 23px;
    transform: rotate(0)
}

.thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-3, .thegem-te-menu__overlay.desktop-view.overlay-active.close .overlay-toggle-close.small .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active.close .overlay-toggle-close .menu-line-3 {
    top: 18px
}

.thegem-te-menu__overlay.desktop-view.overlay-active .overlay-toggle-close .menu-line-3, .thegem-te-menu-mobile__overlay.mobile-view.overlay-active .overlay-toggle-close .menu-line-3 {
    top: 13px;
    transform: rotate(-45deg)
}

@media (-webkit-device-pixel-ratio:1.25) {
    .thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-1, .thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-2, .thegem-te-menu__overlay.desktop-view .overlay-toggle-close.small .menu-line-3 {
        height: 1.6px
    }
}

body.admin-bar .thegem-te-menu__overlay.desktop-view .overlay-menu-wrapper, body.admin-bar .thegem-te-menu-mobile__overlay.mobile-view .overlay-menu-wrapper {
    top: 90px
}

body.admin-bar .thegem-te-menu__overlay.desktop-view .overlay-toggle-close, body.admin-bar .thegem-te-menu-mobile__overlay.mobile-view .overlay-toggle-close {
    top: 20px
}

.thegem-te-menu__overlay.desktop-view.show-desktop-search li.menu-item-type-search-widget, .thegem-te-menu-mobile__overlay.mobile-view.show-mobile-search li.menu-item-type-search-widget {
    display: inline-block !important;
    position: static;
    width: 70px;
    margin-top: 40px;
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-in,visibility 0s linear 0s,color .3s ease
}

.thegem-te-menu__overlay.desktop-view li.menu-item-type-search-widget a, .thegem-te-menu-mobile__overlay.mobile-view li.menu-item-type-search-widget a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%
}

    .thegem-te-menu__overlay.desktop-view li.menu-item-type-search-widget a:before, .thegem-te-menu-mobile__overlay.mobile-view li.menu-item-type-search-widget a:before {
        content: "\e612";
        font-family: "thegem-icons";
        font-style: normal;
        font-weight: 400 !important;
        text-align: center;
        font-size: 40px;
        padding: 0 3px 0 7px
    }

.thegem-te-menu__overlay.desktop-view ul.nav-menu > li, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease-in,visibility 0s linear 0s
}

.thegem-te-menu__overlay.desktop-view ul.nav-menu.overlay-search-form-show > li, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu.overlay-search-form-show > li {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease-out,visibility 0s linear .3s
}

    .thegem-te-menu__overlay.desktop-view ul.nav-menu.overlay-search-form-show > li li, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu.overlay-search-form-show > li li {
        visibility: hidden;
        transition: visibility 0s linear 0s
    }

    .thegem-te-menu__overlay.desktop-view ul.nav-menu.overlay-search-form-show > li.menu-item-type-search-widget, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu.overlay-search-form-show > li.menu-item-type-search-widget {
        visibility: visible;
        opacity: 1
    }

        .thegem-te-menu__overlay.desktop-view ul.nav-menu.overlay-search-form-show > li.menu-item-type-search-widget > a, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu.overlay-search-form-show > li.menu-item-type-search-widget > a {
            visibility: hidden;
            opacity: 0;
            transition: opacity .3s ease-out,visibility 0s linear .3s
        }

.thegem-te-menu__overlay.desktop-view li.menu-item-type-search-widget .minisearch, .thegem-te-menu-mobile__overlay.mobile-view li.menu-item-type-search-widget .minisearch {
    position: absolute;
    width: 100%;
    left: 50%;
    padding: 40px;
    background: 0 0;
    transform: translateX(-50%) translateY(-50%);
    border: 0 none;
    transition: opacity .3s ease-out,visibility 0s linear .3s;
    opacity: 0;
    visibility: hidden
}

.thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch {
    top: auto;
    bottom: -20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s .7s,visibility .7s,bottom .5s .3s
}

    .thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch form, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch form {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input {
        width: 50px;
        height: 50px;
        border: 3px solid;
        background: 0 0;
        border-radius: 25px;
        font-size: 0;
        font-family: var(--thegem-to-overlay-menu-font-family);
        font-style: var(--thegem-to-overlay-menu-font-style);
        font-weight: var(--thegem-to-overlay-menu-font-weight);
        letter-spacing: var(--thegem-to-overlay-menu-letter-spacing);
        text-transform: var(--thegem-to-overlay-menu-text-transform);
        text-decoration: none;
        color: var(--thegem-to-overlay-menu-color);
        border-color: var(--thegem-to-overlay-menu-color);
        transition: width .5s,font-size .5s,padding .3s
    }

    .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input {
        color: var(--thegem-to-mobile-menu-level1-color);
        border-color: var(--thegem-to-mobile-menu-level1-color)
    }

    .thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input::placeholder {
        color: var(--thegem-to-overlay-menu-color)
    }

    .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-input::placeholder {
        color: var(--thegem-to-mobile-menu-level1-color)
    }

    .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before {
        color: var(--thegem-to-mobile-menu-level1-color)
    }

    .thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit, .thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon {
        position: absolute;
        top: 0;
        right: 20px;
        width: 40px;
        height: 40px;
        margin: 0;
        border: 0;
        cursor: pointer;
        background-color: transparent
    }

    .thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon {
        top: 4px;
        right: 4px;
        height: 44px
    }

        .thegem-te-menu__overlay.desktop-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before {
            content: "\e612";
            display: block;
            font-family: "thegem-icons";
            font-style: normal;
            font-weight: 400;
            line-height: 40px;
            font-size: 40px;
            margin-right: 5px;
            padding-right: 3px;
            text-align: center;
            vertical-align: top;
            width: 100%;
            height: 40px;
            color: var(--thegem-to-overlay-menu-color);
            border-color: var(--thegem-to-overlay-menu-color)
        }

        .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu > li.menu-item-type-search-widget > .minisearch .sf-submit-icon:before {
            color: var(--thegem-to-mobile-menu-level1-color);
            border-color: var(--thegem-to-mobile-menu-level1-color)
        }

.thegem-te-menu__overlay.desktop-view ul.nav-menu.overlay-search-form-show.animated-minisearch > li.menu-item-type-search-widget > .minisearch, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu.overlay-search-form-show.animated-minisearch > li.menu-item-type-search-widget > .minisearch {
    visibility: visible;
    opacity: 1;
    bottom: 200px;
    transition: opacity .5s,visibility .5s,bottom .3s .2s
}

    .thegem-te-menu__overlay.desktop-view ul.nav-menu.overlay-search-form-show.animated-minisearch > li.menu-item-type-search-widget > .minisearch .sf-input, .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu.overlay-search-form-show.animated-minisearch > li.menu-item-type-search-widget > .minisearch .sf-input {
        padding: 0 50px 0 25px;
        width: 400px;
        font-size: var(--thegem-to-h5-font-size);
        line-height: var(--thegem-to-h5-line-height);
        transition: width .5s .5s,padding .3s .5s,font-size .5s .4s
    }

    .thegem-te-menu-mobile__overlay.mobile-view ul.nav-menu.overlay-search-form-show.animated-minisearch > li.menu-item-type-search-widget > .minisearch .sf-input {
        width: calc(100vw - 50px)
    }

.thegem-te-menu__overlay.desktop-view ul.nav-menu.hamburger-with-template {
    padding: 0;
    overflow-y: auto
}

    .thegem-te-menu__overlay.desktop-view ul.nav-menu.hamburger-with-template > li {
        display: none
    }

        .thegem-te-menu__overlay.desktop-view ul.nav-menu.hamburger-with-template > li.menu-item-type-template {
            display: block !important;
            padding: 0 21px;
            text-align: left
        }
/*! elementor - v3.18.0 - 20-12-2023 */
.elementor-bc-flex-widget .elementor-section-content-top > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
    align-items: flex-start
}

.elementor-bc-flex-widget .elementor-section-content-middle > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
    align-items: center
}

.elementor-bc-flex-widget .elementor-section-content-bottom > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
    align-items: flex-end
}

.elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 5px
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 10px
}

.elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 15px
}

.elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 20px
}

.elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
    padding: 30px
}

@media (min-width:-1) {
    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-widescreen > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }
}

@media (min-width:1025px) and (max-width:-1) {
    .elementor-reverse-laptop > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }
}

@media (min-width:-1) and (max-width:-1) {
    .elementor-reverse-laptop > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }
}

@media (min-width:1025px) and (max-width:-1) {
    .elementor-reverse-laptop > .elementor-container > .elementor-row > :first-child, .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(2), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(3), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(4), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(5), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(6), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(7), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(8), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(9), .elementor-reverse-laptop > .elementor-container > .elementor-row > :nth-child(10) {
        order: 0
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-tablet_extra > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .elementor-reverse-tablet > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }
}

@media (min-width:-1) and (max-width:1024px) {
    .elementor-reverse-tablet > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }
}

@media (min-width:768px) and (max-width:-1) {
    .elementor-reverse-tablet > .elementor-container > .elementor-row > :first-child, .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(2), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(3), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(4), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(5), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(6), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(7), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(8), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(9), .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(10) {
        order: 0
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-mobile_extra > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }
}

@media (max-width:767px) {
    .elementor-reverse-mobile > .elementor-container > .elementor-row > :first-child {
        order: 10
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(2) {
        order: 9
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(3) {
        order: 8
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(4) {
        order: 7
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(5) {
        order: 6
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(6) {
        order: 5
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(7) {
        order: 4
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(8) {
        order: 3
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(9) {
        order: 2
    }

    .elementor-reverse-mobile > .elementor-container > .elementor-row > :nth-child(10) {
        order: 1
    }

    .elementor-column {
        width: 100%
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: none
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
    content: '\e60f';
    font-family: 'thegem-icons';
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    font-size: 63px;
    height: 63px;
    line-height: 63px;
    width: 63px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: top .3s,opacity .3s;
    transition: top .3s,opacity .3s
}

.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
    top: 50%;
    opacity: 1;
    -webkit-transition: top .4s ease .1s,opacity .5s .1s;
    transition: top .4s ease .1s,opacity .5s .1s
}

.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
    width: 100%;
    padding: 0 25%;
    text-align: center;
    position: absolute;
    top: -50%;
    left: 0;
    margin-top: -15px;
    z-index: 5;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transition: top .3s,opacity .3s;
    transition: top .3s,opacity .3s
}

.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
    top: 25%;
    opacity: 1;
    -webkit-transition: top .3s .2s,opacity .5s .25s;
    transition: top .3s .2s,opacity .5s .25s
}

.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
    width: 100%;
    padding: 0 25%;
    text-align: center;
    position: absolute;
    top: 20%;
    left: 0;
    margin-top: -12px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: top .5s,opacity .4s;
    transition: top .5s,opacity .4s
}

.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
    top: 75%;
    opacity: 1;
    -webkit-transition: top .3s,opacity .3s;
    transition: top .3s,opacity .3s
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
    content: '\e629';
    font-family: 'thegem-icons';
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    position: absolute;
    top: 125%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 5;
    opacity: 0;
    border-radius: 70px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .5s .05s,-webkit-transform 0s .55s,top .5s .05s;
    transition: opacity .5s .05s,transform 0s .55s,top .5s .05s
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
    top: 50%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: top 0s .05s,-webkit-transform .5s .05s;
    transition: top 0s .05s,transform .5s .05s
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
    width: 100%;
    padding: 0 25%;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -15px;
    z-index: 5;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .5s .1s,-webkit-transform 0s .6s,top .5s .1s;
    transition: opacity .5s .1s,transform 0s .6s,top .5s .1s
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
    top: 25%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: top 0s,-webkit-transform .5s;
    transition: top 0s,transform .5s
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
    width: 100%;
    padding: 0 25%;
    text-align: center;
    position: absolute;
    top: 150%;
    left: 0;
    margin-top: -12px;
    z-index: 5;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .5s,-webkit-transform 0s .5s,top .5s;
    transition: opacity .5s,transform 0s .5s,top .5s
}

.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
    top: 75%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: top 0s .1s,-webkit-transform .5s .1s;
    transition: top 0s .1s,transform .5s .1s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a .gem-gallery-caption:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: 0 0 !important;
    -webkit-transition: opacity .5s .2s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before {
    opacity: 0;
    background: -moz-linear-gradient(left,rgba(255,43,88,.8) 0%,rgba(255,216,0,.8) 100%) !important;
    background: -webkit-linear-gradient(left,rgba(255,43,88,.8) 0%,rgba(255,216,0,.8) 100%) !important;
    background: linear-gradient(to right,rgba(255,43,88,.8) 0%,rgba(255,216,0,.8) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccff2b58',endColorstr='#ccffd800',GradientType=1) !important;
    transition: opacity .5s .2s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
    content: '\e629';
    font-family: 'thegem-icons';
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    text-align: center;
    position: absolute;
    top: 80%;
    left: 66px;
    z-index: 5;
    opacity: 0;
    border-radius: 70px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .5s .05s,-webkit-transform 0s .55s,top .5s .05s;
    transition: opacity .5s .05s,transform 0s .55s,top .5s .05s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
    top: 63px;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: top 0s .05s,-webkit-transform .5s .05s;
    transition: top 0s .05s,transform .5s .05s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
    max-width: 100%;
    padding: 25px 67px;
    text-align: left;
    position: absolute;
    top: auto;
    bottom: -100%;
    left: 0;
    margin: 0;
    z-index: 5;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .5s .1s,-webkit-transform 0s .6s,bottom .5s .1s;
    transition: opacity .5s .1s,transform 0s .6s,bottom .5s .1s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
    bottom: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: bottom 0s,-webkit-transform .5s;
    transition: bottom 0s,transform .5s
}

.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
    display: none !important
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
    content: '\e629';
    font-family: 'thegem-icons';
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: left;
    position: absolute;
    top: 52%;
    left: 0;
    -webkit-transition: left .25s,opacity .3s;
    transition: left .25s,opacity .3s;
    margin-top: -32px;
    z-index: 5;
    opacity: 0
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
    top: 52%;
    left: 8%;
    opacity: 1;
    -webkit-transition: left .25s,opacity .3s;
    transition: left .25s,opacity .3s
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line {
    content: '';
    width: 0;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 59%;
    left: 8%;
    opacity: 0;
    z-index: 100;
    -webkit-transition: width .25s,opacity .5s;
    transition: width .25s,opacity .5s
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line {
    content: '';
    width: 84%;
    opacity: 1;
    -webkit-transition: width .25s,opacity .5s;
    transition: width .25s,opacity .5s
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
    text-align: left;
    position: absolute;
    top: 63%;
    left: 0;
    z-index: 5;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transition: left .25s .05s,opacity .25s .05s;
    transition: left .25s .05s,opacity .25s .05s
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
    top: 63%;
    opacity: 1;
    left: 8%;
    -webkit-transition: left .25s .05s,opacity .25s .05s;
    transition: left .25s .05s,opacity .25s .05s
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
    text-align: left;
    position: absolute;
    width: 84%;
    top: 77%;
    left: 0;
    z-index: 5;
    opacity: 0;
    -webkit-transition: left .25s .1s,opacity .25s .1s;
    transition: left .25s .1s,opacity .25s .1s
}

.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
    top: 77%;
    left: 8%;
    opacity: 1;
    -webkit-transition: left .25s .1s,opacity .25s .1s;
    transition: left .25s .1s,opacity .25s .1s
}

.gem-gallery-item-description p {
    padding-bottom: 0;
    margin-bottom: 0
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
    content: '\e629';
    font-family: 'thegem-icons';
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 8%;
    -webkit-transition: top .25s .1s,opacity .3s .1s;
    transition: top .25s .1s,opacity .3s .1s;
    margin-top: -32px;
    z-index: 5;
    opacity: 0
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
    -webkit-transition: top .25s ease,opacity .3s;
    transition: top .25s ease,opacity .3s;
    top: 22%;
    left: 8%;
    opacity: 1
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line {
    content: '';
    width: 0;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 29%;
    left: 8%;
    opacity: 0;
    z-index: 100;
    -webkit-transition: width .25s,opacity .5s;
    transition: width .25s,opacity .5s
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line {
    content: '';
    width: 84%;
    opacity: 1;
    -webkit-transition: width .25s,opacity .5s;
    transition: width .25s,opacity .5s
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
    text-align: left;
    position: absolute;
    top: 70%;
    left: 8%;
    z-index: 5;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transition: top .25s .05s,opacity .25s .05s;
    transition: top .25s .05s,opacity .25s .05s
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
    top: 33%;
    opacity: 1;
    left: 8%;
    -webkit-transition: top .25s .05s,opacity .25s .05s;
    transition: top .25s .05s,opacity .25s .05s
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
    text-align: left;
    width: 84%;
    position: absolute;
    top: 70%;
    left: 8%;
    z-index: 5;
    opacity: 0;
    -webkit-transition: top .25s,opacity .25s;
    transition: top .25s,opacity .25s
}

.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
    top: 47%;
    left: 8%;
    opacity: 1;
    -webkit-transition: top .25s .1s,opacity .25s .1s;
    transition: top .25s .1s,opacity .25s .1s
}

.portfolio-filters-list {
    margin: 0 !important
}

    .portfolio-filters-list .portfolio-show-filters-button {
        position: relative;
        width: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 1;
        text-align: left;
        padding: 3px 15px 4px 13px;
        color: inherit;
        border: 1px solid currentColor;
        border-radius: 13px;
        cursor: pointer;
        z-index: 5
    }

        .portfolio-filters-list .portfolio-show-filters-button .portfolio-show-filters-button-icon {
            margin-right: .2em;
            font-style: normal;
            font-family: "thegem-icons";
            font-weight: 400;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            transform: translateY(2px)
        }

            .portfolio-filters-list .portfolio-show-filters-button .portfolio-show-filters-button-icon:before {
                content: "\e669"
            }

    .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filters-outer:not(.without-padding) {
        padding-right: 42px
    }

    .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item {
        width: 100%;
        padding: 25px 0;
        margin: 0
    }

        .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item .widget-title {
            margin: 0 0 20px;
            cursor: default
        }

            .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item .widget-title .widget-title-arrow {
                display: none
            }

        .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item.portfolio-selected-filters {
            padding-top: 15px;
            order: 11
        }

        .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul {
            padding: 0;
            margin: 0
        }

            .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul {
                padding: 0 0 0 20px
            }

    .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .filters-apply-button {
        width: 100%;
        margin: 0
    }

    .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-search-filter {
        width: 100%
    }

    .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-filter-item.portfolio-selected-filters.hide-on-sidebar {
        display: none
    }

@media (min-width:992px) {
    .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filters-outer:not(.without-padding) {
        padding-right: 42px
    }

    .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filter-item {
        width: 100%;
        padding: 25px 0;
        margin: 0
    }

        .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filter-item .widget-title {
            margin: 0 0 20px;
            cursor: default
        }

            .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filter-item .widget-title .widget-title-arrow {
                display: none
            }

        .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filter-item.portfolio-selected-filters {
            padding-top: 15px;
            order: 11
        }

        .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul {
            padding: 0;
            margin: 0
        }

            .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul {
                padding: 0 0 0 20px
            }

    .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .filters-apply-button {
        width: 100%;
        margin: 0
    }

    .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-search-filter {
        width: 100%
    }

    .portfolio-filters-list:not(.prevent-hidden-mobile,[data-breakpoint]).style-sidebar .portfolio-filter-item.portfolio-selected-filters.hide-on-sidebar {
        display: none
    }
}

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .widget-area {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    gap: 10px
}

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filters-area {
    position: relative;
    z-index: 5
}

    .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filters-area:hover {
        z-index: 6
    }

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: -5px
}

    .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        padding: 3px 11px 4px 16px;
        color: inherit;
        border: 1px solid currentColor;
        border-radius: 13px;
        line-height: 1;
        cursor: pointer;
        font-family: inherit;
        font-size: 16px;
        font-weight: inherit;
        letter-spacing: inherit;
        text-transform: initial;
        margin: 0
    }

        .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title:after {
            content: none
        }

        .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow {
            transition: all .3s
        }

            .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow:before {
                display: block;
                content: "\e602";
                font-style: normal;
                font-family: "thegem-icons";
                font-weight: 400;
                -webkit-font-smoothing: initial
            }

        .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title .widget-title-by {
            display: none
        }

    .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list {
        position: absolute;
        left: 0;
        top: 100%;
        display: none;
        width: max-content;
        width: -webkit-max-content;
        background-color: var(--thegem-to-main-bg-color,#fff);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
        z-index: 5;
        max-width: 260px;
        max-height: 500px;
        overflow: auto
    }

        .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list.portfolio-filter-item-collapsible {
            width: 260px
        }

        .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul {
            padding: 25px 28px;
            margin: 0
        }

            .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul {
                padding: 0 0 0 20px
            }

        .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider {
            padding: 10px
        }

            .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount {
                width: 200px;
                max-width: 100%;
                text-align: center;
                padding: 5px;
                transition: all .3s
            }

                .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount .slider-amount-text {
                    display: none
                }

    .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute .portfolio-filter-item-list > ul, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status .portfolio-filter-item-list > ul {
        padding: 25px 28px 25px 20px
    }

    .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute.attribute-type-label .portfolio-filter-item-list ul, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status.attribute-type-label .portfolio-filter-item-list ul {
        padding: 25px 20px
    }

    .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .widget-title span.widget-title-arrow {
        transform: rotate(180deg)
    }

    .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile):not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .portfolio-filter-item-list {
        display: block
    }

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-selected-filters {
    display: none
}

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .widget {
    display: none
}

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item.display-type-dropdown {
    width: 200px
}

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .filters-apply-button .gem-button {
    width: 100%
}

@media (min-width:992px) {
    .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .widget-area {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-end;
        gap: 10px
    }

    .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filters-area {
        position: relative;
        z-index: 5
    }

        .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filters-area:hover {
            z-index: 6
        }

    .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) {
        position: relative;
        padding-bottom: 5px;
        margin-bottom: -5px
    }

        .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            padding: 3px 11px 4px 16px;
            color: inherit;
            border: 1px solid currentColor;
            border-radius: 13px;
            line-height: 1;
            cursor: pointer;
            font-family: inherit;
            font-size: 16px;
            font-weight: inherit;
            letter-spacing: inherit;
            text-transform: initial;
            margin: 0
        }

            .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title:after {
                content: none
            }

            .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow {
                transition: all .3s
            }

                .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title span.widget-title-arrow:before {
                    display: block;
                    content: "\e602";
                    font-style: normal;
                    font-family: "thegem-icons";
                    font-weight: 400;
                    -webkit-font-smoothing: initial
                }

            .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .widget-title .widget-title-by {
                display: none
            }

        .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list {
            position: absolute;
            left: 0;
            top: 100%;
            display: none;
            width: max-content;
            width: -webkit-max-content;
            background-color: var(--thegem-to-main-bg-color,#fff);
            box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
            z-index: 5;
            max-width: 260px;
            max-height: 500px;
            overflow: auto
        }

            .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list.portfolio-filter-item-collapsible {
                width: 260px
            }

            .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul {
                padding: 25px 28px;
                margin: 0
            }

                .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul {
                    padding: 0 0 0 20px
                }

            .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider {
                padding: 10px
            }

                .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount {
                    width: 200px;
                    max-width: 100%;
                    text-align: center;
                    padding: 5px;
                    transition: all .3s
                }

                    .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list .price-range-slider .slider-amount .slider-amount-text {
                        display: none
                    }

        .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute .portfolio-filter-item-list > ul, .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status .portfolio-filter-item-list > ul {
            padding: 25px 28px 25px 20px
        }

        .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).attribute.attribute-type-label .portfolio-filter-item-list ul, .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown).status.attribute-type-label .portfolio-filter-item-list ul {
            padding: 25px 20px
        }

        .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .widget-title span.widget-title-arrow {
            transform: rotate(180deg)
        }

        .portfolio-filters-list:not([data-breakpoint]).style-standard:not(.single-filter) .portfolio-filter-item:not(.display-type-dropdown):not(.display-type-dropdown):hover .portfolio-filter-item-list {
            display: block
        }

    .portfolio-filters-list:not([data-breakpoint]).style-standard .portfolio-selected-filters {
        display: none
    }

    .portfolio-filters-list:not([data-breakpoint]).style-standard .widget {
        display: none
    }

    .portfolio-filters-list:not([data-breakpoint]).style-standard .portfolio-filter-item.display-type-dropdown {
        width: 200px
    }

    .portfolio-filters-list:not([data-breakpoint]).style-standard .filters-apply-button .gem-button {
        width: 100%
    }
}

.portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) h2, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-show-filters-button, .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-close-filters, .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) h2, .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-show-filters-button, .portfolio-filters-list[data-breakpoint].style-sidebar:not(.style-sidebar-mobile) .portfolio-close-filters {
    display: none
}

@media (min-width:992px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) h2, .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-show-filters-button, .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-close-filters {
        display: none
    }
}

.portfolio-filters-list:is(.style-sidebar,.style-hidden) .widget-area .portfolio-filter-item:first-child, .portfolio-filters-list[data-breakpoint].style-standard-mobile .widget-area .portfolio-filter-item:first-child {
    border-top: none;
    padding-top: 0
}

.portfolio-filters-list:is(.style-sidebar,.style-hidden) .widget-area .portfolio-filter-item:last-child, .portfolio-filters-list[data-breakpoint].style-standard-mobile .widget-area .portfolio-filter-item:last-child {
    padding-bottom: 0
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]).style-standard .widget-area .portfolio-filter-item:first-child {
        border-top: none;
        padding-top: 0
    }

    .portfolio-filters-list:not([data-breakpoint]).style-standard .widget-area .portfolio-filter-item:last-child {
        padding-bottom: 0
    }
}

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown .widget-title {
    margin: 0 0 20px;
    cursor: default
}

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: -5px
}

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 38px;
    line-height: 1.1;
    border-radius: 3px;
    padding-left: 18px;
    padding-right: 12px;
    border: 1px solid var(--thegem-to-form-elements-border-color)
}

    .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.widget-title-arrow {
        transition: all .3s
    }

        .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.widget-title-arrow:before {
            display: block;
            content: "\e602";
            font-style: normal;
            font-family: "thegem-icons";
            font-weight: 400;
            -webkit-font-smoothing: initial
        }

    .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.name {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden
    }

        .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .selector-title span.name span:last-child .separator {
            display: none
        }

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    width: max-content;
    width: -webkit-max-content;
    background-color: var(--thegem-to-main-bg-color,#fff);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
    z-index: 5;
    max-width: 260px;
    max-height: 500px;
    overflow: auto
}

    .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list.portfolio-filter-item-collapsible {
        width: 260px
    }

    .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list ul {
        padding: 25px 28px;
        margin: 0
    }

        .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list ul ul {
            padding: 0 0 0 20px
        }

    .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list .price-range-slider {
        padding: 10px
    }

        .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list .price-range-slider .slider-amount {
            width: 200px;
            max-width: 100%;
            text-align: center;
            padding: 5px;
            transition: all .3s
        }

            .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list .price-range-slider .slider-amount .slider-amount-text {
                display: none
            }

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown.attribute .portfolio-filter-item-list > ul, .portfolio-filters-list .portfolio-filter-item.display-type-dropdown.status .portfolio-filter-item-list > ul {
    padding: 25px 28px 25px 20px
}

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown.attribute.attribute-type-label .portfolio-filter-item-list ul, .portfolio-filters-list .portfolio-filter-item.display-type-dropdown.status.attribute-type-label .portfolio-filter-item-list ul {
    padding: 25px 20px
}

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list {
    width: 100%;
    max-width: initial
}

.portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector.collapsed {
    z-index: 99
}

    .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector.collapsed .selector-title span.widget-title-arrow {
        transform: rotate(180deg)
    }

    .portfolio-filters-list .portfolio-filter-item.display-type-dropdown .dropdown-selector.collapsed .portfolio-filter-item-list {
        display: block
    }

.portfolio-filters-list.style-hidden .portfolio-filters-outer, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    left: 0;
    top: 0;
    z-index: -1
}

    .portfolio-filters-list.style-hidden .portfolio-filters-outer:before, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(33,35,49,.5);
        opacity: 0;
        transition: all .3s
    }

    .portfolio-filters-list.style-hidden .portfolio-filters-outer.close-animation, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer.close-animation {
        z-index: 1001
    }

    .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer.visible {
        display: block;
        z-index: 1001
    }

        .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible:before, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer.visible:before {
            opacity: 1
        }

        .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible .portfolio-close-filters, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer.visible .portfolio-close-filters {
            opacity: 1;
            transition: all .3s linear .3s
        }

        .portfolio-filters-list.style-hidden .portfolio-filters-outer.visible .portfolio-filters-area, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer.visible .portfolio-filters-area {
            left: 0
        }

    .portfolio-filters-list.style-hidden .portfolio-filters-outer:not(.close-animation,.visible), .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer:not(.close-animation,.visible) {
        left: -100%
    }

    .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area {
        position: relative;
        float: left;
        left: -100%;
        top: 0;
        width: 350px;
        max-width: 75%;
        min-width: 250px;
        height: 100%;
        padding: 5px;
        flex-direction: column;
        flex-wrap: nowrap;
        background: var(--thegem-to-main-bg-color,#fff);
        transition: all .3s
    }

@media (min-width:992px) {
    .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area {
        width: 480px
    }
}

.portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area.shadowed, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area.shadowed {
    box-shadow: 0px 0px 23px 0px rgba(0,0,0,.05)
}

.portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable {
    padding: 20px 30px;
    height: 100%;
    overflow: auto
}

    .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-track, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-track {
        background-color: transparent
    }

    .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar {
        width: 4px;
        background-color: transparent
    }

    .portfolio-filters-list.style-hidden .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-thumb, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-thumb {
        background-color: #dfe5e8;
        border-radius: 2px
    }

.portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item {
    padding: 25px 10px;
    margin: 0;
    width: 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item {
        padding: 25px 30px
    }

        .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title {
            margin-bottom: 0
        }

            .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title .widget-title-arrow, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title .widget-title-arrow {
                display: block
            }

        .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list {
            left: 30px;
            top: calc(100% - 20px);
            width: calc(100% - 60px)
        }
}

.portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title {
    margin: 0 0 20px;
    cursor: default
}

    .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title .widget-title-arrow, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title .widget-title-arrow {
        display: none
    }

.portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item.portfolio-selected-filters, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item.portfolio-selected-filters {
    padding-top: 15px;
    order: 11
}

.portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul {
    padding: 0;
    margin: 0
}

    .portfolio-filters-list.style-hidden .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul {
        padding: 0 0 0 20px
    }

.portfolio-filters-list.style-hidden .filters-apply-button, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .filters-apply-button {
    padding: 0 10px;
    margin: 0;
    width: 100%
}

@media (min-width:992px) {
    .portfolio-filters-list.style-hidden .filters-apply-button, .portfolio-filters-list[data-breakpoint]:is(.style-sidebar-mobile,.style-standard-mobile) .filters-apply-button {
        padding: 0 30px
    }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer {
        position: fixed;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        left: 0;
        top: 0;
        z-index: -1
    }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: rgba(33,35,49,.5);
            opacity: 0;
            transition: all .3s
        }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer.close-animation {
            z-index: 1001
        }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer.visible {
            display: block;
            z-index: 1001
        }

            .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer.visible:before {
                opacity: 1
            }

            .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer.visible .portfolio-close-filters {
                opacity: 1;
                transition: all .3s linear .3s
            }

            .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer.visible .portfolio-filters-area {
                left: 0
            }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer:not(.close-animation,.visible) {
            left: -100%
        }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer .portfolio-filters-area {
            position: relative;
            float: left;
            left: -100%;
            top: 0;
            width: 350px;
            max-width: 75%;
            min-width: 250px;
            height: 100%;
            padding: 5px;
            flex-direction: column;
            flex-wrap: nowrap;
            background: var(--thegem-to-main-bg-color,#fff);
            transition: all .3s
        }
}

@media (max-width:991px) and (min-width:992px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer .portfolio-filters-area {
        width: 480px
    }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer .portfolio-filters-area.shadowed {
        box-shadow: 0px 0px 23px 0px rgba(0,0,0,.05)
    }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable {
        padding: 20px 30px;
        height: 100%;
        overflow: auto
    }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-track {
            background-color: transparent
        }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar {
            width: 4px;
            background-color: transparent
        }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-outer .portfolio-filters-area .portfolio-filters-area-scrollable::-webkit-scrollbar-thumb {
            background-color: #dfe5e8;
            border-radius: 2px
        }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item {
        padding: 25px 10px;
        margin: 0;
        width: 100%;
        max-width: 100%
    }
}

@media (max-width:991px) and (min-width:992px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item {
        padding: 25px 30px
    }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title {
            margin-bottom: 0
        }

            .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .widget-title .widget-title-arrow {
                display: block
            }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.display-type-dropdown .portfolio-filter-item-list {
            left: 30px;
            top: calc(100% - 20px);
            width: calc(100% - 60px)
        }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title {
        margin: 0 0 20px;
        cursor: default
    }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item .widget-title .widget-title-arrow {
            display: none
        }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item.portfolio-selected-filters {
        padding-top: 15px;
        order: 11
    }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul {
        padding: 0;
        margin: 0
    }

        .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .portfolio-filters-area-scrollable .portfolio-filter-item:not(.display-type-dropdown) .portfolio-filter-item-list ul ul {
            padding: 0 0 0 20px
        }
}

@media (max-width:991px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .filters-apply-button {
        padding: 0 10px;
        margin: 0;
        width: 100%
    }
}

@media (max-width:991px) and (min-width:992px) {
    .portfolio-filters-list:not([data-breakpoint]):is(.style-sidebar,.style-standard) .filters-apply-button {
        padding: 0 30px
    }
}

@media (min-width:992px) {
    .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .widget-title {
        display: none
    }

    .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .portfolio-filter-item-list ul {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .portfolio-filter-item-list ul li {
            margin: 0 30px 13px 0;
            line-height: 1
        }

            .portfolio-filters-list.single-filter.style-standard .portfolio-filter-item .portfolio-filter-item-list ul li a span.count {
                margin-left: 10px
            }
}

.portfolio-filters-list .portfolio-close-filters {
    float: left;
    position: relative;
    top: 10px;
    left: -40px;
    color: #99a9b5;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    transition: all .3s
}

@media (min-width:992px) {
    .portfolio-filters-list .portfolio-close-filters {
        color: #fff;
        top: 15px;
        left: 15px;
        padding: 5px
    }

        .portfolio-filters-list .portfolio-close-filters:hover:after {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
            opacity: .075
        }
}

.portfolio-filters-list .portfolio-close-filters:before {
    content: "\e619";
    font-style: normal;
    font-family: "thegem-icons";
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    display: block;
    transform: translate(-.5px,-.5px)
}

.portfolio-filters-list .portfolio-close-filters:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    transition: transform .2s cubic-bezier(.345,.115,.135,1.42),opacity .15s ease-out;
    box-shadow: 0 4px 20px rgba(34,34,34,.15);
    opacity: 0
}

.portfolio-filters-list .portfolio-filters-area .portfolio-filters-area-scrollable, .portfolio-filters-list .portfolio-filters-area .portfolio-filters-area-scrollable .widget-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-width: 100%
}

.portfolio-filters-list .portfolio-filters-area h2 {
    width: 100%;
    text-transform: initial;
    padding: 0 10px 25px;
    margin: 0;
    cursor: default
}

@media (min-width:992px) {
    .portfolio-filters-list .portfolio-filters-area h2 {
        padding: 0 25px 25px
    }
}

.portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list {
    overflow: auto
}

    .portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list::-webkit-scrollbar-track {
        background-color: transparent
    }

    .portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list::-webkit-scrollbar {
        width: 4px;
        background-color: transparent
    }

    .portfolio-filters-list .portfolio-filter-item .portfolio-filter-item-list::-webkit-scrollbar-thumb {
        background-color: #dfe5e8;
        border-radius: 2px
    }

.portfolio-filters-list .portfolio-filter-item ul {
    list-style: none
}

    .portfolio-filters-list .portfolio-filter-item ul li a {
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: inherit;
        word-break: break-word
    }

        .portfolio-filters-list .portfolio-filter-item ul li a span.title {
            margin-right: auto
        }

        .portfolio-filters-list .portfolio-filter-item ul li a span.color {
            flex: none
        }

        .portfolio-filters-list .portfolio-filter-item ul li a span.count, .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow {
            flex: none;
            margin-left: 20px;
            display: block;
            color: inherit;
            background-color: var(--styled-bg-color,#f0f3f2);
            font-size: var(--thegem-to-body-tiny-font-size,14px);
            padding: 2px 8px;
            line-height: 1;
            border-radius: 11px;
            transition: background-color .3s
        }

@media (min-width:992px) {
    .portfolio-filters-list .portfolio-filter-item ul li a span.count, .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow {
        margin-left: 45px
    }
}

.portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow {
    padding: 2px;
    margin-left: 6px;
    transform: translateY(.1em)
}

    .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow:before {
        display: block;
        content: "\e602";
        font-style: normal;
        font-family: "thegem-icons";
        font-weight: 400;
        -webkit-font-smoothing: initial
    }

    .portfolio-filters-list .portfolio-filter-item ul li a .filters-collapsible-arrow:hover {
        color: #fff;
        background-color: var(--thegem-to-widget-hover-link_color,#00bcd4)
    }

.portfolio-filters-list .portfolio-filter-item ul li a:not(.collapsed) .filters-collapsible-arrow {
    transform: translateY(.1em) rotate(180deg);
    color: #fff;
    background-color: var(--thegem-to-widget-hover-link_color,#00bcd4)
}

.portfolio-filters-list .portfolio-filter-item ul li a:not(.disable):hover span.count, .portfolio-filters-list .portfolio-filter-item ul li a:not(.disable):hover + span.count {
    color: #fff;
    background-color: var(--thegem-to-widget-hover-link_color,#00bcd4)
}

.portfolio-filters-list .portfolio-filter-item ul li a.active span.count {
    color: #fff;
    background-color: var(--thegem-to-widget-hover-link_color,#00bcd4)
}

.portfolio-filters-list .portfolio-filter-item ul li a.disable {
    opacity: .5;
    cursor: default
}

.portfolio-filters-list .portfolio-filter-item ul li ul {
    padding: 0 0 0 20px
}

.portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range {
    position: relative;
    border: none;
    height: 4px;
    width: 90%;
    margin: 20px auto 30px auto;
    z-index: 1 !important
}

    .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-range {
        position: absolute;
        top: 0;
        height: 100%;
        background: var(--thegem-to-widget-hover-link_color);
        z-index: 1
    }

    .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-handle {
        position: absolute;
        width: 14px;
        height: 14px;
        top: 50%;
        transform: translate(-50%,-50%);
        border: none;
        border-radius: 50%;
        cursor: pointer;
        margin: 0;
        background: var(--thegem-to-widget-hover-link_color);
        z-index: 2
    }

        .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-handle:focus {
            outline: none
        }

        .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-range .ui-slider-handle + span:focus {
            outline: none
        }

.portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-amount {
    padding: 0
}

    .portfolio-filters-list .portfolio-filter-item .price-range-slider .slider-amount .slider-amount-value {
        font-size: 1.1em
    }

.portfolio-filters-list .portfolio-filter-item.multiple ul li a, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li a {
    position: relative;
    text-transform: inherit;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit
}

    .portfolio-filters-list .portfolio-filter-item.multiple ul li a:before, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li a:before {
        color: currentColor;
        flex: none;
        margin-right: .2em;
        content: "\e646";
        font-family: "thegem-icons";
        font-weight: 400;
        font-style: normal;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        opacity: 0
    }

    .portfolio-filters-list .portfolio-filter-item.multiple ul li a.active:before, .portfolio-filters-list .portfolio-filter-item.multiple ul li.chosen a:before, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li a.active:before, .portfolio-filters-list .portfolio-filter-item.woocommerce ul li.chosen a:before {
        opacity: 1
    }

.portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a {
    position: relative
}

    .portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a span.check {
        flex: none;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        border-width: 2px;
        border-style: solid;
        border-radius: 50%;
        box-sizing: border-box;
        transform: translateY(1px)
    }

    .portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a.active span.check {
        position: relative;
        border-color: currentColor
    }

        .portfolio-filters-list .portfolio-filter-item.single:not(.attribute-type-label) .portfolio-filter-item-list ul li a.active span.check:after {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            left: 2px;
            top: 2px;
            background-color: currentColor;
            border-radius: 50%;
            box-sizing: border-box
        }

.portfolio-filters-list .portfolio-filters-area .portfolio-search-filter:last-child {
    margin-bottom: 0
}

.portfolio-filters-list .portfolio-filters-area .portfolio-search-filter input {
    width: 100%;
    box-sizing: border-box
}

.portfolio-filters-list .portfolio-filters-area .portfolio-search-filter .portfolio-search-filter-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%
}

.portfolio-filters-list .filters-apply-button {
    border: none !important
}

    .portfolio-filters-list .filters-apply-button .gem-button {
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1
    }

        .portfolio-filters-list .filters-apply-button .gem-button.gem-button-size-small {
            height: 38px
        }

        .portfolio-filters-list .filters-apply-button .gem-button.gem-button-style-flat {
            border: 2px solid var(--thegem-to-widget-hover-link_color,#00bcd4);
            background-color: var(--thegem-to-widget-hover-link_color,#00bcd4)
        }

            .portfolio-filters-list .filters-apply-button .gem-button.gem-button-style-flat:hover {
                color: var(--thegem-to-widget-hover-link_color,#00bcd4);
                background: 0 0
            }

.portfolio .portfolio-filters-list[data-breakpoint].style-standard:not(.style-standard-mobile) .with-search-filter {
    display: none
}

@media (min-width:992px) {
    .portfolio .portfolio-filters-list:not([data-breakpoint]).style-standard .with-search-filter {
        display: none
    }
}

.portfolio-sorting-select, .portfolio-filters-more {
    position: relative;
    width: fit-content;
    width: -webkit-fit-content;
    margin-left: auto;
    padding-bottom: 5px;
    margin-bottom: -5px;
    z-index: 5
}

    .portfolio-sorting-select div.portfolio-sorting-select-current, .portfolio-sorting-select .portfolio-filters-more-button, .portfolio-filters-more div.portfolio-sorting-select-current, .portfolio-filters-more .portfolio-filters-more-button {
        position: relative;
        width: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

        .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-current-arrow, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-filters-more-button-arrow, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-current-arrow, .portfolio-filters-more .portfolio-filters-more-button .portfolio-filters-more-button-arrow {
            transition: all .3s
        }

            .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow:before, .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow:before, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-current-arrow:before, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-filters-more-button-arrow:before, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow:before, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-filters-more-button-arrow:before, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-current-arrow:before, .portfolio-filters-more .portfolio-filters-more-button .portfolio-filters-more-button-arrow:before {
                display: block;
                content: "\e602";
                font-style: normal;
                font-family: "thegem-icons";
                font-weight: 400;
                -webkit-font-smoothing: initial
            }

@media (max-width:500px) {
    .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-by, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-by, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-by, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-by {
        display: none
    }

    .portfolio-sorting-select div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-type, .portfolio-sorting-select .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-type, .portfolio-filters-more div.portfolio-sorting-select-current .portfolio-sorting-select-name .portfolio-sorting-select-name-type, .portfolio-filters-more .portfolio-filters-more-button .portfolio-sorting-select-name .portfolio-sorting-select-name-type {
        text-transform: capitalize
    }
}

.portfolio-sorting-select div.portfolio-sorting-select-current, .portfolio-filters-more div.portfolio-sorting-select-current {
    font-size: 16px;
    line-height: 1;
    text-align: left;
    padding: 3px 11px 4px 15px;
    color: inherit;
    border: 1px solid currentColor;
    border-radius: 13px
}

.portfolio-sorting-select ul, .portfolio-sorting-select .portfolio-filters-more-dropdown, .portfolio-filters-more ul, .portfolio-filters-more .portfolio-filters-more-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    list-style: none;
    margin: 0;
    padding: 30px;
    background-color: var(--thegem-to-main-bg-color,#fff);
    box-shadow: 0px 0px 23px 0px rgba(0,0,0,.05);
    z-index: 2;
    max-height: 500px;
    overflow: auto
}

    .portfolio-sorting-select ul::-webkit-scrollbar-track, .portfolio-sorting-select .portfolio-filters-more-dropdown::-webkit-scrollbar-track, .portfolio-filters-more ul::-webkit-scrollbar-track, .portfolio-filters-more .portfolio-filters-more-dropdown::-webkit-scrollbar-track {
        background-color: transparent
    }

    .portfolio-sorting-select ul::-webkit-scrollbar, .portfolio-sorting-select .portfolio-filters-more-dropdown::-webkit-scrollbar, .portfolio-filters-more ul::-webkit-scrollbar, .portfolio-filters-more .portfolio-filters-more-dropdown::-webkit-scrollbar {
        width: 4px;
        background-color: transparent
    }

    .portfolio-sorting-select ul::-webkit-scrollbar-thumb, .portfolio-sorting-select .portfolio-filters-more-dropdown::-webkit-scrollbar-thumb, .portfolio-filters-more ul::-webkit-scrollbar-thumb, .portfolio-filters-more .portfolio-filters-more-dropdown::-webkit-scrollbar-thumb {
        background-color: #dfe5e8;
        border-radius: 2px
    }

    .portfolio-sorting-select ul li, .portfolio-sorting-select .portfolio-filters-more-dropdown li, .portfolio-filters-more ul li, .portfolio-filters-more .portfolio-filters-more-dropdown li {
        color: inherit;
        font-size: 16px;
        line-height: 1.2
    }

    .portfolio-sorting-select ul li, .portfolio-sorting-select ul a, .portfolio-sorting-select .portfolio-filters-more-dropdown li, .portfolio-sorting-select .portfolio-filters-more-dropdown a, .portfolio-filters-more ul li, .portfolio-filters-more ul a, .portfolio-filters-more .portfolio-filters-more-dropdown li, .portfolio-filters-more .portfolio-filters-more-dropdown a {
        display: block;
        max-width: 170px;
        width: max-content;
        width: -webkit-max-content;
        text-align: left;
        margin: 0 !important;
        cursor: pointer;
        transition: all .3s
    }

@media (min-width:992px) {
    .portfolio-sorting-select ul li, .portfolio-sorting-select ul a, .portfolio-sorting-select .portfolio-filters-more-dropdown li, .portfolio-sorting-select .portfolio-filters-more-dropdown a, .portfolio-filters-more ul li, .portfolio-filters-more ul a, .portfolio-filters-more .portfolio-filters-more-dropdown li, .portfolio-filters-more .portfolio-filters-more-dropdown a {
        max-width: 240px
    }
}

.portfolio-sorting-select ul li:not(:last-child), .portfolio-sorting-select ul a:not(:last-child), .portfolio-sorting-select .portfolio-filters-more-dropdown li:not(:last-child), .portfolio-sorting-select .portfolio-filters-more-dropdown a:not(:last-child), .portfolio-filters-more ul li:not(:last-child), .portfolio-filters-more ul a:not(:last-child), .portfolio-filters-more .portfolio-filters-more-dropdown li:not(:last-child), .portfolio-filters-more .portfolio-filters-more-dropdown a:not(:last-child) {
    margin-bottom: 5px !important
}

.portfolio-sorting-select .portfolio-filters-more-dropdown, .portfolio-filters-more .portfolio-filters-more-dropdown {
    left: 0;
    right: initial
}

.portfolio-filters-more {
    display: inline-block;
    margin-left: 0
}

    .portfolio-sorting-select.active div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-sorting-select.active .portfolio-filters-more-button .portfolio-filters-more-button-arrow, .portfolio-filters-more.active div.portfolio-sorting-select-current .portfolio-sorting-select-current-arrow, .portfolio-filters-more.active .portfolio-filters-more-button .portfolio-filters-more-button-arrow {
        transform: rotate(180deg)
    }

    .portfolio-sorting-select.active ul, .portfolio-sorting-select.active .portfolio-filters-more-dropdown, .portfolio-filters-more.active ul, .portfolio-filters-more.active .portfolio-filters-more-dropdown {
        display: block
    }

@media (min-width:992px) {
    .portfolio-top-panel.sidebar-filter > .portfolio-selected-filters {
        display: none
    }

    .portfolio-top-panel.sidebar-filter .portfolio-selected-filters .portfolio-selected-filter-item {
        margin: 0 10px 10px 0
    }
}

@media (max-width:999px) {
    .portfolio-top-panel.sidebar-filter .portfolio-top-panel-left .portfolio-selected-filters {
        display: none
    }
}

#main.over-header {
    z-index: initial
}

.portfolio.filters-opened .preloader-new {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4
}

@media (max-width:767px) {
    .portfolio.filters-opened .preloader-new {
        background-color: rgba(153,169,181,.7);
        background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
        background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        -webkit-background-size: 40px 40px;
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        background-size: 40px 40px;
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -moz-animation: progress-bar-stripes 2s linear infinite;
        -ms-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite
    }

        .portfolio.filters-opened .preloader-new .preloader-spin, .portfolio.filters-opened .preloader-new .preloader-spin-new {
            display: none
        }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 0 0
        }

        to {
            background-position: 40px 0
        }
    }

    @-moz-keyframes progress-bar-stripes {
        from {
            background-position: 0 0
        }

        to {
            background-position: 40px 0
        }
    }

    @-ms-keyframes progress-bar-stripes {
        from {
            background-position: 0 0
        }

        to {
            background-position: 40px 0
        }
    }

    @-o-keyframes progress-bar-stripes {
        from {
            background-position: 0 0
        }

        to {
            background-position: 40px 0
        }
    }

    @keyframes progress-bar-stripes {
        from {
            background-position: 0 0
        }

        to {
            background-position: 40px 0
        }
    }
}

@media (max-width:991px) {
    .with-filter-sidebar .filter-sidebar {
        margin-bottom: 20px
    }

        .with-filter-sidebar .filter-sidebar.left {
            float: left;
            margin-bottom: 0
        }
}

@media (min-width:992px) {
    .with-filter-sidebar {
        display: flex
    }

        .with-filter-sidebar .filter-sidebar {
            width: 25%;
            max-width: 350px
        }

        .with-filter-sidebar .content {
            flex: 1
        }
}

@media (min-width:992px) {
    .panel-sidebar-position-right .with-filter-sidebar {
        flex-direction: row-reverse
    }
}

@media (min-width:992px) {
    .panel-sidebar-position-right .portfolio-filters-list.style-sidebar .portfolio-filters-outer:not(.without-padding) {
        padding-right: 0;
        padding-left: 45px
    }
}

.portfolio-top-panel:not(.filter-type-default) {
    display: block
}

    .portfolio-top-panel:not(.filter-type-default):not(.extended-posts-filter) {
        margin: 0 0 20px
    }

    .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between
    }

        .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left {
            min-width: initial
        }

            .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .widget-area-wrap {
                margin-left: auto;
                margin-right: auto
            }

            .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-extended {
                justify-content: center
            }

@media (min-width:768px) {
    .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list ul {
        justify-content: center
    }

        .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list ul li {
            margin: 0 15px 13px
        }
}

@media (min-width:768px) and (min-width:992px) {
    .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard .portfolio-filter-item .portfolio-filter-item-list ul {
        justify-content: center
    }

        .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.center .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard .portfolio-filter-item .portfolio-filter-item-list ul li {
            margin: 0 15px 13px
        }
}

.portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .widget-area-wrap {
    margin-left: auto
}

.portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-extended {
    justify-content: flex-end
}

@media (min-width:768px) {
    .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile) .portfolio-filter-item .portfolio-filter-item-list ul {
        justify-content: flex-end
    }

    .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter[data-breakpoint].style-standard:not(.style-standard-mobile):not(.has-right-panel) .portfolio-filter-item .portfolio-filter-item-list ul li {
        margin: 0 0 13px 30px
    }
}

@media (min-width:768px) and (min-width:992px) {
    .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard .portfolio-filter-item .portfolio-filter-item-list ul {
        justify-content: flex-end
    }

    .portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.right .portfolio-filters-list.single-filter:not([data-breakpoint]).style-standard:not(.has-right-panel) .portfolio-filter-item .portfolio-filter-item-list ul li {
        margin: 0 0 13px 30px
    }
}

.portfolio-top-panel:not(.filter-type-default) .portfolio-top-panel-row .portfolio-top-panel-left.justify .portfolio-filters-extended {
    justify-content: space-between
}

.with-filter-sidebar .portfolio-top-panel {
    display: block
}

    .with-filter-sidebar .portfolio-top-panel:not(.extended-posts-filter) {
        margin: 0 0 35px
    }

.portfolio-top-panel .portfolio-top-panel-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    flex: none
}

@media (max-width:930px) {
    .portfolio-top-panel .portfolio-top-panel-right > span {
        display: none
    }
}

.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) {
    position: relative;
    padding-left: 5px;
    z-index: 5
}

@media (max-width:930px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style):not(.mobile-visible) {
        display: none
    }
}

.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-form {
    display: none;
    position: absolute;
    top: 50%;
    right: 37px;
    transform: translateY(-50%);
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.05)
}

    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-form.ajax-loading:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 40px;
        border: 2px solid #5f727f;
        border-top: 2px solid transparent;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        animation: spin 2s linear infinite
    }

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) input {
    width: 220px;
    padding: 5px 18px;
    box-sizing: border-box
}

@media (min-width:768px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) input {
        width: 350px
    }
}

.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style).active .portfolio-search-filter-form {
    display: block
}

.portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-button {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
    transition: all .3s
}

    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter:not(.input-style) .portfolio-search-filter-button:before {
        font-size: 14px
    }

@media (max-width:1024px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style {
        position: relative;
        padding-left: 5px;
        z-index: 5
    }
}

@media (max-width:1024px) and (max-width:930px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style:not(.mobile-visible) {
        display: none
    }
}

@media (max-width:1024px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-form {
        display: none;
        position: absolute;
        top: 50%;
        right: 37px;
        transform: translateY(-50%);
        padding: 20px;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.05)
    }

        .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-form.ajax-loading:before {
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            right: 40px;
            border: 2px solid #5f727f;
            border-top: 2px solid transparent;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            margin-top: -10px;
            animation: spin 2s linear infinite
        }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }
}

@media (max-width:1024px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style input {
        width: 220px;
        padding: 5px 18px;
        box-sizing: border-box
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style input {
        width: 350px
    }
}

@media (max-width:1024px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style.active .portfolio-search-filter-form {
        display: block
    }
}

@media (max-width:1024px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button {
        display: block;
        position: relative;
        width: 32px;
        height: 32px;
        cursor: pointer;
        transition: all .3s
    }

        .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:before {
            font-size: 14px
        }
}

@media (max-width:1024px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button, .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:hover {
        color: inherit;
        background: 0 0
    }

        .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:before, .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:hover:before {
            content: "\e612";
            font-size: 22px;
            transform: translate(-50%,-50%)
        }
}

@media (min-width:1025px) {
    .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style {
        margin: -6px 0 -6px 15px
    }

        .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-form {
            background: 0 0
        }

        .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style input {
            background: 0 0;
            border-radius: 0;
            color: inherit;
            border-bottom: 1px solid currentColor;
            padding-left: 33px;
            padding-right: 5px
        }

        .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 30px;
            height: 100%;
            margin: 0;
            color: inherit;
            background: 0 0;
            cursor: pointer
        }

            .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:before {
                content: "\e612";
                font-size: 22px;
                transform: translate(-50%,-50%)
            }

            .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter.input-style .portfolio-search-filter-button:hover {
                color: inherit;
                background: 0 0
            }
}

.portfolio-search-filter {
    position: relative
}

    .portfolio-search-filter input[type=search] {
        display: block;
        border: none;
        padding: 7px 33px 7px 18px;
        border-radius: 17px;
        line-height: 1
    }

        .portfolio-search-filter input[type=search]::-webkit-input-placeholder {
            color: currentColor;
            opacity: .8
        }

        .portfolio-search-filter input[type=search]::-moz-placeholder {
            color: currentColor;
            opacity: .8
        }

        .portfolio-search-filter input[type=search]:-ms-input-placeholder {
            color: currentColor;
            opacity: .8
        }

        .portfolio-search-filter input[type=search]:-moz-placeholder {
            color: currentColor;
            opacity: .8
        }

    .portfolio-search-filter .portfolio-search-filter-button {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        cursor: pointer
    }

        .portfolio-search-filter .portfolio-search-filter-button:before {
            content: "\e67b";
            font-size: 16px;
            font-style: normal;
            font-family: "thegem-icons";
            font-weight: 400;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%) rotateY(180deg)
        }

.portfolio-top-panel.extended-posts-filter {
    margin-bottom: 0
}

    .portfolio-top-panel.extended-posts-filter.hide-separator .portfolio-filters-list:is(.style-hidden,.style-sidebar) .portfolio-filter-item, .portfolio-top-panel.extended-posts-filter.hide-separator .portfolio-filters-list[data-breakpoint].style-standard-mobile .portfolio-filter-item {
        border: none
    }

@media (max-width:991px) {
    .portfolio-top-panel.extended-posts-filter.hide-separator .portfolio-filters-list:not([data-breakpoint]).style-standard .portfolio-filter-item {
        border: none
    }
}

.portfolio-top-panel .extended-posts-filter .portfolio-filters-list .portfolio-filter-item .portfolio-search-filter input, .extended-posts-sorting .portfolio-sorting-select div.portfolio-sorting-select-current {
    color: inherit;
    background: 0 0;
    min-height: 38px;
    line-height: 1.1;
    border-radius: 3px;
    padding-left: 18px;
    padding-right: 12px;
    border: 1px solid var(--thegem-to-form-elements-border-color)
}

.extended-posts-sorting .portfolio-sorting-select {
    width: 200px
}

    .extended-posts-sorting .portfolio-sorting-select.active {
        z-index: 6
    }

    .extended-posts-sorting .portfolio-sorting-select .portfolio-sorting-select-current {
        width: 100%;
        justify-content: space-between
    }

    .extended-posts-sorting .portfolio-sorting-select ul {
        width: 100%
    }

        .extended-posts-sorting .portfolio-sorting-select ul li {
            width: 100%;
            max-width: initial
        }

    .extended-posts-sorting .portfolio-sorting-select.alignment-left {
        margin-left: 0;
        margin-right: auto
    }

    .extended-posts-sorting .portfolio-sorting-select.alignment-center {
        margin-left: auto;
        margin-right: auto
    }

    .extended-posts-sorting .portfolio-sorting-select.alignment-right {
        margin-left: auto;
        margin-right: 0
    }

    .extended-posts-sorting .portfolio-sorting-select.alignment-justify {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label:before, .wpcf7-list-item-label:after {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner:before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion:reduce) {
    .wpcf7-spinner:before {
        animation-name: blink;
        animation-duration: 2s
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 [inert] {
    opacity: .5
}

.wpcf7 input[type=file] {
    cursor: pointer
}

    .wpcf7 input[type=file]:disabled {
        cursor: default
    }

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type=url], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
    direction: ltr
}

.wpcf7-reflection > output {
    display: list-item;
    list-style: none
}

    .wpcf7-reflection > output[hidden] {
        display: none
    }

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x
    }

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: 'prev'
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: 'next'
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
        display: none !important
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

    .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important
    }

    .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
    }

    .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
    }

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: '';
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            filter: blur(50px)
        }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

.fp-enabled body, html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .fp-controlArrow.fp-prev {
        left: 15px;
        width: 0;
        border-width: 38.5px 34px 38.5px 0;
        border-color: transparent #fff transparent transparent
    }

    .fp-controlArrow.fp-next {
        right: 15px;
        border-width: 38.5px 0 38.5px 34px;
        border-color: transparent transparent transparent #fff
    }

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

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

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0)
}

    #fp-nav.fp-right {
        right: 17px
    }

    #fp-nav.fp-left {
        left: 17px
    }

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

    .fp-slidesNav.fp-bottom {
        bottom: 17px
    }

    .fp-slidesNav.fp-top {
        top: 17px
    }

    #fp-nav ul, .fp-slidesNav ul {
        margin: 0;
        padding: 0
    }

        #fp-nav ul li, .fp-slidesNav ul li {
            display: block;
            width: 14px;
            height: 13px;
            margin: 7px;
            position: relative
        }

        .fp-slidesNav ul li {
            display: inline-block
        }

            #fp-nav ul li a, .fp-slidesNav ul li a {
                display: block;
                position: relative;
                z-index: 1;
                width: 100%;
                height: 100%;
                cursor: pointer;
                text-decoration: none
            }

                #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
                    height: 12px;
                    width: 12px;
                    margin: -6px 0 0 -6px;
                    border-radius: 100%
                }

                #fp-nav ul li a span, .fp-slidesNav ul li a span {
                    border-radius: 50%;
                    position: absolute;
                    z-index: 1;
                    height: 4px;
                    width: 4px;
                    border: 0;
                    background: #333;
                    left: 50%;
                    top: 50%;
                    margin: -2px 0 0 -2px;
                    -webkit-transition: all .1s ease-in-out;
                    -moz-transition: all .1s ease-in-out;
                    -o-transition: all .1s ease-in-out;
                    transition: all .1s ease-in-out
                }

            #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
                width: 10px;
                height: 10px;
                margin: -5px 0 0 -5px
            }

        #fp-nav ul li .fp-tooltip {
            position: absolute;
            top: -2px;
            color: #fff;
            font-size: 14px;
            font-family: arial,helvetica,sans-serif;
            white-space: nowrap;
            max-width: 220px;
            overflow: hidden;
            display: block;
            opacity: 0;
            width: 0;
            cursor: pointer
        }

        #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
            -webkit-transition: opacity .2s ease-in;
            transition: opacity .2s ease-in;
            width: auto;
            opacity: 1
        }

        #fp-nav ul li .fp-tooltip.fp-right {
            right: 20px
        }

        #fp-nav ul li .fp-tooltip.fp-left {
            left: 20px
        }

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}

.fp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.thegem-fp {
    position: relative
}

    .thegem-fp .block-content {
        padding: 0
    }

    .thegem-fp .elementor-top-section {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        background-size: cover;
        background-position: center
    }

    .thegem-fp.elementor-editor-active .elementor-top-section {
        height: 100vh
    }

    .thegem-fp.elementor-editor-active #site-header-wrapper, .thegem-fp.elementor-editor-active #site-header, .thegem-fp.elementor-editor-active .header-sticky-template {
        display: none
    }

    .thegem-fp.thegem-fp-fixed-background .elementor-top-section {
        background-size: cover !important;
        background-attachment: fixed !important
    }

    .thegem-fp #fp-nav {
        transform: translateY(-50%);
        margin-top: 0
    }

        .thegem-fp #fp-nav.fp-right {
            right: 37px
        }

        .thegem-fp #fp-nav.fp-left {
            left: 37px
        }

        .thegem-fp #fp-nav ul li {
            width: auto;
            height: auto;
            margin: 18px 0
        }

            .thegem-fp #fp-nav ul li .fp-tooltip {
                font-family: inherit;
                font-size: 14px;
                line-height: 1;
                display: flex;
                align-items: center;
                width: auto;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                overflow: initial;
                visibility: hidden;
                color: var(--thegem-fullpage-dots-tolltips-text-color,#fff)
            }

            .thegem-fp #fp-nav ul li:hover .fp-tooltip, .thegem-fp #fp-nav.fp-show-active a.active + .fp-tooltip {
                visibility: visible
            }

    .thegem-fp .iScrollIndicator {
        display: none !important
    }

.thegem-fp-dost-outline #fp-nav ul li a {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid var(--thegem-fullpage-dots-color,#fff);
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

    .thegem-fp-dost-outline #fp-nav ul li a.active, .thegem-fp-dost-outline #fp-nav ul li:hover a {
        background-color: var(--thegem-fullpage-dots-color,#fff)
    }

    .thegem-fp-dost-outline #fp-nav ul li a span:not(.fp-sr-only) {
        background: 0 0
    }

.thegem-fp-dost-outline #fp-nav ul li .fp-tooltip {
    height: 30px;
    background-color: var(--thegem-fullpage-dots-tolltips-bg-color,#00b191);
    border-radius: 15px;
    line-height: 1;
    padding: 0 20px;
    margin-right: 10px
}

    .thegem-fp-dost-outline #fp-nav ul li .fp-tooltip:after {
        content: '';
        position: absolute;
        right: -9px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 5px solid transparent;
        border-left: 5px solid var(--thegem-fullpage-dots-tolltips-bg-color,#00b191)
    }

.thegem-fp-dost-solid #fp-nav ul li {
    display: flex;
    align-items: center;
    justify-content: center
}

    .thegem-fp-dost-solid #fp-nav ul li a {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color: rgba(255,255,255,.3) !important;
        background-color: color-mix(in srgb,var(--thegem-fullpage-dots-color,#fff) 30%,transparent) !important;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .thegem-fp-dost-solid #fp-nav ul li a span:not(.fp-sr-only) {
            width: 6px;
            height: 6px;
            display: block;
            transition: background-color .3s;
            background-color: transparent;
            border-radius: 100%;
            position: static;
            margin: 0
        }

        .thegem-fp-dost-solid #fp-nav ul li:hover a span:not(.fp-sr-only), .thegem-fp-dost-solid #fp-nav ul li a.active span:not(.fp-sr-only), .thegem-fp-dost-solid #fp-nav ul li:hover a.active span:not(.fp-sr-only) {
            background-color: var(--thegem-fullpage-dots-color,#fff)
        }

    .thegem-fp-dost-solid #fp-nav ul li .fp-tooltip {
        height: 30px;
        background-color: var(--thegem-fullpage-dots-tolltips-bg-color,#ff227d);
        border-radius: 5px;
        line-height: 1;
        padding: 0 20px;
        margin-right: 10px
    }

        .thegem-fp-dost-solid #fp-nav ul li .fp-tooltip:after {
            content: '';
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: -10px;
            border: 5px solid transparent;
            border-left: 5px solid var(--thegem-fullpage-dots-tolltips-bg-color,#ff227d)
        }

.thegem-fp-dost-solid-small #fp-nav ul li a {
    display: flex;
    width: 12px;
    height: 12px;
    align-items: center;
    justify-content: center
}

    .thegem-fp-dost-solid-small #fp-nav ul li a span:not(.fp-sr-only) {
        position: static;
        margin: 0
    }

    .thegem-fp-dost-solid-small #fp-nav ul li a:not(.active) span:not(.fp-sr-only) {
        background-color: rgba(255,255,255,.3);
        background-color: color-mix(in srgb,var(--thegem-fullpage-dots-color,#fff) 30%,transparent);
        width: 6px;
        height: 6px
    }

    .thegem-fp-dost-solid-small #fp-nav ul li:hover a span:not(.fp-sr-only), .thegem-fp-dost-solid-small #fp-nav ul li a.active span:not(.fp-sr-only), .thegem-fp-dost-solid-small #fp-nav ul li:hover a.active span:not(.fp-sr-only) {
        background-color: var(--thegem-fullpage-dots-color,#fff)
    }

.thegem-fp-dost-solid-small #fp-nav ul li:hover a:not(.active) span:not(.fp-sr-only) {
    width: 12px;
    height: 12px
}

.thegem-fp-dost-solid-small #fp-nav ul li .fp-tooltip {
    height: 30px;
    background-color: rgba(255,255,255,.3);
    background-color: color-mix(in srgb,var(--thegem-fullpage-dots-tolltips-bg-color,#fff) 30%,transparent);
    line-height: 1;
    padding: 0 20px;
    margin-right: 10px
}

    .thegem-fp-dost-solid-small #fp-nav ul li .fp-tooltip:after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -10px;
        border: 5px solid transparent;
        border-left: 5px solid rgba(255,255,255,.3);
        border-left-color: color-mix(in srgb,var(--thegem-fullpage-dots-tolltips-bg-color,#fff) 30%,transparent)
    }

.thegem-fp-dost-lines #fp-nav ul li {
    margin: 14px 0
}

    .thegem-fp-dost-lines #fp-nav ul li a {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 7px 0
    }

        .thegem-fp-dost-lines #fp-nav ul li a span:not(.fp-sr-only) {
            position: static;
            margin: 0;
            width: 16px;
            height: 2px;
            background-color: rgba(255,255,255,.3);
            background-color: color-mix(in srgb,var(--thegem-fullpage-dots-color,#fff) 30%,transparent);
            border-radius: 0
        }

        .thegem-fp-dost-lines #fp-nav ul li:hover a span:not(.fp-sr-only), .thegem-fp-dost-lines #fp-nav ul li a.active span:not(.fp-sr-only), .thegem-fp-dost-lines #fp-nav ul li:hover a.active span:not(.fp-sr-only) {
            width: 42px;
            background-color: var(--thegem-fullpage-dots-color,#fff)
        }

    .thegem-fp-dost-lines #fp-nav ul li .fp-tooltip {
        margin-right: 36px
    }

.thegem-fp-dost-outlined-active #fp-nav ul li {
    margin: 14px 0
}

    .thegem-fp-dost-outlined-active #fp-nav ul li a {
        width: 16px;
        height: 16px;
        border: 2px solid transparent;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: border .1s;
        transition: border .1s
    }

        .thegem-fp-dost-outlined-active #fp-nav ul li:hover a, .thegem-fp-dost-outlined-active #fp-nav ul li a.active, .thegem-fp-dost-outlined-active #fp-nav ul li:hover a.active {
            border-color: var(--thegem-fullpage-dots-color,#fff)
        }

        .thegem-fp-dost-outlined-active #fp-nav ul li a span:not(.fp-sr-only) {
            background-color: var(--thegem-fullpage-dots-color,#fff);
            width: 4px;
            height: 4px;
            margin: 0;
            position: static
        }

    .thegem-fp-dost-outlined-active #fp-nav ul li .fp-tooltip {
        margin-right: 47px
    }

        .thegem-fp-dost-outlined-active #fp-nav ul li .fp-tooltip:after {
            content: '';
            width: 16px;
            height: 2px;
            background-color: var(--thegem-fullpage-dots-tolltips-text-color,#fff);
            position: absolute;
            right: -33px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

#thegem-fullpage > .fullwidth-content > .elementor > .elementor-inner > .elementor-section-wrap > .elementor-top-section:not(.thegem-fp-section) {
    height: 100vh
}

.thegem-fp-parallax:not(.elementor-editor-active):not(.fp-responsive) .fullpage-wrapper .fp-section {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: 1s ease;
    visibility: visible;
    z-index: 1
}

.thegem-fp-parallax .fullpage-wrapper .fp-section {
    background-color: #fff
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .fp-section.fp-completely.active {
    z-index: 10
}

.thegem-fp-parallax:not(.elementor-editor-active):not(.fp-responsive) .fullpage-wrapper .fp-section:not(.active):not(.fp-section-initialized) > * {
    position: absolute !important;
    margin-top: 10000px !important;
    visibility: hidden !important
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .fp-section.fp-prev-up {
    animation-name: fp_prevUp;
    transform: translateY(-100%);
    z-index: 5
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .fp-section.fp-next-up {
    animation-name: fp_nextUp;
    transform: translateY(0);
    z-index: 10
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .fp-section.fp-prev-down {
    animation-name: fp_prevDown;
    transform: translateY(100%);
    z-index: 5
}

.thegem-fp-parallax:not(.fp-responsive) .fullpage-wrapper .fp-section.fp-next-down {
    animation-name: fp_nextDown;
    transform: translateY(0);
    z-index: 10
}

@-webkit-keyframes fp_prevUp {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-60%)
    }
}

@keyframes fp_prevUp {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-60%)
    }
}

@-webkit-keyframes fp_nextUp {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fp_nextUp {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes fp_prevDown {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(60%)
    }
}

@keyframes fp_prevDown {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(60%)
    }
}

@-webkit-keyframes fp_nextDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fp_nextDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.fullpage-portfolio {
    opacity: 0;
    transition: opacity .3s
}

    .fullpage-portfolio.fullpage-portfolio-inited {
        opacity: 1
    }

.fp-thegem-footer {
    background-color: transparent !important
}

.fp-thegem-footer-inner {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transition: transform 1s ease
}

@media (max-width:768px) {
    .thegem-fp.thegem-fp-disabled-mobile .fp-section {
        height: auto !important
    }

    .thegem-fp-dost-outline #fp-nav ul li a {
        width: 10px;
        height: 10px
    }

    .thegem-fp #fp-nav.fp-right {
        right: 17px
    }

    .thegem-fp #fp-nav.fp-left {
        left: 17px
    }
}

.gem-infobox, .gem-infobox-wrapper, .gem-infobox .gem-infobox-content, .gem-infobox .gem-texbox-icon-image-wrapper .elementor-icon, .gem-infobox .gem-texbox-icon-image-wrapper .elementor-icon i, .gem-infobox .gem-image, .gem-infobox .gem-image img, .gem-infobox .gem-image span, .gem-infobox .gem-image span:before, .gem-infobox .gem-infobox-title, .gem-infobox .gem-infobox-subtitle, .gem-infobox .gem-infobox-description, .gem-infobox .gem-button-container, .gem-infobox .gem-infobox-top, .gem-infobox .gem-infobox-top svg, .gem-infobox .gem-infobox-bottom, .gem-infobox .gem-infobox-bottom svg {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gem-infobox-content {
    padding: 30px
}

.gem-infobox-top, .gem-infobox-bottom {
    font-size: 0;
    line-height: 0;
    text-align: center
}

.gem-styled-textbox-link, .gem-styled-textbox-icon-image-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.gem-texbox-icon-image-wrapper {
    position: relative
}

.gem-infobox .gem-infobox-icon-horizontal-right.gem-infobox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
    margin-left: 10px
}

.gem-infobox .gem-infobox-icon-horizontal-left.gem-infobox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
    margin-right: 10px
}

.gem-infobox .gem-texbox-icon-image-wrapper .gem-infobox-icon {
    display: inline-block;
    width: fit-content
}

.gem-infobox h4, .gem-infobox .title-h4 {
    margin-top: 0
}

.gem-infobox-content .gem-image span {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    max-width: 100%;
    position: relative
}

    .gem-infobox-content .gem-image span:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 0;
        z-index: 1
    }

.gem-infobox:hover .gem-infobox-content .gem-image a:before, .gem-infobox:hover .gem-infobox-content .gem-image span:before {
    opacity: 1
}

.gem-infobox .gem-infobox-icon-horizontal-right .gem-icon-with-text-icon {
    padding-right: 0;
    padding-left: 10px
}

.gem-infobox-content.icon-bottom {
    display: flex;
    flex-direction: column
}

.gem-infobox .icon-bottom .gem-texbox-text-wrapper {
    order: 1
}

.gem-infobox .icon-bottom .gem-texbox-icon-image-wrapper {
    order: 2;
    margin-top: 30px
}

.gem-infobox-content.icon-bottom, .gem-infobox-content.button-top {
    display: flex;
    flex-direction: column
}

.gem-infobox .icon-bottom.button-bottom .gem-texbox-text-wrapper {
    order: 1
}

.gem-infobox .icon-bottom.button-bottom .gem-texbox-icon-image-wrapper {
    order: 2
}

.gem-infobox-content.icon-top.button-top .gem-texbox-text-wrapper {
    display: flex;
    flex-direction: column
}

.gem-infobox-content.icon-top.button-top .gem-button-container {
    order: 1
}

.gem-infobox-content.icon-top.button-top .gem-infobox-title {
    order: 2
}

.gem-infobox-content.icon-top.button-top .gem-infobox-description {
    order: 3
}

.gem-infobox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
    display: flex;
    flex-direction: column
}

.gem-infobox-content.icon-bottom.button-top .gem-button-container {
    order: 1
}

.gem-infobox-content.icon-bottom.button-top .gem-infobox-title {
    order: 2
}

.gem-infobox-content.icon-bottom.button-top .gem-infobox-description {
    order: 3
}

.gem-infobox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
    order: 1
}

.gem-infobox-content.icon-bottom.button-top .gem-texbox-icon-image-wrapper {
    order: 2;
    margin-top: 30px
}

.gem-infobox-icon .elementor-icon {
    display: block;
    color: var(--thegem-to-menu-level1-color,#3c3950)
}

.gem-infobox-icon-horizontal-center .gem-texbox-icon-image-wrapper {
    text-align: center !important
}

.gem-infobox-icon-horizontal-left .gem-texbox-icon-image-wrapper {
    text-align: left !important
}

.gem-infobox-icon-horizontal-right .gem-texbox-icon-image-wrapper {
    text-align: right !important
}

.gem-infobox-icon-horizontal-right.gem-infobox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
    float: right
}

.gem-infobox-icon-horizontal-left.gem-infobox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
    float: left
}

.gem-infobox-icon-image-wrapping-inline {
    display: flex;
    flex-direction: column;
    align-items: center
}

    .gem-infobox-icon-image-wrapping-inline .gem-texbox-text-wrapper {
        flex-grow: 1
    }

    .gem-infobox-icon-image-wrapping-inline.gem-infobox-icon-horizontal-right {
        flex-direction: row-reverse
    }

.icon-bottom.gem-infobox-icon-image-wrapping-inline.gem-infobox-icon-horizontal-right {
    flex-direction: row
}

.gem-infobox-icon-image-wrapping-inline.gem-infobox-icon-horizontal-left {
    flex-direction: row
}

.icon-bottom.gem-infobox-icon-image-wrapping-inline.gem-infobox-icon-horizontal-left {
    flex-direction: row-reverse
}

.icon-bottom.gem-infobox-icon-image-wrapping-inline {
    align-items: flex-end
}

.icon-top.gem-infobox-icon-image-wrapping-inline {
    align-items: flex-start
}

.gem-infobox-title.title-default, .gem-infobox-subtitle.title-default {
    font-family: var(--thegem-to-menu-font-family,'Montserrat');
    font-style: var(--thegem-to-menu-font-style,normal);
    font-weight: var(--thegem-to-menu-font-weight,700);
    font-size: var(--thegem-to-menu-font-size,14px);
    line-height: var(--thegem-to-menu-line-height,25px);
    letter-spacing: var(--thegem-to-menu-letter-spacing,0);
    text-transform: var(--thegem-to-menu-text-transform,uppercase);
    color: var(--thegem-to-h6-color)
}

    .gem-infobox-title.title-default.light, .gem-infobox-subtitle.title-default.light {
        font-family: var(--thegem-to-light-title-font-family);
        font-style: var(--thegem-to-light-title-font-style);
        font-weight: 400
    }

.gem-infobox-title.text-body, .gem-infobox-subtitle.text-body {
    font-family: var(--thegem-to-body-font-family);
    font-style: var(--thegem-to-body-font-style);
    font-weight: var(--thegem-to-body-font-weight);
    font-size: var(--thegem-to-body-font-size);
    line-height: var(--thegem-to-body-line-height);
    letter-spacing: var(--thegem-to-body-letter-spacing);
    text-transform: var(--thegem-to-body-text-transform)
}

.gem-infobox-title.text-body-tiny, .gem-infobox-subtitle.text-body-tiny {
    font-family: var(--thegem-to-body-tiny-font-family);
    font-style: var(--thegem-to-body-tiny-font-style);
    font-weight: var(--thegem-to-body-tiny-font-weight);
    font-size: var(--thegem-to-body-tiny-font-size);
    line-height: var(--thegem-to-body-tiny-line-height);
    letter-spacing: var(--thegem-to-body-tiny-letter-spacing);
    text-transform: var(--thegem-to-body-tiny-text-transform)
}

.gem-infobox.width-link:hover .gem-infobox-content .gem-infobox-title, .gem-infobox.width-link:hover .gem-infobox-content .gem-infobox-subtitle {
    color: var(--thegem-to-menu-level1-color-hover,#00bcd4) !important
}

.items-animations-timer-element {
    font-size: 0;
    line-height: 1;
    height: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

    .items-animations-timer-element.start-timer {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }

.item-animation-move-up .item-animations-inited.before-start {
    -moz-transform: translateY(40px) !important;
    -ms-transform: translateY(40px) !important;
    -webkit-transform: translateY(40px) !important;
    -o-transform: translateY(40px) !important;
    transform: translateY(40px) !important;
    zoom: 1;
    -webkit-opacity: 0 !important;
    -moz-opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important
}

    .item-animation-move-up .item-animations-inited.before-start.start-animation {
        -o-transition: opacity 1s,transform 1s !important;
        -webkit-transition: opacity 1s,transform 1s !important;
        transition: opacity 1s,transform 1s !important;
        -moz-transform: translateY(0px) !important;
        -ms-transform: translateY(0px) !important;
        -webkit-transform: translateY(0px) !important;
        -o-transform: translateY(0px) !important;
        transform: translateY(0px) !important;
        zoom: 1;
        -webkit-opacity: 1 !important;
        -moz-opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        opacity: 1 !important
    }

.item-animation-bounce .item-animations-inited.before-start {
    -moz-transform: scale(.001) !important;
    -ms-transform: scale(.001) !important;
    -webkit-transform: scale(.001) !important;
    -o-transform: scale(.001) !important;
    transform: scale(.001) !important;
    zoom: 1;
    -webkit-opacity: 0 !important;
    -moz-opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important
}

    .item-animation-bounce .item-animations-inited.before-start.start-animation {
        -o-transition: opacity .4s,transform .4s !important;
        -webkit-transition: opacity .4s,transform .4s !important;
        transition: opacity .4s,transform .4s !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transform: scale(1) !important;
        zoom: 1;
        -webkit-opacity: 1 !important;
        -moz-opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        opacity: 1 !important
    }

.item-animation-fade-in .item-animations-inited.before-start {
    zoom: 1;
    -webkit-opacity: 0 !important;
    -moz-opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important
}

    .item-animation-fade-in .item-animations-inited.before-start.start-animation {
        -o-transition: opacity .7s !important;
        -webkit-transition: opacity .7s !important;
        transition: opacity .7s !important;
        -webkit-opacity: 1 !important;
        -moz-opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        opacity: 1 !important
    }

.item-animation-scale .item-animations-inited.before-start {
    -moz-transform: scale(.001) !important;
    -ms-transform: scale(.001) !important;
    -webkit-transform: scale(.001) !important;
    -o-transform: scale(.001) !important;
    transform: scale(.001) !important
}

    .item-animation-scale .item-animations-inited.before-start.start-animation {
        -o-transition: transform .57s ease-in-out !important;
        -webkit-transition: transform .57s ease-in-out !important;
        transition: opacity transform .57s ease-in-out !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        transform: scale(1) !important
    }

.item-animation-flip .item-animations-inited.before-start {
    -moz-transform: rotate3d(1,0,0,-80deg) !important;
    -ms-transform: rotate3d(1,0,0,-80deg) !important;
    -webkit-transform: rotate3d(1,0,0,-80deg) !important;
    -o-transform: rotate3d(1,0,0,-80deg) !important;
    transform: rotate3d(1,0,0,-80deg) !important;
    zoom: 1;
    -webkit-opacity: 0 !important;
    -moz-opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important
}

    .item-animation-flip .item-animations-inited.before-start.start-animation {
        -o-transition: opacity .7s ease-in-out,transform .7s ease-in-out !important;
        -webkit-transition: opacity .7s ease-in-out,transform .7s ease-in-out !important;
        transition: opacity .7s ease-in-out,transform .7s ease-in-out !important;
        -moz-transform: rotate3d(0,0,0,0deg) !important;
        -ms-transform: rotate3d(0,0,0,0deg) !important;
        -webkit-transform: rotate3d(0,0,0,0deg) !important;
        -o-transform: rotate3d(0,0,0,0deg) !important;
        transform: rotate3d(0,0,0,0deg) !important;
        -webkit-opacity: 1 !important;
        -moz-opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        opacity: 1 !important
    }

.item-animation-fall-perspective .item-animations-inited.before-start {
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
    -ms-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
    -o-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
    transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
    zoom: 1;
    -webkit-opacity: 0 !important;
    -moz-opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important
}

    .item-animation-fall-perspective .item-animations-inited.before-start.start-animation {
        -o-transition: opacity .75s ease-in-out,transform .75s ease-in-out !important;
        -webkit-transition: opacity .75s ease-in-out,transform .75s ease-in-out !important;
        transition: opacity .75s ease-in-out,transform .75s ease-in-out !important;
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
        -ms-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
        -o-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
        transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
        -webkit-opacity: 1 !important;
        -moz-opacity: 1 !important;
        filter: alpha(opacity=100) !important;
        opacity: 1 !important
    }

body:not(.elementor-editor-active) .lazy-loading:not(.lazy-loading-not-hide) {
    visibility: hidden
}

body #page .lazy-loading.lazy-loading-end-animation, body #page .lazy-loading.lazy-loading-before-start-animation {
    visibility: visible
}

.lazy-loading-timer-element {
    font-size: 0;
    line-height: 1;
    height: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

    .lazy-loading-timer-element.start-timer {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }

.lazy-loading-timer-element {
    font-size: 0;
    line-height: 1;
    height: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-clip {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    zoom: 1
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-clip {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform .4s cubic-bezier(.35,.8,.25,1.34);
    -ms-transition: transform .4s cubic-bezier(.35,.8,.25,1.34);
    -o-transition: transform .4s cubic-bezier(.35,.8,.25,1.34);
    -webkit-transition: transform .4s cubic-bezier(.35,.8,.25,1.34);
    transition: transform .4s cubic-bezier(.35,.8,.25,1.34)
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-fading {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-fading {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-right {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: translateX(7%);
    -ms-transform: translateX(7%);
    -webkit-transform: translateX(7%);
    -o-transform: translateX(7%);
    transform: translateX(7%)
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-right {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: transform .7s,opacity .7s;
    -ms-transition: transform .7s,opacity .7s;
    -o-transition: transform .7s,opacity .7s;
    -webkit-transition: transform .7s,opacity .7s;
    transition: transform .7s,opacity .7s
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-left {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: translateX(-7%);
    -ms-transform: translateX(-7%);
    -webkit-transform: translateX(-7%);
    -o-transform: translateX(-7%);
    transform: translateX(-7%)
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-left {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: transform .7s,opacity .7s;
    -ms-transition: transform .7s,opacity .7s;
    -o-transition: transform .7s,opacity .7s;
    -webkit-transition: transform .7s,opacity .7s;
    transition: transform .7s,opacity .7s
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-bottom {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: translateY(7%);
    -ms-transform: translateY(7%);
    -webkit-transform: translateY(7%);
    -o-transform: translateY(7%);
    transform: translateY(7%)
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-bottom {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: transform .7s,opacity .7s;
    -ms-transition: transform .7s,opacity .7s;
    -o-transition: transform .7s,opacity .7s;
    -webkit-transition: transform .7s,opacity .7s;
    transition: transform .7s,opacity .7s
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-top {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-top {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: transform .7s,opacity .7s;
    -ms-transition: transform .7s,opacity .7s;
    -o-transition: transform .7s,opacity .7s;
    -webkit-transition: transform .7s,opacity .7s;
    transition: transform .7s,opacity .7s
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-slide-right {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-slide-right {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -moz-transition: transform .3s cubic-bezier(.33,.8,.14,1.2),opacity .1s;
    -ms-transition: transform .3s cubic-bezier(.33,.8,.14,1.2),opacity .1s;
    -o-transition: transform .3s cubic-bezier(.33,.8,.14,1.2),opacity .1s;
    -webkit-transition: transform .3s cubic-bezier(.33,.8,.14,1.2),opacity .1s;
    transition: transform .3s cubic-bezier(.33,.8,.14,1.2),opacity .1s
}

body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-move-up {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px)
}

body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-move-up {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: transform 1s,opacity 1s;
    -ms-transition: transform 1s,opacity 1s;
    -o-transition: transform 1s,opacity 1s;
    -webkit-transition: transform 1s,opacity 1s;
    transition: transform 1s,opacity 1s
}

.diagram-wrapper.style-3 .digram-line-box .skill-title span {
    color: #fff
}

.skill-element + .skill-element {
    margin: 8px 0 0
}

.skill-title {
    font-size: 89.5%;
    line-height: 1.421;
    margin: 0 0 5px
}

.skill-amount {
    float: right;
    font-size: 126.3%;
    margin-top: -11px
}

.skill-line {
    font-size: 0;
    line-height: 1;
    height: 10px;
    margin-right: 55px
}

    .skill-line div {
        display: inline-block;
        font-size: 0;
        line-height: 1;
        height: 10px
    }

        .skill-line div.animation {
            -moz-transition: width 1.6s cubic-bezier(.165,.84,.44,1);
            -ms-transition: width 1.6s cubic-bezier(.165,.84,.44,1);
            -o-transition: width 1.6s cubic-bezier(.165,.84,.44,1);
            -webkit-transition: width 1.6s cubic-bezier(.165,.84,.44,1);
            transition: width 1.6s cubic-bezier(.165,.84,.44,1)
        }

.diagram-summary {
    font-size: 89.5%;
    line-height: 1.471;
    margin: 0 0 .766667em
}

.widget .diagram-summary {
    font-size: 100%
}

.diagram-summary-text {
    margin: 0 0 .766667em
}

.diagram-circle {
    text-align: center
}

.diagram-circle {
    position: relative
}

    .diagram-circle .box-wrapper {
        max-width: 550px;
        position: relative;
        text-align: left
    }

.tab_wrapper .diagram-circle .box-wrapper {
    margin: 0 auto
}

.diagram-circle .box {
    position: relative
}

.diagram-circle .skills {
    display: none
}

.diagram-circle .text {
    font-size: 89.5%;
    line-height: 1.471;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.widget .diagram-circle .text {
    font-size: 100%
}

.diagram-circle .text div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

    .diagram-circle .text div span {
        display: block;
        text-align: center;
        padding: 0 0 0 5px;
        margin: 0
    }

.widget .diagram-circle .text div, .widget .diagram-circle .text div span.title {
    font-size: inherit
}

.diagram-legend {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    text-align: left
}

    .diagram-legend .legend-element {
        margin: 0 0 26px
    }

        .diagram-legend .legend-element .color {
            display: block;
            float: left;
            width: 16px;
            height: 16px
        }

.sidebar .diagram-legend .legend-element .color {
    width: 12px;
    height: 12px
}

.diagram-legend .legend-element .title {
    display: block;
    line-height: 1;
    margin: 0 0 0 30px
}

.widget .diagram-legend .legend-element .title {
    margin-left: 23px;
    margin-top: -2px
}

.diagram-wrapper.style-3 .digram-line-box .skill-title span.diagram-skill-title {
    margin-left: 0
}

.diagram-wrapper.style-3 .digram-line-box .skill-title span.diagram-skill-amount {
    margin-left: 8px
}

.diagram-wrapper .digram-line-box {
    background-color: inherit
}

.diagram-wrapper.style-3 .digram-line-box .skill-element {
    position: relative;
    padding-top: 0
}

    .diagram-wrapper.style-3 .digram-line-box .skill-element + .skill-element {
        margin-top: 18px
    }

.diagram-wrapper.style-3 .skill-title {
    position: absolute;
    top: 50%;
    margin-bottom: 0
}

.diagram-wrapper.style-3 .skill-title {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    *display: inline;
}

    .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
        display: -moz-inline-box;
        -moz-box-orient: vertical;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        position: relative
    }

    .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
        *display: inline;
    }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
            display: -moz-inline-box;
            -moz-box-orient: vertical;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            visibility: hidden
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
            *display: inline;
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
            text-align: left;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
            display: block
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
            display: block;
            -webkit-backface-visibility: hidden
        }

        .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
            display: block;
            -webkit-transform: translateZ(0)
        }

            .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
                position: absolute;
                width: 100%
            }

    .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
        -webkit-transition: -webkit-transform 2s;
        -moz-transition: -moz-transform 2s;
        -ms-transition: -ms-transform 2s;
        -o-transition: -o-transform 2s;
        transition: transform 2s
    }

    .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
        -webkit-transition: -webkit-transform 2s;
        -moz-transition: -moz-transform 2s;
        -ms-transition: -ms-transform 2s;
        -o-transition: -o-transform 2s;
        transition: transform 2s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
        text-align: center
    }

.elementor-widget-thegem-counter:not(:last-child) {
    margin-bottom: 0
}

.gem-counter-box {
    margin-bottom: 0
}

.gem-counter {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%
}

@media (max-width:549px) {
    .gem-counter {
        width: 100%
    }
}

.gem-counter-inner {
    position: relative
}

.gem-counter .gem-counter-number .gem-counter-odometer, .gem-counter-suffix {
    vertical-align: middle;
    white-space: nowrap
}

.gem-counter-number {
    margin-bottom: 0;
    display: flex;
    justify-content: center
}

.gem-counter-suffix-spacing {
    margin-left: 10px
}

.gem-counter-icon-circle-1 {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    border-width: 4px;
    border-style: solid;
    padding: 9px
}

.gem-counter-icon-circle-2 {
    width: 146px;
    height: 146px;
    line-height: 146px;
    border-radius: 50%;
    text-align: center;
    border-width: 2px;
    border-style: solid
}

.gem-counter-style-vertical .gem-counter, .gem-counter-style-vertical .gem-counter-inner {
    position: relative
}

.gem-counter-style-vertical .gem-counter {
    margin-top: 50px
}

.gem-counter-style-vertical .gem-counter-connector {
    position: absolute;
    width: 3px;
    top: -50px;
    left: 50%;
    margin-left: -1px
}

.gem-counter-style-vertical .gem-counters-list:first-child .gem-counter:first-child {
    margin-top: 0
}

    .gem-counter-style-vertical .gem-counters-list:first-child .gem-counter:first-child .gem-counter-connector {
        display: none
    }

.gem-counter-style-vertical .gem-counter.gem-counter-size-small {
    padding-top: 25px
}

    .gem-counter-style-vertical .gem-counter.gem-counter-size-small .gem-counter-inner {
        padding-top: 60px
    }

    .gem-counter-style-vertical .gem-counter.gem-counter-size-small .gem-counter-connector {
        height: 75px
    }

.gem-counter-style-vertical .gem-counter.gem-counter-size-medium {
    padding-top: 40px
}

    .gem-counter-style-vertical .gem-counter.gem-counter-size-medium .gem-counter-inner {
        padding-top: 75px
    }

    .gem-counter-style-vertical .gem-counter.gem-counter-size-medium .gem-counter-connector {
        height: 90px
    }

.gem-counter-style-vertical .gem-counter.gem-counter-size-large {
    padding-top: 80px
}

    .gem-counter-style-vertical .gem-counter.gem-counter-size-large .gem-counter-inner {
        padding-top: 115px
    }

    .gem-counter-style-vertical .gem-counter.gem-counter-size-large .gem-counter-connector {
        height: 130px
    }

.gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge {
    padding-top: 120px
}

    .gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge .gem-counter-inner {
        padding-top: 170px
    }

    .gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge .gem-counter-connector {
        height: 185px
    }

.gem-counter-style-vertical .gem-counter-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gem-counter-team .gem-team .inline-column {
    margin-bottom: 0
}

.gem-counter-team .team-person .team-person-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

    .gem-counter-team .team-person .team-person-image img {
        display: inline-block
    }

.gem-counter-team.image-size-small {
    padding-top: 25px
}

    .gem-counter-team.image-size-small .team-person {
        padding-top: 60px
    }

        .gem-counter-team.image-size-small .team-person .team-person-image img {
            width: 50px;
            height: 50px
        }

.gem-counter-team.image-size-medium {
    padding-top: 40px
}

    .gem-counter-team.image-size-medium .team-person {
        padding-top: 60px
    }

        .gem-counter-team.image-size-medium .team-person .team-person-image img {
            width: 80px;
            height: 80px
        }

.gem-counter-team.image-size-large {
    padding-top: 80px
}

    .gem-counter-team.image-size-large .team-person {
        padding-top: 115px
    }

        .gem-counter-team.image-size-large .team-person .team-person-image img {
            width: 160px;
            height: 160px
        }

.gem-counter-team.image-size-xlarge {
    padding-top: 120px
}

    .gem-counter-team.image-size-xlarge .team-person {
        padding-top: 170px
    }

        .gem-counter-team.image-size-xlarge .team-person .team-person-image img {
            width: 240px;
            height: 240px
        }

.gem-counter-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.gem-counter .gem-icon-inner .wrapper-icon-inner svg, .gem-counter .gem-icon-inner svg {
    width: 1em;
    height: 1em;
    display: block
}

.gem-counter .gem-icon {
    overflow: visible
}

.gem-counter .gem-counter-animation {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.gem-icon-shape-circle .gem-counter-animation {
    border-radius: 50%
}

.gem-counter-effect-background-reverse .gem-counter-animation {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0)
}

.gem-counter-effect-background-reverse.hover .gem-counter-animation {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1)
}

.gem-counter-effect-border-reverse .gem-counter-animation {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1)
}

.gem-counter-effect-border-reverse.hover .gem-counter-animation {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0)
}

.gem-counter-bottom {
    position: absolute;
    bottom: -10px;
    height: 10px;
    left: 0;
    width: 100%
}

    .gem-counter-bottom-left, .gem-counter-bottom-right, .gem-counter-bottom svg {
        position: absolute;
        top: 0;
        height: 100%
    }

.gem-counter-bottom-left {
    left: 0;
    right: 50%;
    margin-right: 10px
}

.gem-counter-bottom-right {
    right: 0;
    left: 50%;
    margin-left: 10px
}

.gem-counter-bottom svg {
    left: 50%;
    margin-left: -10px
}

.gem-counter-box {
    position: relative;
    z-index: 1
}

    .gem-counter-box:before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        transition: opacity .5s linear;
        opacity: 0
    }

    .gem-counter-box:hover:before {
        opacity: 1
    }

.gem-counter-container .gem-icon {
    border-style: none
}

.counter-preset1 .gem-counter-container .gem-icon .gem-icon-inner .icon-hover-bg, .counter-preset3 .gem-counter-container .gem-icon .gem-icon-inner .icon-hover-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transition: .5s;
    z-index: -1;
    border-radius: inherit
}

.counter-preset1 .gem-counter-container .gem-counter-box:hover .icon-hover-bg, .counter-preset3 .gem-counter-container .gem-counter-box:hover .icon-hover-bg {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transition: .5s;
    z-index: -1
}

.counter-preset1 .gem-counter-box, .counter-preset1 .gem-counter-box:hover, .counter-preset1 .gem-counter-box .gem-counter-inner, .counter-preset1 .gem-counter-box:hover .gem-counter-inner, .counter-preset1 .gem-counter-box .gem-icon, .counter-preset1 .gem-counter .gem-icon-inner svg, .counter-preset1 .gem-counter-box:hover .gem-icon, .counter-preset1 .gem-counter-box .gem-icon-inner, .counter-preset1 .gem-counter-box:hover .gem-icon-inner, .counter-preset1 .gem-counter-box .gem-icon-inner i, .counter-preset1 .gem-counter-box:hover .gem-icon-inner i, .counter-preset1 .gem-counter-box .gem-counter-number, .counter-preset1 .gem-counter-box:hover .gem-counter-number, .counter-preset1 .gem-counter-box .gem-counter-text, .counter-preset1 .gem-counter-box:hover .gem-counter-text {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.counter-preset1 .gem-counter-inner {
    padding: 0
}

.counter-preset1 .gem-counter-box {
    overflow: hidden
}

.counter-preset1 .gem-icon .gem-icon-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: auto;
    height: auto
}

.counter-preset1 .gem-counter-box:hover .gem-icon .gem-icon-inner {
    background: 0 0
}

.counter-preset1 .gem-counter-icon {
    margin-bottom: 0
}

.counter-preset2 .gem-counter-box, .counter-preset2 .gem-counter-box:hover, .counter-preset2 .gem-counter-box .gem-counter-inner, .counter-preset2 .gem-counter-box:hover .gem-counter-inner, .counter-preset2 .gem-counter-box .gem-counter-icon-circle-1, .counter-preset2 .gem-counter-box:hover .gem-counter-icon-circle-1, .counter-preset2 .gem-counter-box .gem-counter-icon-circle-2, .counter-preset2 .gem-counter-box:hover .gem-counter-icon-circle-2, .counter-preset2 .gem-counter-box .gem-icon, .counter-preset2 .gem-counter .gem-icon-inner svg, .counter-preset2 .gem-counter-box:hover .gem-icon, .counter-preset2 .gem-counter-box .gem-icon-inner, .counter-preset2 .gem-counter-box:hover .gem-icon-inner, .counter-preset2 .gem-counter-box .gem-icon-inner i, .counter-preset2 .gem-counter-box:hover .gem-icon-inner i, .counter-preset2 .gem-counter-box .gem-counter-number, .counter-preset2 .gem-counter-box:hover .gem-counter-number, .counter-preset2 .gem-counter-box .gem-counter-text, .counter-preset2 .gem-counter-box:hover .gem-counter-text {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.counter-preset2 .gem-counter-box {
    overflow: hidden
}

.counter-preset2 .gem-counter-icon-circle-2 {
    display: flex;
    justify-content: center;
    align-items: center
}

.counter-preset2 .gem-icon-inner {
    display: flex;
    justify-content: center;
    align-items: center
}

.counter-preset2 .gem-icon-size-medium.gem-simple-icon {
    width: 100%
}

.counter-preset2 .gem-counter-number {
    margin-top: 30px
}

.counter-preset3 .gem-counter-box, .counter-preset3 .gem-counter-box:hover, .counter-preset3 .gem-counter-box .gem-counter-inner, .counter-preset3 .gem-counter-box:hover .gem-counter-inner, .counter-preset3 .gem-counter-box .gem-icon, .counter-preset3 .gem-counter-box:hover .gem-icon, .counter-preset3 .gem-counter-box .gem-icon-inner svg, .counter-preset3 .gem-counter-box:hover .gem-icon-inner svg, .counter-preset3 .gem-counter-box .gem-icon-inner, .counter-preset3 .gem-counter-box:hover .gem-icon-inner, .counter-preset3 .gem-counter-box .gem-icon-inner i, .counter-preset3 .gem-counter-box:hover .gem-icon-inner i, .counter-preset3 .gem-counter-box .gem-counter-number, .counter-preset3 .gem-counter-box:hover .gem-counter-number, .counter-preset3 .gem-counter-box .gem-counter-text, .counter-preset3 .gem-counter-box:hover .gem-counter-text, .counter-preset3 .team-person-info, .counter-preset3 .team-person-info:hover, .counter-preset3 .team-person-info .team-person-email a, .counter-preset3 .team-person-info:hover .team-person-email a, .counter-preset3 .team-person-info .team-person-socials a i, .counter-preset3 .team-person-info:hover .team-person-socials a i {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .counter-preset3 .gem-counter-box:hover .gem-icon .gem-icon-inner {
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s
    }

.counter-preset3 .divider-counter {
    display: flex;
    justify-content: center
}

    .counter-preset3 .divider-counter span {
        border: 3px solid #f4f6f7;
        display: block
    }

.counter-preset3 .gem-counter-container .gem-icon {
    border-style: none;
    width: max-content;
    justify-content: center;
    height: 100%
}

.counter-preset3 .gem-counter-box {
    text-align: center;
    width: 100%
}

    .counter-preset3 .gem-counter-box:before {
        border-radius: inherit
    }

.counter-preset3 .gem-icon .gem-icon-inner {
    overflow: hidden;
    margin: 0
}

    .counter-preset3 .gem-icon .gem-icon-inner i {
        width: 55px;
        height: 55px
    }

.counter-preset3 .team-person-info {
    position: relative;
    text-align: center;
    padding: 40px;
    margin-bottom: 0
}

.counter-preset3 .team-person-socials {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 auto
}

    .counter-preset3 .team-person-socials a {
        padding: 0 5px
    }

        .counter-preset3 .team-person-socials a i {
            color: #b6c6c9
        }

.counter-preset3 .team-person-image {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 0 40px
}

.counter-preset3 .gem-counter-icon {
    margin-bottom: 20px
}

.counter-preset3 .gem-icon-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50% !important
}

.counter-preset3 .team-person-image img {
    border-radius: 50%;
    max-width: 18%;
    width: 100%
}

.counter-preset3 .team-person-email a:before {
    font-family: 'thegem-icons';
    font-weight: 400;
    content: '\e607';
    font-size: 16px;
    margin-right: 10px;
    color: inherit;
    vertical-align: top
}

.widget-testimonials {
    position: relative
}

.gem-testimonials-navigation a {
    overflow: visible
}

.gem-testimonials, .gem-testimonials:hover {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

.testimonials-style-1-item {
    position: relative;
    display: inline-block
}

.testimonials-style-1-image {
    padding-top: 60px;
    height: 190px
}

.testimonials-style-1-item {
    text-align: center
}

.testimonials-style-1-text {
    font-style: inherit;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 35px;
    padding-bottom: 10px;
    clear: both
}

.testimonials-style-1-item .gem-dummy {
    margin-left: 62px
}

.testimonials-style-1-item {
    border-top-left-radius: 67px;
    border-top-right-radius: 67px;
    overflow: hidden
}

.testimonials-style-1-teg {
    border-bottom-left-radius: 67px;
    border-bottom-right-radius: 67px
}

.testimonials-style-1-item .gem-testimonial-position {
    padding-top: 4px
}

.testimonials-style-2-bg {
    position: relative
}

.testimonials-style-2-item .wrap-style {
    transform: rotate(270deg);
    transform-origin: 0 100%;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 0 100%;
    overflow: visible;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: 49px;
    width: 49px;
    height: 100px
}

.testimonials-style-1-item .wrap-style {
    transform: rotate(270deg);
    transform-origin: 0 100%;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 0 100%;
    overflow: visible;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: 49px;
    width: 49px;
    height: 100px
}

.testimonials-style-1-item .empy_space {
    height: 48px
}

.widget .gem-testimonial-text > .testimonials-style-1-teg, .widget .gem-testimonial-text > .testimonials-style-2-teg {
    margin-bottom: 0
}

.testimonials-style-2-text.gem-testimonial-text {
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 59px
}

.testimonials-style-1-text.gem-testimonial-text {
    padding: 33px 20px
}

.gem-widget-testimonials-prev-style-1.gem-prev:after, .gem-widget-testimonials-next-style-1.gem-next:after, .gem-widget-testimonials-prev-style-2.gem-prev:after, .gem-widget-testimonials-next-style-2.gem-next:after {
    font-family: thegem-icons;
    height: 40px;
    width: 40px;
    line-height: 1.7;
    margin: 0;
    left: 0
}

.gem-widget-testimonials-prev-style-1.gem-prev:after, .gem-widget-testimonials-next-style-1.gem-next:after {
    top: 106px
}

.gem-widget-testimonials-prev-style-2.gem-prev:after, .gem-widget-testimonials-prev-style-1.gem-prev:after {
    content: '\e637';
    padding-left: 5px
}

.gem-widget-testimonials-next-style-2.gem-next:after, .gem-widget-testimonials-next-style-1.gem-next:after {
    content: '\e638';
    padding-right: 5px
}

.gem-widget-testimonials-prev-style-2.gem-prev:after, .gem-widget-testimonials-next-style-2.gem-next:after {
    top: 42px
}

.testimonials-style-2-item {
    border-radius: 60px;
    overflow: hidden
}

    .testimonials-style-2-item .gem-testimonial-text {
        padding-top: 63px;
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
        overflow: hidden
    }

.testimonials.testimonials-style-2, .testimonials-carousel-style-2, .testimonials-style-2-text.gem-testimonial-text .testimonials-style-2 {
    border-radius: 60px !important;
    overflow: hidden !important
}

.testimonials-style-1-teg {
    font-style: normal;
    padding-bottom: 50px;
    padding-top: 40px
}

.testimonials-style-1-post.gem-testimonial-company {
    margin-top: -3px
}

.testimonials-style-1-item, .testimonials-style-2-item {
    vertical-align: top
}

.testimonials-style-1-prev {
    left: 17px;
    top: 93px;
    font-family: thegem-icons;
    content: '\e601';
    font-size: 20px;
    position: absolute;
    outline: none
}

.testimonials-style-1-next {
    right: 17px;
    top: 93px;
    font-family: thegem-icons;
    content: '\e601';
    font-size: 18px;
    position: absolute;
    outline: none
}

.testimonials-style-1-teg {
    font-size: 30px;
    font-family: thegem-icons
}

.testimonials-style-1-image img {
    height: 128px;
    width: 128px
}

.testimonials-style-2-teg {
    padding-top: 38px;
    padding-bottom: 38px
}

.testimonials-style-2-text {
    font-style: inherit;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 20px
}

.testimonials-style-2-name {
    padding-top: 14px
}

.testimonials-style-2 {
    text-align: center;
    position: relative
}

.testimonials-style-2-bg {
    padding-bottom: 47px;
    text-align: center;
    margin-top: -47px
}

.triangle-with-shadow.trangle-style-2 {
    margin-top: -1px
}

.testimonials-style-2-image {
    margin-top: 114px;
    position: relative;
    height: 128px
}

.testimonials-style-2-item .gem-dummy {
    margin-left: 64px
}

.testimonials-style-2-item {
    display: inline-block;
    text-align: center
}

.testimonials-style-2-prev {
    left: 17px;
    bottom: 180px;
    font-family: thegem-icons;
    content: '\e601';
    font-size: 20px;
    position: absolute;
    outline: none
}

.testimonials-style-2-next {
    right: 17px;
    bottom: 180px;
    font-family: thegem-icons;
    content: '\e601';
    font-size: 18px;
    position: absolute;
    outline: none
}

.testimonials-style-2-teg {
    font-size: 60px;
    font-family: thegem-icons;
    font-style: normal
}

.testimonials-style-2-text > p {
    margin-bottom: 0
}

.testimonials-style-2-image img {
    height: 128px;
    width: 128px
}

.gem-widget-testimonials-prev-style-1.gem-prev:after {
    top: 106px;
    font-size: 24px;
    font-family: thegem-icons
}

.gem-widget-testimonials-next-style-1.gem-next:after {
    top: 106px;
    font-size: 24px;
    font-family: thegem-icons
}

.gem-widget-testimonials-prev-style-2.gem-prev:after {
    position: absolute;
    font-size: 24px;
    font-family: thegem-icons
}

.gem-widget-testimonials-next-style-2.gem-next:after {
    position: absolute;
    font-size: 24px;
    font-family: thegem-icons
}

.triangle-with-shadow {
    width: 100px;
    height: 40px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

    .triangle-with-shadow:after {
        content: "";
        position: absolute;
        width: 50px;
        height: 50px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        top: -25px;
        left: 25px
    }

.testimonials-style-1-block {
    margin-bottom: 10px;
    text-align: center
}

.testimonials-style-1-post {
    padding-top: 3px
}

.testimonials-style-2-post {
    padding-top: 3px
}

.gem-testimonials-carousel-wrap .testimonials-style-2-bg .testimonials-style-2-post a {
    padding-top: 3px
}

.testimonials-style-2-text {
    position: relative
}

.testimonials-style-1-block .gem-testimonials-carousel-wrap {
    margin-bottom: -1px;
    text-align: center
}

.testimonials-style-2-bg {
    padding-top: 3px
}

.testimonials-style-2-item .gem-dummy {
    height: 128px;
    width: 128px
}

.testimonials-style-1-item .gem-dummy {
    height: 128px;
    width: 128px
}

.gem-testimonials.style1 svg {
    display: none
}

.testimonials-style-1-name.gem-testimonial-name, .testimonials-style-2-name.gem-testimonial-name {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 14px
}

.testimonials-style-1-teg {
    font-size: 58px
}

body .thegem-widget-testimonial .testimonials-style-1-teg {
    color: #a3e7f0
}

.thegem-widget-testimonial .testimonials-style-2-teg {
    color: #a3e7f0
}

.gem-testimonial-item {
    float: left
}

.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper p:after, .gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper:after {
    display: none
}

.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper p {
    display: inline
}

.gem-testimonials.style1 .custom-color-blockqute-mark, .gem-testimonials.style1 .gem-testimonial-wrapper:after {
    content: '\e60c';
    display: block;
    font-family: 'thegem-icons';
    text-align: center;
    font-size: 60px;
    height: 33px;
    line-height: 33px;
    padding-top: 40px;
    vertical-align: top;
    font-style: normal;
    font-weight: 400
}

.gem-testimonial-text {
    font-size: 32px;
    text-align: center;
    padding: 14px 80px 0;
    line-height: 1.2;
    font-style: normal
}

    .gem-testimonial-text p {
        margin: 0
    }

.gem-testimonial-image {
    margin: 0 auto;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .gem-testimonial-image img {
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .gem-testimonial-image span {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        max-width: 100%;
        position: relative
    }

        .gem-testimonial-image span:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
            transition: all .5s;
            opacity: 0
        }

    .gem-testimonial-image a:hover:before, .gem-testimonial-image:hover span:before {
        opacity: 1
    }

.gem-testimonial-name {
    text-align: center;
    text-transform: uppercase
}

.gem-testimonial-position {
    line-height: 1.421;
    text-align: center
}

.gem-testimonials-carousel-wrap {
    position: relative;
    overflow: hidden
}

.gem-testimonial-wrapper {
    padding-bottom: 35px
}

.gem-testimonials.size-small .gem-testimonial-image {
    width: 80px;
    height: 80px
}

.gem-testimonials.size-medium .gem-testimonial-image {
    width: 128px;
    height: 128px
}

.gem-testimonials.size-large .gem-testimonial-image {
    width: 160px;
    height: 160px
}

.gem-testimonials.size-xlarge .gem-testimonial-image {
    width: 240px;
    height: 240px
}

.gem-testimonials.style1 .gem-testimonial-content div {
    text-align: center
}

.gem-testimonials.style1 .gem-testimonial-name {
    padding-top: 35px
}

.gem-testimonials.style2 .gem-testimonial-image {
    float: left;
    display: table-cell
}

.gem-testimonials.style2 .gem-testimonial-content {
    display: table-cell;
    padding-left: 38px
}

    .gem-testimonials.style2 .gem-testimonial-content div {
        text-align: left
    }

.gem-testimonials.style2 .gem-testimonial-text {
    padding: 0;
    margin-top: 14px
}

.gem-testimonial-company, .gem-testimonial-position {
    font-size: 14px
}

.gem-testimonial-content .gem-testimonial-name {
    font-size: 14px;
    margin: 0
}

.style2.gem-testimonials {
    border-radius: 55px
}

.style2 .gem-testimonial-wrapper {
    padding: 0 90px
}

.gem-testimonials.style2 .gem-testimonial-wrapper .custom-color-blockqute-mark, .gem-testimonials.style2 .gem-testimonial-wrapper p:after {
    content: '\e60c';
    font-family: 'thegem-icons';
    font-size: 60px;
    height: 33px;
    display: inline-block;
    line-height: 33px;
    padding-top: 30px;
    vertical-align: top;
    margin-left: 20px;
    font-style: normal;
    font-weight: 400
}

@media (max-width:768px) {
    .style2 .gem-testimonial-wrapper {
        padding: 0 50px
    }

    .gem-testimonials.style2 .gem-testimonial-wrapper .custom-color-blockqute-mark, .gem-testimonials.style2 .gem-testimonial-wrapper p:after {
        display: block
    }
}

.style1 .gem-testimonial-wrapper:after, .style2 .gem-testimonial-wrapper p:after {
    color: #a3e7f0
}

.testimonials_svg {
    bottom: -56px;
    margin-left: 105px
}

.gem-testimonials.fullwidth-block.style2 .testimonials_svg {
    margin-left: 23%;
    position: absolute;
    bottom: -56px
}

@media (min-width:1900px) {
    .gem-testimonials.fullwidth-block.style2 .testimonials_svg {
        left: 50%;
        margin-left: -450px
    }
}

.gem-testimonials.style2 {
    position: relative
}

    .gem-testimonials.style2 .testimonials_svg {
        margin-left: 105px;
        position: absolute
    }

.style2.gem-testimonials {
    margin-bottom: 60px
}

.gem-testimonials.style2 .gem-testimonial-item {
    float: left;
    padding: 73px 0
}

.gem-testimonials .gem-prev:after, .gem-testimonials .gem-next:after {
    position: absolute;
    font-family: 'thegem-icons';
    top: 50%;
    margin-top: 0;
    left: 50%;
    width: 40px;
    transform: translate(-50%,-50%);
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-indent: 0;
    font-weight: 400;
    margin: 0
}

.gem-testimonials .gem-prev:after, .gem-testimonials .gem-next:after {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.gem-testimonials .gem-prev:hover:after, .gem-testimonials .gem-next:hover:after {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear
}

.gem-testimonials .gem-prev, .gem-testimonials .gem-next {
    width: 40px
}

.gem-testimonials-carousel {
    overflow: hidden !important
}

.style2.gem-testimonials.fullwidth-block {
    background-color: transparent
}

    .style2.gem-testimonials.fullwidth-block .container {
        border-radius: 55px
    }

.gem-testimonials.fullwidth-block .gem-prev, .gem-testimonials.fullwidth-block .gem-next {
    width: 80px
}

    .gem-testimonials.fullwidth-block .gem-prev:after, .gem-testimonials.fullwidth-block .gem-next:after {
        position: absolute;
        font-family: 'thegem-icons';
        top: 50%;
        left: 50%;
        width: 80px;
        font-size: 48px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        text-indent: 0;
        font-weight: 400;
        background-color: transparent;
        transform: translate(-50%,-50%);
        margin: 0
    }

.widget .testimonials-style-2 .gem-dummy, .widget .testimonials-style-1 .gem-dummy {
    background-image: url(//codex-themes.com/thegem/sites/creative-portfolio-fullpage-02/wp-content/plugins/thegem-elements-elementor/inc/elementor/widgets/testimonials/assets/css/../images/default-avatar.png);
    background-size: 100%
}

    .widget .testimonials-style-2 .gem-dummy:after, .widget .testimonials-style-1 .gem-dummy:after {
        display: none
    }

@media (max-width:768px) {
    .gem-testimonial-text {
        font-size: 23px;
        padding: 30px 40px
    }

    .gem-testimonial-wrapper {
        padding: 20px;
        padding-bottom: 50px
    }

    .gem-testimonial-text {
        padding: 14px 45px 0
    }

    .gem-testimonials.style2 .gem-testimonial-image {
        display: block;
        float: none
    }

    .gem-testimonials.style2 .gem-testimonial-content {
        display: block;
        padding-left: 0
    }

    .gem-testimonial-name, .gem-testimonial-company, .gem-testimonial-text {
        text-align: center
    }

    .gem-testimonials.style2 .gem-testimonial-content div {
        text-align: center
    }

    .gem-testimonials.style2 .gem-testimonial-content {
        padding-top: 40px
    }

    .gem-testimonials.style2 .gem-testimonial-wrapper p:after {
        width: 100%;
        display: inline-block;
        margin-left: 0;
        padding-bottom: 40px
    }

    .gem-testimonials.fullwidth-block .gem-prev, .gem-testimonials.fullwidth-block .gem-next {
        width: 40px
    }

    .style2.gem-testimonials.fullwidth-block {
        padding: 0 20px
    }

    .testimonials_svg {
        text-align: center;
        margin-left: 0
    }

    .gem-testimonials.fullwidth-block .gem-prev:after, .gem-testimonials.fullwidth-block .gem-next:after {
        position: absolute;
        font-family: 'thegem-icons';
        top: 50%;
        margin-top: 0;
        left: 50%;
        width: 40px;
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-indent: 0;
        font-weight: 400;
        margin-top: -20px
    }
}

#colophon.testimonials-style-2-text.gem-testimonial-text, #colophon.testimonials-style-1-image, #colophon.testimonials-style-1-text.gem-testimonial-text, #colophon.testimonials-style-1-name, #colophon.testimonials-style-1-post, #colophon.testimonials-style-1-teg {
    background-color: #2c2e3d
}

.gem-widget-testimonials-prev-style-1.gem-prev:after, .gem-widget-testimonials-next-style-1.gem-next:after, .gem-widget-testimonials-prev-style-1.gem-prev:hover:after, .gem-widget-testimonials-next-style-1.gem-next:hover:after, .gem-widget-testimonials-prev-style-2.gem-prev:after, .gem-widget-testimonials-next-style-2.gem-next:after, .gem-widget-testimonials-prev-style-2.gem-prev:hover:after, .gem-widget-testimonials-next-style-2.gem-next:hover:after {
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

#colophon .testimonials-style-2-item .wrap-style {
    fill: #2c2e3d
}

#colophon .testimonials-style-2-text.gem-testimonial-text {
    background-color: #2c2e3d
}

#colophon .gem-testimonial-text p {
    color: #99a9b6
}

#colophon .testimonials-style-2-item {
    background-color: #181828
}

#colophon .testimonials-style-1-image, #colophon .testimonials-style-1-text.gem-testimonial-text, #colophon .testimonials-style-1-name, #colophon .testimonials-style-1-post, #colophon .testimonials-style-1-teg {
    background-color: #2c2e3d !important
}

#colophon .testimonials-style-1-item .wrap-style {
    fill: #2c2e3d
}

#colophon .testimonials-style-1 .gem-prev:after, #colophon .testimonials-style-1 .gem-next:after {
    background-color: #181828;
    color: #fff
}

#colophon .testimonials-style-1 a:hover:after, #colophon .testimonials-style-1 a:hover:after {
    color: #00bcd4
}

#colophon .testimonials-style-2 .gem-prev:after, #colophon .testimonials-style-2 .gem-next:after {
    background-color: #2c2e3d;
    color: #fff
}

#colophon .testimonials-style-2 a:hover:after, #colophon .testimonials-style-2 a:hover:after {
    color: #00bcd4
}

form.wpcf7-form.thegem-cf7 .with-label {
    display: flex
}

    form.wpcf7-form.thegem-cf7 .with-label .wpcf7-form-control-wrap {
        margin-bottom: 0
    }

form.wpcf7-form.thegem-cf7.label-left .with-label {
    flex-direction: row;
    align-items: center
}

    form.wpcf7-form.thegem-cf7.label-left .with-label label {
        flex: none
    }

form.wpcf7-form.thegem-cf7.label-right .with-label {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end
}

    form.wpcf7-form.thegem-cf7.label-right .with-label label {
        flex: none
    }

form.wpcf7-form.thegem-cf7.label-top .with-label {
    flex-direction: column
}

form.wpcf7-form.thegem-cf7.label-bottom .with-label {
    flex-direction: column-reverse
}

    form.wpcf7-form.thegem-cf7.label-bottom .with-label .wpcf7-form-control-wrap, form.wpcf7-form.thegem-cf7.label-bottom .with-label .wpcf7-form-control, form.wpcf7-form.thegem-cf7.label-bottom .with-label .combobox-wrapper {
        margin-bottom: 0 !important
    }

form.wpcf7-form.thegem-cf7 input[type=submit] {
    height: auto;
    margin-right: 0;
    margin-left: 0;
    border: none
}

form.wpcf7-form.thegem-cf7 .combobox-wrapper {
    height: auto
}

    form.wpcf7-form.thegem-cf7 .combobox-wrapper .combobox-text {
        line-height: inherit;
        border: none;
        padding: 12px 20px
    }

    form.wpcf7-form.thegem-cf7 .combobox-wrapper .combobox-button {
        height: 100%;
        border: none
    }

form.wpcf7-form.thegem-cf7 .checkbox-sign.checked:before, form.wpcf7-form.thegem-cf7 .radio-sign.checked:before {
    margin: 0;
    transform: translate(-50%,-50%);
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px
}

form.wpcf7-form.thegem-cf7 p {
    margin-bottom: 0
}

    form.wpcf7-form.thegem-cf7 p:nth-last-of-type(1), form.wpcf7-form.thegem-cf7 .submit-outer {
        display: flex;
        flex-direction: column
    }

form.wpcf7-form.thegem-cf7 .wpcf7-form-control {
    display: inline-block
}

form.wpcf7-form.thegem-cf7 .wpcf7-form-control-wrap:after {
    top: 50%;
    transform: translateY(-50%)
}

form.wpcf7-form.thegem-cf7 .form-line {
    margin: 0
}

.wpcf7-form.gem-contact-form-white .combobox-wrapper, .wpcf7-form.gem-contact-form-white input:not(.gem-button-wpcf-custom), .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button, .wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text, .wpcf7-form.gem-contact-form-white .checkbox-sign, .wpcf7-form.gem-contact-form-white span.radio-sign, .wpcf7-form.gem-contact-form-white textarea {
    border: 1px solid #fff;
    background-color: #fff
}

.wpcf7-warning {
    line-height: 1.2
}

.not-empty {
    height: 1px
}

body.td-overlay-scroll-locked {
    overflow: hidden
}

.td-overlay-holder {
    display: block !important;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    z-index: 1001;
    transition: width .7s cubic-bezier(.165,.84,.44,1),bottom 0s linear .5s;
    -moz-transition: width .7s cubic-bezier(.165,.84,.44,1),bottom 0s linear .5s;
    -webkit-transition: width .7s cubic-bezier(.165,.84,.44,1),bottom 0s linear .5s
}

body.admin-bar .td-overlay-holder {
    top: 32px
}

@media (max-width:767px) {
    .td-overlay-holder {
        display: none !important
    }
}

.td-overlay-holder__wrap {
    position: absolute;
    width: 40px;
    left: 0;
    top: 80px;
    bottom: 100px
}

.td-overlay-button-demos, .td-overlay-button-shop {
    position: absolute;
    bottom: 70px;
    right: 40px;
    margin: 0;
    border-radius: 0;
    height: auto;
    line-height: 1;
    padding: 0;
    box-shadow: none;
    background: 0 0;
    font-size: 24px;
    text-align: center
}

.td-overlay-button-shop {
    bottom: 0
}

.td-overlay-button-demos__label, .td-overlay-button-shop__label {
    font-family: 'Montserrat';
    padding: 0;
    width: 90px;
    height: 56px;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    transition: all .3s;
    box-shadow: -3px 2px 7px rgba(0,0,0,.1);
    -webkit-animation: labelAnimation .5s cubic-bezier(.215,.61,.355,1) .5s both;
    animation: labelAnimation .5s cubic-bezier(.215,.61,.355,1) .5s both
}

.td-overlay-button-demos__label {
    position: relative;
    justify-content: flex-start;
    overflow: hidden
}

    .td-overlay-button-demos__label .rotate-text {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        min-height: 56px;
        margin-top: 0;
        transition: all .3s;
        animation: labelTextRotate 8s cubic-bezier(.215,.61,.355,1) 4s infinite
    }

@-webkit-keyframes labelTextRotate {
    0%,12.66%,100% {
        transform: translate3d(0,0,0)
    }

    16.66%,62.64% {
        transform: translate3d(0,-56px,0)
    }

    66.64%,95.96% {
        transform: translate3d(0,0,0)
    }
}

@keyframes labelTextRotate {
    0%,12.66%,100% {
        transform: translate3d(0,0,0)
    }

    16.66%,62.64% {
        transform: translate3d(0,-56px,0)
    }

    66.64%,95.96% {
        transform: translate3d(0,0,0)
    }
}

.td-overlay-button-shop__label {
    background-color: #00bcd4;
    color: #000;
    -webkit-animation: labelAnimation .5s cubic-bezier(.215,.61,.355,1) .6s both;
    animation: labelAnimation .5s cubic-bezier(.215,.61,.355,1) .6s both
}

.td-overlay-button-demos__label .rotate-text:nth-child(1):hover {
    background-color: #fff !important;
    color: #000 !important
}

.td-overlay-button-demos__label .rotate-text:nth-child(2):hover, .td-overlay-button-shop__label:hover {
    background-color: #000 !important;
    color: #fff !important
}

@-webkit-keyframes labelAnimation {
    from {
        margin-right: -90px
    }

    to {
        margin-right: 0
    }
}

@keyframes labelAnimation {
    from {
        margin-right: -90px
    }

    to {
        margin-right: 0
    }
}

.td-overlay-button-demos__label.td-preview-open {
    -webkit-animation: labelAnimationInvert .5s cubic-bezier(.215,.61,.355,1) both;
    animation: labelAnimationInvert .5s cubic-bezier(.215,.61,.355,1) both
}

.td-overlay-button-shop__label.td-preview-open {
    -webkit-animation: labelAnimationInvert .5s cubic-bezier(.215,.61,.355,1) .1s both;
    animation: labelAnimationInvert .5s cubic-bezier(.215,.61,.355,1) .1s both
}

@-webkit-keyframes labelAnimationInvert {
    from {
        margin-right: 0
    }

    to {
        margin-right: -90px
    }
}

@keyframes labelAnimationInvert {
    from {
        margin-right: 0
    }

    to {
        margin-right: -90px
    }
}

.td-overlay-button-demos__label em {
    font-size: 22px;
    font-family: 'Montserrat UltraLight';
    letter-spacing: 1px;
    font-style: normal;
    line-height: 1;
    display: block;
    -webkit-animation: flickerAnimation ease 4s infinite;
    animation: flickerAnimation ease 4s infinite
}

.td-overlay-button-shop__label > svg {
    fill: #fff
}

@-webkit-keyframes flickerAnimation {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: .5
    }
}

@keyframes flickerAnimation {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: .5
    }
}

.td-overlay-button-demos__tooltip {
    -webkit-animation: tooltipFade .3s ease-out .6s both;
    animation: tooltipFade .3s ease-out .6s both
}

    .td-overlay-button-demos__tooltip > span {
        width: 200px;
        height: 56px;
        position: absolute;
        background-color: rgba(6,6,15,.55);
        right: 100%;
        top: 0;
        text-align: left;
        color: rgba(255,255,255,.8);
        font-family: 'Source Sans Pro';
        font-weight: 400;
        font-size: 14px;
        line-height: 1.4;
        text-transform: none;
        display: flex;
        align-items: center;
        padding-left: 15px;
        margin-right: 15px
    }

        .td-overlay-button-demos__tooltip > span:after {
            content: '';
            position: absolute;
            display: block;
            right: -20px;
            top: 50%;
            transform: translateY(-50%);
            border: 10px solid transparent;
            border-left: 10px solid rgba(6,6,15,.55)
        }

@-webkit-keyframes tooltipFade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tooltipFade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.td-overlay-preview {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    background: #323237;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 800px;
    -webkit-perspective: 800px;
    transform: translateX(100%) translateZ(0);
    -webkit-transform: translateX(100%) translateZ(0);
    -webkit-transition: transform .4s ease,opacity .4s ease,visibility .4s ease;
    transition: transform .4s ease,opacity .4s ease,visibility .4s ease;
    z-index: 10001
}

    .td-overlay-preview.td-preview-open {
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
        transform: none;
        -webkit-transform: none
    }

.td-overlay-preview-close {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 0;
    height: 60px;
    width: 60px;
    z-index: 4;
    cursor: pointer;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -webkit-transition: transform .25s ease .4s;
    transition: transform .25s ease .4s
}

    .td-overlay-preview-close:after, .td-overlay-preview-close:before {
        content: "";
        width: 36px;
        height: 4px;
        position: absolute;
        right: 50%;
        top: 50%;
        margin-top: -2px;
        margin-right: -18px;
        display: inline-block;
        background-color: #fff;
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

    .td-overlay-preview-close:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .td-overlay-preview-close:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

.td-overlay-preview.td-preview-open .td-overlay-preview-close {
    transform: none;
    -webkit-transform: none
}

@media only screen and (max-width:991px) {
    .td-overlay-preview-close {
        height: 55px;
        width: 60px;
        top: 0;
        right: 0
    }

        .td-overlay-preview-close:after, .td-overlay-preview-close:before {
            content: "";
            width: 24px;
            height: 2px;
            margin-top: 0;
            margin-right: -12px;
            background-color: #99a9b5
        }
}

.td-overlay-preview-frame {
    position: relative;
    width: 100%;
    height: 100%
}

    .td-overlay-preview-frame iframe {
        border: 0;
        outline: 0
    }

.td-overlay-preview.preview-frame-loading {
    overflow: hidden !important
}

    .td-overlay-preview.preview-frame-loading:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #323237;
        z-index: 5
    }

    .td-overlay-preview.preview-frame-loading:after {
        content: '';
        position: fixed;
        top: 50%;
        left: 50%;
        margin: -14px 0 0 -14px;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        border: 2px solid rgba(255,255,255,.2);
        border-left: 2px solid #f4f6f7;
        -webkit-animation: loaderAnimation 1.1s infinite linear;
        animation: loaderAnimation 1.1s infinite linear;
        z-index: 6
    }

@-webkit-keyframes loaderAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loaderAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes bounce {
    20%,53%,80%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    50%,from,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from,to {
        transform: scale3d(1,1,1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from,to {
        transform: scale3d(1,1,1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from,to {
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from,to {
        transform: scale3d(1,1,1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from,to {
        transform: none
    }

    15% {
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    11.1%,from,to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    60%,75%,90%,from,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

.elementor-animation-grow {
    transition-duration: .3s;
    transition-property: transform
}

    .elementor-animation-grow:active, .elementor-animation-grow:focus, .elementor-animation-grow:hover {
        transform: scale(1.1)
    }

.elementor-animation-shrink {
    transition-duration: .3s;
    transition-property: transform
}

    .elementor-animation-shrink:active, .elementor-animation-shrink:focus, .elementor-animation-shrink:hover {
        transform: scale(0.9)
    }

@keyframes elementor-animation-pulse {
    25% {
        transform: scale(1.1)
    }

    75% {
        transform: scale(0.9)
    }
}

.elementor-animation-pulse:active, .elementor-animation-pulse:focus, .elementor-animation-pulse:hover {
    animation-name: elementor-animation-pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes elementor-animation-pulse-grow {
    to {
        transform: scale(1.1)
    }
}

.elementor-animation-pulse-grow:active, .elementor-animation-pulse-grow:focus, .elementor-animation-pulse-grow:hover {
    animation-name: elementor-animation-pulse-grow;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@keyframes elementor-animation-pulse-shrink {
    to {
        transform: scale(0.9)
    }
}

.elementor-animation-pulse-shrink:active, .elementor-animation-pulse-shrink:focus, .elementor-animation-pulse-shrink:hover {
    animation-name: elementor-animation-pulse-shrink;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@keyframes elementor-animation-push {
    50% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1)
    }
}

.elementor-animation-push:active, .elementor-animation-push:focus, .elementor-animation-push:hover {
    animation-name: elementor-animation-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

@keyframes elementor-animation-pop {
    50% {
        transform: scale(1.2)
    }
}

.elementor-animation-pop:active, .elementor-animation-pop:focus, .elementor-animation-pop:hover {
    animation-name: elementor-animation-pop;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.elementor-animation-bounce-in {
    transition-duration: .5s
}

    .elementor-animation-bounce-in:active, .elementor-animation-bounce-in:focus, .elementor-animation-bounce-in:hover {
        transform: scale(1.2);
        transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
    }

.elementor-animation-bounce-out {
    transition-duration: .5s
}

    .elementor-animation-bounce-out:active, .elementor-animation-bounce-out:focus, .elementor-animation-bounce-out:hover {
        transform: scale(0.8);
        transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36)
    }

.elementor-animation-rotate {
    transition-duration: .3s;
    transition-property: transform
}

    .elementor-animation-rotate:active, .elementor-animation-rotate:focus, .elementor-animation-rotate:hover {
        transform: rotate(4deg)
    }

.elementor-animation-grow-rotate {
    transition-duration: .3s;
    transition-property: transform
}

    .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover {
        transform: scale(1.1) rotate(4deg)
    }

.elementor-animation-float {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

    .elementor-animation-float:active, .elementor-animation-float:focus, .elementor-animation-float:hover {
        transform: translateY(-8px)
    }

.elementor-animation-sink {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

    .elementor-animation-sink:active, .elementor-animation-sink:focus, .elementor-animation-sink:hover {
        transform: translateY(8px)
    }

@keyframes elementor-animation-bob {
    0% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(-4px)
    }

    100% {
        transform: translateY(-8px)
    }
}

@keyframes elementor-animation-bob-float {
    100% {
        transform: translateY(-8px)
    }
}

.elementor-animation-bob:active, .elementor-animation-bob:focus, .elementor-animation-bob:hover {
    animation-name: elementor-animation-bob-float,elementor-animation-bob;
    animation-duration: .3s,1.5s;
    animation-delay: 0s,.3s;
    animation-timing-function: ease-out,ease-in-out;
    animation-iteration-count: 1,infinite;
    animation-fill-mode: forwards;
    animation-direction: normal,alternate
}

@keyframes elementor-animation-hang {
    0% {
        transform: translateY(8px)
    }

    50% {
        transform: translateY(4px)
    }

    100% {
        transform: translateY(8px)
    }
}

@keyframes elementor-animation-hang-sink {
    100% {
        transform: translateY(8px)
    }
}

.elementor-animation-hang:active, .elementor-animation-hang:focus, .elementor-animation-hang:hover {
    animation-name: elementor-animation-hang-sink,elementor-animation-hang;
    animation-duration: .3s,1.5s;
    animation-delay: 0s,.3s;
    animation-timing-function: ease-out,ease-in-out;
    animation-iteration-count: 1,infinite;
    animation-fill-mode: forwards;
    animation-direction: normal,alternate
}

.elementor-animation-skew {
    transition-duration: .3s;
    transition-property: transform
}

    .elementor-animation-skew:active, .elementor-animation-skew:focus, .elementor-animation-skew:hover {
        transform: skew(-10deg)
    }

.elementor-animation-skew-forward {
    transition-duration: .3s;
    transition-property: transform;
    transform-origin: 0 100%
}

    .elementor-animation-skew-forward:active, .elementor-animation-skew-forward:focus, .elementor-animation-skew-forward:hover {
        transform: skew(-10deg)
    }

.elementor-animation-skew-backward {
    transition-duration: .3s;
    transition-property: transform;
    transform-origin: 0 100%
}

    .elementor-animation-skew-backward:active, .elementor-animation-skew-backward:focus, .elementor-animation-skew-backward:hover {
        transform: skew(10deg)
    }

@keyframes elementor-animation-wobble-vertical {
    16.65% {
        transform: translateY(8px)
    }

    33.3% {
        transform: translateY(-6px)
    }

    49.95% {
        transform: translateY(4px)
    }

    66.6% {
        transform: translateY(-2px)
    }

    83.25% {
        transform: translateY(1px)
    }

    100% {
        transform: translateY(0)
    }
}

.elementor-animation-wobble-vertical:active, .elementor-animation-wobble-vertical:focus, .elementor-animation-wobble-vertical:hover {
    animation-name: elementor-animation-wobble-vertical;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes elementor-animation-wobble-horizontal {
    16.65% {
        transform: translateX(8px)
    }

    33.3% {
        transform: translateX(-6px)
    }

    49.95% {
        transform: translateX(4px)
    }

    66.6% {
        transform: translateX(-2px)
    }

    83.25% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}

.elementor-animation-wobble-horizontal:active, .elementor-animation-wobble-horizontal:focus, .elementor-animation-wobble-horizontal:hover {
    animation-name: elementor-animation-wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes elementor-animation-wobble-to-bottom-right {
    16.65% {
        transform: translate(8px,8px)
    }

    33.3% {
        transform: translate(-6px,-6px)
    }

    49.95% {
        transform: translate(4px,4px)
    }

    66.6% {
        transform: translate(-2px,-2px)
    }

    83.25% {
        transform: translate(1px,1px)
    }

    100% {
        transform: translate(0,0)
    }
}

.elementor-animation-wobble-to-bottom-right:active, .elementor-animation-wobble-to-bottom-right:focus, .elementor-animation-wobble-to-bottom-right:hover {
    animation-name: elementor-animation-wobble-to-bottom-right;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes elementor-animation-wobble-to-top-right {
    16.65% {
        transform: translate(8px,-8px)
    }

    33.3% {
        transform: translate(-6px,6px)
    }

    49.95% {
        transform: translate(4px,-4px)
    }

    66.6% {
        transform: translate(-2px,2px)
    }

    83.25% {
        transform: translate(1px,-1px)
    }

    100% {
        transform: translate(0,0)
    }
}

.elementor-animation-wobble-to-top-right:active, .elementor-animation-wobble-to-top-right:focus, .elementor-animation-wobble-to-top-right:hover {
    animation-name: elementor-animation-wobble-to-top-right;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes elementor-animation-wobble-top {
    16.65% {
        transform: skew(-12deg)
    }

    33.3% {
        transform: skew(10deg)
    }

    49.95% {
        transform: skew(-6deg)
    }

    66.6% {
        transform: skew(4deg)
    }

    83.25% {
        transform: skew(-2deg)
    }

    100% {
        transform: skew(0)
    }
}

.elementor-animation-wobble-top {
    transform-origin: 0 100%
}

    .elementor-animation-wobble-top:active, .elementor-animation-wobble-top:focus, .elementor-animation-wobble-top:hover {
        animation-name: elementor-animation-wobble-top;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1
    }

@keyframes elementor-animation-wobble-bottom {
    16.65% {
        transform: skew(-12deg)
    }

    33.3% {
        transform: skew(10deg)
    }

    49.95% {
        transform: skew(-6deg)
    }

    66.6% {
        transform: skew(4deg)
    }

    83.25% {
        transform: skew(-2deg)
    }

    100% {
        transform: skew(0)
    }
}

.elementor-animation-wobble-bottom {
    transform-origin: 100% 0
}

    .elementor-animation-wobble-bottom:active, .elementor-animation-wobble-bottom:focus, .elementor-animation-wobble-bottom:hover {
        animation-name: elementor-animation-wobble-bottom;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1
    }

@keyframes elementor-animation-wobble-skew {
    16.65% {
        transform: skew(-12deg)
    }

    33.3% {
        transform: skew(10deg)
    }

    49.95% {
        transform: skew(-6deg)
    }

    66.6% {
        transform: skew(4deg)
    }

    83.25% {
        transform: skew(-2deg)
    }

    100% {
        transform: skew(0)
    }
}

.elementor-animation-wobble-skew:active, .elementor-animation-wobble-skew:focus, .elementor-animation-wobble-skew:hover {
    animation-name: elementor-animation-wobble-skew;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

@keyframes elementor-animation-buzz {
    50% {
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        transform: translateX(-3px) rotate(-2deg)
    }
}

.elementor-animation-buzz:active, .elementor-animation-buzz:focus, .elementor-animation-buzz:hover {
    animation-name: elementor-animation-buzz;
    animation-duration: .15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes elementor-animation-buzz-out {
    10% {
        transform: translateX(3px) rotate(2deg)
    }

    20% {
        transform: translateX(-3px) rotate(-2deg)
    }

    30% {
        transform: translateX(3px) rotate(2deg)
    }

    40% {
        transform: translateX(-3px) rotate(-2deg)
    }

    50% {
        transform: translateX(2px) rotate(1deg)
    }

    60% {
        transform: translateX(-2px) rotate(-1deg)
    }

    70% {
        transform: translateX(2px) rotate(1deg)
    }

    80% {
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        transform: translateX(1px) rotate(0)
    }

    100% {
        transform: translateX(-1px) rotate(0)
    }
}

.elementor-animation-buzz-out:active, .elementor-animation-buzz-out:focus, .elementor-animation-buzz-out:hover {
    animation-name: elementor-animation-buzz-out;
    animation-duration: .75s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}