:root {
    --body-font: Open Sans, sans-serif;
    --body-color: #858585;
    --body-background: #fff;
    --body-font-size: 16px;
    --body-line-height: 1.7;
    --headings-font: Cormorant, serif;
    --headings-color: #151515;
    --primary-color: #8bb8c1;
    --extra-color1: #acdae2;
    --white-color: #fff;
    --menu-normal-color: #fff;
    --menu-hover-color: #fff;
    --submenu-background-color: #fff;
    --submenu-normal-color: #0e1219;
    --submenu-hover-color: #8bb8c1;
    --footer-background-color: #151515;
    --footer-color: #eaeaea;
    --footer-title-color: #fff;
    --headings-h1-size: 3.5rem;
    --headings-h2-size: 3rem;
    --headings-h3-size: 2.25rem;
    --headings-h4-size: 2rem;
    --headings-h5-size: 1.5rem;
    --headings-h6-size: 1rem
}

*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: 400
}

address {
    font-style: italic
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

q:before,
q:after {
    content: ''
}

strong,
b {
    font-weight: 700
}

em,
cite {
    font-style: italic
}

cite {
    display: block
}

strike,
del {
    text-decoration: line-through
}

sup {
    font-size: 13px;
    position: relative;
    vertical-align: super;
    top: -20px
}

sub {
    font-size: 13px;
    position: relative;
    vertical-align: baseline
}

.italic {
    font-style: italic
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle
}

.no-margin {
    margin: 0 !important
}

.no-bottom {
    margin-bottom: 0
}

.no-padding {
    padding: 0
}

.column-clear {
    clear: both
}

.wp-caption {
    max-width: 100%
}

.sticky {
    position: relative
}

.wp-caption-text,
.gallery-caption {
    color: #999;
    font-size: 13px;
    text-align: center;
    margin-top: 25px;
    font-style: italic;
    font-weight: 300
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}

.bypostauthor .comment-body {
    border-color: 1px solid #fff
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    display: block;
    top: 5px;
    left: 5px;
    width: auto;
    height: auto;
    padding: 1em 1.5em;
    font-size: .8em;
    line-height: normal;
    color: #21759b;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    text-decoration: none;
    z-index: 100000
}

.alignright {
    float: right;
    margin: 5px 0 0 30px
}

.alignleft {
    float: left;
    margin: 5px 30px 0 0
}

.aligncenter {
    margin: 30px auto;
    text-align: center;
    display: block
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #e9e9e9
}

pre,
code {
    background: #eee;
    color: #000;
    font-family: "Courier New", Courier, monospace;
    padding: 10px;
    font-size: 13px
}

pre.wp-block-verse {
    font-family: "Courier New", Courier, monospace
}

pre {
    margin-bottom: 30px;
    overflow: auto;
    padding: 30px;
    white-space: pre-wrap
}

pre code {
    background: none;
    padding: 0
}

a code {
    color: #9e3ea3
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    -webkit-overflow-scrolling: touch;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

body {
    font-family: Manrope, sans-serif;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #3a3a3a;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    overflow-x: hidden
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 700;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 3.5rem
}

.h2,
h2 {
    font-size: 3rem
}

.h3,
h3 {
    font-size: 2rem
}

.h4,
h4 {
    font-size: 1.75rem
}

.h5,
h5 {
    font-size: 1.5rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 600
}

.display-1 {
    font-size: 5rem;
    font-weight: 700
}

.display-2 {
    font-size: 4.5rem;
    font-weight: 700
}

.display-3,
.large-title {
    font-size: 3.5rem;
    font-weight: 700
}

.display-4,
.display-4 .elementor-heading-title {
    font-size: 3rem;
    font-weight: 700
}

.display-5 {
    font-size: 2.25rem;
    font-weight: 700
}

.display-6 {
    font-size: 1.75rem;
    font-weight: 700
}

.single-post-content>h1,
.single-post-content>h2,
.single-post-content>h3,
.single-post-content>h4,
.single-post-content>h5,
.single-post-content>h6,
.comment-text>h1,
.comment-text>h2,
.comment-text>h3,
.comment-text>h4,
.comment-text>h5,
.comment-text>h6 {
    margin-top: 30px;
    margin-bottom: 20px
}

.comment-text address {
    margin-bottom: 30px
}

a,
.pcolor,
.pcolor .elementor-heading-title {
    color: #9e3ea3;
    text-decoration: none
}

.pcolor-bkg {
    background: #9e3ea3
}

p a {
    text-decoration: none
}

a:hover,
p a:hover {
    color: #9e3ea3;
    text-decoration: none
}

a:active,
a:focus {
    outline: none;
    text-decoration: none
}

ul,
ol {
    margin: 0 0 15px 30px
}

ul li,
ol li {
    margin-bottom: 10px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 10px;
    margin-bottom: 0
}

.img-circle {
    border-radius: 99em
}

.list-circle {
    margin: 0 0 30px
}

.list-circle li {
    list-style: none;
    position: relative;
    padding-left: 15px
}

.list-circle li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    background: #9e3ea3;
    border-radius: 99em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blockquote {
    font-size: 25px;
    font-style: italic;
    line-height: 1.7;
    color: #000;
    position: relative;
    margin: 30px 0;
    padding-left: 30px
}

.blockquote:before {
    content: "";
    display: inline-block;
    margin-right: 0;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    width: 5px;
    height: 100%;
    background: #9e3ea3;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blockquote cite {
    color: #9e3ea3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px
}

.list-items {
    margin: 0;
    margin-bottom: 30px;
    list-style: none
}

.list-items li {
    margin-bottom: 5px
}

.list-items li:last-child {
    margin-bottom: 0
}

.list-items li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    display: inline-block;
    padding-right: 10px;
    color: #9e3ea3;
    font-weight: 700;
    vertical-align: middle
}

p,
ul,
ol {
    margin-bottom: 30px
}

dl dt {
    margin-bottom: 0
}

dl dd {
    margin-left: 15px;
    margin-bottom: 30px
}

table {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 15px;
    width: 100%;
    text-align: center;
    border-collapse: collapse
}

table caption {
    margin-bottom: 0;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    caption-side: initial
}

table th,
table td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center;
    padding: 15px
}

aside table th,
.foo-block table th,
aside table td,
.foo-block table td {
    padding: 0
}

table th {
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

a,
.submit,
.wpcf7-submit,
.white-btn,
.post-password-form input[type="submit"],
.elementor-accordion .elementor-tab-title,
.elementor-toggle .elementor-tab-title,
.elementor-toggle .elementor-tab-title .elementor-toggle-icon,
.read-more-v2:after,
.post-image img,
.post-image:after,
.post-image .list-image,
.wp-block-search__button,
.white-btn:after,
.item-list-image .img-list,
.portfolio-slider-btn-next svg,
.portfolio-slider-btn-prev svg,
.meta-nav a svg,
.testimonial-slider .swiper-pagination-bullet,
.mt-img-scale img,
.portfolio-fs-item .fs-item-bkg {
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 1s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -moz-transition: all 1s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -o-transition: all 1s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -ms-transition: all 1s cubic-bezier(0.30, 1, 0.35, 1) 0;
    transition: all 1s cubic-bezier(0.30, 1, 0.35, 1) 0
}

.cursor-eye {
    cursor: url(images/cursor-eye.svg), pointer
}

.container,
.row>* {
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row.g-0 {
    margin-left: 0;
    margin-right: 0
}

.g-0>div[class^="col"] {
    padding-left: 0;
    padding-right: 0
}

.menu-nav {
    margin: 0;
    font-size: 0
}

.menu-nav li {
    display: inline-block;
    position: relative;
    margin-left: 30px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700
}

.menu-nav li:first-child {
    margin-left: 0
}

.menu-nav li a {
    color: #fff;
    padding: 10px 0;
    display: block
}

.menu-nav li a:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 100%;
    margin-top: -11px;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -moz-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -o-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -ms-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    transform-origin: right center;
    display: block
}

.menu-nav li a:hover,
.menu-nav>li:hover>a,
.menu-nav>li.current-menu-item>a {
    background: none;
    color: #fff
}

.menu-nav>li:hover>a:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transform-origin: left center
}

.menu-nav li.current-menu-item>a:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.menu-nav ul {
    display: none;
    margin: 0;
    margin-top: 20px;
    padding: 20px 0;
    width: 265px;
    text-align: left;
    position: absolute;
    top: 100%;
    left: -30px;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    z-index: 5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

.menu-nav ul:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px
}

.menu-nav ul li {
    display: block;
    margin-bottom: 10px
}

.menu-nav ul li:last-child {
    margin-bottom: 0
}

.menu-nav ul li a {
    padding: 0;
    color: #000;
    display: block
}

.menu-nav ul li a:hover {
    color: #9e3ea3
}

.menu-nav li:hover ul {
    display: block
}

.menu-nav .sub-menu-nav {
    display: none;
    margin-left: 0;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: #fff;
    padding: 30px
}

