.blog.layout-list .post.bg-on .slider-masonry.alignnone,
.description-under-image .post .alignnone,
.description-under-image .post .photoSlider,
.description-under-image .post .slider-masonry.alignnone,
.post .alignleft {
    margin-bottom: 20px
}


.photoSlider .ps-link:hover,
.photoSlider .video-icon:hover {
    background-color: rgba(0, 0, 0, .4);
    opacity: .7
}

.photoSlider .slider-post-caption {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: left
}

.photoSlider .slider-post-caption p {
    margin-bottom: 0
}

.photoSlider .slider-post-inner {
    position: absolute;
    bottom: 0;
    display: inline-block;
    padding: 5px 90px 15px 20px;
    margin: 0
}

.photoSlider .slider-post-inner * {
    color: #fff
}

.slider-masonry .owl-nav a,
.slider-masonry .psPlay,
.slider-simple .owl-nav a,
.slider-simple .psPlay {
    height: 32px;
    width: 32px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 100;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    transition: opacity .4s ease
}


.photoSlider-wrap .rightArrow:hover:before,
.rsShor-wrap .rsArrowRight.rsArrowDisabled .rsArrowIcn:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIGVuYWJsZS1iYWNrZ3JvdW5kPSduZXcgMCAwIDE2IDE2JyB4bWw6c3BhY2U9J3ByZXNlcnZlJz48cG9seWdvbiBmaWxsPSd3aGl0ZScgcG9pbnRzPSc5LjM0OSwyLjAzNSA4LjAxNiwzLjM2MyAxMS42NjEsNy4wMjIgMS4wMzEsNy4wMjIgMS4wMzEsOS4wMTYgMTEuNjYxLDkuMDE2IDguMDE2LDEyLjY3NCA5LjM0OSwxNC4wMDIgMTUuMzA5LDguMDIgJy8+PC9zdmc+)
}

.photoSlider-wrap .leftArrow:before,
.photoSlider-wrap .leftArrow:hover:before,
.rsShor .rsArrowLeft.rsArrowDisabled .rsArrowIcn:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIGVuYWJsZS1iYWNrZ3JvdW5kPSduZXcgMCAwIDE2IDE2JyB4bWw6c3BhY2U9J3ByZXNlcnZlJz48cG9seWdvbiBmaWxsPSd3aGl0ZScgcG9pbnRzPScwLjcxOSw4LjAyIDYuNjc5LDE0LjAwMiA4LjAxMiwxMi42NzQgNC4zNjYsOS4wMTYgMTQuOTk2LDkuMDE2IDE0Ljk5Niw3LjAyMiA0LjM2Niw3LjAyMiA4LjAxMiwzLjM2MyA2LjY3OSwyLjAzNSAnLz48L3N2Zz4=)
}

.gallery-carousel-shortcode .dt-owl-item,
.gallery-carousel-shortcode .dt-owl-item>div,
.gallery-carousel-shortcode .owl-stage {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.gallery-carousel-shortcode .post {
    -ms-align-content: center;
    align-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.slider-wrapper .blog-media {
    -ms-flex: 0 0 auto;
    display: block
}

.soc-ico {
    overflow: hidden
}

.dt-shortcode-soc-icons.soc-icons-center {
    text-align: center
}

.dt-shortcode-soc-icons.soc-icons-right {
    text-align: right
}

.dt-shortcode-icon .soc-icon,
.dt-shortcode-soc-icons .soc-icon,
.text-icon .soc-icon {
    position: relative;
    z-index: 2
}
.masthead {
    position: relative;
    z-index: 102;
    box-sizing: border-box;
}
.masthead .mega-menu-widgets .soc-ico a,
.soc-ico a {
    position: relative;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 2px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    text-decoration: none
}

.masthead .mega-menu-widgets .soc-ico a .soc-font-icon,
.soc-ico a .soc-font-icon {
    position: relative;
    z-index: 1;
}
.photoSlider .video-icon,
.rsPlayBtn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity .4s ease
}

.photoSlider .video-icon svg,
.rsPlayBtn svg {
    fill: #fff;
    width: 32px
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

.photo-scroller {
    position: relative;
    visibility: hidden;
    overflow: hidden;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    touch-action: pan-y
}

.photo-scroller.full-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    z-index: 999
}

.photo-scroller:-webkit-full-screen {
    width: 100%;
    height: 100%
}

.show-overlay .ts-centered:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../svg/mask.png)
}

.show-overlay .ts-centered.hide-slider-overlay:before {
    display: none
}

.ts-viewport {
    overflow: hidden;
    height: 0
}

.ts-viewport:not(.slider-masonry) {
    -webkit-transition: height 150ms;
    transition: height 150ms
}
.photo-scroller .ps-link {
    opacity: 0;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.ps-center-btn,
.rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 91px;
    height: 91px;
    margin: -45px 0 0 -45px
}

.ps-center-btn.BtnCenterer,
.rsBtnCenterer.with-link {
    width: 200px;
    margin: -45px 0 0 -100px
}

.photoSlider .ps-center-btn.BtnCenterer .ps-link,
.photoSlider .ps-center-btn.BtnCenterer .video-icon,
.rsBtnCenterer .rsPlayBtn {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0 5px
}

#page .photo-scroller .act .ps-link:hover,
#page .photo-scroller .photoSlider .video-icon:hover,
.rsPlayBtn:hover {
    background-color: rgba(0, 0, 0, .4);
    opacity: .7 !important
}

.slider-content.logo-items .dt-owl-item {
    text-align: center
}

.logo-items.owl-carousel img {
    max-width: 100%;
    height: auto
}

.albums-shortcode article:hover .gallery-rollover,
.albums-shortcode article:hover .rollover-thumbnails,
.gallery-shortcode article:hover .gallery-rollover,
.gallery-shortcode article:hover .rollover-thumbnails {
    opacity: 1
}

.albums-shortcode .rollover-thumbnails {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    display: inline-block;
    opacity: 1
}

.album-minuatures-style-1.albums-shortcode .rollover-thumbnails {
    width: 142px;
    height: 116px
}

.album-minuatures-style-2.albums-shortcode .rollover-thumbnails {
    width: 170px;
    height: 70px
}

.album-rollover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.album-rollover:hover {
    cursor: pointer
}

