a,
a:active,
a:hover,
a:link,
a:visited {
    color: #000
}

.rms-readmore,
.rms-subtitle-1,
b,
strong {
    font-weight: 700
}

ol,
ul {
    padding-left: 0
}

body,
fieldset,
html,
p,
pre {
    padding: 0
}

code,
pre {
    max-width: 100%;
    overflow: auto
}

blockquote,
blockquote cite {
    text-align: left;
    color: #fff;
    position: relative
}

blockquote cite,
blockquote cite em,
blockquote p {
    font-style: normal
}

.vertical-center,
code {
    vertical-align: middle
}

.content-sidebar a,
.content-sidebar a:hover,
.rms-btn:hover,
.rms-logo:hover,
a,
a.rms-btn:hover,
code,
ins,
mark {
    text-decoration: none
}

.rms-blog-item .image img,
.rms-blog-slide-item .image img,
.rms-hero .image video,
.rms-hero-carousel-item .img video,
.rms-hero-parallax .image video,
.rms-portfolio-item .image img,
.rms-post-pic img {
    object-fit: cover;
    object-position: center
}

* {
    outline: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

::-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

:-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

body,
html {
    margin: 0;
    overflow: visible;
    height: auto !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a {
    cursor: pointer;
    outline: 0;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

a img {
    border: none
}

iframe,
img {
    max-width: 100%
}

label {
    cursor: pointer
}

form p {
    margin: 0 0 15px
}

.clear {
    clear: both
}

.rms--noscroll {
    overflow: hidden !important
}

.rms--notouch {
    pointer-events: none !important
}

.container {
    max-width: 1318px
}

.container-lg {
    max-width: 1338px
}

.container-xl {
    max-width: 1368px
}

.alignleft,
.alignright {
    max-width: 50%;
    margin-bottom: 30px
}

.wrapper {
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 2
}

.footer--fixed .wrapper,
.gap-bottom-90 {
    padding-bottom: 90px
}

.rms-section-full {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center
}

.content-sidebar li a,
.rms-counter,
.rms-cta,
.rms-cta-info,
.rms-hover-label,
.rms-lnk a,
.rms-reviews,
.rms-section-full>div,
.rms-services-showcase,
.rms-showcase,
.post-content .wp-block-archives li a,
[data-rms-overlay],
a.rms-lnk,
span.rms-lnk {
    position: relative
}

.rms-section-bg {
    background-color: #fafafa
}

@media (max-width:991px) {
    .hide-on-mobile {
        display: none
    }
}

@media (min-width:991px) {
    .hide-on-desktop {
        display: none
    }
}

.row.gap-row {
    margin-top: -30px
}

.rms-reviews-summary,
.rms-service-item-inner .list,
.rms-team-item .rms-social-1,
.row.gap-row>div,
ol,
ul {
    margin-top: 30px
}

.rms-faq-item .rms-text>:first-child,
.rms-reviews-item .text p,
.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child,
.post-content>:first-child,
dd {
    margin-top: 0
}

.gap-140 {
    padding: 140px 100px
}

.gap-top-140 {
    padding-top: 140px
}

.gap-top-130 {
    padding-top: 130px
}

.gap-top-120 {
    padding-top: 120px
}

.gap-top-110 {
    padding-top: 110px
}

.gap-top-100 {
    padding-top: 100px
}

.gap-top-90 {
    padding-top: 90px
}

.gap-top-80 {
    padding-top: 80px
}

.gap-top-70 {
    padding-top: 70px
}

.gap-top-60,
.rms-service-item.rms-service-no-icon .rms-service-item-inner {
    padding-top: 60px
}

.gap-top-50,
.rms-hero.hero--two .container {
    padding-top: 50px
}

.gap-top-0,
.gap-top-40 {
    padding-top: 40px
}

.gap-bottom-140 {
    padding-bottom: 140px
}

.gap-bottom-130 {
    padding-bottom: 130px
}

.gap-bottom-120 {
    padding-bottom: 120px
}

.gap-bottom-110 {
    padding-bottom: 110px
}

.gap-bottom-100 {
    padding-bottom: 100px
}

.gap-bottom-80 {
    padding-bottom: 80px
}

.gap-bottom-70 {
    padding-bottom: 70px
}

.gap-bottom-60 {
    padding-bottom: 60px
}

.gap-bottom-50 {
    padding-bottom: 50px
}

.gap-bottom-40 {
    padding-bottom: 40px
}

.gap-bottom-0,
.search-form label {
    padding-bottom: 0
}

@media (max-width:1024px) {
    .gap-140 {
        padding: 140px 20px
    }
}

.rms-blog-slide-item.full--width .desc,
figure {
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    line-height: 1.2
}

.rms-service-item .image .icon,
h1 {
    font-size: 60px
}

.rms-service-grid-item .icon,
h2 {
    font-size: 50px
}

h3 {
    font-size: 40px
}

.rms-blog-item.archive-item .title,
h4 {
    font-size: 30px
}

h5 {
    font-size: 20px
}

.rms-footer .copyright,
h6 {
    font-size: 18px
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 40px 0 30px
}

.rms-title-1,
h1.rms-title-1,
h2.rms-title-1,
h3.rms-title-1,
h4.rms-title-1,
h5.rms-title-1,
h6.rms-title-1 {
    margin: 0;
    font-size: 70px
}

.rms-title-2,
h1.rms-title-2,
h2.rms-title-2,
h3.rms-title-2,
h4.rms-title-2,
h5.rms-title-2,
h6.rms-title-2 {
    margin: 0;
    font-size: 60px
}

.rms-title-2 strong,
h1.rms-title-2 strong,
h2.rms-title-2 strong,
h3.rms-title-2 strong,
h4.rms-title-2 strong,
h5.rms-title-2 strong,
h6.rms-title-2 strong {
    font-size: 1.2em;
    font-weight: 700
}

.rms-title-3,
h1.rms-title-3,
h2.rms-title-3,
h3.rms-title-3,
h4.rms-title-3,
h5.rms-title-3,
h6.rms-title-3 {
    margin: 0;
    font-size: 50px
}

.rms-subtitle-1 {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase
}

.rms-subtitle-2,
p {
    margin: 20px 0
}

@media (max-width:1024px) {
    h1 {
        font-size: 60px
    }

    h2 {
        font-size: 50px
    }

    h3 {
        font-size: 40px
    }

    h4 {
        font-size: 30px
    }

    h5 {
        font-size: 20px
    }

    h6 {
        font-size: 18px
    }

    .rms-title-1,
    h1.rms-title-1,
    h2.rms-title-1,
    h3.rms-title-1,
    h4.rms-title-1,
    h5.rms-title-1,
    h6.rms-title-1 {
        margin: 0;
        font-size: 60px
    }

    .rms-title-2,
    h1.rms-title-2,
    h2.rms-title-2,
    h3.rms-title-2,
    h4.rms-title-2,
    h5.rms-title-2,
    h6.rms-title-2 {
        margin: 0;
        font-size: 50px
    }

    .rms-title-3,
    h1.rms-title-3,
    h2.rms-title-3,
    h3.rms-title-3,
    h4.rms-title-3,
    h5.rms-title-3,
    h6.rms-title-3 {
        margin: 0;
        font-size: 40px
    }

    .rms-title-1 br,
    .rms-title-2 br,
    .rms-title-3 br,
    h1.rms-title-1 br,
    h1.rms-title-2 br,
    h1.rms-title-3 br,
    h2.rms-title-1 br,
    h2.rms-title-2 br,
    h2.rms-title-3 br,
    h3.rms-title-1 br,
    h3.rms-title-2 br,
    h3.rms-title-3 br,
    h4.rms-title-1 br,
    h4.rms-title-2 br,
    h4.rms-title-3 br,
    h5.rms-title-1 br,
    h5.rms-title-2 br,
    h5.rms-title-3 br,
    h6.rms-title-1 br,
    h6.rms-title-2 br,
    h6.rms-title-3 br {
        display: none
    }

    .rms-menu-btn {
        display: inline-block !important
    }
}

body .rms-text-white,
body .rms-text-white a,
body .rms-text-white h1,
body .rms-text-white h2,
body .rms-text-white h3,
body .rms-text-white h4,
body .rms-text-white h5,
body .rms-text-white h6 {
    color: #fff
}

body .rms-text-black,
body .rms-text-black a,
body .rms-text-black h1,
body .rms-text-black h2,
body .rms-text-black h3,
body .rms-text-black h4,
body .rms-text-black h5,
body .rms-text-black h6 {
    color: #000
}

input[type=address],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
    position: relative;
    padding: 0 30px;
    display: block;
    width: 100%;
    height: 62px;
    font-size: 16px;
    color: #000;
    resize: none;
    outline: 0;
    font-weight: 400;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 62px;
    -webkit-border-radius: 62px;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

code,
label.error,
pre {
    font-size: 14px
}

textarea {
    height: 125px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    resize: none;
    border-radius: 31px;
    -webkit-border-radius: 31px
}

label,
legend {
    display: block;
    padding-bottom: 20px
}

fieldset {
    border-width: 0
}

label.error {
    padding: 5px 10px 0;
    line-height: 2;
    color: red;
    display: none
}

ul {
    list-style: disc inside;
    margin-bottom: 30px
}

ol {
    list-style: decimal inside;
    margin-bottom: 30px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px
}

code {
    padding: 0 4px;
    font-style: italic;
    display: inline-block;
    white-space: nowrap
}

pre {
    margin: 30px 0;
    white-space: pre
}

dt {
    margin-bottom: 5px;
    font-weight: 700
}

dd {
    margin-bottom: 30px;
    margin-left: 30px
}

blockquote {
    margin: 40px 0;
    padding: 60px 8% 60px 170px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
    background: #000
}

blockquote::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 70px;
    width: 80px;
    height: 80px;
    background-image: url(../images/quote.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.rms-contact-info::before,
.rms-project-info::before,
blockquote:after {
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    top: 10px;
    content: "";
    pointer-events: none
}

blockquote:after {
    border: 1px solid #fff
}

blockquote p {
    margin: 0 !important
}

blockquote a {
    color: #fff;
    text-decoration: underline
}

blockquote cite {
    font-size: 22px;
    font-weight: 700;
    display: block;
    margin-top: 20px
}

input[type=checkbox],
input[type=radio] {
    display: inline-block;
    vertical-align: top
}

.custom-select,
select {
    border: 1px solid #c9c9c9;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    font-size: inherit;
    height: auto;
    padding: 15px 16px;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: -1rem;
    outline: 0;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .1rem center/40px 12px no-repeat
}

.centrize,
.rms-overlay {
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2
}

hr {
    border-top: 1px solid #8d99a7
}

.rms-contact-info,
.rms-project-info {
    position: relative;
    background: #000;
    padding: 50px
}

.rms-contact-info::before,
.rms-project-info::before {
    border: 1px solid #fff
}

.comments,
.content-sidebar ol,
.content-sidebar ul,
.rms-contact-info>ul,
.rms-filter ul,
.rms-menu-horizontal ul,
.rms-portfolio-item-list .rms-text>div>ul,
.rms-pricing-item .list ul,
.rms-project-info>ul,
.rms-service-item-inner .list ul,
.rms-services-showcase .items ul,
.rms-team-info ul,
ul.rms-footer-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.mrg-center,
.mrg-right {
    margin-left: auto
}

.mrg-center,
.mrg-left {
    margin-right: auto
}

.rms-contact-info>ul>li {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #3e3e3e
}

.rms-contact-info>ul>li:last-child,
.rms-project-info>ul>li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

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

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

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.pull-none {
    float: none !important
}

.alignright {
    margin-left: 30px;
    float: right
}

.alignleft {
    margin-right: 30px;
    float: left
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.full-width {
    max-width: 100%;
    width: 100%
}

.full-max-width {
    max-width: 100%;
    width: auto
}

.centrize {
    display: table;
    table-layout: fixed;
    position: relative
}

.vertical-center {
    display: table-cell
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-regular {
    font-weight: 400 !important
}

.text-bold {
    font-weight: 700 !important
}

.text-italic {
    font-style: italic !important
}

.alert-success {
    color: #000;
    background: 0 0;
    border: none
}

.rms-circle-move {
    animation: 6s ease-in-out infinite rms-circle-move
}

@keyframes rms-circle-move {

    0%,
    100% {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(4px, 4px)
    }

    50% {
        transform: translate(0, 4px)
    }

    75% {
        transform: translate(-4px, 0)
    }
}

.splitting span:not(.whitespace) {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.splitting span .word {
    position: relative;
    transform: translate(0, 100%);
    transition: transform .6s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: transform .6s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition-delay: calc(100ms + 100ms * var(--line-index));
    transition-delay: calc(100ms + 100ms * var(--line-index))
}

.animated--active .rms-blog-carousel .swiper-slide.swiper-slide-active .splitting span .word,
.animated--active .rms-blog-carousel .swiper-slide.swiper-slide-active+.swiper-slide .splitting span .word,
.animated--active .splitting[data-scroll=in] span .word,
.animated--swiper--active .rms-hero-parallax .active .splitting span .word,
.animated--swiper--active .swiper-slide-active .splitting span .word {
    transform: translate(0, 0)
}

.rms-overlay {
    position: absolute;
    width: 100%;
    background: #fff;
    transition: transform .6s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: transform .6s cubic-bezier(.3, 0, .3, 1);
    transform-origin: top right;
    transform: scaleX(1);
    pointer-events: none
}

.animated--active .rms-blog-carousel .swiper-slide.swiper-slide-active .rms-overlay,
.animated--active .rms-blog-carousel .swiper-slide.swiper-slide-active+.swiper-slide .rms-overlay,
.animated--active [data-scroll=in] .rms-overlay {
    transform: scaleX(0)
}

.animated--swiper--active .swiper-slide-active .rms-overlay {
    transform: scaleX(0);
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.rms-hover-1::before,
.rms-hover-2::before,
.rms-hover-3::before {
    margin: 0;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    transform: scale(0);
    -webkit-transform: scale(0);
    background: #413B2F;
    pointer-events: none
}

.rms-hover-2::before {
    left: 3px;
    top: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.rms-hover-3::before {
    margin: -400px 0 0 -400px;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 800px
}

.rms-hover-1:hover::before,
.rms-hover-2:hover::before,
.rms-hover-3:hover::before,
.rms-hover-btn:hover>.arrow::after,
.rms-hover-btn:hover>i::after {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.rms-head-btn .arrow::before,
.rms-hover-black::before {
    background: #000 !important
}

.rms-hover-black-30::before {
    background: rgba(0, 0, 0, .3) !important
}

.rms-hover-btn>.arrow::after,
.rms-hover-btn>i::after {
    margin: 0;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    transform: scale(0);
    -webkit-transform: scale(0);
    background: #413B2F;
    transform-origin: center center
}

.rms-hover-btn::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: #000;
    -webkit-border-radius: 66px
}

.rms-hover-btn::after {
    margin: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: transform .4s cubic-bezier(.3, 0, .3, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    background: #413B2F;
    transform-origin: bottom center;
    z-index: 1
}

.rms-faq-item .rms-collapse-btn.active::after,
.rms-hover-btn:hover::after {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: top center
}

.rms-hover-label .label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    z-index: 2;
    opacity: 0;
    transform: translateY(8px) scale(.8);
    -webkit-transform: translateY(6px) scale(.8);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-hover-label:hover .label {
    opacity: 1;
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1)
}

.content-sidebar li>a::after,
.rms-lnk a::after,
.rms-lnk.lnk--revert a::after,
.post-content .wp-block-archives li>a::after,
a.rms-lnk.lnk--revert::after,
a.rms-lnk::after,
span.rms-lnk.lnk--revert::after,
span.rms-lnk::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: transform .4s ease-out;
    -webkit-transition: transform .4s ease-out;
    transform-origin: bottom right
}

.rms-lnk.lnk--white a::after,
a.rms-lnk.lnk--white::after,
span.rms-lnk.lnk--white::after {
    background: #fff
}

.rms-lnk.lnk--active a::after,
a.rms-lnk.lnk--active::after,
span.rms-lnk.lnk--active::after {
    background: #413B2F
}

.content-sidebar li a:hover::after,
.rms-blog-slide-item:hover .rms-lnk::after,
.rms-history-item:hover .rms-lnk::after,
.rms-lnk a:hover::after,
.rms-lnk.lnk--revert a::after,
.rms-menu ul li.current-menu-item>a:after,
.rms-portfolio-item:hover .rms-lnk::after,
.rms-services-showcase .items .hover .rms-lnk::after,
.post-content .wp-block-archives li a:hover::after,
a.rms-lnk.lnk--revert::after,
a.rms-lnk:hover::after,
span.rms-lnk.lnk--revert::after,
span.rms-lnk:hover::after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform-origin: bottom left
}

.rms-lnk.lnk--revert a:hover::after,
a.rms-lnk.lnk--revert:hover::after,
span.rms-lnk.lnk--revert:hover::after {
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: bottom right
}

.rms-btn,
.rms-btn-circle,
a.rms-btn,
a.rms-btn-circle,
button[type=submit],
input[type=submit] {
    padding: 0 30px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    height: 66px;
    line-height: 66px;
    text-decoration: none;
    outline: 0 !important;
    cursor: pointer;
    border: none;
    box-shadow: none !important;
    text-align: center;
    background: 0 0;
    border-radius: 66px;
    -webkit-border-radius: 66px;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

button[type=submit],
input[type=submit] {
    background: #000;
    -webkit-border-radius: 66px
}

button[type=submit].rms-btn,
input[type=submit].rms-btn {
    background: 0 0
}

.rms-btn.btn--large,
a.rms-btn.btn--large {
    padding: 0 40px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    height: 100px;
    line-height: 100px;
    border-radius: 100px;
    -webkit-border-radius: 100px
}

.rms-btn-circle,
a.rms-btn-circle {
    padding: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #3e3e3e;
    border-radius: 100px;
    -webkit-border-radius: 100px
}

.rms-btn.btn--border {
    color: #000
}

.rms-btn.btn--border.btn--white {
    color: #fff
}

.rms-btn.btn--full,
.rms-cta-social .desc,
.post-content .gallery.gallery-columns-1 .gallery-item {
    width: 100%
}

.rms-btn.btn--white::before {
    background: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px
}

.rms-btn.btn--border::before {
    background: 0 0;
    border: 1px solid #000
}

.rms-btn.btn--border.btn--white::before {
    background: 0 0;
    border: 1px solid #fff
}

.rms-btn.btn--border::after {
    background: #000
}

.rms-btn.btn--active::before,
.rms-btn.btn--border.btn--color::after {
    background: #413B2F
}

.rms-btn .arrow::after,
.rms-btn.btn--border .arrow::before,
.rms-btn.btn--border i,
.rms-btn.btn--white::after {
    background: #000
}

.rms-btn.btn--active::after,
.rms-btn.btn--border .arrow span::after,
.rms-btn.btn--border .arrow span::before,
.rms-btn.btn--border.btn--white .arrow::before,
.rms-btn.btn--border.btn--white i,
.rms-btn.btn--border.btn--white:hover .arrow span::after,
.rms-btn.btn--border.btn--white:hover .arrow span::before,
.rms-btn:hover .arrow span::after,
.rms-btn:hover .arrow span::before,
.rms-head-btn:hover .arrow span::after,
.rms-head-btn:hover .arrow span::before,
.rms-next.nav--white i::before,
.rms-paginations-container.pag--white .swiper-pagination-bullet::before,
.rms-prev.nav--white i::before {
    background: #413B2F
}

.rms-btn.btn--active,
.rms-btn.btn--border.btn--color:hover,
.rms-btn.btn--icon.btn--border:hover i,
.rms-btn.btn--icon.btn--white:hover i,
.rms-social-2 ul li a:hover,
.rms-social-active ul li a:hover,
.rms-stars i::before,
.page-links .current,
.pager .current,
a.rms-btn.btn--active,
a.rms-btn.btn--border.btn--color:hover {
    color: #fff
}

.rms-btn:hover,
a.rms-btn:hover {
    color: #fff
}

.rms-btn.btn--border:hover,
.rms-btn.btn--white:hover,
a.rms-btn.btn--border:hover,
a.rms-btn.btn--white:hover {
    color: #fff
}

.rms-btn .arrow,
.rms-btn-circle .arrow,
.rms-btn.btn--icon i,
.rms-head-btn .arrow {
    margin: 0 10px 0 -10px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    transform: scale(.87);
    -webkit-transform: scale(.87);
    transition: transform .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: transform .4s cubic-bezier(.3, 0, .3, 1);
    z-index: 2
}

.rms-head-btn .arrow {
    margin: 0 0 0 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.rms-btn-circle .arrow {
    margin: 0;
    width: 100px;
    height: 100px;
    border-radius: 100px
}

.rms-btn .arrow::before,
.rms-head-btn .arrow::before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    top: 1px;
    background: #413B2F;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-btn-circle:hover .arrow,
.rms-btn.btn--icon:hover i,
.rms-btn:hover .arrow,
.rms-head-btn:hover .arrow,
.rms-portfolio-item:hover .rms-hover-3::before,
.rms-pricing-item:hover .pricing--overlay::before,
.rms-services-grid-fw .rms-service-grid-item.active::before,
.rms-team-two-item:hover .rms-hover-3::before {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.rms-btn.btn--large.btn--icon i {
    margin: 0 23px 0 -20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    font-size: 24px
}

.rms-btn.btn--icon.btn--border i,
.rms-btn.btn--icon.btn--white i {
    background: #000;
    color: #fff
}

.rms-btn.btn--border .arrow::after,
.rms-btn.btn--border i::after,
.rms-social-2 ul li a::before,
.rms-social-active ul li a::before,
.rms-stars {
    background: #413B2F
}

.rms-btn.btn--icon.btn--border.btn--white i {
    background: #fff;
    color: #000
}

.rms-btn.btn--icon.btn--border.btn--white:hover i {
    color: #fff
}

.rms-btn.btn--icon i::before,
.rms-faq-item .rms-collapse-btn>span,
.rms-service-item-inner .list,
.rms-service-item-inner .title,
.rms-social-1 ul li a i,
.rms-social-1 ul li a span,
.rms-social-2 ul li a i,
.rms-social-2 ul li a span {
    position: relative;
    z-index: 2
}

.rms-btn.btn--border.btn--white .arrow::after,
.rms-btn.btn--border.btn--white i::after {
    background: #000
}

.rms-btn .arrow span,
.rms-btn-circle .arrow span,
.rms-head-btn .arrow span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.rms-btn .arrow span::after,
.rms-btn .arrow span::before,
.rms-btn-circle .arrow span::after,
.rms-btn-circle .arrow span::before,
.rms-head-btn .arrow span::after,
.rms-head-btn .arrow span::before {
    margin: -2px 0 0 -6px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 13px;
    height: 3px;
    background: #000;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-social-1 ul li a,
.rms-social-2 ul li a {
    align-items: center;
    font-weight: 700;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    position: relative
}

.rms-btn-circle:hover .arrow span::after,
.rms-btn-circle:hover .arrow span::before,
.rms-btn.btn--border.btn--white .arrow span::after,
.rms-btn.btn--border.btn--white .arrow span::before,
.rms-btn.btn--border:hover .arrow span::after,
.rms-btn.btn--border:hover .arrow span::before,
.rms-next.nav--white:hover i::before,
.rms-prev.nav--white:hover i::before,
.rms-social-1 ul li a::before,
.parallax--dark #pp-nav ul li a span::before,
.preloader::after {
    background: #000
}

.rms-btn .arrow span::after,
.rms-btn-circle .arrow span::after,
.rms-head-btn .arrow span::after {
    content: "";
    width: 3px;
    height: 13px;
    margin: -7px 0 0 -1px
}

.rms-btn>span,
.rms-head-btn span,
button>span {
    position: relative;
    display: inline-block;
    z-index: 2
}

.rms-social-1 ul,
.rms-social-2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

.rms-social-1 ul li,
.rms-social-2 ul li {
    margin-right: 4px;
    display: inline-block;
    vertical-align: top
}

.rms-social-1.social--minimal ul li {
    margin-right: 0
}

.rms-social-1 ul li a {
    display: flex;
    width: 70px;
    height: 70px;
    border: 1px solid #3e3e3e;
    border-radius: 70px;
    justify-content: center;
    font-size: 22px;
    color: #666;
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-social-1.social--minimal ul li a {
    width: 40px;
    height: 40px;
    border: none;
    font-size: 18px;
    color: #000
}

.rms--social--dark .rms-social-1 ul li a::before {
    background: #282828
}

.rms-social-1 ul li a:hover {
    color: #fff;
    border-color: #000
}

.rms--social--dark .rms-social-1 ul li a:hover {
    border-color: #282828
}

.rms-social-2 ul li a {
    display: flex;
    width: 56px;
    height: 56px;
    border: 1px solid #fff;
    border-radius: 56px;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-stars {
    margin: 0 15px;
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    height: 26px;
    line-height: 28px;
    font-weight: 800;
    color: #000;
    border-radius: 26px;
    -webkit-border-radius: 26px
}

.rms-stars.stars--small {
    margin: 0 10px;
    padding: 0 10px;
    font-size: 12px;
    height: 21px;
    line-height: 23px
}

#pp-nav {
    position: absolute !important;
    right: 50px !important;
    width: 32px;
    z-index: 18
}

#pp-nav ul li,
.rms-team-info ul li .rms-text p,
body .rms-subscribe-form {
    margin: 0
}

#pp-nav ul li+li {
    margin-top: 10px
}

#pp-nav ul li,
#pp-nav ul li a {
    position: static;
    width: 100%;
    height: auto
}

#pp-nav ul li a span {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 32px;
    background: 0 0 !important;
    border: none !important;
    opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

#pp-nav ul li a span::before {
    margin: -2px 0 0 -2px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

#pp-nav .pp-nav-active {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    width: 32px;
    border: 1px solid #fff;
    opacity: .35;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: top .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: top .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-play-btn.play--black .play-circles,
.parallax--dark #pp-nav .pp-nav-active {
    border-color: #000
}

.swiper-button-disabled {
    pointer-events: none;
    opacity: .45
}

.rms-navs {
    margin-top: 50px;
    width: 100%;
    text-align: center
}

.rms-paginations .swiper-pagination-bullet,
.swiper-nav-active {
    width: 32px;
    height: 32px;
    transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-navs-box {
    padding: 7px;
    background: #fff;
    border-radius: 81px;
    -webkit-border-radius: 81px
}

.rms-paginations-container {
    position: relative;
    margin: 0 45px
}

.rms-blog-item .desc .info .date,
.rms-blog-item .desc .info>span,
.rms-navs .rms-next,
.rms-navs .rms-prev,
.rms-navs-box,
.rms-paginations,
.rms-paginations-container,
.rms-post-date .date,
.wp-block-latest-posts__post-date {
    display: inline-block;
    vertical-align: middle
}

.swiper-nav-active {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #000;
    opacity: .35;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-paginations .swiper-pagination-bullet {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: 0 0;
    border: none;
    opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-paginations .swiper-pagination-bullet::before {
    margin: -2px 0 0 -2px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-paginations-container.pag--white .swiper-nav-active,
.rms-service-item-inner:hover::after {
    border-color: #fff
}

.rms-page-navigation {
    position: relative;
    margin: 60px 0 0;
    padding: 15px;
    border: 1px solid #b2b2b2;
    border-radius: 60px;
    -webkit-border-radius: 60px
}

.rms-page-navigation-content::after {
    content: "";
    position: relative;
    clear: both;
    display: block
}

.rms-page-navigation a.page-navigation__posts {
    margin-left: -10px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 20px;
    height: 100%;
    font-size: 20px
}

.rms-page-navigation a {
    display: flex;
    align-items: center;
    margin: 0;
    line-height: 21px;
    font-weight: 600
}

.rms-page-navigation a.page-navigation__prev {
    float: left;
    display: block
}

.rms-page-navigation a.page-navigation__next {
    float: right;
    display: block
}

.rms-loadmore,
.page-links,
.pager {
    text-align: center;
    margin: 30px 0
}

.rms-post-pic,
.page-links {
    margin-bottom: 60px
}

.page-links .post-page-numbers,
.pager a,
.pager span {
    display: inline-block;
    vertical-align: middle;
    width: 67px;
    height: 67px;
    line-height: 67px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.page-links .post-page-numbers:hover,
.pager a:hover {
    background: #413B2F;
    color: #000
}

.rms-next,
.rms-prev,
.pager .rms-next,
.pager .rms-prev {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 67px;
    height: 67px;
    border: 1px solid #6a5a5a;
    border-radius: 67px;
    cursor: pointer;
    background: 0 0 !important
}

.pager .rms-prev {
    margin-right: 30px
}

.pager .rms-next {
    margin-left: 30px
}

.rms-next.nav--white,
.rms-prev.nav--white {
    border-color: rgba(255, 255, 255, .35)
}

.rms-next i,
.rms-prev i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-prev:hover i {
    transform: translateX(-5px)
}

.rms-next:hover i {
    transform: translateX(5px)
}

.rms-next i::before,
.rms-prev i::before {
    margin-top: -1px;
    content: "";
    position: absolute;
    left: 34px;
    top: 50%;
    width: 50px;
    height: 3px;
    background: #000;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-next i::before {
    left: auto;
    right: 34px
}

.rms-next i::after,
.rms-prev i::after {
    margin-top: -7px;
    content: "";
    position: absolute;
    left: 19px;
    top: 50%;
    border: 8px solid transparent;
    border-right: 8px solid #000;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-next i::after {
    left: auto;
    right: 19px;
    border-right: 8px solid transparent;
    border-left: 8px solid #000
}

.rms-prev.nav--white i::after {
    border-right-color: #fff
}

.rms-prev.nav--white:hover i::after {
    border-right-color: #000
}

.rms-next.nav--white i::after {
    border-left-color: #fff
}

.rms-next.nav--white:hover i::after {
    border-left-color: #000
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%
}

.preloader.loaded {
    visibility: hidden;
    z-index: -1
}

.preloader::after,
.preloader::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    background: #413B2F;
    transform-origin: top center
}

.preloader.closed::before {
    animation: .6s cubic-bezier(.3, 0, .3, 1) .3s forwards rms-preloader-close
}

.preloader.closed::after {
    animation: .6s cubic-bezier(.3, 0, .3, 1) forwards rms-preloader-close
}

@keyframes rms-preloader-close {

    0%,
    50% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }

    100% {
        transform: scaleY(0);
        -webkit-transform: scaleY(0)
    }
}

.preloader__spinner {
    position: relative;
    width: 50px;
    height: 50px;
    align-self: center;
    z-index: 2
}

.preloader__double-bounce {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: 2s ease-in-out infinite bounce;
    opacity: 1;
    border-radius: 50%
}

.preloader__double-bounce--delay {
    animation-delay: -1s;
    opacity: .5
}

@keyframes bounce {

    0%,
    100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.disable_preloader .preloader {
    display: none !important
}

.rms-header,
.slideDown,
.slideUp {
    width: 100%;
    left: 0
}

.rms-header {
    padding: 10px 0;
    position: relative;
    top: 0;
    z-index: 19
}

.rms-header-default {
    padding: 20px 0
}

.admin-bar .rms-header {
    top: 32px
}

.rms-header.sticky {
    position: fixed;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1)
}

.header--white.rms-header.sticky,
.rms-btn .arrow::after,
.rms-hover-btn::before,
.preloader::after,
button[type=submit],
input[type=submit] {
    background-color: #fff
}

.rms-header .row>div:first-child {
    z-index: 2
}

.slideUp {
    position: fixed;
    top: -140px
}

.slideDown {
    position: fixed;
    top: 0;
    background: #000
}

.slideDown,
.slideUp {
    transition: .5s ease-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out
}

.rms-logo {
    padding: 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.logo--large {
    display: block;
    font-size: 26px;
    line-height: 40px;
    font-weight: 600
}

.logo--small {
    display: block;
    font-size: 11px;
    line-height: 1.18;
    opacity: .6
}

.header--active .rms-head-btn,
.header--active a.rms-head-btn,
.header--white .logo--large,
.header--white .logo--small,
.header--white .rms-head-btn,
.header--white .rms-menu-horizontal ul li,
.header--white .rms-menu-horizontal ul li a,
.header--white a.rms-head-btn,
.rms-menu ul li a:hover,
.rms-service-item-inner:hover .list ul li a,
.rms-service-item-inner:hover .title,
.rms-service-item-inner:hover .title a {
    color: #413B2F
}

.rms-logo-image {
    position: relative;
    line-height: 1
}

.rms-logo-image img {
    max-width: 100%;
    height: auto
}

.header--active .rms-logo-image img,
.header--white .rms-logo-image img,
.rms-head-btn::after,
.rms-head-btn::before,
.rms-logo-image img.logo--white,
.rms-menu ul ul a::before,
.rms-menu-horizontal {
    display: none
}

.content-sidebar .search-form label,
.header--active .rms-logo-image img.logo--white,
.header--white .rms-logo-image img.logo--white,
.rms-brands .image,
.rms-showcase-item .category span,
.widget_product_search label {
    display: block
}

.rms-head-btn,
a.rms-head-btn {
    position: relative;
    float: right;
    height: 40px
}

.header--active .rms-head-btn,
.header--active .rms-head-btn .arrow span::after,
.header--active .rms-head-btn .arrow span::before,
.header--active .rms-head-btn .arrow::before,
.header--active .rms-menu-btn span::after,
.header--active .rms-menu-btn span::before,
.header--active a.rms-head-btn,
.rms-reviews-carousel .swiper-wrapper {
    transition-delay: 0.6s
}

.header--builder .rms-head-btn,
.header--builder a.rms-head-btn {
    display: inline-block;
    float: none
}

.header--active .rms-head-btn .arrow::before,
.header--white .rms-head-btn .arrow::before {
    background: #fff !important
}

.content-sidebar .search-form input[type=search],
.header--active .rms-menu-btn span::after,
.header--active .rms-menu-btn span::before,
.header--white .rms-menu-btn span::after,
.header--white .rms-menu-btn span::before,
.rms-head-btn .arrow span::after,
.rms-head-btn .arrow span::before,
.rms-service-item-inner .list ul li a::after,
.search-form input[type=search],
.widget_product_search input[type=search],
.wp-block-search input[type=search] {
    background: #fff
}

.header--active .rms-head-btn .arrow span::after,
.header--active .rms-head-btn .arrow span::before,
.header--white .rms-head-btn .arrow span::after,
.header--white .rms-head-btn .arrow span::before,
.rms-footer.footer--dark,
.rms-head-btn:hover .arrow span::after,
.rms-head-btn:hover .arrow span::before,
.rms-intro.intro--black,
.rms-play-btn.play--black .play-lines span {
    background: #000
}

.rms-menu-horizontal ul li {
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    position: relative
}

.rms-menu-horizontal ul li a {
    font-weight: 500
}

.rms-menu-horizontal ul li i {
    margin-left: 8px;
    font-size: .8em;
    transition: .3s
}

.rms-menu-horizontal ul li ul li:hover i {
    transform: rotate(-90deg)
}

.rms-menu-horizontal ul ul {
    margin-left: -120px;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 240px;
    background: #fff;
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-menu-horizontal ul ul ul {
    left: 100%;
    margin-left: 0
}

.rms-menu-horizontal ul li:hover>ul {
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.rms-menu-horizontal ul li:hover>ul ul {
    transform: translate(0, 0);
    -webkit-transform: translate(0, -35px)
}

.rms-menu-horizontal ul ul:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px solid #000
}

.rms-menu-horizontal ul ul ul:before {
    left: 0
}

.rms-menu-horizontal ul ul li {
    margin: 15px 0;
    padding: 0;
    display: block;
    line-height: normal
}

.header--white .rms-menu-horizontal ul ul li,
.header--white .rms-menu-horizontal ul ul li a,
.rms-filter ul li button.item--active,
.rms-filter ul li button:hover,
.rms-menu-horizontal ul ul li,
.rms-menu-horizontal ul ul li a,
.rms-pricing-item:hover .rms-btn.btn--color,
.rms-pricing-item:hover a.rms-btn.btn--color,
.rms-services-showcase .items .hover .name,
.rms-showcase-item.hover .title a {
    color: #000
}

.rms-menu-horizontal ul ul li a {
    font-weight: 400;
    font-size: 16px
}

.rms-filter-container,
.rms-header-default .rms-menu-horizontal ul ul li {
    text-align: center
}

.rms-menu-btn,
a.rms-menu-btn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 40px;
    align-items: center;
    z-index: 2
}

.rms-menu-btn span {
    margin-top: -6px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 12px;
    display: block
}

.rms-menu-btn span::after,
.rms-menu-btn span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #000;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-menu-btn span::after {
    top: auto;
    bottom: 0
}

.rms-menu-btn.btn--active span::before {
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.rms-menu-btn.btn--active span::after {
    bottom: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.rms-menu-popup {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.rms-menu-popup.menu--visible {
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.rms-menu-overlay,
.rms-menu-overlay-after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    background: #413B2F;
    transform-origin: top center;
    animation: .9s cubic-bezier(.3, 0, .3, 1) forwards rms-menu-overlay-close
}

.rms-menu-overlay-after.overlay--circle,
.rms-menu-overlay.overlay--circle {
    left: -25vw;
    top: -25vw;
    width: 150vw;
    height: 150vw;
    border-radius: 100%;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.rms-menu-overlay-after {
    background: #000;
    animation: .6s cubic-bezier(.3, 0, .3, 1) forwards rms-menu-overlay-close
}

.rms-menu-overlay-after.overlay--circle {
    animation: 1.2s cubic-bezier(.3, 0, .3, 1) forwards rms-menu-overlay-close-circle
}

.rms-menu-popup.menu--open .rms-menu-overlay {
    animation: .6s cubic-bezier(.3, 0, .3, 1) forwards rms-menu-overlay-open
}

.rms-menu-popup.menu--open .rms-menu-overlay-after {
    animation: .6s cubic-bezier(.3, 0, .3, 1) .3s forwards rms-menu-overlay-open
}

.rms-menu-popup.menu--open .rms-menu-overlay.overlay--circle {
    animation: 1.2s cubic-bezier(.3, 0, .3, 1) forwards rms-menu-overlay-open-circle
}

.rms-menu-popup.menu--open .rms-menu-overlay-after.overlay--circle {
    animation: 1.2s cubic-bezier(.3, 0, .3, 1) .3s forwards rms-menu-overlay-open-circle
}

@keyframes rms-menu-overlay-close {

    0%,
    50% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }

    100% {
        transform: scaleY(0);
        -webkit-transform: scaleY(0)
    }
}

@keyframes rms-menu-overlay-open {
    0% {
        transform: scaleY(0);
        -webkit-transform: scaleY(0)
    }

    100% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@keyframes rms-menu-overlay-close-circle {

    0%,
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
}

@keyframes rms-menu-overlay-open-circle {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.rms-menu-container {
    position: absolute;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    left: 0;
    top: 140px;
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100% - 140px);
    -webkit-overflow-scrolling: touch
}

.rms-menu-container .container {
    margin: auto
}

.rms-menu {
    padding-left: 80px
}

.rms-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: rms-menu-counter
}

.rms-menu ul.sub-menu {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: .6s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .6s cubic-bezier(.3, 0, .3, 1)
}

.rms-menu .opened>ul.sub-menu {
    max-height: 1000px;
    transition: 1.2s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: 1.2s cubic-bezier(.3, 0, .3, 1)
}

.rms-menu ul li {
    margin: 30px 0;
    position: relative;
    font-size: 90px;
    font-weight: 600;
    line-height: 1;
    counter-increment: rms-menu-counter;
    opacity: 0;
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transition: .6s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .6s cubic-bezier(.3, 0, .3, 1);
    transform-origin: top left
}

.rms-menu ul li .icon,
.rms-menu ul li a {
    color: #aeaeae;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    position: relative
}

.rms-menu ul ul li {
    font-size: .6em
}

.rms-menu ul li:nth-child(2) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s
}

.rms-menu ul li:nth-child(3) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s
}

.rms-menu ul li:nth-child(4) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s
}

.rms-menu ul li:nth-child(5) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s
}

.rms-menu ul li:nth-child(6) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s
}

.rms-menu ul li:nth-child(7) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s
}

.rms-menu ul li:nth-child(8) {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s
}

.rms-menu ul li:nth-child(9) {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s
}

.rms-menu ul li:nth-child(10) {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s
}

.rms-menu-popup.menu--ready .rms-menu ul li,
.rms-portfolio-item:hover .image a::after,
.rms-reviews-item.swiper-slide-active .rms-stars {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.rms-menu ul li a {
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-menu ul li a::before {
    content: "0" counter(rms-menu-counter) ".";
    position: absolute;
    left: -80px;
    top: 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #494949
}

.rms-menu ul li .icon {
    margin-left: 15px;
    top: 30px;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: .4em;
    cursor: pointer;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-menu ul li.opened>.icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.rms-header-default .rms-menu {
    text-align: left
}

@media (max-width:1024px) {
    .rms-header-default .rms-menu ul li {
        font-size: 48px
    }

    .rms-header-default .rms-menu ul ul li {
        font-size: 30px
    }

    .rms-header-default .rms-menu ul ul ul li {
        font-size: 22px
    }

    .rms-header-default .rms-menu ul li .icon {
        margin-top: 8px;
        top: 0
    }

    .rms-header-default .rms-menu ul li li .icon,
    .rms-menu ul li li .icon {
        font-size: 20px;
        margin-top: -2px
    }

    .rms-menu ul.sub-menu ul.sub-menu {
        background: rgba(255, 255, 255, .1);
        padding-left: 30px;
        padding-right: 30px
    }

    .rms-menu ul.sub-menu .opened ul.sub-menu {
        margin-top: 15px
    }
}

.footer--fixed .rms-footer,
.footer--sticky .rms-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.footer--sticky .rms-footer {
    z-index: 3
}

.rms-footer.footer--white {
    background: #fafafa
}

.rms-hero .image,
.rms-hero .image video,
.rms-sep .sep-img {
    background-repeat: no-repeat;
    background-position: center center;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.rms-footer .footer--default {
    padding: 90px 0 20px
}

.rms-footer .separator {
    margin: 60px 0 30px;
    border-top: 7px solid transparent;
    background-image: url("../images/fline.svg")
}

ul.rms-footer-menu li {
    margin: 0 0 14px;
    font-size: 18px
}

.rms-cta-2-text a,
.rms-footer-lnk {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase
}

.rms-hero,
.rms-hero-parallax {
    position: relative;
    height: 100vh;
    background: #555
}

.rms-hero .image,
.rms-hero .image video {
    position: absolute;
    background-size: cover
}

.rms-hero .image .ovrl,
.rms-hero .video .ovrl,
.rms-hero-parallax .image .ovrl,
.rms-hero-parallax .video .ovrl,
.rms-intro .image .ovrl,
.rms-intro .video .ovrl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .35;
    z-index: 2
}

.rms-hero .container {
    padding-top: 100px;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 3
}

.rms-hero .title {
    margin: 0;
    font-size: 110px;
    font-weight: 500
}

.rms-sep {
    margin: -10px 0 0 15px;
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    width: 34px;
    height: 1em
}

.rms-sep .sep-img {
    position: absolute;
    background-size: contain
}

.rms-hero .subtitle {
    margin: 40px 0 40px 710px;
    max-width: 560px;
    font-size: 28px
}

.rms-hero .subtitle.subtitle--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.rms-hero .subtitle.subtitle--left {
    margin-left: 0
}

.rms-play-btn {
    position: absolute;
    right: .75rem;
    bottom: 63px;
    width: 67px;
    height: 67px;
    z-index: 3
}

.rms-play-btn .play-circles {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #fff
}

.rms-play-btn .play-circles::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #fff;
    opacity: .31;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    animation: 2s ease-in-out infinite rms-play-btn-wave
}

.rms-play-btn.play--black .play-circles::after,
.rms-service-item-inner:hover {
    border-color: #000
}

@keyframes rms-play-btn-wave {

    0%,
    100% {
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px;
        opacity: .31
    }

    50% {
        left: -20px;
        top: -20px;
        right: -20px;
        bottom: -20px;
        opacity: 0
    }

    51% {
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px;
        opacity: 0
    }
}

.rms-play-btn .play-lines {
    margin: -8px 0 0 -9px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 17px
}

.rms-play-btn .play-lines span {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3px;
    height: 2px;
    background: #fff
}

.rms-play-btn .play-lines span:first-child {
    left: 0;
    height: 17px
}

.rms-play-btn .play-lines span:nth-child(2) {
    left: 5px;
    height: 14px
}

.rms-play-btn .play-lines span:nth-child(3) {
    left: 10px;
    height: 10px
}

.rms-play-btn .play-lines span:nth-child(4) {
    left: 15px;
    height: 12px
}

.rms-play-btn.active .play-lines span:first-child {
    animation: 1s ease-in-out infinite rms-play-btn-lines-1
}

.rms-play-btn.active .play-lines span:nth-child(2) {
    animation: .8s ease-in-out infinite rms-play-btn-lines-2
}

.rms-play-btn.active .play-lines span:nth-child(3) {
    animation: .4s ease-in-out infinite rms-play-btn-lines-3
}

.rms-play-btn.active .play-lines span:nth-child(4) {
    animation: .6s ease-in-out infinite rms-play-btn-lines-4
}

@keyframes rms-play-btn-lines-1 {
    0% {
        height: 17px
    }

    100% {
        height: 2px
    }
}

@keyframes rms-play-btn-lines-2 {
    0% {
        height: 14px
    }

    100% {
        height: 2px
    }
}

@keyframes rms-play-btn-lines-3 {
    0% {
        height: 10px
    }

    100% {
        height: 2px
    }
}

@keyframes rms-play-btn-lines-4 {
    0% {
        height: 12px
    }

    100% {
        height: 2px
    }
}

.rms-hero .js-hero-slider,
.rms-hero .rms-hero-slide-item {
    position: relative;
    height: 100%
}

.rms-hero .js-hero-slider .swiper-slide {
    overflow: hidden
}

.rms-hero.hero--two .image .ovrl,
.rms-hero.hero--two .video .ovrl {
    background: linear-gradient(270deg, rgba(4, 25, 29, .1) 0, rgba(4, 25, 29, .7) 80%)
}

.rms-hero.hero--two .title {
    font-size: 60px;
    font-weight: 600
}

.rms-hero.hero--two .title strong {
    font-size: 70px
}

.rms-hero.hero--two .subtitle {
    font-size: 20px;
    font-weight: 400
}

.rms-hero .rms-navs {
    position: absolute;
    left: 50%;
    bottom: 63px;
    max-width: 1311px;
    z-index: 3;
    transform: translateX(-50%)
}

.rms-hero .rms-navs .rms-prev {
    position: absolute;
    left: 10px;
    right: auto;
    top: -20px
}

.rms-hero .rms-navs .rms-next {
    position: absolute;
    right: 10px;
    left: auto;
    top: -20px
}

.rms-hero .js-hero-slider .rms-bts {
    transform: translateY(20px);
    opacity: 0;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    transition-delay: 0s
}

.animated--swiper--active .rms-hero .js-hero-slider .swiper-slide-active .rms-bts {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s
}

.animated--swiper--active .rms-hero .js-hero-slider .swiper-slide .splitting span .word {
    -webkit-transition-delay: calc(1000ms + 100ms * var(--line-index));
    transition-delay: calc(1000ms + 100ms * var(--line-index))
}

.rms-hero-carousel {
    padding-bottom: 160px;
    margin: 0 auto;
    width: 328px
}

.rms-blog-carousel .swiper-container,
.rms-hero-carousel .swiper-container {
    overflow: visible
}

.rms-hero-carousel .swiper-wrapper {
    transition-delay: 1s
}

.rms-hero-carousel .swiper-slide,
.rms-ticker-slider .swiper-slide {
    width: auto
}

.rms-hero-carousel-item {
    position: relative;
    width: 100px;
    transition: .6s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .6s cubic-bezier(.3, 0, .3, 1)
}

.rms-hero-carousel .swiper-slide:nth-child(1n) .rms-hero-carousel-item .slide {
    top: 0
}

.rms-hero-carousel .swiper-slide:nth-child(2n) .rms-hero-carousel-item .slide {
    top: 20px
}

.rms-hero-carousel .swiper-slide:nth-child(3n) .rms-hero-carousel-item .slide {
    top: 40px
}

.rms-hero-carousel-item .slide {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 380px;
    pointer-events: none
}

.rms-hero-carousel-item .img {
    margin-left: -164px;
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 328px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.rms-hero-carousel-item .img video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.rms-hero-carousel-item .titles {
    margin-left: -300px;
    position: absolute;
    left: 50%;
    bottom: -160px;
    width: 600px;
    pointer-events: none
}

.rms-hero-carousel-item .subtitle {
    margin: 0 0 5px;
    display: block;
    font-size: 15px;
    line-height: 1;
    color: #555;
    text-transform: uppercase;
    height: 20px
}

.rms-hero-carousel-item .title {
    margin: 0;
    display: block;
    font-size: 38px;
    font-weight: 700;
    height: 45px
}

.rms-hero-carousel-item .text-line-inner {
    position: relative;
    display: inline-block;
    line-height: 1;
    width: 100%;
    white-space: nowrap
}

.rms-hero-carousel .swiper-slide.swiper-slide-active .rms-hero-carousel-item {
    width: 328px;
    transition-delay: 1s
}

.rms-hero-carousel .swiper-slide.swiper-slide-active .rms-hero-carousel-item .slide,
.rms-hero-carousel .swiper-slide.swiper-slide-active .rms-hero-carousel-item .titles {
    pointer-events: auto
}

.rms-hero-carousel .swiper-slide .splitting {
    opacity: 0;
    transition: .3s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .3s cubic-bezier(.3, 0, .3, 1)
}

.rms-hero-carousel .swiper-slide.swiper-slide-active .splitting,
.rms-history-slider .swiper-slide.swiper-slide-active,
.rms-navs.js-history-navs .swiper-nav-active,
.rms-team-two-item:hover .rms-social-2 {
    opacity: 1
}

.animated--active .rms-hero-carousel .swiper-slide .splitting span .word {
    -webkit-transition-delay: calc(1500ms + 100ms * var(--line-index));
    transition-delay: calc(1500ms + 100ms * var(--line-index))
}

.js-hero-carousel-navs {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 64px;
    height: 1px;
    font-size: 0;
    z-index: 2
}

.js-hero-carousel-navs .rms-next,
.js-hero-carousel-navs .rms-prev {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0
}

.js-hero-carousel-navs .rms-next {
    left: auto;
    right: 0
}

@media (max-width:767px) {
    .hide-on-mobile-extra {
        display: none
    }

    .gap-140 {
        padding: 80px 50px
    }

    .gap-top-140 {
        padding-top: 80px
    }

    .gap-top-130 {
        padding-top: 65px
    }

    .gap-top-120 {
        padding-top: 60px
    }

    .gap-top-110 {
        padding-top: 55px
    }

    .gap-top-100 {
        padding-top: 50px
    }

    .gap-top-90 {
        padding-top: 45px
    }

    .gap-top-80 {
        padding-top: 40px
    }

    .gap-top-70 {
        padding-top: 35px
    }

    .gap-top-40,
    .gap-top-50,
    .gap-top-60 {
        padding-top: 30px
    }

    .gap-bottom-140 {
        padding-bottom: 80px
    }

    .gap-bottom-130 {
        padding-bottom: 65px
    }

    .gap-bottom-120 {
        padding-bottom: 60px
    }

    .gap-bottom-110 {
        padding-bottom: 55px
    }

    .gap-bottom-100 {
        padding-bottom: 50px
    }

    .gap-bottom-90 {
        padding-bottom: 45px
    }

    .gap-bottom-80 {
        padding-bottom: 40px
    }

    .gap-bottom-70 {
        padding-bottom: 35px
    }

    .gap-bottom-40,
    .gap-bottom-50,
    .gap-bottom-60 {
        padding-bottom: 30px
    }

    h1 {
        font-size: 42px
    }

    h2 {
        font-size: 38px
    }

    h3 {
        font-size: 32px
    }

    h4 {
        font-size: 26px
    }

    h5 {
        font-size: 20px
    }

    .rms-header-default .rms-menu ul ul li,
    h6 {
        font-size: 18px
    }

    .rms-title-1,
    h1.rms-title-1,
    h2.rms-title-1,
    h3.rms-title-1,
    h4.rms-title-1,
    h5.rms-title-1,
    h6.rms-title-1 {
        margin: 0;
        font-size: 42px
    }

    .rms-title-2,
    h1.rms-title-2,
    h2.rms-title-2,
    h3.rms-title-2,
    h4.rms-title-2,
    h5.rms-title-2,
    h6.rms-title-2 {
        margin: 0;
        font-size: 38px
    }

    .rms-title-3,
    h1.rms-title-3,
    h2.rms-title-3,
    h3.rms-title-3,
    h4.rms-title-3,
    h5.rms-title-3,
    h6.rms-title-3 {
        margin: 0;
        font-size: 32px
    }

    .rms-btn.btn--large,
    .rms-footer .copyright,
    .rms-footer ul.rms-footer-menu li,
    .rms-header-default .rms-menu ul ul ul li,
    a.rms-btn.btn--large,
    body,
    html {
        font-size: 16px
    }

    .alignleft,
    .alignright {
        margin-bottom: 30px;
        float: none;
        max-width: 100%
    }

    .alignright {
        margin-left: 0
    }

    .alignleft {
        margin-right: 0
    }

    .wp-block-image .alignleft,
    .wp-block-image .alignright {
        max-width: 50%
    }

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

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

    .m-align-right {
        text-align: right !important
    }

    .rms-next,
    .rms-prev,
    .pager .rms-next,
    .pager .rms-prev {
        width: 57px;
        height: 57px;
        border-radius: 57px
    }

    .pager .rms-next {
        margin-left: 15px
    }

    .pager .rms-prev {
        margin-right: 15px
    }

    .header--builder .rms-head-btn,
    .header--builder a.rms-head-btn {
        font-size: 0
    }

    .rms-menu {
        padding-left: 40px
    }

    .rms-menu ul li {
        margin: 20px 0;
        font-size: 38px
    }

    .rms-menu ul li a::before {
        left: -40px;
        top: 10px;
        font-size: 12px
    }

    .rms-menu ul li .icon {
        margin-left: 8px;
        margin-top: 4px;
        top: 0
    }

    .rms-header-default .rms-menu ul li {
        font-size: 28px
    }

    .rms-header-default .rms-menu ul li .icon {
        margin-top: -2px
    }

    .rms-header-default .rms-menu ul li li .icon,
    .rms-menu ul li li .icon {
        font-size: 14px;
        margin-top: -2px;
        height: 20px;
        line-height: 20px
    }

    .rms-header-default>.container>.row>* {
        max-width: 50%;
        width: 50%
    }

    .rms-menu>ul>li>a {
        color: #fff
    }

    .rms-menu ul.sub-menu .opened ul.sub-menu {
        margin-top: 5px
    }

    .rms-footer .footer--default {
        padding: 60px 0 30px
    }

    .rms-footer-lnk {
        font-size: 24px
    }

    .rms-hero-carousel .swiper-slide.swiper-slide-active .rms-hero-carousel-item,
    .rms-hero-carousel .swiper-wrapper {
        transition-delay: 0s
    }

    .rms-hero-carousel .swiper-slide,
    .rms-hero-carousel .swiper-slide.swiper-slide-active,
    .rms-hero-carousel .swiper-slide.swiper-slide-active .rms-hero-carousel-item,
    .rms-hero-carousel-item {
        width: 328px
    }

    .animated--active .rms-hero-carousel .swiper-slide .splitting span .word {
        -webkit-transition-delay: calc(100ms * var(--line-index));
        transition-delay: calc(100ms * var(--line-index))
    }
}

.rms-hero-parallax .image,
.rms-hero-parallax .image video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #555;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.rms-hero-parallax .container {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 3
}

.comment .comment-item+.comment-item,
.comment.comment-item ul.children>li,
.rms-blog-item .desc .rms-text .rms-btn,
.rms-hero-parallax .rms-subtitle-1 {
    margin-top: 20px
}

.rms-hero-parallax .title {
    margin: 0 0 30px;
    position: relative;
    font-size: 80px;
    font-weight: 700;
    line-height: 1.2
}

.rms-hero-parallax .title .sep {
    position: absolute;
    left: 280px;
    top: -120px;
    width: 472px;
    height: 449px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-100px)
}

.rms-hero-parallax .rms-bts,
.rms-hero-parallax .title .sep {
    opacity: 0;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    transition-delay: 0s
}

.rms-hero-parallax .rms-bts {
    transform: translateY(50px)
}

.rms-hero-parallax .splitting span .word {
    -webkit-transition-delay: calc(800ms + 100ms * var(--line-index));
    transition-delay: calc(800ms + 100ms * var(--line-index))
}

.animated--swiper--active .rms-hero-parallax .active .rms-bts,
.animated--swiper--active .rms-hero-parallax .active .title .sep {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.8s
}

.rms-navs.js-hero-parallax-navs {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 60px;
    margin-top: 0;
    max-width: 1291px;
    z-index: 18;
    display: flex;
    justify-content: space-between;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.rms-service-grid-item,
.rms-service-item .image {
    position: relative;
    justify-content: center;
    display: flex
}

.rms-navs.js-hero-parallax-navs .rms-next,
.rms-navs.js-hero-parallax-navs .rms-prev {
    margin: 0 10px
}

.rms-hero-parallax.pp--disabled #pp-nav,
.rms-navs.js-hero-parallax-navs.navs--disabled {
    opacity: 0;
    visibility: hidden
}

@media (max-width:1024px) {
    .footer--fixed .wrapper {
        padding-bottom: 80px;
        margin-bottom: 0 !important
    }

    .footer--fixed .rms-footer,
    .footer--sticky .rms-footer {
        position: relative
    }

    .rms-hero .subtitle {
        margin-left: 0
    }

    .js-hero-carousel-navs {
        left: 10px;
        right: 10px;
        bottom: -10px
    }

    .rms-hero-parallax .title {
        max-width: 650px
    }

    .rms-hero-parallax .image video:after,
    .rms-hero-parallax .image:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .2;
        transition: .3s
    }

    .parallax--dark .rms-hero-parallax .image video:after,
    .parallax--dark .rms-hero-parallax .image:after {
        background: #fff
    }
}

.rms-service-item {
    position: relative;
    max-width: 440px
}

.rms-service-item.active--default {
    margin-top: -80px
}

.rms-service-item .image {
    margin: 0 auto -85px;
    width: 161px;
    height: 161px;
    align-items: center;
    line-height: 1;
    background: #413B2F;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: 2;
    pointer-events: none
}

.rms-service-item .image:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid #3e3e3e;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.rms-service-item-inner,
.rms-service-item-inner::after {
    border: 1px solid #3e3e3e;
    transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-service-item .image img {
    width: auto;
    height: auto;
    max-width: 78px;
    max-height: 78px
}

.rms-service-item-inner {
    padding: 120px 60px 60px;
    position: relative;
    overflow: hidden;
    min-height: 220px;
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-service-item-inner::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    pointer-events: none
}

.rms-service-item-inner .title {
    margin: 0;
    font-size: 30px;
    font-weight: 700
}

.rms-service-item-inner .list ul li {
    margin: 20px 0 0;
    padding-left: 20px;
    position: relative
}

.rms-service-item-inner .list ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 9px;
    background: url(../images/list.svg) 0 0/contain no-repeat
}

.rms-service-grid-item {
    margin: 0 auto;
    padding: 40px;
    max-width: 460px;
    min-height: 460px;
    flex-direction: column
}

.rms-service-grid-item:before {
    z-index: -1
}

.rms-service-grid-item .image {
    margin-bottom: 20px;
    display: block;
    line-height: 1
}

.rms-service-grid-item .image img {
    width: auto;
    max-height: 60px
}

.rms-bubble {
    position: absolute;
    right: 0;
    bottom: -60px;
    width: 142px;
    height: 152px;
    pointer-events: none
}

@keyframes bubbleOne {
    0% {
        bottom: -20%;
        right: -10%;
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        bottom: 0;
        right: 0;
        opacity: 1;
        transform: scale(1.05)
    }

    100% {
        bottom: 0;
        right: 0;
        opacity: 1;
        transform: scale(1)
    }
}

.rms-bubble .bubble-1 {
    position: absolute;
    width: 65px;
    height: 65px;
    bottom: -20%;
    right: -10%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #413B2F;
    opacity: 0;
    transform: scale(.3)
}

.rms-bubble .bubble-2,
.rms-bubble .bubble-3 {
    border-radius: 100%;
    position: absolute;
    background: #413B2F;
    opacity: 0
}

.rms-service-grid-item:hover .rms-bubble .bubble-1,
.rms-services-grid-fw .rms-service-grid-item.active .rms-bubble .bubble-1 {
    animation: 2.5s cubic-bezier(.3, 0, .3, 1) forwards bubbleOne
}

@keyframes bubbleTwo {
    0% {
        bottom: 0;
        left: -40%;
        opacity: 0;
        transform: scale(.25)
    }

    100%,
    50% {
        bottom: 30%;
        left: 0;
        opacity: 1;
        transform: scale(1)
    }
}

.rms-bubble .bubble-2 {
    width: 45px;
    height: 45px;
    bottom: 0;
    left: -40%;
    -webkit-border-radius: 100%;
    transform: scale(.25)
}

.rms-service-grid-item:hover .rms-bubble .bubble-2,
.rms-services-grid-fw .rms-service-grid-item.active .rms-bubble .bubble-2 {
    animation: 1.5s cubic-bezier(.3, 0, .3, 1) forwards bubbleTwo
}

@keyframes bubbleThree {
    0% {
        bottom: 30%;
        left: 30%;
        opacity: 0;
        transform: scale(.35)
    }

    100%,
    50% {
        bottom: 63%;
        left: 57%;
        opacity: 1;
        transform: scale(1)
    }
}

.rms-bubble .bubble-3 {
    width: 35px;
    height: 35px;
    bottom: 30%;
    left: 30%;
    -webkit-border-radius: 100%;
    transform: scale(.5)
}

.rms-service-grid-item:hover .rms-bubble .bubble-3,
.rms-services-grid-fw .rms-service-grid-item.active .rms-bubble .bubble-3 {
    animation: 2s cubic-bezier(.3, 0, .3, 1) forwards bubbleThree
}

.rms-service-item-list {
    margin-top: -1px;
    padding: 30px 0;
    position: relative;
    border-top: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a
}

.rms-service-item-list-inner {
    padding: 0 110px 0 70px;
    position: relative
}

.rms-service-item-list .num {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    font-size: 16px;
    color: #555
}

.rms-service-item-list .image {
    position: absolute;
    overflow: hidden;
    top: -12px;
    right: 0;
    width: 105px;
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: 2;
    border: 1px solid #3e3e3e;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-service-item-list .image:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #3e3e3e;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.rms-service-item-list .image img {
    position: relative;
    width: auto;
    height: auto;
    max-width: 50px;
    max-height: 50px
}

.rms-service-item-list .title {
    font-size: 26px;
    font-weight: 700
}

.rms-blog-item .desc .rms-text p,
.rms-post-socials,
.rms-service-item-list p {
    margin-bottom: 0
}

.rms-service-item-list .icon {
    font-size: 44px
}

.rms-services-showcase .items {
    margin: 40px 0
}

.rms-services-showcase .items .title {
    margin: 0;
    display: flex;
    align-items: center;
    font-size: 26px;
    font-weight: 700
}

.rms-services-showcase .items .title a {
    width: 100%;
    display: flex;
    align-items: center
}

.rms-services-showcase .items .name,
.rms-services-showcase .items .num {
    padding: 17px 0;
    line-height: 1.2;
    display: block
}

.rms-services-showcase .items .num {
    width: 50px;
    font-size: 15px;
    color: #555;
    text-transform: uppercase
}

.rms-services-showcase .items .name {
    width: calc(100% - 50px);
    color: #999;
    transition: .2s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .2s cubic-bezier(.3, 0, .3, 1)
}

.rms-services-showcase .items .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 628px;
    height: 422px;
    pointer-events: none
}

.rms-services-showcase .items .image .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: clip-path .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: clip-path .4s cubic-bezier(.3, 0, .3, 1);
    z-index: 1
}

.rms-services-showcase .items .img-circle {
    content: "";
    position: absolute;
    top: 90px;
    left: 28%;
    width: 366px;
    height: 366px;
    background: #413B2F;
    border-radius: 100%;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    pointer-events: none
}

.rms-services-showcase .items .hover .image .img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition-delay: 0.4s
}

@media (max-width:1024px) {
    .rms-service-grid-item {
        padding: 30px;
        max-width: 400px;
        min-height: 400px
    }

    .rms-service-item-inner {
        padding-left: 40px;
        padding-right: 40px
    }

    .rms-services-showcase .items {
        margin: 30px 0
    }

    .rms-services-showcase .items .img-circle {
        display: none
    }

    .rms-services-showcase .items ul li {
        margin-bottom: 30px
    }

    .rms-services-showcase .items .image {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 420px;
        pointer-events: auto
    }

    .rms-services-showcase .items .image .img {
        clip-path: none
    }

    .rms-services-showcase .items .name {
        color: #000
    }

    .rms-service-item {
        max-width: 100%
    }
}

.rms-number {
    position: relative;
    width: 250px;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #000;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.rms-number::before {
    content: "";
    position: absolute;
    left: 35px;
    top: 35px;
    right: 35px;
    bottom: 35px;
    border: 1px solid #000;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.rms-number .num {
    position: relative;
    top: 7px;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 3px 3px 0 #000, -3px 3px 0 #000, 3px -3px 0 #000, -3px -3px 0 #000
}

.rms-circle-text-label {
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    animation: 10s linear infinite rmsRotateText
}

.rms-circle-text-label span {
    position: absolute;
    transform-origin: 0 111px
}

@keyframes rmsRotateText {
    0% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0)
    }
}

.rms-ticker-slider {
    border-style: solid;
    border-width: 1px 0;
    border-color: #555
}

.rms-ticker-slider .swiper-wrapper {
    transition-timing-function: linear
}

.rms-ticker-slider .title,
.rms-ticker-slider .title a {
    margin: 0;
    font-weight: 700;
    font-size: 100px;
    line-height: 1.3;
    text-shadow: 3px 3px 0 #000, -3px 3px 0 #000, 3px -3px 0 #000, -3px -3px 0 #000
}

@media (max-width:1024px) {

    .rms-ticker-slider .title,
    .rms-ticker-slider .title a {
        font-size: 70px
    }
}

.rms-filter ul li,
.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul {
    margin: 15px 0
}

.rms-filter ul li button {
    margin: 0;
    padding: 0;
    display: block;
    background: 0 0;
    border: none;
    outline: 0;
    height: auto;
    color: #999;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-filter.filter--default {
    margin-bottom: 40px;
    padding: 0 3px;
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    max-width: 100%;
    display: inline-block;
    vertical-align: top
}

.rms-filter.filter--default::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    right: 3px;
    bottom: 0;
    border: 1px solid #6a6a6a;
    border-radius: 85px;
    -webkit-border-radius: 85px
}

.rms-filter.filter--default ul {
    white-space: nowrap;
    font-size: 0
}

.rms-filter.filter--default ul li {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.rms-filter.filter--default ul li::before {
    margin-top: -13px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 26px;
    background: #d0d0d0;
    z-index: -1
}

.content-sidebar .screen-reader-text,
.rms-blog-item:not(.archive-item) .desc .rms-text a,
.rms-blog-slide-item .rms-btn,
.rms-filter.filter--default ul li:first-child::before,
.rms-portfolio-item .text span:last-child em,
.rms-share .social-share>span,
.rms-video.active .image,
.rms-video.active .play,
.post_excerpt_disabled .rms-blog-slide-item .desc .text,
.wp-block-latest-posts__post-title::after {
    display: none
}

.rms-filter.filter--default ul li button {
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.rms-filter.filter--default .rms-filter-nav-active {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 40px;
    height: 85px;
    line-height: 85px;
    background: #413B2F;
    border-radius: 85px;
    -webkit-border-radius: 85px;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-portfolio-items {
    margin: 0 -30px
}

.rms-portfolio-items>.col-xs-12,
.rms-team-detail>.row>div {
    padding: 0 30px
}

.rms-portfolio-item {
    margin-bottom: 60px;
    padding-bottom: 20px;
    border-bottom: 3px solid #d6d6d6
}

.rms-portfolio-item .image {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden
}

.rms-portfolio-item .image a::after {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    background-image: url(../images/arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 17px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-portfolio-item .image img {
    width: 100%
}

.rms-portfolio-item .title {
    margin: 0 0 5px;
    font-size: 26px;
    font-weight: 700
}

.rms-portfolio-item .text {
    color: #555;
    font-weight: 500
}

.rms-portfolio-item .text span {
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: top;
    text-transform: capitalize
}

.rms-portfolio-item-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rms-portfolio-item-list .image {
    margin-bottom: 40px;
    width: 47%;
    order: 2
}

.rms-portfolio-item-list .desc {
    padding: 30px 30px 30px 0;
    width: 53%;
    order: 1
}

.rms-portfolio-item-list .text {
    margin: 0 0 5px
}

.rms-portfolio-item-list .title {
    margin: 0 0 40px;
    font-size: 44px
}

.rms-portfolio-item-list .rms-text>div>ul li {
    margin: 0 0 15px;
    color: #555
}

.rms-portfolio-item-list .rms-text>div>ul li strong {
    text-transform: uppercase
}

.rms-showcase .img-circle {
    position: absolute;
    top: 0;
    right: 200px;
    width: 420px;
    height: 420px;
    background: #413B2F;
    border-radius: 100%;
    transform: scale(1);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    pointer-events: none
}

.rms-showcase-items {
    max-width: 634px
}

.rms-showcase-item {
    border-top: 1px solid #d3d3d3;
    display: flex;
    align-items: center
}

.rms-pricing-item .list ul li:first-child,
.rms-showcase-item:first-child {
    border-top: none
}

.rms-showcase-item .category,
.rms-showcase-item .title a {
    padding: 30px 0;
    line-height: 1.2
}

.rms-showcase-item .category {
    width: 155px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.rms-showcase-item .title {
    margin: 0;
    width: calc(100% - 155px);
    font-size: 26px;
    font-weight: 700
}

.rms-showcase-item .title a {
    display: block;
    color: #999;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-showcase-item .image {
    position: absolute;
    overflow: hidden;
    top: 50px;
    right: 50px;
    width: 480px;
    height: 370px;
    opacity: 0;
    transform: translate(-30%, -10%) rotate(-30deg) scale(.3);
    -webkit-transform: translate(-30%, -10%) rotate(-30deg) scale(.3);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    pointer-events: none
}

.rms-showcase-item .image .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: blur(15px);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-showcase-item.hover .image {
    opacity: 1;
    transform: translate(0, 0) rotate(-20deg) scale(1);
    -webkit-transform: translate(0, 0) rotate(-20deg) scale(1);
    z-index: 2
}

.rms-showcase-item.hover .image .img {
    filter: blur(0px)
}

.rms-project-info>ul>li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #3e3e3e
}

.rms-cta-info .email,
.rms-cta-info .email a,
.rms-project-info>ul>li strong,
.rms-team-item:hover .num,
.wp-block-calendar a {
    color: #413B2F
}

@media (min-width:1025px) {
    .rms-menu-horizontal {
        display: block
    }

    .rms-menu-horizontal+.rms-menu-btn {
        display: none
    }

    .rms-filter.filter--default ul li button.item--active {
        background: 0 0 !important
    }
}

@media (max-width:1024px) {

    .rms-filter.filter--default .rms-filter-nav-active,
    .rms-filter.filter--default::before,
    .rms-showcase .img-circle {
        display: none
    }

    .rms-showcase-items {
        max-width: 100%
    }

    .rms-showcase-item {
        flex-wrap: wrap;
        padding-bottom: 30px;
        padding-top: 30px
    }

    .rms-showcase-item:first-child {
        padding-top: 0
    }

    .rms-showcase-item .category {
        padding: 0 0 10px;
        width: 100%;
        order: 2
    }

    .rms-showcase-item .category a {
        color: #999
    }

    .rms-showcase-item .title {
        margin: 0;
        width: 100%;
        order: 2
    }

    .rms-showcase-item .title a {
        padding: 0;
        color: #000
    }

    .rms-showcase-item .image {
        margin-bottom: 30px;
        position: relative;
        top: 0;
        right: auto;
        left: 0;
        width: 100%;
        height: 420px;
        order: 1;
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        pointer-events: auto
    }

    .rms-showcase-item.hover .image {
        opacity: 1;
        transform: none;
        -webkit-transform: none
    }

    .rms-showcase-item .image .img,
    .rms-showcase-item.hover .image .img {
        filter: none
    }

    .rms-filter-container {
        margin-bottom: 30px;
        text-align: left
    }

    .rms-filter {
        position: relative;
        overflow: auto
    }

    .rms-filter ul {
        white-space: nowrap
    }

    .rms-filter ul li {
        margin: 0 30px 15px 0;
        display: inline-block;
        vertical-align: top
    }

    .rms-filter.filter--default {
        margin-bottom: 0
    }

    .rms-filter.filter--default ul li button {
        border-radius: 85px;
        -webkit-border-radius: 85px
    }

    .rms-filter.filter--default ul li button.item--active {
        background: #413B2F
    }

    .rms-portfolio-item-list {
        display: block
    }

    .rms-portfolio-item-list .image {
        margin-bottom: 0;
        width: 100%
    }

    .rms-portfolio-item-list .desc {
        padding-bottom: 0;
        width: 100%
    }
}

.rms-pricing-item,
.rms-team-detail {
    position: relative;
    border: 1px solid #3e3e3e
}

.rms-team-detail:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #3e3e3e;
    pointer-events: none
}

.rms-team-detail .team-detail-img {
    position: relative;
    margin-bottom: -70px;
    z-index: 2
}

.rms-team-item {
    position: relative;
    overflow: hidden;
    border: 1px solid #3e3e3e;
    height: 669px
}

.rms-team-item .desc {
    padding: 32px 38px;
    position: relative
}

.rms-team-item .title {
    margin: 0 0 20px;
    font-size: 36px;
    line-height: 1
}

.rms-team-item .image {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 1
}

.rms-team-item .image img {
    max-width: 100%;
    width: auto;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    filter: grayscale(1);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-team-item:hover .image img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    filter: grayscale(0)
}

.rms-team-item .num {
    position: absolute;
    right: -20px;
    bottom: 0;
    font-size: 300px;
    font-weight: 700;
    line-height: .5;
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    pointer-events: none
}

.rms-counter .num,
.rms-counter .num-after,
.rms-history-item .subtitle {
    text-shadow: 3px 3px 0 #000, -3px 3px 0 #000, 3px -3px 0 #000, -3px -3px 0 #000
}

@media (max-width:1024px) {
    .rms-team-item .desc {
        padding: 30px 10px 30px 30px
    }

    .rms-team-item .image img {
        max-height: 460px
    }
}

.rms-reviews-summary .label {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700
}

.rms-reviews-carousel {
    border-left: 1px solid #000;
    padding-left: 55px
}

.rms-reviews-carousel.reviews--full {
    position: relative;
    border: none;
    padding: 0
}

.rms-reviews-item .text {
    font-size: 26px
}

.rms-reviews-carousel.reviews--full .rms-reviews-item .text {
    padding-left: 10%;
    padding-right: 10%
}

.rms-reviews-item .title {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 700
}

.rms-reviews-item .subtitle {
    display: inline-block;
    vertical-align: top;
    line-height: 21px
}

.rms-reviews-item .rms-stars {
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1);
    transition-delay: 0.1s
}

.js-reviews-carousel-navs {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0
}

.js-reviews-carousel-navs .rms-next,
.js-reviews-carousel-navs .rms-prev {
    margin-right: 58px
}

.rms-reviews-carousel.reviews--full .js-reviews-carousel-navs {
    margin-top: -33px;
    top: 50%;
    bottom: auto;
    width: 100%;
    height: 1px;
    z-index: 2
}

.rms-navs.js-history-navs,
.rms-reviews-carousel.reviews--full .rms-next,
.rms-reviews-carousel.reviews--full .rms-prev {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

.rms-reviews-carousel.reviews--full .rms-next {
    left: auto;
    right: 0
}

@media (max-width:1024px) {
    .rms-reviews-carousel {
        margin: 55px 0 0
    }

    .rms-reviews-carousel.reviews--full {
        margin: 0
    }

    .rms-reviews-item .text br {
        display: none
    }

    .js-reviews-carousel-navs {
        margin-top: 30px;
        position: relative
    }

    .rms-reviews-carousel.reviews--full .js-reviews-carousel-navs {
        margin-top: -33px;
        position: absolute
    }
}

.rms-video {
    position: relative;
    height: 670px;
    z-index: 1;
    background-color: #555
}

.rms-video .image,
.rms-video iframe,
.rms-video video {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #555
}

.rms-cta-social .image,
.rms-video .image {
    background-position: center center;
    background-repeat: no-repeat
}

.rms-video .image {
    background-size: cover;
    z-index: 2;
    cursor: pointer
}

.rms-video .play {
    margin: -95px 0 0 -95px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 190px;
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    z-index: 3
}

.rms-video .play::before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    background: #413B2F;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.rms-video .play::after {
    content: "";
    position: absolute;
    left: 40px;
    top: 40px;
    right: 40px;
    bottom: 40px;
    border: 2px solid #000;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.rms-video .play .arrow {
    left: 16px;
    position: relative;
    border: 25px solid transparent;
    border-left: 36px solid #000
}

.rms-video .rms-circle-text-label span {
    transform-origin: 0 86px
}

@media (max-width:1024px) {
    .rms-video {
        position: relative;
        height: 560px;
        z-index: 1;
        background-color: #555
    }
}

.rms-counter .num,
.rms-counter .num-after {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 150px;
    font-weight: 700;
    line-height: 1
}

.rms-counter .num-after {
    font-size: 75px
}

.rms-counter .label {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #666
}

@media (max-width:1024px) {

    .rms-counter .num,
    .rms-counter .num-after {
        font-size: 100px
    }

    .rms-counter .num-after {
        font-size: 60px
    }
}

.rms-cta-text {
    color: #d5d5d5;
    font-size: 26px
}

.rms-cta-text a {
    color: #413B2F;
    font-size: 40px;
    font-weight: 500;
    line-height: 1em
}

.rms-cta-info .email {
    font-size: 40px;
    font-weight: 500;
    line-height: 1
}

.rms-cta-info .email a {
    text-decoration: underline
}

.rms-cta-info .adr {
    margin-top: 40px;
    font-size: 26px;
    color: #d5d5d5
}

.rms-cta-social {
    margin-bottom: -200px;
    position: relative;
    width: 700px;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center
}

.rms-cta-social .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain
}

.rms-cta-social .cta-img-circle {
    position: absolute;
    background: #413B2F;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    animation: 1.5s cubic-bezier(.3, 0, .3, 1) infinite rmsCtaCircle
}

.rms-cta-social .cta-img-circle.img-circle--1 {
    right: -40px;
    top: 50px;
    width: 140px;
    height: 140px;
    animation: 4.5s cubic-bezier(.3, 0, .3, 1) infinite rmsCtaCircle
}

.rms-cta-social .cta-img-circle.img-circle--2 {
    right: 150px;
    top: -40px;
    width: 110px;
    height: 110px;
    animation: 5.5s cubic-bezier(.3, 0, .3, 1) infinite rmsCtaCircleTwo
}

.rms-cta-social .cta-img-circle.img-circle--3 {
    right: 20px;
    top: -100px;
    width: 80px;
    height: 80px;
    animation: 6.5s cubic-bezier(.3, 0, .3, 1) infinite rmsCtaCircleThree
}

@keyframes rmsCtaCircle {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(.85)
    }
}

@keyframes rmsCtaCircleTwo {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(.75)
    }
}

@keyframes rmsCtaCircleThree {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(.65)
    }
}

.rms-cta-social .desc ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0
}

.rms-cta-social .desc ul li {
    margin: 7px;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.rms-cta-social .desc ul li a {
    min-width: 284px
}

@media (max-width:1024px) {
    .rms-cta-social {
        margin-top: 0;
        padding: 60px 0 120px;
        position: relative;
        width: 100%;
        height: auto
    }
}

.rms-blog-item {
    margin-bottom: 40px
}

.rms-blog-item.archive-item {
    margin-bottom: 60px;
    padding-bottom: 40px;
    border-bottom: 3px solid #d6d6d6
}

.rms-blog-item .image {
    margin: 0 0 25px;
    line-height: 1
}

.rms-blog-item .image img {
    width: 100%;
    height: 240px
}

.rms-blog-item.archive-item .image img {
    height: 460px;
    object-fit: cover;
    object-position: center
}

.rms-blog-item .desc {
    max-width: 92%
}

.rms-blog-item .desc .info {
    margin-bottom: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 500
}

.rms-blog-item .desc .date,
.rms-post-date .date,
.wp-block-latest-posts__post-date {
    padding: 8px 22px;
    margin-right: 22px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background: #413B2F;
    border-radius: 36px;
    -webkit-border-radius: 36px
}

.rms-blog-item .desc .title {
    margin: 0;
    font-size: 22px;
    font-weight: 700
}

.rms-blog-carousel .swiper-slide {
    opacity: 0;
    transform: translateY(10px);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-blog-carousel .swiper-slide.swiper-slide-active,
.rms-blog-carousel .swiper-slide.swiper-slide-active+.swiper-slide {
    opacity: 1;
    transform: translateY(0)
}

.rms-blog-slide-item {
    margin-bottom: 30px;
    padding: 40px 30px 20px;
    background: #fff;
    min-height: 316px
}

.rms-blog-slide-item .image {
    margin: 0 0 25px;
    position: absolute;
    top: 30px;
    right: 26px;
    width: 288px;
    height: 312px;
    line-height: 1
}

.rms-blog-slide-item .image img {
    width: 100%;
    height: 100%
}

.rms-blog-slide-item .desc {
    max-width: 270px
}

.rms-blog-slide-item .desc .date {
    margin-bottom: 12px;
    padding: 0 25px;
    font-size: 14px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    background: #413B2F
}

.rms-blog-slide-item .desc .date,
.rms-blog-slide-item .desc .date a {
    display: inline-block;
    vertical-align: top;
    color: #000
}

.rms-blog-slide-item .desc .title {
    padding-right: 10px;
    font-size: 22px;
    font-weight: 700
}

@media (max-width:1024px) {
    .rms-blog-slide-item .desc {
        max-width: calc(100% - 300px)
    }

    .rms-navs {
        margin-top: 20px
    }
}

.rms-brands {
    padding: 30px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    text-align: center;
    line-height: 1;
    border: 1px solid #3e3e3e
}

.rms-brands .image img {
    width: auto;
    height: auto;
    max-height: 80px
}

.rms-team-two-item {
    position: relative;
    overflow: hidden
}

.rms-team-two-item .rms-social-2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    opacity: 0;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-team-two-item .image {
    position: relative;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 380px;
    text-align: center;
    line-height: 1
}

.rms-team-two-item .rms-hover-3::before {
    z-index: 1
}

.rms-team-two-item .image img {
    max-width: 100%;
    width: auto;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-team-two-item:hover .image img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    filter: grayscale(0)
}

.rms-team-two-item .desc {
    padding: 25px;
    position: relative
}

.rms-team-two-item .title {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1
}

.rms-team-two-item .rms-subtitle-1 {
    margin: 0;
    font-weight: 500
}

.rms-pricing-item .pricing--badge {
    padding: 0 20px;
    position: absolute;
    right: 10px;
    top: -14px;
    font-size: 13px;
    font-weight: 700;
    height: 29px;
    line-height: 29px;
    background: #000
}

.rms-pricing-item .title {
    padding: 44px 66px;
    position: relative;
    min-height: 236px
}

.rms-pricing-item .name {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1
}

.rms-pricing-item .subname {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.rms-pricing-item .price {
    font-size: 50px;
    line-height: 1;
    font-weight: 700
}

.rms-pricing-item .image {
    padding: 0;
    position: absolute;
    top: -35px;
    left: 68px;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 30px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    z-index: 2
}

.rms-pricing-item .image img {
    max-width: 100%;
    width: 30px;
    height: auto
}

.rms-pricing-item .desc {
    margin: -6px;
    padding: 50px 55px;
    position: relative;
    min-height: 386px;
    background: #fff;
    border: 1px solid #3e3e3e
}

.rms-history-item .image,
.rms-intro .image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.rms-pricing-item .pricing--overlay {
    content: "";
    position: absolute;
    overflow: hidden;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #3e3e3e;
    pointer-events: none
}

.rms-pricing-item .list,
.wp-block-latest-posts.wp-block-latest-posts__list li {
    margin: 0 0 20px
}

.rms-pricing-item .list ul li {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 40px;
    font-size: 16px;
    border-top: 1px solid #ededed;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-pricing-item .list ul li>i {
    margin-top: -10px;
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 18px;
    color: green;
    height: 20px;
    line-height: 20px
}

.rms-pricing-item:hover .rms-btn.btn--color::after,
.rms-pricing-item:hover a.rms-btn.btn--color::after {
    background: #413B2F;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: top center
}

.rms-pricing-item:hover .list ul li {
    color: #fff;
    border-top-color: rgba(237, 237, 237, .22)
}

.rms-border-line::after,
.rms-form-box::before {
    border: 1px solid #fff;
    position: absolute;
    content: ""
}

.rms-form-box {
    position: relative;
    background: #000;
    padding: 70px
}

.rms-form-box::before {
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px
}

.rms-border-line::after {
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    pointer-events: none
}

body .rms-subscribe-form input[type=address],
body .rms-subscribe-form input[type=email],
body .rms-subscribe-form input[type=number],
body .rms-subscribe-form input[type=password],
body .rms-subscribe-form input[type=search],
body .rms-subscribe-form input[type=tel],
body .rms-subscribe-form input[type=text],
body .rms-subscribe-form textarea {
    padding: 0 60px;
    width: 100%;
    height: 90px;
    font-size: 16px;
    color: #fff;
    background: 0 0;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    border: 1px solid #a0a0a0
}

body .rms-subscribe-form ::placeholder {
    color: #929292
}

body .rms-subscribe-form .submit-container {
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0
}

.rms-history-slider .swiper-container {
    padding-top: 120px;
    overflow: visible
}

.rms-history-slider .swiper-wrapper {
    transition-duration: 0s !important
}

.rms-history-slider .swiper-slide {
    opacity: 0
}

.animated--swiper--active .rms-history-slider .swiper-slide .splitting span .word {
    -webkit-transition-delay: calc(600ms + 100ms * var(--line-index));
    transition-delay: calc(600ms + 100ms * var(--line-index))
}

.rms-history-item {
    display: flex;
    align-items: center
}

.rms-history-item .image {
    width: 691px;
    height: 396px;
    line-height: 1
}

.rms-history-item .desc {
    padding-left: 76px;
    max-width: calc(100% - 767px)
}

.rms-history-item .subtitle {
    margin: 20px 0;
    font-size: 90px;
    font-weight: 700;
    line-height: 1
}

.rms-history-item .title {
    margin: 0;
    font-size: 38px;
    font-weight: 700
}

.rms-history-item .text {
    color: #666
}

.rms-navs.js-history-navs::before {
    content: "";
    position: absolute;
    top: 32.5px;
    left: 67px;
    right: 67px;
    height: 3px;
    background: #000
}

.rms-navs.js-history-navs .js-history-prev {
    left: 0;
    top: 0;
    position: absolute
}

.rms-navs.js-history-navs .js-history-next {
    right: 0;
    left: auto;
    top: 0;
    position: absolute
}

.rms-navs.js-history-navs .js-history-pagination,
.rms-navs.js-history-navs .rms-paginations-container {
    position: absolute;
    top: 18px;
    left: 97px;
    right: 97px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rms-navs.js-history-navs .js-history-pagination {
    top: 0;
    left: 0;
    right: 0
}

.rms-navs.js-history-navs .js-history-pagination .swiper-pagination-bullet {
    margin: 0;
    background: #fafafa;
    width: 32px;
    height: 32px;
    border-radius: 0;
    -webkit-border-radius: 0
}

.rms-navs.js-history-navs .js-history-pagination .swiper-pagination-bullet span {
    margin-left: -40px;
    position: absolute;
    top: -40px;
    left: 50%;
    font-size: 22px;
    font-weight: 700;
    width: 80px;
    white-space: nowrap
}

@media (max-width:1024px) {
    .rms-history-item {
        display: block
    }

    .rms-history-item .image {
        width: 100%;
        height: 440px
    }

    .rms-history-item .desc {
        padding-left: 0;
        padding-top: 30px;
        max-width: 100%
    }
}

.rms-intro {
    padding-top: 200px;
    padding-bottom: 30px;
    background: 0 0
}

.rms-intro .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rms-breadcrums {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 3px solid #848484
}

.rms-breadcrums ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 16px
}

.rms-breadcrums ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid silver
}

.rms-breadcrums ul li:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.rms-counter .num,
.rms-counter .num-after,
.rms-history-item .subtitle,
.rms-intro .rms-breadcrums ul li,
.rms-intro .rms-breadcrums ul li a .rms-intro.intro--black .rms-breadcrums ul li,
.rms-intro .rms-subtitle-2,
.rms-intro .rms-subtitle-2.rms-text-black,
.rms-intro .rms-subtitle-2.rms-text-white,
.rms-intro .rms-title-1,
.rms-intro .rms-title-1.rms-text-black,
.rms-intro .rms-title-1.rms-text-white,
.rms-intro.intro--black .rms-breadcrums ul li,
.rms-intro.intro--black .rms-breadcrums ul li a,
.rms-intro.intro--black .rms-subtitle-2,
.rms-intro.intro--black .rms-subtitle-2.rms-text-black,
.rms-intro.intro--black .rms-subtitle-2.rms-text-white,
.rms-intro.intro--black .rms-title-1,
.rms-intro.intro--black .rms-title-1.rms-text-black,
.rms-intro.intro--black .rms-title-1.rms-text-white,
.rms-number .num,
.rms-post-categories a,
.rms-team-item .num,
.rms-ticker-slider .title,
.rms-ticker-slider .title a {
    color: #fff
}

.rms-faq-item .rms-collapse-btn {
    padding: 28px 60px;
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 85px;
    -webkit-border-radius: 85px
}

.rms-faq-item .rms-collapse-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #b2b2b2;
    border-radius: 85px;
    -webkit-border-radius: 85px
}

.rms-faq-item .rms-collapse-btn::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: transform .4s cubic-bezier(.3, 0, .3, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    background: #413B2F;
    transform-origin: bottom center
}

.rms-faq-item .rms-collapse-btn .arrow::after,
.rms-faq-item .rms-collapse-btn .arrow::before {
    margin-top: -30px;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 60px;
    height: 60px;
    border: 1px solid #b2b2b2;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    z-index: 2;
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.rms-faq-item .rms-collapse-btn .arrow::after {
    border: none;
    background: url(../images/arrow_2.svg) center center/12px 9px no-repeat
}

.rms-faq-item .rms-collapse-btn.active .arrow::before {
    background: #000;
    border-color: #000
}

.rms-faq-item .rms-collapse-btn.active .arrow::after {
    filter: invert(1);
    transform: rotate(180deg)
}

.rms-faq-item .rms-text {
    padding: 30px 60px
}

@media (max-width:767px) {
    .rms-hero .title {
        font-size: 60px
    }

    .rms-sep {
        width: 24px
    }

    .rms-hero .subtitle {
        margin-top: 30px;
        margin-bottom: 30px;
        max-width: 100%;
        font-size: 18px
    }

    .rms-cta-social .image,
    .rms-hero .subtitle br,
    .rms-hero-parallax .title .sep,
    .rms-navs.js-history-navs .js-history-pagination .swiper-pagination-bullet span,
    .rms-team-info ul li br {
        display: none
    }

    .rms-hero .container {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .rms-counter .num-after,
    .rms-hero-parallax .title,
    .rms-hero.hero--two .title {
        font-size: 40px
    }

    .rms-hero.hero--two .subtitle,
    .rms-reviews-item .text,
    .rms-reviews-summary .label {
        font-size: 18px
    }

    .rms-hero-carousel,
    .rms-intro {
        padding-top: 160px
    }

    .js-hero-carousel-navs {
        bottom: 30px
    }

    .rms-hero-carousel .swiper-slide:nth-child(1n) .rms-hero-carousel-item .slide,
    .rms-hero-carousel .swiper-slide:nth-child(2n) .rms-hero-carousel-item .slide {
        top: 0
    }

    .rms-hero-carousel-item .titles {
        margin-left: -150px;
        margin-top: 30px;
        left: 50%;
        bottom: auto;
        top: 100%;
        width: 300px
    }

    .rms-hero-carousel-item .title {
        margin: 0;
        font-size: 26px;
        height: auto
    }

    .rms-hero-carousel-item .text-line-inner {
        white-space: normal
    }

    .rms-hero-parallax .image video:after,
    .rms-hero-parallax .image:after {
        opacity: .4
    }

    #pp-nav {
        right: 10px !important
    }

    .rms-navs.js-hero-parallax-navs {
        bottom: 20px
    }

    .rms-service-grid-item {
        padding: 15px;
        max-width: 340px;
        min-height: 340px
    }

    .rms-history-item .title,
    .rms-service-item-inner .title,
    .rms-team-item .title {
        font-size: 26px
    }

    .rms-reviews-item .rms-stars.stars--small,
    .rms-service-item-inner .list ul li {
        margin: 10px 0 0
    }

    .rms-services-showcase .items ul li {
        margin-bottom: 20px
    }

    .rms-blog-item.archive-item .image img,
    .rms-history-item .image,
    .rms-services-showcase .items .image,
    .rms-showcase-item .image,
    .rms-video {
        height: 280px
    }

    .rms-service-item-list-inner {
        padding: 0
    }

    .rms-service-item-list .image {
        position: relative;
        margin-bottom: 20px;
        top: 0;
        left: 0;
        right: auto
    }

    .rms-service-item-list .num {
        margin-right: 5px;
        position: relative;
        left: 0;
        top: 5px;
        font-size: 14px;
        display: inline-block;
        vertical-align: top
    }

    .rms-service-item-list .title {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        max-width: 270px
    }

    .rms-ticker-slider .title,
    .rms-ticker-slider .title a {
        font-size: 50px
    }

    .rms-portfolio-item {
        margin-bottom: 40px
    }

    .rms-cta-text,
    .rms-portfolio-item-list .rms-text>div>ul li {
        font-size: 16px
    }

    .rms-portfolio-item-list .title {
        margin: 0 0 20px;
        font-size: 26px
    }

    .rms-portfolio .rms-loadmore {
        margin: 15px 0 0
    }

    .rms-team-item .desc {
        padding: 38px
    }

    .rms-team-info ul li {
        display: block;
        word-break: break-word
    }

    .rms-reviews-summary {
        margin-top: 10px
    }

    .rms-stars {
        margin: 0 5px;
        padding: 0 10px;
        font-size: 10px
    }

    .rms-reviews-carousel {
        margin: 30px 0 0;
        padding-left: 30px
    }

    .rms-reviews-item .subtitle {
        display: block
    }

    .rms-reviews-carousel.reviews--full .rms-reviews-item .text {
        padding-left: 0;
        padding-right: 0
    }

    .rms-reviews-carousel.reviews--full .js-reviews-carousel-navs {
        margin-top: 0;
        position: relative;
        height: 67px
    }

    .rms-video .play {
        transform: scale(.5)
    }

    .rms-counter .num,
    .rms-counter .num-after {
        font-size: 80px
    }

    .rms-counter .label {
        margin: 10px 0 20px;
        font-size: 18px
    }

    .rms-cta-social {
        margin-top: 15px;
        margin-bottom: 0;
        padding: 0
    }

    .rms-cta-social .desc ul li {
        margin: 5px
    }

    .rms-cta-social .desc ul li a {
        min-width: 330px
    }

    .rms-btn.btn--large,
    a.rms-btn.btn--large {
        padding: 0 25px;
        height: 70px;
        line-height: 70px;
        border-radius: 70px;
        -webkit-border-radius: 70px
    }

    .rms-btn.btn--large.btn--icon i {
        margin: 0 5px 0 -20px
    }

    .rms-cta-2-text a,
    .rms-cta-info .email,
    .rms-cta-text a {
        font-size: 24px
    }

    .rms-cta-info .adr {
        margin-top: 20px;
        font-size: 16px
    }

    .rms-history-slider .swiper-container {
        padding-top: 90px
    }

    .rms-navs.js-history-navs .js-history-pagination,
    .rms-navs.js-history-navs .rms-paginations-container {
        left: 0;
        right: 0
    }

    .rms-history-item .subtitle {
        font-size: 60px;
        line-height: 1.3
    }

    .rms-blog-slide-item .image {
        margin: 0 0 25px;
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: 280px
    }

    .rms-blog-slide-item .desc {
        max-width: 100%
    }

    .rms-next i::before,
    .rms-prev i::before {
        width: 30px
    }

    .rms-paginations-container {
        margin: 0 5px
    }

    .rms-next,
    .rms-prev,
    .pager .rms-next,
    .pager .rms-prev {
        width: 57px;
        height: 57px
    }

    .rms-navs.js-history-navs::before {
        top: 27.5px
    }

    .rms-navs.js-history-navs .rms-paginations-container {
        margin: 0 67px;
        top: 13px
    }

    .rms-hero .rms-navs .rms-next,
    .rms-hero .rms-navs .rms-prev {
        top: -14px
    }

    .rms-breadcrums ul li {
        font-size: 14px
    }

    .rms-faq-item .rms-collapse-btn {
        padding: 20px 90px 20px 30px;
        font-size: 18px
    }

    .rms-faq-item .rms-text {
        padding: 0 30px 10px
    }
}

.rms-custom-gallery .col-md-6:first-child,
.rms-custom-gallery .col-md-6:nth-child(10),
.rms-custom-gallery .col-md-6:nth-child(4),
.rms-custom-gallery .col-md-6:nth-child(5),
.rms-custom-gallery .col-md-6:nth-child(8) {
    transform: scale(.8)
}

.rms-team-info ul li {
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
    display: flex
}

.rms-team-info ul li .title {
    width: 40%;
    font-weight: 700
}

.rms-team-info ul li .rms-text {
    width: 60%
}

.page-404 {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.page-404__num {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 200px;
    margin: 0;
    color: #000;
    line-height: 1
}

.page-404__text {
    margin-bottom: 30px
}

.page-404 .search-form {
    margin: 0 auto
}

.rms-archive-post,
.rms-post {
    padding: 120px 0 0
}

.rms-post-pic img {
    width: 100%;
    height: 680px
}

.rms-post-wrapper {
    padding: 0 7%
}

.rms-post-date {
    margin: 0 0 30px;
    color: #828282
}

.rms-post-date a {
    font-size: 16px;
    font-weight: 500
}

.post-content ol,
.post-content p,
.post-content ul {
    margin: 30px 0
}

.post-content ol li,
.post-content ul li,
.wp-block-latest-posts__post-date {
    margin: 10px 0
}

.rms-post-bottom {
    margin: 30px 0 60px;
    padding: 6px;
    position: relative;
    background: #000
}

.rms-post-bottom-content {
    padding: 30px;
    position: relative;
    border: 1px solid #fff
}

.rms-post-categories,
.rms-post-socials,
.rms-post-tags {
    margin: 0 0 10px;
    display: block;
    color: #bbb;
    font-weight: 500;
    line-height: 56px
}

.rms-post-categories span,
.rms-post-socials span,
.rms-post-tags span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top
}

.social-share.rms-post-socials.rms-social-2 ul {
    margin-left: -5px;
    display: inline-block;
    vertical-align: top
}

.social-share.rms-post-socials.rms-social-2 ul li a {
    border: 1px solid #3e3e3e
}

.rms-post-comments {
    padding: 0 7%;
    margin-top: 60px
}

.comment__title {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px
}

.comment__title small {
    margin-left: 8px;
    font-size: 18px;
    font-weight: 400
}

.comment.comment-item {
    list-style: none
}

.comment.comment-item>.comment {
    position: relative;
    border: 1px solid #b2b2b2;
    min-height: 180px
}

.comment-item__photo {
    margin: -1px;
    display: flex;
    padding: 25px;
    border: 1px solid #b2b2b2;
    height: calc(100% + 2px);
    position: absolute
}

.comment .comment-item__photo img {
    float: none;
    max-width: 128px;
    width: 128px;
    height: 128px;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0
}

.comment .comment-item__content {
    padding-top: 25px;
    padding-right: 25px;
    margin-left: 205px
}

.comment .comment-item__top {
    margin-bottom: 15px
}

.comment .comment-item__name {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    vertical-align: top
}

.comment .comment-item__sent {
    margin: 7px 0 0 10px;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    color: #404040
}

.comment .comment-item__reply a {
    position: absolute;
    right: -1px;
    bottom: -1px;
    padding: 9px 20px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #000;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer
}

.comment .comment-item__reply a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    width: 15px;
    height: 100%;
    background: #000;
    transform: skewX(-20deg);
    transition: .4s cubic-bezier(.3, 0, .3, 1);
    -webkit-transition: .4s cubic-bezier(.3, 0, .3, 1)
}

.comment .comment-item--replyed {
    margin-left: 40px
}

.comment-respond {
    max-width: 100%;
    margin-top: 60px
}

.comment-item .comment-respond {
    padding: 40px 25px;
    margin: -1px 0 0;
    border: 1px solid #b2b2b2
}

.comment-form .field {
    margin-bottom: 30px;
    padding: 0
}

.comment-form__inputs-group {
    display: flex;
    flex-direction: column
}

.comment-form__inputs-group .comment-form__field-wrapper {
    width: 100%;
    margin: 0 0 15px
}

@media (min-width:992px) {
    .rms-portfolio-3-column .col-lg-6 {
        flex: 0 0 auto;
        width: 33.333%
    }

    .rms-portfolio-4-column .col-lg-6 {
        flex: 0 0 auto;
        width: 25%
    }

    .comment .comment-item__reply a:focus,
    .comment .comment-item__reply a:focus::before,
    .comment .comment-item__reply a:hover,
    .comment .comment-item__reply a:hover::before {
        outline: 0;
        color: #000;
        background-color: #413B2F
    }

    .comment .comment-item--replyed {
        margin-left: 60px
    }

    .comment-form__inputs-group {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 -15px 30px
    }

    .comment-form__inputs-group .comment-form__field-wrapper {
        width: calc(50% - 30px);
        margin: 0 15px
    }
}

.comment-form__inputs-group .comment-form__field-wrapper label {
    margin-bottom: 0
}

.col-sidebar,
.content-sidebar {
    padding: 6px;
    position: relative;
    border: 1px solid #b2b2b2
}

.content-sidebar {
    padding: 0
}

.content-sidebar .widget {
    padding: 44px;
    border-bottom: 1px solid #b2b2b2
}

.content-sidebar .widget:last-child {
    border-bottom: none
}

.content-sidebar .widget .widget-title,
.content-sidebar .widget h2 {
    margin-bottom: 30px;
    padding-bottom: 8px;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    border-bottom: 3px solid #000
}

.content-sidebar li,
.wp-block-archives-list li,
.wp-block-categories-list li {
    margin-bottom: 15px;
    position: relative;
    line-height: 1.3
}

.wp-block-latest-posts.wp-block-latest-posts__list li:after {
    content: "";
    position: relative;
    clear: both;
    display: block
}

.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
    margin: 0
}

.wp-block-latest-posts__featured-image {
    margin-top: -3px;
    margin-right: 10px;
    margin-bottom: 30px;
    float: left;
    width: 100px
}

.wp-block-latest-posts__featured-image img {
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important
}

.wp-block-latest-posts__post-title {
    line-height: 1.3;
    font-weight: 700;
    display: block
}

.wp-block-latest-posts__post-author {
    font-size: 16px;
    color: #555
}

.wp-block-latest-posts__post-excerpt {
    font-size: 16px;
    clear: both
}

.content-sidebar .search-form .screen-reader-text,
.screen-reader-text,
.wp-block-latest-posts__post-excerpt .rms-btn,
.wp-block-search .wp-block-search__label {
    display: none
}

.post-content table {
    width: 100%;
    margin: 2rem 0;
    padding: 0;
    border-collapse: collapse
}

.post-content table td,
.post-content table th {
    padding: 10px 20px;
    border: 1px solid #c4c4c4;
    background: 0 0
}

.content-sidebar ul ul {
    margin-top: .6rem
}

.content-sidebar ul ul li {
    position: relative;
    padding-left: .6rem
}

.content-sidebar ul ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 1px;
    background: #8d99a7
}

.content-sidebar ul li cite {
    padding: .5rem 0;
    display: block;
    font-size: .875rem;
    color: #8d99a7
}

.wp-block-tag-cloud {
    margin: 5px 0 0
}

.col-sidebar .tagcloud a,
.rms-post-tags a,
.sidebar__tag-item,
.tags-links a,
.wp-block-tag-cloud a {
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 14px 25px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    background: #413B2F;
    border: none;
    font-size: 15px !important;
    line-height: 1.7;
    color: #000;
    font-weight: 700;
    transition: .3s;
    border-radius: 50px;
    -webkit-border-radius: 50px
}

.content-sidebar ul.menu {
    position: relative;
    height: auto;
    transform: none;
    opacity: 1;
    display: block;
    background: 0 0
}

.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-caption-text {
    max-width: 100%;
    margin: 0;
    padding: 5px 10px 0;
    text-align: center;
    font-size: .9em;
    font-style: italic;
    opacity: .7
}

.wp-block-button {
    margin-bottom: 20px
}

.post-content .gallery .gallery-item {
    margin: 0;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    text-align: center
}

.post-content .gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.post-content .gallery.gallery-columns-3 .gallery-item {
    width: 33.333%
}

.post-content .gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.post-content .gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.content-sidebar .search-form,
.search-form,
.widget_product_search,
.wp-block-search,
.wp-block-search .wp-block-search__button {
    position: relative;
    max-width: 300px
}

.content-sidebar .search-form input[type=submit],
.search-form input[type=submit],
.widget_product_search input[type=submit],
.wp-block-search .wp-block-search__button,
.wp-block-search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    z-index: 2;
    opacity: 1;
    font-size: 0;
    cursor: pointer;
    border: none;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M62.9 56.5l-17-13.8c7.2-9.9 6.1-23.7-2.7-32.5C38.4 5.3 32 2.7 25.3 2.7s-13 2.6-17.8 7.4S0 21.3 0 28s2.7 13.1 7.5 17.9c5.1 5.1 11.5 7.5 17.9 7.5 6.1 0 12.3-2.1 17.1-6.7l17.3 14.1c.5.5 1.1.5 1.6.5.8 0 1.6-.3 2.1-1.1.8-1 .8-2.6-.6-3.7zM25.3 48c-5.3 0-10.4-2.1-14.1-5.9-3.7-3.7-5.9-8.8-5.9-14.1s2.1-10.4 5.9-14.1S20 8 25.3 8s10.4 2.1 14.1 5.9 5.9 8.8 5.9 14.1-2.1 10.4-5.9 14.1c-3.7 3.8-8.7 5.9-14.1 5.9z'/%3e%3c/svg%3e ") center center/18px no-repeat
}