.menu-nav .sub-menu-nav a {
    color: #9e3ea3;
    padding: 10px 0;
    display: block
}

.menu-nav .sub-menu-nav a:hover {
    color: #9e3ea3
}

.menu-nav .sub-menu-nav ul {
    display: none;
    margin: 0;
    margin-top: 20px;
    padding: 20px 0;
    width: 100%;
    text-align: left;
    position: relative;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 5px;
    z-index: 5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}

.menu-nav .sub-menu-nav ul:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 20px
}

.menu-nav .sub-menu-nav ul li {
    display: block;
    margin-bottom: 10px
}

.menu-nav .sub-menu-nav ul li:last-child {
    margin-bottom: 0
}

.menu-nav .sub-menu-nav ul li a {
    padding: 0;
    color: #000;
    display: block
}

.menu-nav .sub-menu-nav ul li a:hover {
    color: #9e3ea3
}

.menu-nav li ul ul {
    left: 100%;
    top: -20px;
    margin: 0
}

.menu-nav .edge>ul {
    left: auto;
    right: 0
}

.menu-nav li ul .edge ul {
    left: auto;
    top: -20px;
    margin: 0;
    right: 100%
}

.menu-nav li ul ul:after,
.menu-nav li ul a:after {
    display: none
}

.nav-button-holder {
    display: none
}

.nav-button-holder-2,
.nav-button-holder-4 {
    display: block
}

.nav-button,
.exit-mobile {
    background-color: #fff;
    display: inline-block;
    border: none;
    border-radius: 99em;
    width: 50px;
    height: 50px;
    cursor: pointer;
    line-height: 10px
}

.exit-mobile {
    position: absolute;
    margin-top: 20px;
    top: auto;
    left: auto
}

#btn-menu-open,
#btn-menu-close {
    fill: #9e3ea3;
    width: 16px;
    height: 16px
}

.nav-button:hover #btn-menu-open,
.exit-mobile:hover #btn-menu-close {
    -webkit-animation: pulsate .5s cubic-bezier(0, .77, .78, .84) infinite;
    animation: pulsate .5s cubic-bezier(0, .77, .78, .84) infinite
}

.menu-mobile {
    font-size: 0;
    margin: 0;
    margin-top: 150px
}

.menu-mobile li {
    font-size: 3rem;
    font-weight: 700;
    padding-top: 20px;
    list-style: none;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0
}

.menu-mask.is-active .menu-mobile li {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s
}

.menu-mobile li a {
    color: #fff;
    display: block;
    line-height: 1.2
}

.menu-mobile li a:hover,
.menu-mobile li a:focus {
    background: none
}

.menu-mobile li:hover>a,
.menu-mobile li.current-menu-item>a {
    color: #9e3ea3
}

.menu-mobile>li.menu-item-has-children>a:after {
    content: "+";
    display: inline-block;
    margin-left: 7px;
    margin-right: 0;
    font-size: 20px;
    font-weight: 700;
    vertical-align: middle
}

.menu-mobile>li.menu-item-has-children.menu-open>a:after {
    content: "-"
}

.menu-mobile ul {
    margin: 0;
    padding: 0;
    font-size: 0
}

.menu-mobile>li>ul {
    display: none
}

.menu-mobile>li.menu-open>ul {
    display: block
}

.menu-mobile ul li {
    font-size: 15px;
    padding-top: 20px;
    text-transform: none;
    padding-left: 15px;
    display: block
}

.menu-contact {
    font-size: 15px;
    color: #fff;
    padding-top: 150px
}

.menu-contact ul,
.footer-contact {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0
}

.menu-contact ul:first-child li i {
    font-size: 15px;
    margin-right: 10px
}

.menu-contact i,
.footer-contact i {
    padding-right: 10px;
    color: #9e3ea3
}

.mobile-phone {
    margin-top: 10px
}

.mobile-address {
    margin-bottom: 60px
}

.menu-contact .social-media li a,
.menu-contact li {
    color: #fff
}

.mobile-content {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0;
    transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) 0
}

.menu-mask.is-active .mobile-content {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    -moz-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    -o-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    -ms-transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s;
    transition: all 1s cubic-bezier(0.25, 1, 0.35, 1) .1s
}

body.has-active-menu {
    overflow: hidden !important
}

.menu-mask {
    background-color: #000;
    padding-bottom: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    overflow-y: scroll;
    z-index: 1040;
    -webkit-transition: opacity .3s, width 0 .3s, height 0 .3s;
    -ms-transition: opacity .3s, width 0 .3s, height 0 .3s;
    transition: opacity .3s, width 0 .3s, height 0 .3s
}

.menu-mask.is-active {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.social-media,
.footer-social,
.about-social {
    list-style: none;
    margin: 0;
    font-size: 0;
}

.social-media li,
.footer-social li,
.about-social li {
    display: inline-block;
    font-size: 35px;
    margin-left: 15px;
    margin-bottom: 0
}

.social-list li {
    display: block;
    margin: 0
}

.social-media li a {
    color: #fff
}

.social-media-footer li a,
.social-list li a {
    color: #9e3ea3
}

.about-social i {
    color: #9e3ea3;
    vertical-align: middle
}

.social-media li:first-child,
.footer-social li:first-child,
.about-social li:first-child {
    margin-left: 0
}

.social-aboutme {
    margin-top: 30px
}

.social-aboutme li a,
.social-team li a {
    border-radius: 5px;
    background: #9e3ea3;
    padding: 5px;
    width: 35px;
    height: 35px;
    display: inline-flex;
    line-height: 15px;
    align-items: center;
    justify-content: center;
    text-align: center
}

.social-team li a {
    width: 25px;
    height: 25px
}

.social-team {
    margin-top: 15px
}

.social-team li {
    font-size: 12px;
    margin-left: 10px
}

a.social-twitter:hover {
    color: #29C5F6 !important
}

a.social-facebook:hover {
    color: #6788CE !important
}

a.social-gplus:hover {
    color: #E75C3C !important
}

a.social-linkedin:hover {
    color: #3A9BDC !important
}

a.social-pinterest:hover {
    color: #FE4445 !important
}

a.social-tripadvisor:hover {
    color: #00AF87 !important
}

a.social-youtube:hover {
    color: #E34040 !important
}

a.social-vimeo:hover {
    color: #4BF !important
}

a.social-instagram:hover {
    color: #AA8062 !important
}

a.social-whatsapp:hover {
    color: #2cb140 !important
}

a.social-skype:hover {
    color: #24B4F0 !important
}

.header-social-1 {
    text-align: right
}

.main-header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.admin-bar .main-header {
    top: 32px
}

.header-container {
    display: flex;
    align-items: center;
    padding: 20px 0
}

.logo-1,
.logo-4,
.binfo,
.nav-button-holder-2,
.btn-header-2,
.nav-holder-3,
.header-social-4 {
    flex: 1 1 0
}

.btn-header {
    text-align: right;
    margin-left: 30px
}

.btn-header-2 {
    margin-left: 0
}

.logo img {
    background: none;
    width: 130px
}

.logo-txt {
    font-size: 30px;
    font-weight: 700
}

.logo-txt a {
    color: #fff
}

.top-header {
    display: flex;
    align-items: center;
    padding-top: 15px
}

.binfo ul {
    font-size: 0;
    margin: 0
}

.binfo ul li {
    color: #fff;
    display: inline-block;
    margin-left: 30px;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    margin-bottom: 0
}

.binfo ul li:first-child {
    margin-left: 0
}

.binfo ul li i {
    font-size: 15px;
    margin-right: 10px;
    color: #9e3ea3
}

.header-social-2 .social-media li a {
    color: #9e3ea3
}

.logo-3 {
    flex: 1 1 0
}

.top-header-3 {
    padding-top: 20px
}

.header-social-4 {
    text-align: right
}

.nav-button-holder-3 {
    margin-left: 30px
}

.nav-button-holder-4 {
    margin-left: 15px
}

.top-header-5 {
    justify-content: center
}

.header-social-5,
.btn-header-5 {
    flex: 1 1 0
}

.btn-header-5 {
    text-align: right
}

.logo-5 {
    text-align: center
}

.header-container5 {
    padding: 20px 0;
    text-align: center
}

.nav-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #9e3ea3;
    margin-top: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.30, 1, .35, 1) 0;
    -moz-transition: all .3s cubic-bezier(.30, 1, .35, 1) 0;
    -o-transition: all .3s cubic-bezier(.30, 1, .35, 1) 0;
    -ms-transition: all .3s cubic-bezier(.30, 1, .35, 1) 0;
    transition: all .3s cubic-bezier(.30, 1, .35, 1) 0
}

.nav-fixed-top .top-header {
    display: none
}

.swiper-mt {
    height: 100vh;
    position: relative;
    margin-bottom: 100px
}