.bottom-overlap-layout-list .album-rollover,
.classic-layout-list .album-rollover,
.content-align-center .album-rollover,
.gradient-overlap-layout-list .album-rollover {
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.bottom-overlap-layout-list .album-rollover,
.classic-layout-list .album-rollover,
.gradient-overlap-layout-list .album-rollover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.gradient-overlay-layout-list:not(.content-align-center) .album-rollover {
    display: block
}

.album-rollover .mobile-true .bottom-overlap-layout-list article.is-clicked,
.album-rollover .mobile-true .classic-layout-list article.is-clicked,
.album-rollover .mobile-true .gradient-overlap-layout-list article.is-clicked,
.mobile-false .bottom-overlap-layout-list figure:hover .album-rollover,
.mobile-false .classic-layout-list figure:hover .album-rollover,
.mobile-false .gradient-overlap-layout-list article:hover .album-rollover {
    opacity: 1
}

.gradient-overlap-layout-list .album-rollover {
    height: calc(100% - 125px)
}

.content-rollover-layout-list .album-rollover,
.gradient-overlap-layout-list .album-rollover,
.gradient-overlay-layout-list .album-rollover {
    background: 0 0 !important
}

.albums-shortcode.gradient-overlap-layout-list .post-entry-content {
    width: 100%
}

.albums-shortcode .album-zoom-ico {
    border-style: solid;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.albums-shortcode .album-zoom-ico span {
    position: relative
}

.albums-shortcode figure {
    position: relative;
    overflow: hidden
}

.mobile-false .albums-shortcode figure:hover>.post-thumbnail-rollover:after {
    opacity: 1
}

.content-rollover-layout-list article:hover>.post-thumbnail-wrap .post-thumbnail-rollover:after,
.gradient-overlap-layout-list article:hover>.post-thumbnail-wrap .post-thumbnail-rollover:after,
.gradient-overlay-layout-list article:hover>.post-thumbnail-wrap .post-thumbnail-rollover:after {
    opacity: 1
}

.vertical-centering {
    top: 50%;
    transform: translateY(-50%)
}

.horizontal-centering {
    left: 50%;
    transform: translateX(-50%)
}

.centering-mixin {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.masthead:not(.side-header) {
    max-width: 100%
}

.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header) {
    position: absolute;
    width: 100%;
    z-index: 102
}

.masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) {
    box-sizing: border-box
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .masthead:not(.side-header):not(.mixed-header) {
        display: -ms-flexbox;
        -ms-flex-direction: column;
        -ms-align-content: space-between;
        align-content: space-between;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center
    }

    .masthead:not(.side-header):not(.mixed-header) .top-bar,
    .masthead:not(.side-header):not(.mixed-header) .header-bar,
    .masthead:not(.side-header):not(.mixed-header) .ph-wrap {
        width: 100%
    }

    .masthead .header-bar {
        box-sizing: border-box
    }

    .phantom-sticky.floating-navigation-below-slider .fixed-masthead.masthead:not(.sticky-on) {
        top: auto !important
    }
}

.masthead:not(.side-header) .header-bar {
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-align-content: stretch;
    align-content: stretch;
    -ms-flex-line-pack: stretch;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.masthead:not(.side-header) .main-nav {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.masthead:not(.side-header).full-height .main-nav {
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-align-content: stretch;
    align-content: stretch
}

.masthead:not(.side-header).full-height .header-bar .main-nav>li>a,
.masthead:not(.side-header) .header-bar .main-nav>li>a {
    display: flex;
    display: -ms-flexbox;
    display: -ms-flex;
    -ms-align-content: center;
    align-content: center;
    -ms-flex-line-pack: stretch
}

.masthead:not(.side-header).dividers.justify .main-nav>li {
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.masthead:not(.side-header).dividers .main-nav>li:not(.dt-mega-menu) {
    position: relative
}

.masthead:not(.side-header).dividers .main-nav>li:before,
.masthead:not(.side-header).dividers.surround .main-nav>li:last-child:after {
    content: "";
    position: absolute;
    left: -.5px;
    width: 0;
    border-right: solid 1px #ff0;
    height: 100%;
    max-height: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.masthead:not(.side-header).dividers .main-nav>li:first-child:before {
    display: none
}

.masthead:not(.side-header).dividers.surround .main-nav>li:first-child:before {
    display: block
}

.masthead:not(.side-header).dividers.surround .main-nav>li:last-child:after {
    left: auto;
    right: -.5px
}

.masthead:not(.side-header).full-height .main-nav>li>a {
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.masthead.inline-header:not(.widgets) .header-bar .mini-widgets {
    display: none
}


.masthead:not(.sub-downwards) .dt-mega-parent>.mega-menu-img-right_top,
.mobile-main-nav .mega-menu-img-right_top,
.masthead:not(.sub-downwards) .dt-mega-parent>.mega-menu-img-left_top,
.mobile-main-nav .mega-menu-img-left_top {
    -ms-align-content: flex-start;
    align-content: flex-start
}

.mobile-main-nav .mega-menu-img-right_top,
.mobile-main-nav .mega-menu-img-left_top {
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.mega-menu-img-right_top .menu-item-text,
.mega-menu-img-left_top .menu-item-text {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.masthead:not(.sub-downwards) .mega-menu-img-right_top .menu-item-text,
.masthead:not(.sub-downwards) .mega-menu-img-left_top .menu-item-text {
    -ms-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start
}

.masthead:not(.sub-downwards) .mega-menu-img-right_top .subtitle-text,
.masthead:not(.sub-downwards) .mega-menu-img-left_top .subtitle-text {
    -ms-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    width: 100%
}

.mega-menu-img-right,
.mega-menu-img-left {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.sub-nav li .mega-menu-img-top,
.sub-nav li .mega-menu-img-top img,
.sub-nav li .mega-menu-img-top_align_left,
.sub-nav li .mega-menu-img-top_align_left img {
    display: block
}

.sub-downwards.h-justify.h-center .sub-nav li .mega-menu-img-top_align_left img,
.sub-downwards.h-center .sub-nav li .mega-menu-img-top_align_left img {
    display: inline-block
}

.mobile-main-nav .mega-menu-img-top img,
.mobile-main-nav .mega-menu-img-top_align_left img {
    margin: 0 0 5px !important
}

.sub-nav li .mega-menu-img-top img {
    display: inline-block
}

.top-header .main-nav>li:not(.dt-mega-parent)>a.mega-menu-img-top,
.top-header .main-nav>li:not(.dt-mega-parent)>a.mega-menu-img-top_align_left {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.masthead:not(.sub-downwards) .main-nav>li:not(.dt-mega-parent)>a.mega-menu-img-top_align_left {
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.top-header .main-nav>li:not(.dt-mega-parent)>a.mega-menu-img-top .menu-text {
    text-align: center
}

.top-header .sub-nav>li:not(.dt-mega-parent)>a.mega-menu-img-top,
.top-header .sub-nav>li:not(.dt-mega-parent)>a.mega-menu-img-top_align_left {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.sub-nav>li:not(.dt-mega-parent)>a.mega-menu-img-right_top,
.sub-nav>li:not(.dt-mega-parent)>a.mega-menu-img-right {
    -ms-align-content: flex-start;
    align-content: flex-start
}

.masthead:not(.sub-downwards) .sub-nav>li>a.mega-menu-img-right_top .menu-item-text,
.dt-mobile-header .sub-nav>li>a.mega-menu-img-right_top .menu-item-text,
.masthead:not(.sub-downwards) .sub-nav>li>a.mega-menu-img-right .menu-item-text,
.dt-mobile-header .sub-nav>li>a.mega-menu-img-right .menu-item-text {
    width: 100%;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.masthead:not(.sub-downwards) .sub-nav>li:not(.dt-mega-parent)>a.mega-menu-img-top {
    text-align: center
}

.sub-downwards.h-center .sub-nav>li>a.mega-menu-img-top {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.mega-menu-widgets .slider-content {
    visibility: visible
}

.main-nav .dt-mega-menu .post-rollover i,
.main-nav .dt-mega-menu .rollover i {
    padding: 0
}

.sub-nav>li.dt-mega-parent>a:not(.not-clickable-item):hover {
    cursor: pointer
}

.top-header .dt-mega-menu-wrap .sub-nav-widgets>li:last-child .widget {
    padding-bottom: 0
}

.masthead:not(.sub-downwards) .main-nav .dt-mega-menu-wrap {
    background-color: #fff
}

.top-header .main-nav .dt-mega-menu-wrap,
.sub-sideways .main-nav .dt-mega-menu-wrap {
    padding: 20px 10px
}

.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {
    padding: 0 10px
}

.dt-mega-menu>.sub-nav>li:hover>a {
    background-color: transparent
}

.main-nav .sub-nav>li.dt-mega-parent:not(.empty-title)>a,
.sub-downwards .main-nav .sub-nav>li.dt-mega-parent.empty-title>a {
    padding: 9px 10px
}

.main-nav .sub-nav:first-child>li.dt-mega-parent.has-children:not(.has-widget)>a,
.main-nav .sub-nav:first-child>li.dt-mega-parent.has-children.has-widget>.sub-nav-widgets,
.sub-downwards .main-nav .sub-nav:first-child>li.dt-mega-parent.empty-title.has-children:not(.has-widget)>a,
.sub-downwards .main-nav .sub-nav:first-child>li.dt-mega-parent.empty-title.has-children.has-widget>.sub-nav-widgets {
    margin-bottom: 0
}

.sub-downwards .sub-nav>li.dt-mega-parent>.next-level-button {
    margin-top: 9px;
    margin-bottom: 9px
}

.main-nav>li>a>span>span.menu-subtitle {
    color: rgba(51, 51, 51, .4)
}

.sub-nav .menu-subtitle,
.sub-nav li.act>a:hover .menu-subtitle {
    color: rgba(51, 51, 51, .4);
    font-family: roboto, Helvetica, Arial, Verdana, sans-serif;
    font-size: 10px
}

.main-nav .sub-nav>li.dt-mega-parent>a .menu-text {
    font: 700 16px/22px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    color: #333
}

.main-nav .sub-nav>li.dt-mega-parent:not(.act):not(.wpml-ls-item)>a:not(.not-clickable-item):hover .menu-text {
    color: #1e73be;
    background: -webkit-linear-gradient(left, #1e73be 30%, #eeee22 99%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

@media all and (-ms-high-contrast:none) {
    .main-nav .sub-nav>li.dt-mega-parent:not(.act):not(.wpml-ls-item)>a:not(.not-clickable-item):hover .menu-text {
        color: #1e73be
    }
}

.main-nav .sub-nav>li.dt-mega-parent.current-menu-item>a .menu-text {
    color: #8224e3;
    background: -webkit-linear-gradient(left, #8224e3 30%, #eeee22 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

@media all and (-ms-high-contrast:none) {
    .main-nav .sub-nav>li.dt-mega-parent.current-menu-item>a .menu-text {
        color: #8224e3
    }
}

.main-nav .sub-nav>li.dt-mega-parent>a .subtitle-text {
    font: normal 10px/14px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    color: #333
}

.main-nav .sub-nav .mega-menu-img>i,
.main-nav .sub-nav .mega-menu-img>span>i,
.mobile-main-nav .sub-nav .mega-menu-img>i,
.mobile-main-nav .sub-nav .mega-menu-img>span>i {
    display: inline-block
}

.main-nav .dt-mega-menu .sub-nav .dt-mega-parent>a>i,
.main-nav .dt-mega-menu .sub-nav .dt-mega-parent>a>span i {
    font-size: 16px;
    color: #333
}

.main-nav .dt-mega-menu .sub-nav .dt-mega-parent:not(.current-menu-item)>a:not(.not-clickable-item):hover i {
    color: #1e73be
}

.main-nav .dt-mega-menu .sub-nav .dt-mega-parent.current-menu-item>a i {
    color: #8224e3
}

.sub-nav .menu-subtitle,
.sub-nav li.act>a:hover .menu-subtitle {
    color: rgba(51, 51, 51, .4)
}

.dt-mega-menu .sub-nav .dt-mega-parent>a {
    border-bottom-color: rgba(51, 51, 51, .1)
}

.top-header .main-nav .mega-auto-width>.dt-mega-menu-wrap,
.sub-sideways .main-nav .mega-auto-width>.dt-mega-menu-wrap {
    min-width: 260px
}

.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
    width: 260px
}

.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-1>.dt-mega-menu-wrap {
    width: 280px
}

.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-2>.dt-mega-menu-wrap {
    width: 540px
}

.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-3>.dt-mega-menu-wrap {
    width: 800px
}

.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-4>.dt-mega-menu-wrap {
    width: 1060px
}

.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-5>.dt-mega-menu-wrap {
    width: 1320px
}

.dt-mega-parent .sidebar-content .widget {
    border: none;
    margin-bottom: 0
}

.dt-mega-parent .sidebar-content .widget *,
.dt-mega-parent .sidebar-content .widget:not(.widget_icl_lang_sel_widget) a:not(:hover),
.dt-mega-parent .sidebar-content.solid-bg .widget:not(.widget_icl_lang_sel_widget) a:not(:hover) * {
    color: #333
}

.dt-mega-menu .dt-mega-parent .sidebar-content .widget .recent-posts a {
    color: #333
}

.dt-mega-parent .sidebar-content .widget-title,
.dt-mega-parent .sidebar-content .widget .team-author-name a:not(:hover) {
    color: #333
}

.dt-mega-parent .sidebar-content .widget a:not(.button):not(.dt-btn):hover,
.dt-mega-parent .sidebar-content .widget a:not(.button):not(.dt-btn):hover * {
    color: var(--the7-accent-color)
}

.mobile-main-nav>li .dt-mega-menu-wrap,
.mobile-main-nav>li .dt-mega-menu-wrap>.sub-nav .sub-nav {
    margin-bottom: 16px
}

.dt-mega-parent .sidebar-content .widget .soc-ico a:before {
    background-color: rgba(51, 51, 51, .15)
}

.mega-menu-widgets .soc-ico a:after {
    background-color: var(--the7-accent-color);
    box-shadow: none
}

.dt-mega-parent .sidebar-content .widget .soc-ico a:not(:hover) .soc-font-icon {
    color: #333
}

.dt-mega-parent .sidebar-content .widget .post-content .text-secondary {
    color: rgba(51, 51, 51, .5)
}

.dt-mega-parent .sidebar-content .widget .custom-categories a,
.dt-mega-parent .sidebar-content .widget .custom-categories a .item-name,
.dt-mega-parent .sidebar-content .widget .cat-item a,
.dt-mega-parent .sidebar-content .widget .widget_recent_comments a,
.dt-mega-parent .sidebar-content .widget .widget_tag_cloud a:hover {
    color: #333
}

.dt-mega-parent .sidebar-content .widget .custom-categories a span.item-num,
.dt-mega-parent .sidebar-content .widget .cat-item a span.item-num {
    color: rgba(51, 51, 51, .5)
}

.dt-mega-parent .sidebar-content .widget .menu .current-menu-parent>a,
.dt-mega-parent .sidebar-content .widget .menu .current-menu-item>a,
.dt-mega-parent .sidebar-content .widget .custom-nav>li>a:hover span,
.dt-mega-parent .sidebar-content .widget .custom-nav li.act>a span,
.dt-mega-parent .sidebar-content .widget .custom-nav>li>ul a:hover span,
.dt-mega-parent .sidebar-content .widget .st-accordion li>a:hover,
.dt-mega-parent .sidebar-content .widget .st-accordion>ul li>a:hover *,
.dt-mega-parent .sidebar-content .widget .widget .custom-categories a:hover span.item-name,
.dt-mega-parent .sidebar-content .widget .widget_categories li a:hover,
.dt-mega-parent .sidebar-content .widget .widget_meta a:hover,
.dt-mega-parent .sidebar-content .widget .blogroll a:hover,
.dt-mega-parent .sidebar-content .widget .widget_archive li a:hover,
.dt-mega-parent .sidebar-content .widget .widget_recent_entries a:hover,
.dt-mega-parent .sidebar-content .widget .widget_links a:hover,
.dt-mega-parent .sidebar-content .widget .widget_pages a:hover,
.dt-mega-parent .sidebar-content .widget .recent-posts a:not(.post-rollover):hover,
.dt-mega-parent .sidebar-content .widget .items-grid .post-content>a:hover,
.dt-mega-parent .sidebar-content .widget #wp-calendar td a:hover,
.dt-mega-parent .sidebar-content .widget .tagcloud a:hover,
.dt-mega-parent .sidebar-content .widget .widget_nav_menu a:hover,
.dt-mega-parent .sidebar-content .widget a.rsswidget:hover {
    color: var(--the7-accent-color)
}

.dt-mega-parent .sidebar-content .widget .custom-menu a:after {
    color: rgba(51, 51, 51, .5)
}

.dt-mega-parent .sidebar-content .widget .st-accordion li>a:before,
.dt-mega-parent .sidebar-content .widget .custom-menu a:before {
    background-color: rgba(51, 51, 51, .15)
}

.dt-mega-parent .sidebar-content .widget .st-accordion li>a:after {
    color: rgba(51, 51, 51, .5)
}

.main-nav li.dt-mega-menu .mega-menu-img>.the7-svg-image {
    width: 16px
}

.floating-content {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out
}

.project-wide-col {
    display: inline-block;
    vertical-align: top;
    width: 66.6667%;
    box-sizing: border-box
}

.project-wide-col.left-side {
    padding-right: 50px
}

.project-wide-col.right-side {
    padding-left: 50px
}

.project-narrow-col {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%
}

.mobile-false .wf-container.effect-layla:not(.jg-container) .rollover-project>a>img {
    position: absolute;
    left: 0;
    top: 50%;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px)
}

.filter-grayscale .wf-container.effect-layla:not(.jg-container) .rollover-project>a>img,
.filter-grayscale-static .wf-container.effect-layla:not(.jg-container) .rollover-project>a>img {
    top: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-layla .rollover-content {
    display: block;
    padding: 35px 45px;
    opacity: 1;
    text-align: center
}

.effect-layla .rollover-content:hover {
    padding: 35px 45px
}

.effect-layla .rollover-content:before,
.effect-layla .rollover-content:after {
    position: absolute;
    content: '';
    opacity: 0
}

.effect-layla .rollover-content:before {
    top: 25px;
    right: 15px;
    bottom: 25px;
    left: 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.effect-layla .rollover-content:after {
    top: 15px;
    right: 25px;
    bottom: 15px;
    left: 25px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.effect-layla .entry-title,
.effect-layla .links-container,
.effect-layla .rollover-thumbnails {
    -ms-transition: -ms-transform .35s;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.effect-layla:not(.always-show-info) .entry-title,
.effect-layla:not(.always-show-info) .links-container,
.effect-layla:not(.always-show-info) .rollover-thumbnails {
    opacity: 0;
    -ms-transition: -ms-transform .35s, opacity .35s;
    -webkit-transition: -webkit-transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s
}

.effect-layla p,
.effect-layla .entry-meta {
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
}

.effect-layla .entry-title,
.effect-layla .links-container,
.effect-layla .rollover-thumbnails {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.always-show-info.effect-layla .entry-title,
.always-show-info.effect-layla .links-container,
.always-show-info.effect-layla .rollover-thumbnails {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project>a>img {
    -webkit-transform: translate3d(-20px, -50%, 0);
    transform: translate3d(-20px, -50%, 0)
}

.effect-layla .rollover-project>a>img,
.effect-layla .rollover-content:before,
.effect-layla .rollover-content:after,
.effect-layla p,
.effect-layla .entry-meta {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.effect-layla .links-container,
.effect-layla .entry-meta {
    position: relative;
    z-index: 10
}

.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project:hover>a>img {
    -webkit-transform: translate3d(-20px, calc(-50% + 10px), 0);
    transform: translate3d(-20px, calc(-50% + 10px), 0)
}

.mobile-true .filter-grayscale .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked>a>img,
.mobile-true .filter-grayscale-static .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked>a>img,
.mobile-true .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked>a>img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mobile-false .effect-layla.hover-color-static .rollover-project:hover>a>img,
.mobile-true .effect-layla.hover-color-static .rollover-project.is-clicked>a>img {
    opacity: .3
}

.mobile-false .effect-layla .rollover-project:hover figcaption::before,
.mobile-true .effect-layla .rollover-project.is-clicked figcaption::before,
.mobile-false .effect-layla .rollover-project:hover figcaption::after,
.mobile-true .effect-layla .rollover-project.is-clicked figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mobile-false .effect-layla .rollover-project:hover .entry-title,
.mobile-true .effect-layla .rollover-project.is-clicked .entry-title,
.mobile-false .effect-layla .rollover-project:hover p,
.mobile-true .effect-layla .rollover-project.is-clicked p,
.mobile-false .effect-layla .rollover-project:hover .entry-meta,
.mobile-true .effect-layla .rollover-project.is-clicked .entry-meta,
.mobile-false .effect-layla .rollover-project:hover .links-container,
.mobile-true .effect-layla .rollover-project.is-clicked .links-container,
.mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails,
.mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-content:after,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-content:after,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-title,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-title,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .links-container,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .links-container,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails,
.mobile-false.mobile-false .effect-layla .rollover-project:hover p,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked p,
.mobile-false.mobile-false .effect-layla .rollover-project:hover a>img,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked a>img,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-meta,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-meta {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.effect-bubba .rollover-project>a>img {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.mobile-false .effect-bubba.hover-color-static .rollover-project:hover>a>img,
.mobile-true .effect-bubba.hover-color-static .rollover-project.is-clicked>a>img {
    opacity: .3
}

.effect-bubba .rollover-content {
    display: block;
    padding: 35px 45px;
    text-align: center;
    opacity: 1
}

.effect-bubba .rollover-content:before,
.effect-bubba .rollover-content:after {
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.effect-bubba .rollover-content:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.effect-bubba .rollover-content:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.effect-bubba:not(.always-show-info) .rollover-content .entry-title,
.effect-bubba:not(.always-show-info) .rollover-content .links-container,
.effect-bubba:not(.always-show-info) .rollover-content .rollover-thumbnails {
    opacity: 0;
    -webkit-transition: -webkit-transform .35s, opacity .35s;
    transition: transform .35s, opacity .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.effect-bubba .rollover-content p,
.effect-bubba .rollover-content .entry-meta {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.effect-bubba .links-container,
.effect-bubba .entry-meta {
    position: relative;
    z-index: 10
}

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:before,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:before,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:after,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-title,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-title,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .links-container,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .links-container,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-thumbnails,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-thumbnails,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover p,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked p,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-meta,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-meta {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mobile-false .wf-container.effect-sarah:not(.jg-container) .rollover-project>a>img {
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px)
}

.filter-grayscale .wf-container.effect-sarah:not(.jg-container) .rollover-project>a>img,
.filter-grayscale-static .wf-container.effect-sarah:not(.jg-container) .rollover-project>a>img {
    top: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-sarah .rollover-project>a>img {
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, -50%, 0);
    transform: translate3d(-10px, -50%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.jg-container.effect-sarah .rollover-project>a>img,
.slider-wrapper.effect-sarah .rollover-project>a>img,
.mobile-true .effect-sarah .rollover-project>a>img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slider-wrapper.effect-sarah .rollover-project>a>img {
    width: 100%
}

.mobile-false.mobile-false .effect-sarah.hover-color-static .rollover-project:hover>a>img,
.mobile-true.mobile-true .effect-sarah.hover-color-static .rollover-project.is-clicked>a>img {
    opacity: .3
}

.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project:hover>a>img,
.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked>a>img {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.effect-sarah .rollover-content {
    display: block;
    padding: 25px 40px;
    text-align: left;
    opacity: 1
}

.effect-sarah .rollover-content .links-container {
    text-align: left
}

.effect-sarah:not(.always-show-info) .rollover-content .entry-title,
.effect-sarah:not(.always-show-info) .rollover-content .links-container,
.effect-sarah:not(.always-show-info) .rollover-content .rollover-thumbnails {
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-sarah .rollover-content .entry-title {
    position: relative;
    overflow: hidden;
    padding: 0 0 15px;
    margin-bottom: 15px
}

.effect-sarah .rollover-content .entry-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title {
    opacity: 1
}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title:after,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title:after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover .links-container,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .links-container,
.mobile-false.mobile-false .effect-sarah .rollover-project:hover .rollover-thumbnails,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .rollover-thumbnails {
    opacity: 1
}

.effect-sarah .rollover-content p,
.effect-sarah .rollover-content .entry-meta {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mobile-false.mobile-false .effect-sarah .rollover-project:hover p,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked p,
.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-meta,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-meta {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-layla .links-container,
.effect-sarah .links-container,
.effect-bubba .links-container {
    width: 100%;
    height: 44px
}

.effect-layla .rollover-content,
.effect-sarah .rollover-content,
.effect-bubba .rollover-content {
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -ms-flex-line-pack: center
}

.effect-layla .rollover-content,
.effect-bubba .rollover-content {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.cs-style-3 .rollover-project .rollover-content {
    opacity: 1
}

.cs-style-3 .rollover-content {
    padding: 0
}

.cs-style-3.content-align-centre .rollover-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
    -ms-flex-line-pack: end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.cs-style-3 .rollover-project>a {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s
}

.mobile-false .cs-style-3 .rollover-project:hover>a {
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.hover-style-three .rollover-project>a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0
}

.mobile-false .hover-style-three .rollover-project:hover>a:after,
.mobile-true .hover-style-three .rollover-project.is-clicked>a:after {
    opacity: 1
}

.cs-style-3.content-align-left .rollover-content-container {
    position: absolute;
    bottom: 0
}

.cs-style-3 .rollover-content-container {
    width: 100%;
    padding: 15px 20px 5px;
    background-color: #1e1e1e
}

.mobile-false .cs-style-3 .rollover-content-container {
    -webkit-transition: -webkit-transform .4s, opacity .1s .3s;
    transition: transform .4s, opacity .1s .3s;
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.cs-style-3 .rollover-project:hover .rollover-content-container,
.mobile-false .cs-style-3 .dt-owl-item:hover .rollover-content-container,
.mobile-true .cs-style-3 .is-clicked .rollover-content-container,
.mobile-true .cs-style-3 .dt-owl-item .rollover-content-container {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-transition: -ms-transform .4s, opacity .1s;
    -webkit-transition: -webkit-transform .4s, opacity .1s;
    transition: transform .4s, opacity .1s
}

.mobile-true .cs-style-3 .is-clicked .rollover-content {
    display: block
}

.mobile-true .cs-style-3.content-align-centre .rollover-content {
    display: none
}

.cs-style-3.content-align-centre .rollover-content.is-clicked {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.cs-style-3 .rollover-thumbnails {
    opacity: 0;
    margin-bottom: 20px
}

.mobile-false .cs-style-3 .links-container {
    opacity: 0
}

.cs-style-3 .links-container {
    margin-bottom: 15px
}

.mobile-false .cs-style-3 .rollover-project:hover .links-container,
.mobile-false .cs-style-3 .rollover-project:hover .rollover-thumbnails,
.mobile-false .cs-style-3 .dt-owl-item:hover .links-container {
    opacity: 1
}

.mobile-false .cs-style-3 .links-container,
.cs-style-3 .rollover-project .rollover-thumbnails {
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.mobile-true .cs-style-3 .links-container {
    -webkit-transition: opacity .1s .3s;
    transition: opacity .1s .3s
}

.cs-style-3 .rollover-content * {
    color: #fff !important
}

.accent-gradient .cs-style-3 .rollover-content .entry-title a {
    -webkit-backface-visibility: hidden;
    background-image: none
}

.hover-style-one .rollover-content,
.accent-gradient .hover-style-one .rollover-content {
    background: rgba(0, 0, 0, .6);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), rgba(0, 0, 0, .1) 50%, color-stop(100%, rgba(0, 0, 0, .6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .6) 100%);
    background-color: transparent !important;
    color: #fff
}

.hover-style-one .rollover-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-align-centre.hover-style-one .rollover-content {
    -webkit-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
    -ms-flex-line-pack: end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.content-align-left.hover-style-one .rollover-content {
    -webkit-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
    -ms-flex-line-pack: end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.hover-style-one .rollover-project>a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, .2);
    opacity: 0
}

.mobile-false .hover-style-one .rollover-project:hover>a:after {
    opacity: 1
}

.hover-style-one .rollover-content-container {
    margin-top: 10px;
    width: 100%
}

.hover-style-one.always-show-info .links-container,
.hover-style-one.always-show-info .rollover-thumbnails {
    opacity: 0
}

.hover-style-one.always-show-info .rollover-project:hover .links-container,
.hover-style-one.always-show-info .rollover-project:hover .rollover-thumbnails {
    opacity: 1
}

.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content.is-clicked {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hover-style-two .rollover-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content-align-bottom.hover-style-two .rollover-content {
    -webkit-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
    -ms-flex-line-pack: end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.content-align-centre.hover-style-two .rollover-content {
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -ms-flex-line-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-align-left-bottom.hover-style-two .rollover-content {
    -webkit-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
    -ms-flex-line-pack: end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-align: end
}

.content-align-left-top.hover-style-two .rollover-content {
    -webkit-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.hover-style-two .rollover-content-container {
    margin-top: 10px;
    width: 100%
}

.buttons-on-img {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
    text-align: center
}

.bg-on .buttons-on-img {
    margin: 0
}

.layout-list .buttons-on-img {
    margin: 0 30px 25px 0
}

.layout-list .project-even .buttons-on-img {
    margin: 0 0 25px 30px
}

.layout-list .media-wide .buttons-on-img {
    margin-right: 0;
    margin-left: 0
}

.buttons-on-img>p,
.post .buttons-on-img .alignnone,
.description-under-image .post .buttons-on-img .alignnone,
.description-under-image .post .buttons-on-img .slider-masonry {
    margin-bottom: 0
}

.post .buttons-on-img .alignleft {
    margin: 0
}

.buttons-on-img>.rollover-content {
    padding: 0
}

.mobile-true .buttons-on-img>.rollover-content {
    display: block
}

.accent-bg-mixin {
    color: #fff;
    background-color: #36d2d3
}

.accent-gradient .accent-bg-mixin {
    background: #36d2d3;
    background: -webkit-linear-gradient();
    background: linear-gradient()
}

.solid-bg-mixin {
    background-color: rgba(0, 0, 0, .04)
}

.header-color {
    color: #333
}

.dt-mega-parent .sidebar-content .widget .header-color {
    color: #333
}

#main .sidebar-content .header-color {
    color: #333
}

.footer .header-color {
    color: #eee
}

.color-base-transparent {
    color: #adafb3
}

.sidebar-content .color-base-transparent {
    color: rgba(139, 141, 148, .5)
}

.footer .color-base-transparent {
    color: rgba(139, 141, 148, .5)
}

.outline-element-decoration .outline-decoration {
    -webkit-box-shadow: inset 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px transparent
}

.shadow-element-decoration .shadow-decoration {
    -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .1)
}

.testimonial-item:not(.testimonial-item-slider),
.testimonial-item .ts-viewport,
.bg-on.team-container,
.dt-team-shortcode.content-bg-on .team-container {
    background-color: rgba(0, 0, 0, .04)
}

.outline-element-decoration .testimonial-item:not(.testimonial-item-slider),
.outline-element-decoration .testimonial-item .ts-viewport,
.outline-element-decoration .bg-on.team-container,
.outline-element-decoration .dt-team-shortcode.content-bg-on .team-container {
    -webkit-box-shadow: inset 0 0 0 1px transparent;
    box-shadow: inset 0 0 0 1px transparent
}

.shadow-element-decoration .testimonial-item:not(.testimonial-item-slider),
.shadow-element-decoration .testimonial-item .ts-viewport,
.shadow-element-decoration .bg-on.team-container,
.shadow-element-decoration .dt-team-shortcode.content-bg-on .team-container {
    -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .1)
}

.dt-team-shortcode .team-content {
    font-size: 15px;
    line-height: 1.5em
}

.testimonial-item .testimonial-vcard .text-secondary,
.testimonial-item .testimonial-vcard .text-primary,
.testimonial-item .testimonial-vcard .text-primary * {
    color: #333
}

.sidebar-content .testimonial-item .testimonial-vcard .text-secondary,
.sidebar-content .testimonial-item .testimonial-vcard .text-primary,
.sidebar-content .testimonial-item .testimonial-vcard .text-primary * {
    color: #333
}

.footer .testimonial-item .testimonial-vcard .text-secondary,
.footer .testimonial-item .testimonial-vcard .text-primary,
.footer .testimonial-item .testimonial-vcard .text-primary * {
    color: #eee
}

.testimonial-item .testimonial-vcard a.text-primary:hover,
.testimonial-item .testimonial-vcard a.text-primary:hover * {
    text-decoration: underline
}

.team-author p {
    color: #333;
    font: 700/"Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none
}

.dt-team-shortcode .team-author p {
    font: /1.6em "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: #36d2d3
}

.accent-gradient .dt-team-shortcode .team-author p {
    background: -webkit-linear-gradient();
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

@media all and (-ms-high-contrast:none) {
    .accent-gradient .dt-team-shortcode .team-author p {
        color: #36d2d3
    }
}

.dt-mega-parent .sidebar-content .widget .team-author p {
    font: 15px/1.4em "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: rgba(51, 51, 51, .5)
}

.sidebar-content .team-author p {
    font: 15px/1.4em "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: rgba(139, 141, 148, .5)
}

.footer .team-author p {
    font: 15px/1.4em "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: rgba(139, 141, 148, .5)
}

.testimonial-vcard .text-secondary {
    color: #333;
    line-height: 1.4em;
    font-weight: 700
}

.dt-mega-parent .sidebar-content .widget .testimonial-vcard .text-secondary {
    color: #333
}

#main .sidebar-content .testimonial-vcard .text-secondary {
    color: #333
}

.footer .testimonial-vcard .text-secondary {
    color: #eee
}

#main .sidebar-content .widget .testimonial-vcard .text-secondary {
    color: rgba(139, 141, 148, .5)
}

.dt-testimonials-shortcode .testimonial-vcard .text-secondary {
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 400;
    color: #36d2d3
}

.accent-gradient .dt-testimonials-shortcode .testimonial-vcard .text-secondary {
    background: -webkit-linear-gradient();
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

@media all and (-ms-high-contrast:none) {
    .accent-gradient .dt-testimonials-shortcode .testimonial-vcard .text-secondary {
        color: #36d2d3
    }
}

.dt-testimonials-shortcode .more-link {
    color: #36d2d3
}

.testimonial-vcard .text-primary {
    color: #333;
    line-height: 1.5em;
    font-weight: 700
}

.dt-mega-parent .sidebar-content .widget .testimonial-vcard .text-primary {
    color: #333
}

#main .sidebar-content .testimonial-vcard .text-primary {
    color: #333
}

.footer .testimonial-vcard .text-primary {
    color: #eee
}

.testimonial-vcard .text-primary * {
    color: #333
}

.dt-mega-parent .sidebar-content .widget .testimonial-vcard .text-primary * {
    color: #333
}

#main .sidebar-content .testimonial-vcard .text-primary * {
    color: #333
}

.footer .testimonial-vcard .text-primary * {
    color: #eee
}

.dt-testimonials-shortcode .testimonial-vcard .text-primary {
    font: normal normal/"Roboto", Helvetica, Arial, Verdana, sans-serif
}

.team-author-name,
.team-author-name a {
    color: #333;
    font: normal normal/"Roboto", Helvetica, Arial, Verdana, sans-serif
}

.content .team-author-name a:hover {
    color: #36d2d3
}

.accent-gradient .content .team-author-name a:hover {
    background: -webkit-linear-gradient();
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

@media all and (-ms-high-contrast:none) {
    .accent-gradient .content .team-author-name a:hover {
        color: #36d2d3
    }
}

.widget .team-author-name,
.widget .team-author-name a {
    font: 700/"Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: #333
}

.dt-mega-parent .sidebar-content .widget .widget .team-author-name,
.dt-mega-parent .sidebar-content .widget .widget .team-author-name a {
    color: #333
}

#main .sidebar-content .widget .team-author-name,
#main .sidebar-content .widget .team-author-name a {
    color: #333
}

.footer .widget .team-author-name,
.footer .widget .team-author-name a {
    color: #eee
}

.team-author-name,
.team-author-name a {
    color: #333
}

.dt-mega-parent .sidebar-content .widget .team-author-name,
.dt-mega-parent .sidebar-content .widget .team-author-name a {
    color: #333
}

#main .sidebar-content .team-author-name,
#main .sidebar-content .team-author-name a {
    color: #333
}

.footer .team-author-name,
.footer .team-author-name a {
    color: #eee
}

.rsTitle {
    font: 700/"Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none
}

.rsDesc {
    font: 700/"Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none
}

@media screen and (max-width:1200px) {
    .rsTitle {
        font: 700/"Roboto", Helvetica, Arial, Verdana, sans-serif
    }

    .rsDesc {
        font: 700/"Roboto", Helvetica, Arial, Verdana, sans-serif
    }
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

.photo-scroller {
    position: relative;
    visibility: hidden;
    overflow: hidden;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    touch-action: pan-y
}

.photo-scroller.full-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100%;
    z-index: 999
}

.photo-scroller:-webkit-full-screen {
    width: 100%;
    height: 100%
}

.show-overlay .ts-centered:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../svg/mask.png)
}

.show-overlay .ts-centered.hide-slider-overlay:before {
    display: none
}

.ts-viewport {
    overflow: hidden;
    height: 0
}

.ts-viewport:not(.slider-masonry) {
    -webkit-transition: height 150ms;
    transition: height 150ms
}

.photo-scroller .ts-viewport {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: height 350ms;
    transition: height 350ms
}

.photo-scroller .ts-ready .ts-viewport {
    position: static
}

.photo-scroller .ts-wrap.ts-centered .ts-viewport {
    width: 0;
    overflow: visible
}

.ts-viewport>ul {
    visibility: hidden
}

.mobile-true .slider-wrapper:not(.enable-mobile-arrows) .ts-viewport>ul {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.ts-wrap {
    position: relative;
    display: block;
    overflow: hidden
}

.content .ts-cont,
.ts-cont {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.ts-cell {
    position: absolute;
    top: 0;
    display: block
}

.ts-slide {
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    top: 0;
    overflow: hidden;
    text-align: center
}

.slider-content .ts-slide {
    width: 100%;
    text-align: left
}

.ts-cell>img {
    max-width: 100%
}

.photo-scroller .ts-cell,
.photo-scroller .ts-slide {
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    top: 0;
    overflow: hidden;
    text-align: center
}

.photo-scroller .ts-slide {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.photo-scroller .ts-autoHeight .ts-slide {
    height: auto
}

.photo-scroller .ts-slide-img {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.rtl .photo-scroller .ts-slide-img {
    left: auto;
    right: -50%
}

#page .photo-scroller .act .ps-link,
#page .photo-scroller .act .video-icon,
#page .photo-scroller .ts-cell.act .album-content-description,
#page .photo-scroller .ts-cell.act .ts-slide-img,
#page .photo-scroller .ts-slide.act .ts-slide-img {
    opacity: 1 !important
}

.photo-scroller .ts-cell .ts-slide-img {
    position: relative;
    -webkit-backface-visibility: hidden
}

.photo-scroller .ts-cell .ts-slide-img>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.photo-scroller .ts-cell img,
.photo-scroller .ts-slide img {
    opacity: 0;
    -webkit-transition: opacity 1.35s;
    transition: opacity 1.35s
}

.photo-scroller .ts-cell>img,
.photo-scroller .ts-slide>img {
    max-width: 100%;
    max-height: 100%;
    height: auto
}

.photo-scroller .ts-cell.ts-loaded img,
.photo-scroller .ts-slide.ts-loaded img {
    opacity: 1
}

.ts-ls-fit .ts-wide.ts-ls img {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 50%
}

.ts-ls-fit .ts-narrow.ts-ls img {
    width: 50%;
    max-width: 50%;
    height: auto;
    max-height: none
}

.ts-pt-fit .ts-wide.ts-pt img {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 50%
}

.ts-pt-fill .ts-wide.ts-pt img,
.ts-pt-fit .ts-narrow.ts-pt img {
    width: 50%;
    max-width: 50%;
    height: auto;
    max-height: none
}

.ts-pt-fill .ts-narrow.ts-pt img {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 50%
}

.ts-ls-fill .ts-wide.ts-ls img {
    width: 50%;
    max-width: 50%;
    height: auto;
    max-height: none
}

.ts-collapsed.ts-ls-mob-fit .ts-wide.ts-ls img,
.ts-ls-fill .ts-narrow.ts-ls img {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 50%
}

.ts-collapsed.ts-ls-mob-fit .ts-narrow.ts-ls img {
    width: 50%;
    max-width: 50%;
    height: auto;
    max-height: none
}

.ts-collapsed.ts-pt-mob-fit .ts-wide.ts-pt img {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 50%
}

.ts-collapsed.ts-pt-mob-fill .ts-wide.ts-pt img,
.ts-collapsed.ts-pt-mob-fit .ts-narrow.ts-pt img {
    width: 50%;
    max-width: 50%;
    height: auto;
    max-height: none
}

.ts-collapsed.ts-pt-mob-fill .ts-narrow.ts-pt img {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 50%
}

.ts-collapsed.ts-ls-mob-fill .ts-wide.ts-ls img {
    width: 50%;
    max-width: 50%;
    height: auto;
    max-height: none
}

.ts-collapsed.ts-ls-mob-fill .ts-narrow.ts-ls img {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 50%
}

.photo-scroller .ts-slide figcaption {
    visibility: hidden
}

/*!Scroller navigation*/
.btn-cntr,
.photo-scroller .scroller-thumbnails,
.photo-scroller .slide-caption,
.project-navigation {
    position: absolute;
    z-index: 99
}

.btn-cntr,
.photo-scroller .scroller-thumbnails,
.photo-scroller .slide-caption {
    transition: bottom .5s ease, opacity .5s ease
}

#page .photo-scroller .album-content-btn>a:hover,
.btn-cntr a,
.photo-scroller .album-content-btn>a,
.photo-scroller .scroller-thumbnails,
.project-navigation {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.mobile-false .btn-cntr a:hover,
.mobile-false .project-navigation a:hover {
    opacity: .7
}

.slider-post-caption .album-content-btn a:hover {
    opacity: 1
}

.btn-cntr {
    position: absolute;
    display: flex;
    z-index: 100;
    right: 10px;
    bottom: 100px
}

.photo-scroller.disable-thumbs:not([class*=the7_photo-scroller]) .btn-cntr,
.photo-scroller.hide-thumbs:not([class*=the7_photo-scroller]) .btn-cntr {
    bottom: 5px !important
}

.btn-cntr a {
    display: inline-flex;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    margin: 0 0 5px 5px;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.elementor-widget-the7_photo-scroller .btn-cntr a {
    margin: 0 0 0 var(--btn-space, 5px)
}

.btn-cntr a svg {
    width: 20px;
    fill: #fff;
    color: #fff
}

.btn-cntr a:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff
}

.btn-cntr .hide-thumb-btn.act:before {
    -webkit-mask: url(../svg/arrow-bar-show.svg);
    mask-image: url(../svg/arrow-bar-show.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size, 18px);
    mask-size: var(--icon-size, 18px)
}

.btn-cntr .hide-thumb-btn:before {
    -webkit-mask: url(../svg/arrow-bar-hide.svg);
    mask-image: url(../svg/arrow-bar-hide.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size, 18px);
    mask-size: var(--icon-size, 18px)
}

.btn-cntr .full-screen-btn:before {
    -webkit-mask: url(../svg/fullscreen.svg);
    mask-image: url(../svg/fullscreen.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size, 18px);
    mask-size: var(--icon-size, 18px)
}

.btn-cntr .full-screen-btn.act:before {
    -webkit-mask: url(../svg/fullscreen-exit.svg);
    mask-image: url(../svg/fullscreen-exit.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size, 18px);
    mask-size: var(--icon-size, 18px)
}

.btn-cntr .auto-play-btn:before {
    -webkit-mask: url(../svg/scroller-play.svg);
    mask-image: url(../svg/scroller-play.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size, 18px);
    mask-size: var(--icon-size, 18px)
}

.btn-cntr .auto-play-btn.paused:before {
    -webkit-mask: url(../svg/scroller-pause.svg);
    mask-image: url(../svg/scroller-pause.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size, 18px);
    mask-size: var(--icon-size, 18px)
}

.scroller-thumbnails {
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    opacity: 1;
    visibility: visible
}

.photo-scroller.disable-thumbs .hide-thumb-btn,
.photo-scroller.disable-thumbs .scroller-thumbnails {
    display: none
}

.photo-scroller.hide-thumbs .scroller-thumbnails {
    bottom: -100px;
    animation: opacity-thumb .7s ease 0s 1 normal both
}

@keyframes opacity-thumb {
    0% {
        opacity: 1;
        visibility: visible
    }

    30% {
        opacity: 0;
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.photo-scroller .scroller-thumbnails .ts-cell {
    border-left: var(--thumb-space, 3px) solid transparent;
    border-right: var(--thumb-space, 2px) solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.photo-scroller .scroller-thumbnails .ts-thumb-img {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.photo-scroller .scroller-thumbnails .ts-cell:not(.act) .ts-thumb-img:hover {
    cursor: pointer
}

.photo-scroller .scroller-thumbnails .ts-thumb-img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.photo-scroller .scroller-thumbnails .ts-thumb-img svg {
    display: none
}

.photo-scroller .scroller-thumbnails .act .ts-thumb-img svg {
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    left: 50%;
    width: 16px;
    height: auto;
    display: block;
    fill: #fff;
    z-index: 10
}

.photo-scroller .scroller-thumbnails .act .ts-thumb-img:after,
.photo-scroller .scroller-thumbnails .act .ts-thumb-img:before,
.photo-scroller .scroller-thumbnails .ts-thumb-img:hover:after {
    opacity: 1
}

.photo-scroller.proportional-thumbs .scroller-thumbnails .ts-cell .ts-thumb-img>img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.project-navigation {
    top: 10px;
    right: 10px;
    height: 36px;
    padding: 6px 5px 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.project-post .project-navigation {
    overflow: hidden
}

.full-screen .project-navigation {
    display: none
}

.project-navigation * {
    color: #fff
}

.project-navigation span {
    float: left;
    padding: 0 5px
}

.project-navigation a {
    float: left;
    width: 12px;
    height: 12px;
    padding: 5px;
    margin: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.project-navigation a:before {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    content: ""
}

.project-navigation a.back-to-list {
    margin: 0 10px
}

.project-navigation a.back-to-list:before {
    -webkit-mask: url(../svg/the7-grid-3x3-gap-fill.svg);
    mask-image: url(../svg/the7-grid-3x3-gap-fill.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: right center;
    mask-position: right center
}

.photo-scroller .slide-caption {
    z-index: 100;
    bottom: 130px;
    left: 10px;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.photo-scroller.disable-thumbs .slide-caption {
    bottom: 5px !important
}

.hide-thumbs.photo-scroller .slide-caption,
.photo-scroller.disable-thumbs .slide-caption {
    bottom: 30px
}

.photo-scroller .slide-caption * {
    color: #fff
}

.photo-scroller figcaption {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.photo-scroller .slide-caption figcaption.actCaption {
    opacity: 1;
    visibility: visible
}

.photo-scroller .album-content-btn {
    position: absolute;
    left: 0;
    bottom: 0
}

.album-content-description {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -200px;
    width: 400px;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .5)
}

.photo-scroller .slide-caption h4 {
    margin-bottom: 0
}

.fullscreen-off .full-screen-btn {
    display: none
}

.btn-cntr a>:nth-child(1),
.fullscreen-on .full-screen-btn {
    display: block
}

.btn-cntr a>:nth-child(2) {
    display: none
}

.btn-cntr .act>:nth-child(2),
.btn-cntr .paused>:nth-child(2) {
    display: block
}

.btn-cntr .act>:nth-child(1),
.btn-cntr .paused>:nth-child(1) {
    display: none
}

.project-navigation .prev-post:before {
    -webkit-mask: url(../svg/the7-chevron-left.svg);
    mask-image: url(../svg/the7-chevron-left.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: right center;
    mask-position: right center
}

.project-navigation .next-post:before {
    -webkit-mask: url(../svg/the7-chevron-right.svg);
    mask-image: url(../svg/the7-chevron-right.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: right center;
    mask-position: right center;
    margin-right: -3px
}

.photo-scroller .btn-project-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB3aWR0aD0nMTZweCcgaGVpZ2h0PScxNnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIGVuYWJsZS1iYWNrZ3JvdW5kPSduZXcgMCAwIDE2IDE2JyB4bWw6c3BhY2U9J3ByZXNlcnZlJz48cGF0aCBmaWxsPSd3aGl0ZScgZD0nTTExLjc5NywzLjEwNmMwLjU1MiwwLjU1MywwLjU1MiwxLjQ1MywwLDIuMDA0bC01LjA3LDUuMDc0YzAuOTQ1LDAuMjQ5LDEuOTkxLDAuMDE2LDIuNzMtMC43MjVsMy4zNDQtMy4zNDVjMS4xMDktMS4xMDgsMS4xMDktMi45MDQsMC00LjAxMkwxMi4wNDksMS4zNWMtMS4xMDktMS4xMDctMi45MDQtMS4xMDctNC4wMTIsMEw0LjY5Miw0LjY5M0MzLjk1Miw1LjQzMywzLjcxOSw2LjQ3OSwzLjk3LDcuNDI0bDUuMDcxLTUuMDcxYzAuNTUzLTAuNTUzLDEuNDUyLTAuNTUzLDIuMDA1LDBMMTEuNzk3LDMuMTA2eiBNMTEuMzA3LDExLjMwOWMwLjc0MS0wLjc0MiwwLjk3NC0xLjc4OSwwLjcyNC0yLjczM2wtNS4wNjksNS4wNzNjLTAuNTU0LDAuNTUzLTEuNDUzLDAuNTUzLTIuMDA0LDBsLTAuNzU0LTAuNzUzCWMtMC41NTMtMC41NTItMC41NTMtMS40NTIsMC0yLjAwOGw1LjA3Mi01LjA2OWMtMC45NDYtMC4yNS0xLjk5Mi0wLjAxNy0yLjczMSwwLjcyNEwzLjE5OCw5Ljg4NGMtMS4xMDcsMS4xMDktMS4xMDcsMi45MDQsMCw0LjAxM2wwLjc1MiwwLjc1M2MxLjEwOCwxLjEwOCwyLjkwNCwxLjEwOCw0LjAxMiwwTDExLjMwNywxMS4zMDl6Jy8+PC9zdmc+)
}

/*!Prev-Next Navigation*/
.scroller-arrow {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    top: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin-top: -25px
}

.scroller-arrow.prev {
    left: 10px
}

.scroller-arrow.next {
    right: 10px
}

.scroller-arrow i {
    position: absolute;
    top: 40%;
    left: 0;
    width: 38px;
    height: 3px;
    -webkit-border-radius: 2.5px;
    border-radius: 2.5px;
    background: #fff;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

.scroller-arrow.prev i {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.scroller-arrow.prev i:first-child {
    -webkit-transform: translate(0, -1px) rotate(43deg);
    transform: translate(0, -1px) rotate(43deg)
}

.scroller-arrow.next i:first-child,
.scroller-arrow.prev i:last-child {
    -webkit-transform: translate(0, 1px) rotate(-43deg);
    transform: translate(0, 1px) rotate(-43deg)
}

.scroller-arrow.prev:hover i:first-child {
    -webkit-transform: translate(0, -1px) rotate(33deg);
    transform: translate(0, -1px) rotate(33deg)
}

.scroller-arrow.prev:hover i:last-child {
    -webkit-transform: translate(0, 1px) rotate(-33deg);
    transform: translate(0, 1px) rotate(-33deg)
}

.scroller-arrow.prev.disabled i:first-child,
.scroller-arrow.prev.disabled i:last-child,
.scroller-arrow.prev.disabled:hover i:first-child,
.scroller-arrow.prev.disabled:hover i:last-child {
    -webkit-transform: translate(-5px, 0) rotate(0deg);
    transform: translate(-5px, 0) rotate(0deg)
}

.scroller-arrow.next i {
    left: auto;
    right: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.scroller-arrow.next i:first-child {
    -webkit-transform: translate(0, 1px) rotate(43deg);
    transform: translate(0, 1px) rotate(43deg)
}

.scroller-arrow.next i:last-child {
    -webkit-transform: translate(0, -1px) rotate(-43deg);
    transform: translate(0, -1px) rotate(-43deg)
}

.scroller-arrow.next:hover i:first-child {
    -webkit-transform: translate(0, 1px) rotate(33deg);
    transform: translate(0, 1px) rotate(33deg)
}

.scroller-arrow.next:hover i:last-child {
    -webkit-transform: translate(0, -1px) rotate(-33deg);
    transform: translate(0, -1px) rotate(-33deg)
}

.scroller-arrow.next.disabled i:first-child,
.scroller-arrow.next.disabled i:last-child,
.scroller-arrow.next.disabled:hover i:first-child,
.scroller-arrow.next.disabled:hover i:last-child {
    -webkit-transform: translate(5px, 0) rotate(0deg);
    transform: translate(5px, 0) rotate(0deg)
}

.scroller-arrow.disabled {
    opacity: 0;
    cursor: default
}

#main-slideshow.fixed>.ts-wrap {
    margin: 0 auto
}

.portholeSlider-wrap {
    background: #262626
}

.portholeSlider-wrap .ts-slide {
    width: 100%;
    height: 100%;
    text-align: left
}

.portholeSlider-wrap .rsCapt {
    position: absolute;
    top: auto;
    bottom: 45px;
    text-align: center;
    width: 100%;
    padding: 0 140px;
    z-index: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.portholeSlider-wrap .rsTitle {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    vertical-align: middle;
    -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5)
}

.portholeSlider-wrap .rsDesc {
    display: block;
    margin: 10px auto 0;
    color: #fff;
    vertical-align: middle;
    -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5)
}

.portholeSlider-wrap .rsCLink,
.ps-link,
.royalSlider .rsCLink {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
    background-color: rgba(0, 0, 0, .4);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHg9JzBweCcgeT0nMHB4JyB3aWR0aD0nMzJweCcgaGVpZ2h0PSczMnB4JyB2aWV3Qm94PScwIDAgMTYgMTYnIGVuYWJsZS1iYWNrZ3JvdW5kPSduZXcgMCAwIDE2IDE2JyBmaWxsPSd3aGl0ZScgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PHBvbHlnb24gcG9pbnRzPScxNCwxNCAyLDE0IDIsMiA1LjAxMSwyIDUuMDExLDAgMiwwIDAuMDExLDAgMCwwIDAsMTQgMCwxNiAyLDE2IDE2LDE2IDE2LDE1Ljk4OSAxNiwxNCAxNiwxMC45ODkgMTQsMTAuOTg5ICcvPjxwb2x5Z29uIHBvaW50cz0nMTQsLTAuMDE5IDE0LDAgOC45OTMsMCA4Ljk5MywyIDEyLjYzNywyIDYuNSw4LjEzNyA3Ljg2Myw5LjUgMTQsMy4zNjQgMTQsNi45ODEgMTYsNi45ODEgMTYsLTAuMDE5ICcvPjwvc3ZnPg==)
}

.portholeSlider-wrap .rsCLink:hover,
.royalSlider .rsCLink:hover {
    background-color: rgba(0, 0, 0, .4);
    opacity: .7
}

.rsHomePorthole .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px
}

.portholeSlider-wrap .rsBtnCenterer.with-link,
.royalSlider .rsBtnCenterer.with-link {
    margin: -40px 0 0 -90px
}

.portholeSlider-wrap .with-link .rsCLink,
.portholeSlider-wrap .with-link .rsPlayBtn,
.royalSlider .with-link .rsCLink,
.royalSlider .with-link .rsPlayBtn {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0 5px
}