.wp-block-search {
    position: relative;
    max-width: 100%
}

.comment-item__text .wp-block-archives,
.post-content .wp-block-archives {
    margin: 2rem 0
}

.wp-block-latest-comments__comment {
    line-height: 1.3
}

.wp-block-latest-comments__comment a {
    font-weight: 700
}

.wp-block-latest-comments__comment-excerpt {
    margin-bottom: 1.9rem
}

.wp-block-latest-comments__comment-excerpt p {
    margin-top: 0 !important;
    font-size: 1.05rem;
    line-height: 1.5
}

.archive-item .title,
h1,
h2,
h3,
h4,
h5,
h6 {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 100%
}

.post-content::after {
    clear: both;
    position: relative;
    display: block;
    content: ""
}

@media (max-width:1024px) {

    blockquote,
    blockquote p {
        font-size: 18px;
        line-height: 1.7
    }

    .content-sidebar {
        padding-left: 0
    }

    .col-sidebar {
        margin-top: 3rem
    }

    .rms-post-comments,
    .rms-post-wrapper {
        padding: 0
    }

    blockquote {
        padding: 130px 30px 30px
    }

    blockquote::before {
        top: 30px;
        left: 30px
    }

    .rms-post-pic img {
        height: 480px
    }

    .rms-archive-post,
    .rms-post {
        padding: 80px 0 0
    }

    .rms-contact-info {
        margin-top: 40px
    }

    .rms-team-detail>.row {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .rms-team-detail .team-detail-img {
        margin-bottom: 30px
    }

    .comment .comment-item__reply a:focus,
    .comment .comment-item__reply a:focus::before,
    .comment .comment-item__reply a:hover,
    .comment .comment-item__reply a:hover::before,
    .rms-filter.filter--default ul li button.item--active {
        background: #413B2F
    }
}

@media (max-width:767px) {
    .rms-breadcrums {
        margin-top: 30px
    }

    .rms-post-pic img {
        height: 280px
    }

    .rms-post-bottom-content {
        padding: 24px
    }

    .rms-post-categories span,
    .rms-post-socials span,
    .rms-post-tags span {
        margin-right: 0;
        margin-bottom: 5px;
        display: block
    }

    .rms-post-categories,
    .rms-post-socials,
    .rms-post-tags {
        line-height: 1.7
    }

    .rms-post-tags:last-child {
        margin-bottom: -5px
    }

    .comment-item__photo {
        margin: 0;
        padding: 20px;
        border: none
    }

    .comment .comment-item__photo img {
        max-width: 64px;
        width: 64px;
        height: 64px
    }

    .comment .comment-item__content {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        margin-left: 100px
    }

    .comment .comment-item__name {
        font-size: 18px;
        display: block
    }

    .comment .comment-item__sent {
        margin: 5px 0 0
    }

    .comment__title small {
        margin-left: 0;
        font-size: 16px
    }

    .rms-social-2 ul li a {
        width: 48px;
        height: 48px
    }

    .rms-custom-gallery .col-md-6:first-child,
    .rms-custom-gallery .col-md-6:nth-child(10),
    .rms-custom-gallery .col-md-6:nth-child(4),
    .rms-custom-gallery .col-md-6:nth-child(5),
    .rms-custom-gallery .col-md-6:nth-child(8) {
        transform: none
    }

    .rms-page-navigation {
        margin: 40px 0 0
    }

    .rms-archive-post,
    .rms-post {
        padding: 70px 0 0
    }

    .content-sidebar .widget {
        padding: 30px
    }

    .col-sidebar .tagcloud a,
    .rms-post-tags a,
    .sidebar__tag-item,
    .tags-links a,
    .wp-block-tag-cloud a {
        padding: 10px 15px;
        font-size: 14px !important
    }

    .page-links .post-page-numbers,
    .pager a,
    .pager span {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .rms-blog-item.archive-item {
        margin-bottom: 50px;
        padding-bottom: 30px
    }

    .rms-blog-item.archive-item .title {
        font-size: 26px
    }

    .post-content table td,
    .post-content table th {
        padding: 10px
    }

    .post-content tbody,
    .post-content td,
    .post-content tfoot,
    .post-content th,
    .post-content thead,
    .post-content tr {
        display: block;
        margin: -1px
    }

    .post-content th {
        display: none
    }

    .comment__title {
        margin-bottom: 15px
    }

    .post-content .gallery.gallery-columns-2 .gallery-item,
    .post-content .gallery.gallery-columns-3 .gallery-item,
    .post-content .gallery.gallery-columns-4 .gallery-item {
        width: 50%
    }

    .rms-form-box {
        padding: 40px
    }

    .rms-team-detail>.row>div {
        padding: 0
    }
}

.rms-overlay,
.wrapper,
body {
    background-color: #fff
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.rms-title-1,
.rms-title-2,
.rms-title-3,
h1,
h1.rms-title-1,
h1.rms-title-2,
h1.rms-title-3,
h2,
h2.rms-title-1,
h2.rms-title-2,
h2.rms-title-3,
h3,
h3.rms-title-1,
h3.rms-title-2,
h3.rms-title-3,
h4,
h4.rms-title-1,
h4.rms-title-2,
h4.rms-title-3,
h5,
h5.rms-title-1,
h5.rms-title-2,
h5.rms-title-3,
h6,
h6.rms-title-1,
h6.rms-title-2,
h6.rms-title-3 {
    color: #000;
    font-family: Epilogue
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.rms-title-1,
.rms-title-2,
h1,
h1.rms-title-1,
h2,
h2.rms-title-2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    text-transform: unset
}

@media (min-width:993px) {

    .h1,
    .rms-title-1,
    h1,
    h1.rms-title-1 {
        font-size: 70px;
        letter-spacing: 0
    }

    .h2,
    .rms-title-2,
    h2,
    h2.rms-title-2 {
        font-size: 50px;
        letter-spacing: 0
    }

    .h3,
    h3 {
        font-size: 40px;
        letter-spacing: 0
    }

    .h4,
    h4 {
        font-size: 30px;
        letter-spacing: 0
    }

    .h5,
    h5 {
        font-size: 20px;
        letter-spacing: 0
    }

    .h6,
    h6 {
        font-size: 18px;
        letter-spacing: 0
    }
}

body,
html {
    color: #1b252e
}

body,
button,
html,
input,
label,
legend,
textarea {
    font-family: Epilogue;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0
}

body,
html,
label,
legend {
    line-height: 1.7
}

.block-quote::before,
.col-sidebar .tagcloud a,
.rms-blog-item .desc .date,
.rms-blog-slide-item .desc .date,
.rms-btn .arrow::before,
.rms-btn.btn--active::before,
.rms-btn.btn--border .arrow::after,
.rms-btn.btn--border i::after,
.rms-btn.btn--border.btn--color::after,
.rms-bubble .bubble-1,
.rms-bubble .bubble-2,
.rms-bubble .bubble-3,
.rms-cta-social .cta-img-circle,
.rms-faq-item .rms-collapse-btn::after,
.rms-filter.filter--default .rms-filter-nav-active,
.rms-head-btn .arrow::before,
.rms-hover-1::before,
.rms-hover-2::before,
.rms-hover-btn::after,
.rms-hover-btn>.arrow::after,
.rms-hover-btn>i::after,
.rms-lnk.lnk--active a::after,
.rms-menu-overlay,
.rms-post-date .date,
.rms-post-tags a,
.rms-pricing-item:hover .rms-btn.btn--color::after,
.rms-pricing-item:hover a.rms-btn.btn--color::after,
.rms-service-item .image,
.rms-services-showcase .items .img-circle,
.rms-showcase .img-circle,
.rms-social-2 ul li a::before,
.rms-social-active ul li a::before,
.rms-stars,
.rms-video .play::before,
.page-links .current,
.page-links .post-page-numbers:hover,
.pager .current,
.pager a:hover,
.preloader::before,
.preloader__double-bounce,
.sidebar__tag-item,
.tags-links a,
.wp-block-latest-posts__post-date,
.wp-block-pullquote::before,
.wp-block-quote.is-large::before,
.wp-block-quote.is-style-large::before,
.wp-block-quote::before,
.wp-block-tag-cloud a,
a.rms-lnk.lnk--active::after,
blockquote::before,
button[type=submit]:hover,
input[type=submit]:hover,
span.rms-lnk.lnk--active::after {
    background-color: #413B2F
}

.rms-social-2 ul li a:hover,
.rms-social-active ul li a:hover,
.page-links .post-page-numbers:hover,
.pager a:hover {
    border-color: #413B2F
}

button[type=submit].rms-btn:hover {
    background-color: transparent
}

.rms-btn,
.rms-head-btn,
a.rms-btn,
body div.wpforms-container .wpforms-form .rms-btn,
body div.wpforms-container .wpforms-form button.rms-btn,
body div.wpforms-container .wpforms-form button.rms-btn[type=submit],
button[type=submit],
input[type=submit] {
    font-family: Epilogue
}

.rms-btn,
a.rms-btn,
body div.wpforms-container .wpforms-form .rms-btn,
body div.wpforms-container .wpforms-form button.rms-btn,
body div.wpforms-container .wpforms-form button.rms-btn[type=submit],
button[type=submit],
input[type=submit] {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: unset
}

.rms-btn,
.rms-hover-btn::before,
a.rms-btn,
body div.wpforms-container .wpforms-form .rms-btn,
body div.wpforms-container .wpforms-form button.rms-btn,
body div.wpforms-container .wpforms-form button.rms-btn[type=submit],
button[type=submit],
input[type=submit] {
    border-radius: 66px
}

.rms-aboutus-img img{
    border-radius: 70px 0 70px 0;
}
.color-rms{
    color: #413B2F;
}
.rms-hover-3::before{
    background-color: rgba(65, 59, 47, 0.2)
}
.rms-filter.filter--default .rms-filter-nav-active{
    background: transparent;
}
.footer-rms-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    list-style: none;
    margin: 50px 0 0;
}
.header--white .rms-menu-btn span::before, .header--white .rms-menu-btn span::after{
    background: #413B2F;
}
.rms-logo-image{
    max-width: 100px;
}
@media (max-width:767px) {
    .rms-logo-image{
        max-width: 80px;
    }
    .rms-hero, .rms-hero-parallax {
        position: relative;
        height: 100%;
    }
    .rms-social-1, .copyright{
        text-align: center;
    }
    .rms-filter-container {
        margin-bottom: 30px;
        text-align: center;
    }
    .rms-filter.filter--default ul li button {
        /* text-align: center; */
        padding: 0 15px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        font-weight: 700;
        color: #000;
    }
    .rms-aboutus-img{
        margin-bottom: 25px;
    }
    .footer-rms-menu{
        display: block;
        list-style: none;
        text-align: center;
    }
    .footer-rms-menu li{
        margin: 10px 0;
    }
    .rms-type-img img{
        border-radius: 20px;
    }
    .rms-footer .copyright {
        font-size: 14px;
    }
}


.rms-hover-1::before{
    background: #b0a4a4;
}
.why-list{
    list-style: none;
    margin: 0;
}
.why-list li i, strong{
    color: #413B2F;
}
.rms-type-img img{
    border-radius: 100px 0 0 100px;
}

.textbordermask {
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    font-weight: 700;
}
.mission-vision{
    padding: 20px;
    border-radius: 50px;
}
.mission-vision h5{
    margin-bottom: 0;
}
.mission-vision img{
    width: 40px;
}

.application{
    border-radius: 50px 50px 0 0;
    border: 0.5px solid #89827C;
    padding: 20px;
    background: linear-gradient(45deg, rgba(65, 59, 47, 0.09), rgba(137, 130, 124, 0.09));
  background-size: 200% 200%;
  
  animation: gradientShift 0.5s ease infinite;
}
.application img{
    filter: brightness(0) saturate(100%);
    width: 70px;
}
.application p{
    margin: 10px 0 0;
}
@keyframes gradientShift {
  0% {
    background-position: top left;
  }
  50% {
    background-position: bottom right;
  }
  100% {
    background-position: top left;
  }
}
/*413B2F rgba(65, 59, 47, 1)
89827C*/



.section-effect {
  position: relative;
  background: rgba(65,59,47,0.02); /* Base background (can be transparent or any other color) */
  overflow: hidden;
}

.section-effect::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(65,59,47,0.6) 0%, rgba(65,59,47,0) 70%);
  filter: blur(100px);
  z-index: 0;
}

.section-effect::after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: -50px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(65,59,47,0.5) 0%, rgba(65,59,47,0) 70%);
  filter: blur(120px);
  z-index: 0;
}

.section-effect > * {
  position: relative;
  z-index: 1; /* Content stays above effect */
}

.rms-type-img img{
    width: 100%;
}