.slider-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.slider-img:before {
    content: '';
    background: #0b0b0b40;
    top: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.slider-caption {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    color: #fff;
    z-index: 2;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-text {
    width: 80%;
    font-size: 15px;
    text-align: center;
    margin: 0 auto
}

.slider-text .display-2 {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 800
}

.slider-text .read-more {
    margin-top: 30px
}

.swiper-mt-button-next,
.swiper-mt-button-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 40px;
    height: 40px;
    margin-top: calc(0px - 40px / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-mt-button-next {
    left: auto;
    right: 10px
}

.swiper-mt-button-prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-mt-button-next svg,
.swiper-mt-button-prev svg {
    fill: #fff
}

.portfolio-slider-btn-next svg,
.portfolio-slider-btn-prev svg {
    fill: #000
}

.portfolio-slider-btn-next:hover svg,
.portfolio-slider-btn-prev:hover svg {
    fill: #9e3ea3
}

.swiper-pagination {
    color: #fff;
    font-size: 11px;
    display: none
}

.video-container {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 100px
}

.video-container:before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.video-container video {
    position: absolute;
    left: 50%;
    width: auto;
    height: auto;
    top: 50%;
    min-width: 130%;
    min-height: 130%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.parallax,
.no-parallax {
    background-repeat: repeat;
    background-position: center center !important;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.parallax {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #fff
}

.parallax h2,
.parallax h3,
.parallax h4 {
    color: #fff
}

.parallax:before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.parallax05:before {
    background: rgba(0, 0, 0, 0.5)
}

.parallax .container {
    position: relative
}

.section-holder {
    margin-bottom: 100px
}

.margin-percentr40 {
    margin-right: 40%
}

.padding-lr200 {
    padding: 0 200px
}

.margin-lr200 {
    margin: 0 200px
}

.margin-notop100 {
    margin-top: -100px
}

.section-info {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FFF8F4
}

.home-4 .header-container5 {
    display: none
}

.home-slider-5 {
    padding: 230px 0 100px;
    background-color: #9e3ea3
}

.home-slider-5 .portfolio-slider {
    overflow: unset
}

.home-slider-5 .article-title a,
.home-slider-5 .portfolio-categ li a,
.home-slider-5 .article-title a:hover,
.home-slider-5 .portfolio-categ li a:hover {
    color: #fff
}

.home-slider-5 .portfolio-slider-btn-next svg,
.home-slider-5 .portfolio-slider-btn-prev svg {
    fill: #fff
}

.home-section-5-2 .icon-box-icon svg path,
.home-section-6-4 .icon-box svg path,
.home-section-1-2 .icon-svg svg path {
    fill: #9e3ea3
}

.home-section-1-2 .icon-svg-border {
    border-color: #9e3ea3
}

.home-section-7-1,
.home-section-9-1 {
    margin-top: 230px
}

.logo-dark {
    display: none
}

.home-menu-black .logo-dark {
    display: block
}

.home-menu-black .logo-white {
    display: none
}

.home-menu-black .nav-fixed-top {
    background: #fff
}

.home-menu-black .menu-nav li a,
.home-menu-black .header-social .social-media li a {
    color: #000
}

.home-menu-black .menu-nav li a:after,
.home-menu-black .nav-button {
    background: #000
}

.top-single-bkg {
    overflow: hidden;
    position: relative;
    margin-bottom: 100px;
    width: 100%;
    height: 100vh
}

.top-single-bkg:before {
    content: '';
    background: rgba(38, 58, 52, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.topsingleimg {
    width: 100%;
    height: 100%;
    clip-path: inset(0)
}

.topsingleimg img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    position: fixed
}

.topnoimg {
    height: auto;
    margin-top: 50px
}

.topnoimg.top-single-bkg:before {
    display: none
}

.top-page404 {
    height: 100vh;
    margin-bottom: 0
}

.top-single-bkg .inner-desc {
    position: absolute;
    z-index: 4;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.topnoimg .inner-desc {
    position: relative;
    width: 100%;
    top: 0;
    text-align: center;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.single-post-title {
    color: #fff;
    font-weight: 800;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.single-post-title-margin {
    margin-bottom: 10px
}

.post-subtitle {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
    display: block
}

.smallborder span {
    border: 1px solid #9e3ea3;
    display: inline-block
}

.smallborder .elementor-heading-title {
    padding: 10px 15px
}

.topnoimg .single-post-title,
.topnoimg .post-subtitle,
.page-title-above .single-post-title,
.page-title-above .post-subtitle {
    color: #000
}

.page-title-above {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px
}

.top-blogfront {
    height: auto
}

.top-blogfront:before {
    display: none
}

#wrap-content p,
.article-excerpt,
.practice-icon-content,
aside p {
    line-height: 1.7
}

.page-holder p,
.blog-post-single p {
    margin-bottom: 30px
}

.section-background {
    background-color: #FFF8F1
}

.same-height {
    display: flex;
    align-items: center
}

.icon-box-wrapper {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 30px
}

.icon-box-icon {
    margin-right: 15px;
    color: #9e3ea3;
    flex: 0 0 auto;
    line-height: 1
}

.icon-box-img {
    margin-right: 15px;
    flex: 0 0 100px
}

.icon-box-img img {
    border-radius: 99em
}

.icon-box-icon-fa {
    font-size: 30px;
    line-height: 1
}

.icon-box-content h5 {
    margin-bottom: 10px
}

.icon-fa-small {
    font-size: 20px
}

.icon-svg-border {
    display: inline-block;
    border: 1px solid #9e3ea3;
    padding: 15px;
    line-height: 1;
    border-radius: 5px
}

.icon-box-icon svg,
.icon-svg svg {
    width: 70px;
    height: 70px;
    vertical-align: initial
}

.icon50 svg,
.icon-svg-border svg {
    width: 50px;
    height: 50px;
    vertical-align: initial
}

.icon-box-icon svg path,
.icon-svg svg path {
    fill: #9e3ea3
}

.team-position {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2
}

.icon-box-2 {
    padding: 50px;
    background-color: #9e3ea3;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 30px;
    text-align: center
}

.icon-box-2 h5 {
    color: #fff;
    margin-bottom: 10px
}

.icon-box-2 .icon-svg svg path {
    fill: #fff
}

.progress {
    height: auto;
    border-radius: 0;
    margin-bottom: 30px;
    background: none
}

.progress-bar {
    background: #9e3ea3;
    color: #fff;
    padding: 4px 0;
    display: flex;
    text-align: left;
    justify-content: initial;
    flex-direction: row
}

.progress-text {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 15px
}

.progress-percentage {
    padding-right: 15px
}

.faq-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.faq-list li {
    margin-top: 30px;
    margin-bottom: 0
}

.faq-list li:first-child {
    margin-top: 0
}

.faq-title a:before {
    display: inline-block;
    color: #9e3ea3;
    padding-right: 10px;
    padding-bottom: 5px;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle
}

.faq-title a:hover:before,
.faq-title.active a:before {
    content: "\f106";
    color: #fff
}

.faq-title a {
    color: #141c2c;
    padding: 20px 15px;
    border: 1px solid #d7dae1;
    border-radius: 5px;
    margin-bottom: 30px;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

.faq-title a:hover,
.faq-title.active a {
    color: #fff;
    border-color: #9e3ea3;
    background-color: #9e3ea3;
    text-decoration: none
}

.faq-section {
    margin: 0 15px;
    font-size: 15px
}

.faq-features {
    font-size: 50px;
    margin-bottom: 15px;
    line-height: 1.2
}

.price-box {
    padding: 50px;
    background-color: #FFF8F4;
    border-radius: 5px
}

.price-box-middle {
    background-color: #ce5fd4
}

.price-title {
    font-size: 5rem;
    font-weight: 700;
    color: #9e3ea3;
    margin-bottom: 10px
}

.page-holder h2.price-title {
    margin-bottom: 10px
}

.price-features {
    list-style: none;
    margin: 0;
    margin-bottom: 30px
}

.price-features li {
    padding: 10px 0;
    margin-bottom: 0
}

.portfolio-grid-container-fs,
.portfolio-masonry-container-fs {
    padding-left: 15px;
    padding-right: 15px
}

.portfolio-grid,
.portfolio-masonry {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -40px;
    display: flex;
    flex-wrap: wrap
}

.item-portfolio {
    width: 33.333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px
}

.item-2cols {
    width: 50%
}

.item-3cols {
    width: 33.333%
}

.item-4cols {
    width: 25%
}

.item-5cols {
    width: 20%
}

.portfolio-categ,
.portfolio-filter {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    list-style: none
}

.portfolio-categ li,
.portfolio-filter li {
    margin: 0;
    margin-right: 15px;
    line-height: 1
}

.portfolio-categ li:last-child,
.portfolio-filter li:last-child {
    margin-right: 0
}

.portfolio-categ li a {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    position: relative
}

.portfolio-categ li a:hover {
    color: #9e3ea3
}

.portfolio-filter {
    padding-left: 15px;
    margin-bottom: 50px
}

.view-more {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    position: relative
}

.view-more.current,
.view-more:hover {
    color: #9e3ea3
}

.view-more:after {
    content: "";
    position: absolute;
    background: #9e3ea3;
    top: 100%;
    margin-top: 2px;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -moz-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -o-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    -ms-transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    transition: transform .3s cubic-bezier(0.30, 1, 0.35, 1) 0;
    transform-origin: right center;
    display: block
}

.view-more:hover:after,
.view-more.current:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transform-origin: left center
}

.item-4cols .display-6 {
    font-size: 1.5rem
}

.item-5cols .display-6 {
    font-size: 1.3rem
}

.portfolio-grid-v2 {
    margin-bottom: -30px
}

.item-portfolio-v2 {
    margin-bottom: 30px;
    height: 550px
}

.item-portfolio-v2.item-4cols,
.item-portfolio-v2.item-5cols {
    height: 400px
}

.item-portfolio-holder-v2 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.item-portfolio-holder-v2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4));
    border-radius: 10px
}

.item-grid-image-v2 {
    width: 100%;
    height: 100%
}

.img-grid-v2 {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100% !important
}

.item-text-holder-v2 {
    position: absolute;
    z-index: 4;
    width: calc(100% - 60px);
    left: 30px;
    bottom: 30px
}

.item-title a,
.item-title a:hover,
.portfolio-categ-v2 li a,
.portfolio-categ-v2 li a:hover {
    color: #fff
}

.portfolio-list-container {
    margin-bottom: -100px
}

.item-list {
    display: flex;
    height: 400px;
    align-items: center;
    margin-bottom: 100px
}

.item-text-list-holder {
    width: 50%;
    padding-right: 5%;
    z-index: 1
}

.item-list-title {
    margin-bottom: 10px;
    text-align: center
}

.item-text-list-holder .portfolio-categ {
    justify-content: center
}

.item-list-title a {
    color: #000
}

.item-list-image {
    width: 50%;
    height: 100%
}

.item-list-image-left {
    height: 100%
}

.img-list {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100% !important
}

.item-list-image .img-list {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.item-list-image:hover .img-list {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.item-zigzag:nth-child(2n) .item-text-list-holder {
    order: 2
}

.item-zigzag:nth-child(2n) .item-list-image {
    order: 1
}

.portfolio-slider {
    position: relative;
    padding-bottom: 90px;
    overflow: hidden
}

.portfolio-slider .item-grid-image {
    margin-bottom: 0
}

.portfolio-slider-btn-next,
.portfolio-slider-btn-prev {
    position: absolute;
    bottom: 0;
    left: 50%;
    top: auto;
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-left: calc(0px - 100px / 2)
}

.portfolio-slider-btn-next {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: calc(0px - 100px / 2)
}

#portfolio-home5 .article-title a,
#portfolio-home5 .portfolio-categ li a {
    color: #fff
}

#portfolio-home5 .portfolio-slider {
    overflow: unset
}

#portfolio-home5 .portfolio-slider-btn-next svg,
#portfolio-home5 .portfolio-slider-btn-prev svg {
    fill: #fff
}

.portfolio-fullscreen-container {
    width: 100%;
    height: 100vh;
    position: relative
}

.portfolio-fs-holder {
    display: flex;
    padding: 100px;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: auto
}

.fs-item-bkg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: -1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.fs-item-bkg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3)
}

.portfolio-fs-item.active .fs-item-bkg {
    opacity: 1
}

.portfolio-fs-item {
    padding: 15px
}

.fs-item-title a {
    color: #fff;
    filter: blur(2px);
    opacity: .9
}

.portfolio-fs-item.active .fs-item-title a {
    filter: blur(0);
    opacity: 1
}

.portfolio-fs-item .fs-item-title sup {
    margin-right: 5px
}

#portfolio-nomargin .portfolio-grid {
    margin-left: 0;
    margin-right: 0
}

#portfolio-nomargin .item-portfolio {
    padding: 0
}

#portfolio-nomargin .portfolio-grid-v2,
#portfolio-nomargin .item-portfolio-v2 {
    margin-bottom: 0
}

#portfolio-nomargin .item-portfolio-holder-v2:after,
#portfolio-nomargin .post-image {
    border-radius: 0
}

#portfolio-2cols-bigspace .portfolio-grid,
#portfolio-2cols-bigspace .portfolio-masonry {
    width: calc(100% + 130px)
}

#portfolio-2cols-bigspace .item-portfolio {
    width: calc(50% - 100px);
    margin-right: 100px
}

#portfolio-2cols-bigspace .item-portfolio:nth-child(2n) {
    margin-top: 100px
}

#portfolio-fs15 {
    padding-left: 15px;
    padding-right: 15px
}

.gallery-holder-masonry,
.gallery-holder-grid {
    margin-bottom: -30px
}

.gallery-post {
    margin-bottom: 30px
}

.item-12cols {
    width: 50%
}

.item-12cols:nth-of-type(3n+1) {
    width: 100%
}

.gallery-justify {
    display: flex;
    flex-wrap: wrap
}

.item-justify {
    height: 300px;
    flex: 1 1 auto;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    position: relative
}

.item-justify img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

.testimonial-slider {
    overflow: hidden;
    padding-bottom: 50px;
    position: relative
}

.testimonial-slider .swiper-pagination {
    display: block;
    text-align: left
}

.testimonial-slider .swiper-pagination-bullets {
    bottom: 0 !important
}

.testimonial-slider .swiper-pagination-bullet {
    opacity: .7;
    background: #9e3ea3;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    margin: 0 8px !important
}

.testimonial-slider .swiper-pagination-bullet-active {
    opacity: 1;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6)
}

.testimonial-quote {
    position: relative;
    z-index: 2
}

.testimonial-quote svg {
    fill: #9e3ea3;
    margin-bottom: 30px;
    width: 70px;
    height: 70px
}

.icon-quote2 {
    fill: #9e3ea3
}

.testimonial-info {
    width: 100%
}

.testimonial-desc {
    font-weight: 400;
    font-style: italic;
    color: #000;
    margin-bottom: 30px;
    line-height: 1.7
}

.testimonial-client {
    font-size: 15px;
    font-weight: 700;
    color: #000
}

.testimonial-company {
    font-size: 14px;
    letter-spacing: .05em
}

.testimonial-white .testimonial-desc,
.testimonial-white .testimonial-client {
    color: #fff
}

.testimonial-white .testimonial-company {
    color: #e0e0e0
}

.testimonial-white .testimonial-quote svg {
    fill: #fff
}

.testimonial-white .testimonial-slider .swiper-pagination-bullet {
    background: #fff
}

.testimonial-center,
.testimonial-center .testimonial-slider .swiper-pagination {
    text-align: center
}

.el-testimonial2 {
    font-size: 1.3em
}

.el-testimonial2,
.el-testimonial .elementor-testimonial-content {
    font-weight: 600
}

.el-testimonial .elementor-testimonial-name {
    font-weight: 500
}

.el-testimonial .elementor-testimonial-wrapper .elementor-testimonial-job {
    margin-top: 5px
}

.el-quote {
    line-height: 1
}

.mask-heart {
    width: 450px;
    -webkit-mask-image: url(images/mask-heart.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat
}

.posts-holder-push-right {
    order: 2;
    padding-right: 0;
    padding-left: 20px
}

.article-title,
.item-title {
    margin-bottom: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.article-title a {
    color: #000;
    display: block
}

.article-title a:hover {
    color: #9e3ea3
}

.blog-item {
    margin-bottom: 100px
}

.meta-info {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.meta-categ-all {
    margin-bottom: 10px
}

.meta-categ-all a {
    margin-left: 10px;
    border-bottom: 2px solid #9e3ea3;
    color: #9e3ea3;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: relative
}

.meta-categ-all a:hover {
    border-color: rgba(255, 255, 255, 0)
}

.meta-categ-all a:first-child {
    margin-left: 0
}

#home-blog {
    margin-bottom: -50px
}

.meta-sticky {
    margin-left: 10px;
    color: #9e3ea3;
    font-size: 13px;
    font-weight: 500;
    display: inline-block
}

.meta-date-all,
.meta-categ-all-v2,
.meta-sticky-v2 {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    position: relative
}

.meta-date-all {
    font-weight: 400
}

.meta-categ-all-v2 a {
    color: #000;
    padding-right: 15px;
    margin-right: -4px
}

.meta-categ-all-v2 a:last-child {
    padding-right: 0
}

.meta-categ-all-v2 a:hover {
    color: #9e3ea3
}

.meta-author {
    position: relative;
    font-size: 13px;
    font-weight: 500
}

.meta-author:after,
.meta-categ-all-v2:after,
.comment-date:after {
    content: '';
    width: 26px;
    background-color: #9e3ea3;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-mask-image: url(images/divider-1.svg);
    mask-image: url(images/divider-1.svg)
}

.meta-author a {
    color: #000
}

.meta-author a:hover {
    color: #9e3ea3
}

.meta-author img {
    border-radius: 99em;
    margin-right: 5px
}

.post-more {
    display: inline-block;
    margin-top: 30px;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #9e3ea3
}

.post-more:hover {
    color: #9e3ea3;
    border-color: #fff
}

.post-meta {
    margin: 0;
    font-size: 0;
    list-style: none
}

.post-meta li {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}

.post-meta li:first-child {
    margin-left: 0
}

.post-meta li a {
    color: #fff
}

.post-meta li a:hover {
    color: #9e3ea3
}

.post-image {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 10px
}

.item-grid-image {
    margin-bottom: 15px
}

.post-image:after {
    content: '';
    background: rgba(73, 64, 53, 0.2);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    mix-blend-mode: multiply
}

.post-image:hover:after,
.item-portfolio-holder-v2:hover .post-image:after {
    opacity: 1
}

.post-image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.post-image img,
.post-image .list-image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.post-image:hover img,
.post-image:hover .list-image,
.item-portfolio-holder-v2:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: grayscale(1)
}

.blog-item-2col-grid,
.blog-item-3col-grid {
    margin-bottom: 50px
}

.page-holder-sidebar,
.post-sidebar .single-post-holder,
.post-sidebar .blog-item-2col-grid,
.post-sidebar .blog-1col,
.post-sidebar .blog-1col-list-left {
    margin-right: 20px
}

#blog-home {
    margin-bottom: -50px
}

.blog-item-1col-list {
    display: flex;
    align-items: center
}

.blog-item-1col-list .post-image {
    width: 35%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 0;
    top: 0;
    left: 0
}

.blog-item .list-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.blog-item-1col-list .post-holder {
    width: 65%;
    margin-top: 0;
    padding-left: 50px;
    position: relative
}

.blog-item-1col-list .post-holder-noimg {
    width: 100%;
    padding: 0
}

.blog-item-1col-list:last-child {
    margin-bottom: 0
}

div>p:last-of-type {
    margin-bottom: 0
}

.single-article-page>* {
    margin-bottom: 30px
}

.single-article-page> :last-child {
    margin-bottom: 0
}

.single-article-page blockquote p:last-of-type {
    margin-bottom: 0
}

.short-blog-3col-grid .article-title {
    margin-top: 0;
    margin-bottom: 15px
}

.short-blog-3col-grid .article-excerpt {
    margin-bottom: 0
}

.meta-info-single {
    margin-top: 10px;
    margin-bottom: 0;
    justify-content: center
}

.meta-info-single,
.meta-info-single .meta-date-all,
.meta-info-single a {
    color: #fff
}

.meta-info-single a {
    border-color: #fff;
    color: #fff
}

.author-single-page {
    margin-top: 100px;
    display: flex
}

.author-avatar {
    display: block
}

.author-avatar img {
    border-radius: 99em
}

.author-content {
    margin-left: 30px
}

.author-single-page h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px
}

.author-single-page h3 a {
    color: #000
}

.author-single-page h3 a:hover {
    color: #9e3ea3
}

.author-content .social-media {
    margin-top: 10px
}

.meta-nav-holder {
    margin-top: 100px;
    align-items: center
}

.meta-nav a {
    color: #000
}

.meta-nav a:hover {
    color: #9e3ea3
}

.meta-nav svg {
    width: 9px;
    height: 14px;
    vertical-align: baseline
}

.meta-nav a:hover svg {
    fill: #9e3ea3
}

.meta-nav-left svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 5px
}

.meta-nav-right svg {
    margin-left: 5px
}

.pn-holder {
    display: flex;
    align-items: center
}

.pn-img {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
    margin-right: 25px;
    overflow: hidden;
    border-radius: 5px;
    position: relative
}

.pn-img img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

.pn-desc {
    width: 100%
}

.pn-desc .prev-next-title {
    font-size: 1.25rem;
    font-weight: 500;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.meta-nav-right .pn-desc {
    justify-content: flex-end;
    text-align: right
}

.meta-nav-right .pn-img {
    margin-left: 25px;
    margin-right: 0
}

.comm-title,
.comment-reply-title {
    margin-top: 100px
}

.comm-title>h3,
.comment-reply-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px
}

.comment .comment-reply-title {
    margin-top: 0
}

.output2 {
    margin-top: 25px;
    border: 1px solid red;
    padding: 7px;
    color: red
}

.antispam {
    display: none
}

.comm-send {
    margin-top: 36px
}

.commentlist {
    margin: 0
}

.commentlist>li {
    list-style: none;
    margin: 0;
    margin-top: 25px
}

.commentlist>li ul.children li {
    list-style: none
}

.children li.depth-2,
.children li.depth-3,
.children li.depth-4,
.children li.depth-5,
.children li.depth-6,
.children li.depth-7,
.children li.depth-8,
.children li.depth-9,
.children li.depth-10 {
    margin: 0 0 0 100px
}

.comment-body {
    margin-bottom: 50px
}

.comment-details {
    position: relative;
    margin-left: 100px
}

.comment-avatar {
    position: absolute;
    left: -100px;
    top: 0
}

.comment-avatar img {
    display: block;
    border-radius: 50%
}

.comment-author .author a,
.comment-author .author a:visited {
    border: none
}

.comment-author .author {
    margin-bottom: 10px
}

.comment-author .author,
.comment-author .author a {
    color: #000;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    display: block
}

.comment-author .author a:hover {
    color: #9e3ea3
}

.comment-content {
    margin-top: 10px
}

.comment-content p:last-child {
    margin: 0
}

.comment-meta {
    display: flex;
    align-items: center
}

.comment-date {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    position: relative
}

.comment-reply-link {
    font-size: 13px;
    font-weight: 500;
    color: #000
}

.comment-reply-link:hover {
    color: #9e3ea3
}

#cancel-comment-reply-link {
    display: block
}

.commentlist .children {
    margin: 0
}

#comments_wrap {
    margin-top: 15px
}

#cancel-comment-reply {
    float: right;
    margin-top: 15px
}

.comment-reply-title small {
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 1
}

.commentlist li .comment-respond {
    margin-bottom: 72px
}

.pingback .comment-details,
.trackback .comment-details {
    margin-left: 0
}

.pingback .comment-avatar,
.trackback .comment-avatar {
    display: none
}

input::-ms-clear {
    display: none
}

aside ul,
footer ul,
.widget_recent_entries ul {
    margin: 0;
    padding: 0;
    list-style: none
}

aside>ul>li {
    margin-top: 50px;
    margin-bottom: 0
}

aside>ul>li:first-child {
    margin-top: 0
}

aside>ul>li:first-child img {
    border-radius: 5px
}

aside .screen-reader-text,
.foo-block .screen-reader-text {
    display: none
}

aside table,
aside table caption,
.foo-block table,
.foo-block table caption {
    margin-bottom: 0
}

aside table caption,
.foo-block table caption {
    padding-bottom: 0
}

.foo-block table caption {
    color: #000
}

.widgettitle,
.el-smalltitle,
.el-subtitle {
    margin-bottom: 30px;
    position: relative;
    font-size: 15px;
    display: inline-block;
    font-weight: 700
}

.el-smalltitle {
    color: #9e3ea3;
    margin-bottom: 15px
}

.el-subtitle {
    margin-bottom: 0
}

.widgettitle:after,
.el-smalltitle:after,
.el-subtitle:after {
    content: '';
    position: relative;
    width: 100%;
    background-color: #9e3ea3;
    height: 4px;
    display: block;
    margin-top: 10px;
    -webkit-mask-image: url(images/divider-1.svg);
    mask-image: url(images/divider-1.svg)
}

.pcolor-white .elementor-heading-title {
    color: #fff
}

.pcolor-white:after {
    background-color: #fff
}

.menu-contact .widgettitle {
    color: #fff
}

footer .widgettitle {
    color: #000
}

aside .instagram-pics,
footer .instagram-pics {
    text-align: center
}

aside .instagram-pics li,
footer .instagram-pics li {
    display: inline-block;
    margin: 0 7px 7px 0
}

aside .instagram-pics li img,
footer .instagram-pics li img {
    width: 80px;
    height: 80px
}

.textwidget img {
    height: auto;
    max-width: 100%
}

select {
    padding: 10px 5px
}

.textwidget select {
    width: 100%
}

.search-string {
    padding: 15px;
    width: 100%;
    border: 1px solid #000;
    border-radius: 5px;
    background: none;
    color: #000
}

.foo-block .search-string {
    border-color: #000;
    background: #fff
}

.tagcloud a,
.tags-single-page a,
.wp-block-tag-cloud a {
    display: inline-block;
    font-size: 12px !important;
    color: #fff;
    background: #9e3ea3;
    padding: 5px 15px;
    text-align: center;
    margin: 0 5px 10px 0;
    border-radius: 5px
}

.tagcloud a:hover,
.tags-single-page a:hover,
.wp-block-tag-cloud a:hover {
    background: #000;
    color: #fff;
    text-decoration: none
}

.tags-single-page {
    margin-top: 60px;
    margin-bottom: -10px
}

.display-post-holder {
    display: flex
}

.widget .widget-display-posts-img ul li {
    margin-bottom: 25px
}

.radius5 {
    border-radius: 5px
}

.radius10 {
    border-radius: 10px
}

.radius-right250 {
    border-radius: 0 250px 250px 0
}

.width30 {
    width: 30%
}

.width80 {
    width: 80%
}

.display-post-img {
    display: block;
    position: relative;
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    overflow: hidden
}

.display-post-img img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100% !important;
    border-radius: 5px
}

.display-post-text {
    margin-left: 15px
}

.display-post-date {
    font-size: 12px;
    letter-spacing: .03em;
    margin-bottom: 0;
    line-height: 1
}

.display-post-title {
    font-weight: 400;
    margin-top: 5px
}

.display-post-title a {
    color: #000
}

footer .display-post-title a,
footer .display-post-date {
    color: #fff
}

.display-post-title a:hover {
    color: #9e3ea3
}

.widget ul li,
.widget_recent_entries li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_recent_comments li,
.widget_rss li,
.widget_nav_menu li {
    margin-bottom: 15px;
    line-height: 1.7
}

.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_meta li a,
.widget_nav_menu li a {
    color: #000
}

.foo-block .widget_recent_entries li a,
.foo-block .widget_archive li a,
.foo-block .widget_categories li a,
.foo-block .widget_pages li a,
.foo-block .widget_meta li a,
.foo-block .widget_nav_menu li a {
    color: #000
}

.widget_recent_entries li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover {
    color: #9e3ea3
}

.widget_categories ul.children,
.widget_pages ul.children,
.widget_nav_menu .sub-menu {
    padding-top: 15px;
    margin-left: 15px
}

.widget_categories ul.children li,
.widget_pages ul.children li,
.widget_nav_menu .sub-menu li {
    border: none;
    padding-bottom: 0
}

.widget_recent_entries li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_pages li:last-child,
.widget_meta li:last-child,
.widget_recent_comments li:last-child,
.widget_rss li:last-child,
.widget_nav_menu li:last-child {
    margin-bottom: 0
}

.widget_categories ul.children:last-child li:last-child {
    margin-bottom: 0
}

footer {
    padding-bottom: 50px;
    background: #fff;
    color: #3a3a3a
}

footer a,
.footer-social li a {
    color: #9e3ea3
}

.footer-bkg {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.footer-bkg:before {
    content: '';
    background: rgba(20, 28, 44, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

footer .container {
    z-index: 1;
    position: relative
}

.footer-widgets {
    padding-top: 100px
}

.widget-footer {
    margin-bottom: 50px;
    text-align: left
}

.copyright {
    padding-top: 50px
}

.footer-copy {
    font-size: 13px;
    text-align: center
}

#footer-instagram {
    text-align: center;
    position: relative;
    margin-top: 100px
}

#footer-instagram .widgettitle {
    display: inline-block
}

#footer-instagram .instagram-pics {
    margin: 0;
    font-size: 0
}

#footer-instagram .instagram-pics li {
    display: inline-block;
    margin: 0;
    width: 12.5%
}

#footer-instagram .instagram-pics li img {
    max-width: 100%;
    width: auto;
    height: auto
}

#footer-instagram .instagram-pics li img:hover {
    opacity: .9
}

#footer-instagram .clear {
    bottom: 7px;
    font-size: 12px;
    left: 0;
    letter-spacing: 1px;
    line-height: 1.1;
    position: absolute;
    right: 0
}

#footer-instagram .clear a {
    background: #fff;
    border: medium none;
    color: #303030;
    display: inline-block;
    padding: 7px 14px
}

#sb_instagram #sbi_load {
    float: none;
    clear: both;
    width: auto;
    position: absolute;
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#sb_instagram .sbi_follow_btn a {
    background: #fff;
    color: #000
}

#sb_instagram .sbi_follow_btn a:hover {
    box-shadow: none
}

.img-fluid,
.single-post-content img,
.custom-page-template img {
    height: auto;
    max-width: 100%
}

.icon-img img {
    background: none
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.comment-form {
    margin-top: 30px
}

.comm-field,
.contact-field,
#msg-contact,
.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background: none;
    color: #000
}

#msg-contact {
    display: block
}

.post-password-form label input {
    padding: 10px 25px;
    border: 1px solid #000;
    border-radius: 5px;
    background: none;
    color: #000;
    margin-left: 10px
}

.comm-title-2 .section-title {
    margin-top: 30px
}

.comment-form-cookies-consent {
    margin-top: 30px
}

@-webkit-keyframes hoverarrow {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(15px);
        opacity: 1
    }

    51% {
        opacity: 0;
        transform: translateX(-15px)
    }

    52% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hoverarrow {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(15px);
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

.read-more,
.submit,
.wpcf7-submit,
.page-links a,
.post-password-form input[type="submit"],
.el-btn .elementor-button {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #9e3ea3;
    padding: 10px 25px;
    display: inline-block;
    border: none;
    border-radius: 5px;
    cursor: pointer
}

.read-more {
    position: relative
}

.read-more:after,
.read-more-v2:after,
.el-btn .elementor-button .elementor-button-text:after {
    content: '';
    position: relative;
    width: 9px;
    background-color: #fff;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -2px;
    -webkit-mask-image: url(images/arrow-1.svg);
    mask-image: url(images/arrow-1.svg)
}

.white-btn:after,
.el-btn.white-btn .elementor-button .elementor-button-text:after {
    background-color: #000
}

.read-more:hover:after,
.el-btn .elementor-button:hover .elementor-button-text:after {
    -webkit-animation: hoverarrow cubic-bezier(0, .77, .78, .84) .5s;
    animation: hoverarrow cubic-bezier(0, .77, .78, .84) .5s
}

.wpcf7-submit {
    cursor: pointer
}

.wpcf7-form .contact-btn {
    margin-bottom: 0
}

.el-btn .elementor-button.elementor-size-md,
.el-btn .elementor-button.elementor-size-sm {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 25px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.read-more.white-btn,
.el-btn.white-btn .elementor-button.elementor-size-md,
.el-btn.white-btn .elementor-button.elementor-size-sm {
    color: #000;
    background: #fff
}

.read-more:hover,
.submit:hover,
.wpcf7-submit:hover,
.page-links a:hover,
.post-password-form input[type="submit"]:hover,
.el-btn .elementor-button.elementor-size-md:hover,
.el-btn .elementor-button.elementor-size-sm:hover {
    color: #fff;
    background: #9e3ea3;
    box-shadow: 0 5px 20px rgba(74, 125, 109, 0.3)
}

.read-more.white-btn:hover,
.el-btn.white-btn .elementor-button.elementor-size-md:hover,
.el-btn.white-btn .elementor-button.elementor-size-sm:hover {
    color: #000;
    background: #fff;
    box-shadow: 0 5px 20px rgba(255, 255, 255, 0.3)
}

.read-more-v2 {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    display: inline-block
}

.read-more-v2:after {
    background-color: #000
}

.read-more-v2:hover {
    color: #9e3ea3
}

.read-more-v2:hover:after {
    background-color: #9e3ea3;
    -webkit-animation: hoverarrow cubic-bezier(0, .77, .78, .84) .5s;
    animation: hoverarrow cubic-bezier(0, .77, .78, .84) .5s
}

.white-btn-v2 {
    color: #fff
}

.white-btn-v2:after {
    background-color: #fff
}

.btn100 {
    width: 100%;
    text-align: center
}

.elementor-button {
    line-height: 1.7
}

.form-submit {
    margin-top: 30px
}

.blog-post-single .form-submit {
    margin-bottom: 0
}

.post-password-form input[type="submit"] {
    margin-left: 10px;
    margin-top: 0;
    cursor: pointer
}

.prev-next,
.page-links {
    text-align: center;
    font-size: 0
}

.prev-next {
    margin-top: 50px
}

.page-numbers,
.nav-page a {
    color: #fff;
    background: #000;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 5px
}

.current-page,
.page-numbers:hover,
.nav-page a:hover {
    color: #fff;
    background: #9e3ea3
}

.page-links {
    margin-top: 36px
}

.page-links a {
    margin: 0;
    margin-right: 12px
}

.more-pages {
    font-size: 13px;
    vertical-align: bottom;
    margin: 0 10px
}

.error-404 {
    text-align: center
}

.video-widget {
    position: relative;
    padding: 0;
    padding-bottom: 56.3%;
    height: 100%;
    overflow: hidden
}

.gmaps {
    position: relative;
    padding: 0;
    height: 400px;
    overflow: hidden
}

.video-widget iframe,
.gmaps iframe {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: 100%
}

.post-video {
    position: relative
}

.post-video:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.post-audio:before {
    padding-top: 35%
}

.post-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.scrollup {
    display: none
}

.scrollup i {
    width: 30px;
    height: 30px;
    position: fixed;
    background: #9e3ea3;
    color: #fff;
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
    z-index: 110
}

.nf-text {
    margin: 25px 0
}

.alignc {
    text-align: center
}

.alignr {
    text-align: right
}

.alignl {
    text-align: left
}

.none {
    display: none
}

.alert {
    font-weight: 700;
    background-color: #9e3ea3;
    border: none;
    color: #fff;
    padding: 15px;
    border-radius: 0;
    margin-top: 100px
}

.error404 #footer-instagram {
    display: none
}

.title-404 {
    font-size: 12rem;
    margin-bottom: 30px;
    line-height: 1
}

.padding-50 {
    padding: 50px
}

.padding-tb100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.padding-tb50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.padding-tb30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.padding-tb25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.margin-tb50 {
    margin: 50px 0
}

.margin-tb35 {
    margin: 35px 0
}

.margin-tb25 {
    margin: 25px 0
}

.margin-t100 {
    margin-top: 100px
}

.margin-t50 {
    margin-top: 50px
}

.margin-r50 {
    margin-right: 50px
}

.margin-l50,
.margin-tablet-l50 {
    margin-left: 50px
}

.margin-t35 {
    margin-top: 35px
}

.margin-t30 {
    margin-top: 30px
}

.margin-t25 {
    margin-top: 25px
}

.margin-b100 {
    margin-bottom: 100px
}

.margin-b50 {
    margin-bottom: 50px
}

.margin-b35 {
    margin-bottom: 35px
}

.margin-b30 {
    margin-bottom: 30px
}

.margin-b25 {
    margin-bottom: 25px
}

.margin-b15 {
    margin-bottom: 15px
}

.margin-b10 {
    margin-bottom: 10px
}

.margin-b15:not(:last-child) {
    margin-bottom: 15px
}

.margin-none {
    margin: 0
}

.margin-b30less {
    margin-bottom: -30px
}

.margin-b50less {
    margin-bottom: -50px
}

.section-nomargin {
    margin-bottom: -100px
}

.img-center {
    margin: 0 auto
}

::-webkit-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000
}

::-moz-placeholder {
    color: #000
}

:-ms-input-placeholder {
    color: #000
}

::-ms-input-placeholder {
    color: #000
}

:placeholder-shown,
::placeholder {
    color: #000
}

.icon-circle .elementor-icon {
    color: #9e3ea3;
    border-color: #9e3ea3
}

.pcolori .elementor-icon {
    color: #9e3ea3
}

.icon-bkg .elementor-icon {
    background: #9e3ea3
}

.pcolori svg path {
    fill: #9e3ea3
}

.pcolori-border .elementor-icon {
    padding: 15px;
    border: 1px solid;
    border-radius: 5px
}

.pcolori-bkg .elementor-icon {
    padding: 15px;
    background-color: #9e3ea3;
    border-radius: 5px
}

.pcolori-bkg svg path {
    fill: #fff
}

.pcolori-white .elementor-icon {
    color: #fff
}

.pcolori-white svg path {
    fill: #fff
}

.pcolor-circle .elementor-icon,
.pcolor-circle30 .elementor-icon {
    background: #9e3ea3;
    color: #fff;
    padding: 10px;
    border-radius: 99em
}

.pcolor-circle30 .elementor-icon {
    padding: 30px
}

.el-align-right {
    text-align: right
}

.el-align-center {
    text-align: center
}

.el-align-center .testimonial-desc:before {
    left: 50%;
    transform: translateX(-50%)
}

.contact3-box .elementor-image-box-img {
    margin-bottom: 15px !important
}

.fstart .elementor-row {
    align-items: flex-start
}

.feature-box {
    position: absolute;
    bottom: 20px;
    left: 30px
}

.feature-box h4 {
    color: #fff
}

.feature-box-title {
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    text-transform: uppercase;
    background: #fff;
    font-weight: 500;
    letter-spacing: .05em;
    margin-bottom: 5px
}

.feature-box-img {
    position: relative;
    overflow: hidden
}

.feature-box-img a {
    position: relative
}

.feature-box-img a::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    height: 100%;
    opacity: .2
}

.feature-box-img:not(:last-child) {
    margin-bottom: 0
}

.feature-box-holder img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.feature-box-holder:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.mt-img-scale {
    overflow: hidden;
    border-radius: 10px
}

.mt-img-scale img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mt-img-scale:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.page-full .alignfull,
.page-full .alignwide {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw
}

.page-full .alignfull img,
.page-full .alignwide img {
    margin-left: auto;
    margin-right: auto
}

.has-large-font-size {
    font-size: 36px;
    white-space: pre-wrap
}

.has-medium-font-size {
    font-size: 20px;
    white-space: pre-wrap
}

.has-small-font-size {
    font-size: 13px;
    white-space: pre-wrap
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 35.333%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66666666%
}

.gallery-columns-7 .gallery-item {
    width: 14.2857142857%
}

.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery-columns-9 .gallery-item {
    width: 11.1111111111%
}

.gallery-holder {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.gallery-item {
    text-align: center;
    vertical-align: top;
    width: 100%
}

.white {
    color: #fff
}

.footer-group {
    margin-bottom: -40px
}

.footer-group p {
    margin-bottom: 0
}

body.hidden-scroll {
    overflow: hidden
}

.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    display: none;
    z-index: 1035
}

.sl-wrapper {
    z-index: 1040;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed
}

.sl-wrapper * {
    box-sizing: border-box
}

.sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 28px;
    padding: 0;
    cursor: pointer
}

.sl-wrapper button:hover {
    opacity: .7
}

.sl-wrapper .sl-close {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
    color: #fff;
    font-size: 3rem
}

.sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #fff;
    font-size: 1rem
}

.sl-wrapper .sl-navigation {
    width: 100%;
    display: none
}

.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    height: 44px;
    width: 22px;
    line-height: 44px;
    text-align: center;
    display: block;
    z-index: 10060;
    font-family: Arial, Baskerville, monospace;
    color: #fff
}

.sl-wrapper .sl-navigation button.sl-next {
    right: 5px;
    font-size: 2rem
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 5px;
    font-size: 2rem
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 10px;
        font-size: 3rem
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 20px;
        font-size: 3rem
    }
}

.sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr
}

.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000
}

.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0 none;
    width: 100%;
    height: auto
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-image img {
        border: 0 none
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-image img {
        border: 0 none
    }
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0 none
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-image iframe {
        border: 0 none
    }
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto
}

.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060
}

.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.sl-transition {
    transition: -moz-transform ease 200ms;
    transition: -ms-transform ease 200ms;
    transition: -o-transform ease 200ms;
    transition: -webkit-transform ease 200ms;
    transition: transform ease 200ms
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-ms-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@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-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-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:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    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-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-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.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%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    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: 0;
    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
}

@media (min-width: 768px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }

    .menu-contact {
        height: 100vh;
        padding-top: 170px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }

    .parallax {
        background-attachment: fixed !important
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1350px
    }

    .page-full .alignwide {
        margin-left: -75px;
        margin-right: -75px;
        max-width: 1500px
    }

    aside table th,
    .foo-block table th,
    aside table td,
    .foo-block table td {
        padding: 5px
    }
}

@media (max-width: 1200px) {
    .menu-nav li {
        margin-left: 15px
    }

    .h1,
    h1,
    .large-title {
        font-size: calc(2.5rem + 1.2vw)
    }

    .h2,
    h2 {
        font-size: calc(1.7rem + .7vw)
    }

    .h3,
    h3,
    .comm-title>h3,
    .comment-reply-title {
        font-size: calc(1.5rem + .6vw)
    }

    .h4,
    h4 {
        font-size: calc(1.3rem + .3vw)
    }

    .h5,
    h5 {
        font-size: calc(1.1rem + .2vw)
    }

    .display-1 {
        font-size: calc(1.525rem + 5.7vw)
    }

    .display-2 {
        font-size: calc(1.5rem + 4vw)
    }

    .display-3 {
        font-size: calc(1.475rem + 3vw)
    }

    .display-4,
    .display-4 .elementor-heading-title {
        font-size: calc(1.3rem + 2.5vw)
    }

    .display-5 {
        font-size: calc(1.275rem + 1.0vw)
    }

    .display-6 {
        font-size: calc(1.15rem + 0.5vw)
    }

    .slider-caption {
        padding-top: 100px
    }

    .portfolio-fs-holder {
        padding: 100px 10px
    }

    .portfolio-fs-item {
        padding: 15px 10px
    }
}

@media (max-width: 1024px) {

    .nav-holder,
    .binfo3,
    .header-3 .header-container,
    .btn-header-5 {
        display: none
    }

    .nav-button-holder {
        display: block
    }

    .nav-button-holder-5 {
        flex: 1 1 0
    }

    .top-header-3 {
        border: none
    }

    .nav-fixed-top .top-header-3,
    .nav-fixed-top .top-header-5 {
        display: flex
    }

    .nav-button-holder-5 {
        text-align: right
    }

    .header-container5 {
        padding: 0;
        padding-top: 15px
    }

    .topsingleimg {
        clip-path: none
    }

    .topsingleimg img {
        position: relative
    }

    .tablet-margin-b30,
    .margin-bm30 {
        margin-bottom: 30px
    }

    .tablet-margin-b50,
    .margin-bm50 {
        margin-bottom: 50px
    }

    .margin-percentr40 {
        margin-right: 30%
    }

    .padding-lr200 {
        padding: 0
    }

    .margin-lr200,
    .margin-tablet-l50 {
        margin: 0
    }

    .padding-100 {
        padding: 50px 15px
    }

    .home-slider-5 {
        padding: 110px 0 50px
    }

    .home-section-7-1,
    .home-section-9-1 {
        margin-top: 110px
    }

    .order1 {
        order: 1
    }

    .order2 {
        order: 2
    }

    .order3 {
        order: 3
    }

    .page-holder-sidebar,
    .post-sidebar .single-post-holder,
    .post-sidebar .blog-item-2col-grid,
    .post-sidebar .blog-1col,
    .post-sidebar .blog-1col-list-left {
        margin-right: 0
    }

    .blog-item {
        margin-bottom: 50px
    }

    .archive .blog-item:last-child {
        margin-bottom: 0
    }

    .archive .prev-next {
        margin-top: 50px
    }

    .practice-icon-v2 {
        padding: 30px
    }

    .item-portfolio-v2.item-3cols,
    .item-portfolio-v2.item-4cols,
    .item-portfolio-v2.item-5cols {
        width: 50%
    }

    .portfolio-slider {
        margin-left: 15px;
        margin-right: 15px
    }

    .item-justify {
        height: 200px;
        margin-bottom: 15px;
        padding-left: 0
    }

    .item-justify:last-child {
        flex-grow: 0
    }

    .gallery-justify {
        margin-left: auto
    }

    #portfolio-2cols-bigspace .portfolio-grid,
    #portfolio-2cols-bigspace .portfolio-masonry {
        width: calc(100% + 80px)
    }

    #portfolio-2cols-bigspace .item-portfolio {
        width: calc(50% - 50px);
        margin-right: 50px
    }

    #portfolio-2cols-bigspace .item-portfolio:nth-child(2n) {
        margin-top: 50px
    }

    .img-border-left .elementor-image:before,
    .img-border-right .elementor-image:before {
        width: calc(100% - 30px);
        bottom: -30px;
        right: 64px;
        border-width: 12px
    }

    .img-border-right .elementor-image:before {
        right: 0;
        left: 64px
    }

    .elementor-column-gap-default .elementor-row {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .lefticon .elementor-icon-box-wrapper {
        text-align: left !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .lefticon .elementor-icon-box-icon {
        margin-left: 0 !important;
        margin-right: 15px !important
    }
}

@media (max-width: 992px) {

    aside,
    .blog-post-single aside {
        margin-top: 100px
    }

    aside>ul>li:first-child img {
        width: 100%
    }

    .blog-item-1col-list {
        display: block
    }

    .blog-item-1col-list .post-image,
    .blog-item-1col-list .post-holder {
        width: 100%
    }

    .blog-item-1col-list .post-holder {
        padding-left: 0
    }

    .blog-item-1col-list .post-image {
        margin-bottom: 30px
    }

    #fs-holder {
        padding: 0
    }

    .posts-holder {
        padding-right: 15px
    }

    .img-border-left .elementor-image:before,
    .img-border-right .elementor-image:before {
        display: none
    }

    .foo-block select {
        display: block
    }

    .item-4cols,
    .item-5cols {
        width: 33.333%
    }

    .el-align-right {
        text-align: left
    }

    .margin-r50,
    .margin-percentr40 {
        margin-right: 0
    }

    .margin-l50 {
        margin-left: 0
    }

    .radius-right250 {
        border-radius: 0
    }

    .padding-50 {
        padding: 50px 15px
    }

    .section-hide-mobile {
        display: none
    }
}

@media (max-width: 767px) {
    html {
        overflow-y: scroll !important
    }

    .container {
        max-width: 100%
    }

    .admin-bar .main-header {
        top: 46px
    }

    .top-header {
        display: none
    }

    .top-header-3,
    .top-header-5 {
        display: flex
    }

    .swiper-mt,
    .top-single-bkg {
        height: 450px
    }

    .slider-caption {
        padding-top: 67px
    }

    .topnoimg {
        height: auto;
        margin-top: 30px
    }

    .top-blogfront {
        height: auto
    }

    .page-title-above {
        margin-top: 30px;
        margin-bottom: 50px
    }

    .title-404 {
        font-size: 100px
    }

    .inner-desc h1 {
        word-wrap: break-word
    }

    .swiper-mt,
    .video-container,
    .top-single-bkg,
    .section-holder {
        margin-bottom: 50px
    }

    .meta-nav-holder,
    .author-single-page,
    .margin-t100 {
        margin-top: 50px
    }

    .margin-notop100 {
        margin-top: -50px
    }

    .portfolio-list-container,
    .section-nomargin {
        margin-bottom: -50px
    }

    .menu-mobile li {
        font-size: 2rem
    }

    #footer-instagram .instagram-pics li {
        width: 50%
    }

    #footer-instagram .instagram-pics li img {
        width: 100%
    }

    #footer-instagram {
        margin-top: 50px
    }

    .footer-widgets {
        padding-top: 50px
    }

    .prev-next {
        margin-top: 0
    }

    .btn-header .read-more {
        letter-spacing: 0
    }

    .posts-holder-push-right {
        order: 0
    }

    .posts-holder,
    .posts-holder-push-right {
        padding-left: 15px;
        padding-right: 15px
    }

    .blog-item-1col-list {
        display: block
    }

    .blog-item-1col-list .post-image {
        height: 300px
    }

    .author-single-page {
        display: block
    }

    .author-content {
        margin-left: 0;
        margin-top: 30px
    }

    #fs-holder {
        padding: 0
    }

    .meta-nav-right {
        margin-top: 30px
    }

    .meta-nav-right.margin-none {
        margin-top: 0
    }

    .meta-nav-right .pn-desc {
        text-align: left;
        order: 2
    }

    .meta-nav-right .pn-img {
        margin-left: 0;
        margin-right: 25px
    }

    .item-portfolio-v2 {
        height: 350px
    }

    .item-portfolio-v2.item-2cols,
    .item-portfolio-v2.item-3cols,
    .item-portfolio-v2.item-4cols,
    .item-portfolio-v2.item-5cols {
        width: 100%
    }

    .item-list {
        flex-wrap: wrap;
        height: auto;
        margin-bottom: 50px
    }

    .item-list-image {
        width: 100%;
        height: 350px;
        order: 1
    }

    .item-text-list-holder {
        width: 100%;
        padding: 0;
        padding-left: 15px;
        margin-top: 30px;
        order: 2
    }

    .item-list-title {
        text-align: left
    }

    .item-text-list-holder .portfolio-categ {
        justify-content: left
    }

    .item-list-title {
        font-size: 1.5rem
    }

    .item-justify {
        height: 100px
    }

    #portfolio-home8 .portfolio-slider {
        overflow: unset
    }

    #portfolio-2cols-bigspace .portfolio-grid,
    #portfolio-2cols-bigspace .portfolio-masonry {
        width: auto
    }

    #portfolio-2cols-bigspace .item-portfolio {
        width: 50%;
        margin-right: 0
    }

    .padding-tb100 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .order-mobi1 {
        order: 1
    }

    .order-mobi2 {
        order: 2
    }

    .order-mobi3 {
        order: 3
    }

    .sub-section,
    .mobile-margin-b50 {
        margin-bottom: 50px
    }

    .mobile-margin-b30 {
        margin-bottom: 30px
    }

    .mobile-margin-b20 {
        margin-bottom: 20px
    }

    .form-submit {
        margin-top: 0
    }

    .children li.depth-2,
    .children li.depth-3,
    .children li.depth-4,
    .children li.depth-5,
    .children li.depth-6,
    .children li.depth-7,
    .children li.depth-8,
    .children li.depth-9,
    .children li.depth-10 {
        margin: 0
    }

    .wp-block-column {
        flex-basis: 100%;
        flex-grow: 1
    }

    .wp-block-column:not(:last-child) {
        margin-right: 0
    }

    .wp-block-column:not(:first-child) {
        margin-left: 0
    }

    .iconbox-mobi .elementor-icon-box-wrapper {
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }

    .iconbox-mobi .elementor-icon-box-icon {
        margin-right: 15px !important;
        margin-bottom: 0 !important
    }
}

@media (max-width: 568px) {

    .btn-header,
    .btn-header-2 {
        display: none
    }

    .page-links a {
        margin-bottom: 15px
    }

    .comment-form .comm-field {
        margin-bottom: 30px
    }

    .comment-form-cookies-consent {
        margin-top: 0
    }

    .item-4cols,
    .item-5cols {
        width: 50%
    }

    .item-3cols {
        width: 32.5%
    }

    .mt-brand-logos .gallery-item {
        margin-bottom: 2px;
        margin-right: 2px
    }

    .mt-brand-logos {
        margin-bottom: -20px
    }
}