@charset "utf-8";@media screen and (min-width: 1051px) {
    #page {
        display:-ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: "header" "slider" "title" "fancyheader" "checkout" "main" "footer"
    }

    .floating-navigation-below-slider #page {
        grid-template-areas: "slider" "header" "title" "fancyheader" "main" "footer"
    }

    .footer-overlap #page {
        grid-template-areas: "header" "page-inner" "slider" "title" "fancyheader" "checkout" "main" "footer"
    }

    .header-side-left:not(.sticky-header):not(.hidden-header) #page,.header-side-line.left-side-line:not(.hidden-header) #page {
        grid-template-areas: "header-side slider" "header-side title" "header-side fancyheader" "header-side checkout" "header-side main" "header-side footer"
    }

    .footer-overlap.header-side-left:not(.sticky-header):not(.hidden-header) #page,.footer-overlap.header-side-line.left-side-line:not(.hidden-header) #page {
        grid-template-areas: "header-side page-inner" "header-side footer"
    }

    .header-side-right:not(.sticky-header):not(.hidden-header) #page,.header-side-line.right-side-line:not(.hidden-header) #page {
        grid-template-areas: "slider header-side" "title header-side" "fancyheader header-side" "checkout header-side" "main header-side" "footer header-side"
    }

    .footer-overlap.header-side-right:not(.sticky-header):not(.hidden-header) #page,.footer-overlap.header-side-line.right-side-line:not(.hidden-header) #page {
        grid-template-areas: "page-inner header-side" "footer header-side"
    }

    .header-side-left:not(.sticky-header):not(.hidden-header) #page {
        -ms-grid-columns: 300px calc(100% - 300px);
        grid-template-columns: 300px calc(100% - 300px)
    }

    .rtl.header-side-left:not(.sticky-header):not(.hidden-header) #page {
        -ms-grid-columns: calc(100% - 300px) 300px;
        grid-template-columns: calc(100% - 300px) 300px
    }

    .header-side-right:not(.sticky-header):not(.hidden-header) #page {
        -ms-grid-columns: calc(100% - 300px) 300px;
        grid-template-columns: calc(100% - 300px) 300px
    }

    .rtl.header-side-right:not(.sticky-header):not(.hidden-header) #page {
        -ms-grid-columns: 300px calc(100% - 300px);
        grid-template-columns: 300px calc(100% - 300px)
    }

    .header-side-line.left-side-line:not(.hidden-header) #page {
        -ms-grid-columns: 60px calc(100% - 60px);
        grid-template-columns: 60px calc(100% - 60px)
    }

    .rtl.header-side-line.left-side-line:not(.hidden-header) #page {
        -ms-grid-columns: calc(100% - 60px) 60px;
        grid-template-columns: calc(100% - 60px) 60px
    }

    .header-side-line.right-side-line:not(.hidden-header) #page {
        -ms-grid-columns: calc(100% - 60px) 60px;
        grid-template-columns: calc(100% - 60px) 60px
    }

    .rtl.header-side-line.right-side-line:not(.hidden-header) #page {
        -ms-grid-columns: 60px calc(100% - 60px);
        grid-template-columns: 60px calc(100% - 60px)
    }

    .footer-overlap.floating-navigation-below-slider .page-inner {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 100%;
        grid-template-areas: "slider" "header" "title" "fancyheader" "checkout" "main" "footer"
    }

    .dt-mobile-header,.dt-mobile-menu-icon,.mobile-header-space,.masthead .mobile-header-bar,.transparent .header-space,.hidden-header.header-side-left .masthead,.hidden-header.header-side-right .masthead,.hidden-header .top-line-space,.hidden-header .masthead:not(.sticky-on):not(#phantom),.hidden-header .header-space:not(.sticky-space-on) {
        display: none
    }

    .side-header>.top-bar,.mixed-header>.top-bar {
        position: absolute;
        visibility: hidden;
        opacity: 0
    }

    .is-safari .desktop-side-header {
        height: 100vh
    }

    .admin-bar .desktop-side-header.is-safari {
        height: calc(100vh - 32px)
    }

    .is-safari .desktop-side-header .mCustomScrollbar.header-scrollbar-wrap {
        height: 100vh
    }

    .header-side-left.footer-overlap:not(.sticky-header) #footer,.header-side-right.footer-overlap:not(.sticky-header) #footer {
        max-width: calc(100% - 300px)
    }

    .header-side-left.footer-overlap:not(.sticky-header) .boxed #footer,.header-side-right.footer-overlap:not(.sticky-header) .boxed #footer {
        max-width: 100%;
        width: calc(1340px - 300px)
    }

    .header-side-left.footer-overlap:not(.sticky-header) #footer {
        right: 0
    }

    .header-side-line.footer-overlap #footer {
        max-width: calc(100% - 60px)
    }

    .left-side-line.header-side-line.footer-overlap #footer {
        right: 0
    }

    .header-side-line.footer-overlap .boxed #footer {
        max-width: 100%;
        width: calc(1340px - 60px)
    }

    .is-iOS .side-header:not(.sub-sideways),.mobile-true .side-header:not(.sub-sideways) {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    .overlay-navigation .sticky-header-overlay {
        display: none
    }

    .phantom-sticky .fixed-masthead.masthead {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 500
    }

    .phantom-sticky .fixed-masthead.sticky-on.masthead {
        position: fixed
    }

    .floating-navigation-below-slider.phantom-sticky:not(.transparent) .masthead {
        position: relative
    }

    .floating-navigation-below-slider.phantom-sticky.transparent .masthead {
        position: absolute
    }

    .floating-navigation-below-slider.phantom-sticky .masthead.sticky-on {
        position: fixed
    }

    .floating-navigation-below-slider.phantom-sticky .header-space.sticky-space-off {
        display: none
    }

    .phantom-sticky .sticky-on.masthead:not(.masthead-mobile) {
        background: #ffffff!important
    }

    .phantom-line-decoration.phantom-sticky .sticky-on.masthead {
        border-bottom: 1px solid rgba(51,51,51,.11);
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    .phantom-shadow-decoration.phantom-sticky .sticky-on.masthead {
        -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.07);
        box-shadow: 0 0 15px 1px rgba(0,0,0,.07);
        border-bottom: none
    }

    .phantom-disable-decoration.phantom-sticky .sticky-on.masthead {
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        border-bottom: none
    }

    .phantom-sticky:not(.phantom-shadow-decoration) .sticky-on.masthead.shadow-decoration {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .phantom-sticky:not(.overlap):not(.transparent) .masthead {
        -webkit-transition: background-color 330ms ease;
        transition: background-color 330ms ease
    }

    .phantom-sticky .page-inner .masthead {
        -webkit-backface-visibility: hidden
    }

    .phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo) {
        display: none;
        opacity: 0
    }

    .phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo,.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo,.phantom-main-logo-on.phantom-sticky .sticky-on .branding>a,.phantom-main-logo-on.phantom-sticky .sticky-on .branding>img,.phantom-logo-off.phantom-sticky .sticky-on .branding>a,.phantom-logo-off.phantom-sticky .sticky-on .branding>img {
        display: none;
        visibility: hidden
    }

    .phantom-main-logo-on.phantom-sticky .sticky-on .branding .sticky-logo {
        display: block;
        visibility: visible
    }

    .phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo,.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>a:not(.sticky-logo),.phantom-sticky.phantom-custom-logo-on .sticky-on .branding>img:not(.sticky-logo) {
        visibility: hidden
    }

    .phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo,.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>a:not(.sticky-logo),.phantom-sticky.phantom-custom-logo-on .sticky-off .branding>img:not(.sticky-logo) {
        visibility: visible
    }

    .phantom-main-logo-on.phantom-sticky .branding .sticky-logo {
        display: none
    }

    .phantom-sticky #page .side-header .branding>a:not(.sticky-logo),.phantom-sticky #page .side-header .branding>img:not(.sticky-logo):not(.mobile-logo) {
        display: block;
        opacity: 1;
        -webkit-animation: none;
        animation: none;
        visibility: visible
    }

    .phantom-fade .masthead,.phantom-slide .masthead {
        top: 0!important
    }

    .masthead .in-top-bar-left:not(.show-on-desktop),.masthead .in-top-bar-right:not(.show-on-desktop),.masthead .in-top-bar:not(.show-on-desktop),.masthead .hide-on-desktop {
        visibility: hidden;
        position: absolute;
        left: -9999px
    }

    .masthead .in-top-bar-left:not(.show-on-desktop).display-none,.masthead .in-top-bar-right:not(.show-on-desktop).display-none,.masthead .in-top-bar:not(.show-on-desktop).display-none,.masthead .hide-on-desktop.display-none {
        display: none
    }

    .masthead .hide-on-desktop .menu-select {
        display: none
    }

    .select-type-menu .menu-select {
        position: relative;
        display: inline-block;
        visibility: visible;
        margin: 0 auto;
        opacity: 1
    }

    .select-type-menu .menu-select:hover {
        opacity: .7
    }

    .select-type-menu>ul {
        visibility: hidden
    }

    .mini-nav:not(.select-type-menu)>ul>li:not(:last-child) {
        margin: 0 16px 0 0
    }

    .list-type-menu.mini-nav>ul>li>.sub-nav {
        top: 23px
    }

    .list-type-menu .menu-select {
        position: absolute;
        visibility: hidden;
        opacity: 0
    }

    .list-type-menu.mini-nav ul {
        display: block;
        line-height: 0
    }

    .list-type-menu.mini-nav>ul>li.act>a .menu-item-text,.list-type-menu.mini-nav>ul>li>a:hover {
        opacity: .7
    }

    .light-preset-color .masthead:not(#phantom):not(.sticky-on) .list-type-menu.mini-nav>ul>li.act>a .menu-item-text,.light-preset-color .masthead:not(#phantom):not(.sticky-on) .list-type-menu.mini-nav>ul>li>a:hover {
        opacity: 1
    }

    .light-preset-color .masthead:not(#phantom):not(.sticky-on) .list-type-menu.mini-nav>ul>li.act>a .menu-item-text span,.light-preset-color .masthead:not(#phantom):not(.sticky-on) .list-type-menu.mini-nav>ul>li>a:hover span {
        color: rgba(255,255,255,.7)!important
    }

    .side-header .mini-nav.select-type-menu>.sub-nav:not(.bottom-overflow),.side-header .list-type-menu>ul>li>.sub-nav,.top-header.floating-navigation-below-slider .main-nav>li>.sub-nav.bottom-overflow {
        top: auto!important;
        bottom: 100%
    }
}

@media screen and (max-width: 1050px) {
    #page {
        display:-ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-template-areas: "header" "slider" "title" "fancyheader" "checkout" "main" "footer"
    }

    .floating-navigation-below-slider #page {
        grid-template-areas: "slider" "header" "title" "fancyheader" "checkout" "main" "footer"
    }

    .footer-overlap #page {
        grid-template-areas: "header" "page-inner" "slider" "title" "fancyheader" "checkout" "main" "footer"
    }

    .header-side-left:not(.sticky-header) #page,.header-side-line.left-side-line #page,.header-side-right:not(.sticky-header) #page,.header-side-line.right-side-line #page {
        grid-template-areas: "header" "slider" "title" "fancyheader" "checkout" "main" "footer"
    }

    .footer-overlap.header-side-left:not(.sticky-header) #page,.footer-overlap.header-side-line.left-side-line #page,.footer-overlap.header-side-right:not(.sticky-header) #page,.footer-overlap.header-side-line.right-side-line #page {
        grid-template-areas: "header" "page-inner" "slider" "title" "fancyheader" "checkout" "main" "footer"
    }

    .footer-overlap.floating-navigation-below-slider .page-inner {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 100%;
        grid-template-areas: "slider" "header" "title" "fancyheader" "checkout" "main" "footer"
    }

    .hidden-header.header-side-left .masthead:not(.show-floating-icon):not(.sticky-mobile-on),.hidden-header.header-side-right .masthead:not(.show-floating-icon):not(.sticky-mobile-on),.hidden-header.header-side-left .masthead.mixed-header:not(.show-floating-icon):not(.sticky-mobile-on),.hidden-header.header-side-right .masthead.mixed-header:not(.show-floating-icon):not(.sticky-mobile-on),.hidden-header.header-side-left .mobile-header-space,.hidden-header.header-side-right .mobile-header-space {
        display: none
    }

    .masthead {
        grid-area: header
    }

    .side-header.masthead,.side-header-v-stroke.masthead {
        grid-area: header;
        -ms-grid-column: 1
    }

    .header-side-left:not(.sticky-header) .checkout-page-title,.header-side-line.left-side-line .checkout-page-title,.header-side-left:not(.sticky-header) .page-title,.header-side-line.left-side-line .page-title,.header-side-left:not(.sticky-header) .fancy-header,.header-side-line.left-side-line .fancy-header,.header-side-left:not(.sticky-header) #main,.header-side-line.left-side-line #main,.header-side-left:not(.sticky-header) .footer,.header-side-line.left-side-line .footer,.header-side-left:not(.sticky-header) #main-slideshow,.header-side-line.left-side-line #main-slideshow,.header-side-left:not(.sticky-header) .photo-scroller,.header-side-line.left-side-line .photo-scroller {
        -ms-grid-column: 1
    }

    .mobile-header-space {
        grid-area: header
    }

    .masthead.masthead-mobile-header:not(#phantom) {
        -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.07);
        box-shadow: 0 0 15px 1px rgba(0,0,0,.07)
    }

    .transparent.sticky-mobile-header.floating-navigation-below-slider .fixed-mobile-header.masthead.masthead-mobile-header:not(#phantom) {
        transform: translateY(0)
    }

    .phantom-sticky.floating-mobile-menu-icon:not(.transparent) .fixed-masthead.masthead {
        position: relative
    }

    .overlay-navigation.header-side-line #page,.header-side-left.header-side-line #page {
        padding: 0!important
    }

    .header-side-left #page {
        padding-left: 0!important
    }

    .header-side-right #page {
        padding-right: 0!important
    }

    .side-header {
        height: auto;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .admin-bar .side-header {
        height: auto
    }

    .transparent:not(.photo-scroller-album) .masthead {
        position: absolute;
        width: 100%;
        z-index: 102
    }

    .side-header .top-bar .mini-widgets.right-widgets {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end
    }

    .masthead .main-nav,.masthead:not(.side-header) .main-nav,#phantom,.masthead:not(.side-header) .header-bar,.masthead.side-header .header-bar,.header-scrollbar-wrap,.masthead.mixed-header,.header-space,.hide-overlay,.top-line-space {
        display: none
    }

    .sticky-header .masthead.side-header,.overlay-navigation .masthead.side-header {
        display: none
    }

    .sticky-header .masthead.mixed-header,.overlay-navigation .masthead.mixed-header,.dt-mobile-header {
        display: block
    }

    .phantom-fade.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead,.phantom-slide.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead,.phantom-sticky.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead {
        display: block
    }

    .show-floating-icon.masthead:not(.side-header),.fixed-mobile-header.masthead:not(.side-header) {
        -webkit-transform: none!important;
        transform: none!important
    }

    .transparent.floating-navigation-below-slider .show-floating-icon.masthead {
        background: none!important
    }

    body:not(.transparent) .masthead:not(.side-header) {
        background-color: #fff
    }

    .transparent .masthead:not(.mixed-header),.transparent .masthead.masthead-mobile-header {
        background: #ee2
    }

    .sticky-mobile-on.masthead:not(.side-header) {
        background-color: #ffffff!important
    }

    .sticky-mobile-header:not(.transparent):not(.hidden-header) .mobile-header-space {
        display: block
    }

    .no-cssgridlegacy.no-cssgrid .sticky-mobile-header:not(.transparent) .masthead.masthead-mobile-header:not(#phantom) {
        position: absolute
    }

    .masthead .mobile-header-bar {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }

    .dt-mobile-menu-icon {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flexbox;
        display: -ms-inline-flex;
        display: inline-flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .masthead .mobile-header-bar {
        min-height: 80px
    }

    .masthead.full-width,.masthead.mixed-header {
        padding: 0 50px;
        box-sizing: border-box
    }

    .top-bar {
        padding-left: 0;
        padding-right: 0
    }

    .top-bar.top-bar-disabled {
        display: none
    }

    .top-bar .soc-ico a {
        float: none;
        display: inline-block;
        vertical-align: middle
    }

    #bottom-bar .mini-nav select,#bottom-bar .menu-select {
        display: inline-block
    }

    .header-side-left:not(.header-top-line-active) .masthead,.header-side-right:not(.header-top-line-active) .masthead,.overlay-navigation:not(.header-top-line-active) .masthead {
        position: relative;
        left: 0!important;
        width: 100%;
        margin-left: 0!important;
        margin-right: 0
    }

    .header-side-left:not(.header-top-line-active):not(.is-safari) .header-side-left:not(.header-top-line-active) .masthead,.header-side-right:not(.header-top-line-active):not(.is-safari) .header-side-left:not(.header-top-line-active) .masthead,.overlay-navigation:not(.header-top-line-active):not(.is-safari) .header-side-left:not(.header-top-line-active) .masthead,.header-side-left:not(.header-top-line-active):not(.is-safari) .header-side-right:not(.header-top-line-active) .masthead,.header-side-right:not(.header-top-line-active):not(.is-safari) .header-side-right:not(.header-top-line-active) .masthead,.overlay-navigation:not(.header-top-line-active):not(.is-safari) .header-side-right:not(.header-top-line-active) .masthead,.header-side-left:not(.header-top-line-active):not(.is-safari) .overlay-navigation:not(.header-top-line-active) .masthead,.header-side-right:not(.header-top-line-active):not(.is-safari) .overlay-navigation:not(.header-top-line-active) .masthead,.overlay-navigation:not(.header-top-line-active):not(.is-safari) .overlay-navigation:not(.header-top-line-active) .masthead {
        width: 100%!important
    }

    .header-side-left:not(.header-top-line-active) .header-side-left:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.header-side-right:not(.header-top-line-active) .header-side-left:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.overlay-navigation:not(.header-top-line-active) .header-side-left:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.header-side-left:not(.header-top-line-active) .header-side-right:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.header-side-right:not(.header-top-line-active) .header-side-right:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.overlay-navigation:not(.header-top-line-active) .header-side-right:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.header-side-left:not(.header-top-line-active) .overlay-navigation:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.header-side-right:not(.header-top-line-active) .overlay-navigation:not(.header-top-line-active) .masthead:not(.sticky-mobile-on),.overlay-navigation:not(.header-top-line-active) .overlay-navigation:not(.header-top-line-active) .masthead:not(.sticky-mobile-on) {
        top: 0!important
    }

    .header-side-left:not(.header-top-line-active) .masthead:not(.masthead-mobile-header):not(.sticky-mobile-on),.header-side-right:not(.header-top-line-active) .masthead:not(.masthead-mobile-header):not(.sticky-mobile-on),.overlay-navigation:not(.header-top-line-active) .masthead:not(.masthead-mobile-header):not(.sticky-mobile-on) {
        -webkit-transform: none!important;
        transform: none!important;
        -webkit-transition: none!important;
        transition: none!important
    }

    #page .mixed-header.side-header-menu-icon.line-decoration,#page .mixed-header.side-header-v-stroke.line-decoration {
        border-bottom: 1px solid #d93
    }

    .masthead.shadow-decoration.side-header-menu-icon {
        -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.07);
        box-shadow: 0 0 15px 1px rgba(0,0,0,.07)
    }

    .sticky-header.header-side-line .mixed-header.side-header-v-stroke {
        margin: 0
    }

    .side-header-v-stroke .header-bar .mini-login,.side-header-v-stroke .header-bar .mini-search,.side-header-v-stroke .header-bar .shopping-cart,.side-header-v-stroke .header-bar .mini-contacts,.side-header-v-stroke .header-bar .text-area,.side-header-v-stroke .header-bar .mini-nav,.side-header-v-stroke .header-bar .soc-ico,.side-header-v-stroke .header-bar .mini-wpml {
        margin: 0 10px
    }

    .transparent .masthead.side-header {
        position: absolute;
        height: auto
    }

    .transparent .masthead.full-width-line:not(.side-header) {
        border-bottom: none
    }

    .sticky-header.fade-header-animation .side-header,.overlay-navigation .masthead {
        opacity: 1!important;
        visibility: visible!important;
        -webkit-animation: none!important;
        animation: none!important
    }

    .sticky-header.header-side-left.slide-header-animation .side-header {
        -ms-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .floating-mobile-menu-icon.admin-bar .dt-mobile-menu-icon.floating-btn {
        top: 50px
    }

    #page .project-navigation {
        top: 10px;
        right: 10px
    }

    .mobile-branding img.mobile-logo,.mobile-branding img.mobile-desktop-logo,.show-device-logo .branding img,.show-device-logo .mobile-branding img,.transparent .sticky-mobile-logo-first-switch,.transparent .sticky-mobile-logo-second-switch,.transparent .sticky-mobile-on .mobile-branding * {
        display: none
    }

    .show-device-logo .branding img.mobile-logo,.show-device-logo .mobile-branding img.mobile-logo {
        display: block;
        max-width: 100%;
        height: auto
    }

    .mobile-header-bar .mobile-mini-widgets {
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .first-switch-logo-center.first-switch-menu-left .mobile-header-bar .mobile-mini-widgets {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .first-switch-logo-center.first-switch-menu-left .mobile-header-bar .mobile-branding {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .first-switch-logo-right.first-switch-menu-left .mobile-header-bar {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }

    .first-switch-logo-right.first-switch-menu-left .mobile-header-bar .mobile-branding {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .first-switch-logo-left.first-switch-menu-right .mobile-header-bar {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }

    .first-switch-logo-left.first-switch-menu-right .mobile-header-bar .mobile-branding {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .first-switch-logo-left.first-switch-menu-right .mobile-header-bar .mobile-mini-widgets {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .first-switch-logo-left.first-switch-menu-right .mobile-header-bar .mobile-navigation {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .first-switch-logo-center.first-switch-menu-right .mobile-branding {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .first-switch-logo-center.first-switch-menu-right .mobile-navigation {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .mobile-sticky-header-overlay.active {
        opacity: 1;
        visibility: visible;
        z-index: 9601
    }

    .show-overlay-mobile-header .sticky-header-overlay.active,.closed-overlay-mobile-header .sticky-header-overlay.active {
        opacity: 0;
        visibility: hidden
    }

    .footer-overlap .footer {
        width: 100%!important
    }

    .floating-navigation-below-slider.phantom-sticky:not(.transparent):not(.sticky-mobile-header) .masthead-mobile {
        top: 0!important
    }

    .mobile-mini-widgets-in-menu {
        display: -webkit-flex!important;
        display: -moz-flex!important;
        display: -ms-flexbox!important;
        display: -ms-flex!important;
        display: flex!important;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .dt-mobile-header .mini-widgets {
        display: none
    }

    .floating-navigation-below-slider.sticky-mobile-header:not(.transparent) .masthead,.floating-navigation-below-slider.floating-mobile-menu-icon:not(.transparent) .masthead {
        position: relative
    }

    html:not(.no-cssgridlegacy.no-cssgrid) .floating-navigation-below-slider.sticky-mobile-header:not(.transparent) .masthead,html:not(.no-cssgridlegacy.no-cssgrid) .floating-navigation-below-slider.floating-mobile-menu-icon:not(.transparent) .masthead {
        top: 0!important
    }

    .sticky-mobile-header .masthead {
        height: auto;
        width: 100%
    }

    .sticky-mobile-header:not(.floating-navigation-below-slider) .masthead {
        top: 0
    }

    .sticky-mobile-header:not(.floating-navigation-below-slider) .sticky-mobile-on.masthead {
        position: fixed!important;
        top: 0
    }

    .sticky-mobile-header.floating-navigation-below-slider .fixed-mobile-header.masthead {
        position: fixed!important
    }

    .sticky-mobile-header.floating-navigation-below-slider:not(.admin-bar) .fixed-mobile-header.masthead {
        top: 0!important
    }

    .sticky-mobile-header.fixed-mobile-menu .top-bar {
        display: none
    }

    .sticky-mobile-header.floating-navigation-below-slider.transparent .mobile-header-space {
        display: none
    }
}

@media screen and (min-width: 778px) and (max-width:1050px) {
    .transparent:not(.photo-scroller-album) .masthead {
        position:absolute;
        width: 100%;
        z-index: 102
    }

    .masthead .top-bar .mini-widgets>*,.masthead .mobile-header-bar .in-top-bar-left,.masthead .mobile-header-bar .in-top-bar-right,.dt-mobile-header .in-top-bar-left,.dt-mobile-header .in-top-bar-right {
        display: none
    }

    .masthead .top-bar .left-widgets .in-top-bar-left,.masthead .top-bar .right-widgets .in-top-bar-right,.mobile-mini-widgets .near-logo-first-switch {
        display: inline-block
    }

    .masthead .top-bar .left-widgets .in-top-bar-left:not(.show-on-first-switch) {
        display: none
    }

    .masthead .top-bar .right-widgets .in-top-bar-right:not(.show-on-first-switch) {
        display: none
    }

    .side-header .top-bar .mini-widgets.left-widgets {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start
    }

    .select-type-menu-first-switch .menu-select {
        position: relative;
        display: inline-block;
        visibility: visible;
        margin: 0 auto;
        opacity: 1
    }

    .select-type-menu-first-switch .menu-select:hover {
        opacity: .7
    }

    .select-type-menu-first-switch>ul {
        visibility: hidden
    }

    .mini-nav:not(.select-type-menu-first-switch)>ul>li:not(:last-child) {
        margin: 0 16px 0 0
    }

    .list-type-menu-first-switch.mini-nav>ul>li>.sub-nav {
        top: 23px
    }

    .list-type-menu-first-switch .menu-select {
        position: absolute;
        visibility: hidden;
        opacity: 0
    }

    .list-type-menu-first-switch.mini-nav ul {
        display: block;
        line-height: 0
    }

    .list-type-menu-first-switch.mini-nav>ul>li.act>a .menu-item-text,.list-type-menu-first-switch.mini-nav>ul>li>a:hover {
        opacity: .7
    }

    .transparent .sticky-mobile-on .mobile-branding .sticky-mobile-logo-first-switch img,.transparent .sticky-mobile-on .mobile-branding .sticky-mobile-logo-first-switch {
        display: block
    }

    .first-switch-logo-center.first-switch-menu-left .mobile-header-bar .mobile-mini-widgets {
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .first-switch-logo-center.first-switch-menu-left .mobile-navigation {
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .first-switch-logo-center.first-switch-menu-right .mobile-navigation {
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .first-switch-logo-center.first-switch-menu-right .mobile-header-bar .mobile-mini-widgets {
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }

    .first-switch-logo-center.first-switch-menu-left .mobile-header-bar .mobile-mini-widgets .last {
        margin-right: 0
    }

    .first-switch-logo-right.first-switch-menu-left .mobile-header-bar .dt-mobile-menu-icon {
        margin-right: 10px
    }

    .first-switch-logo-left.first-switch-menu-right .mobile-header-bar .dt-mobile-menu-icon {
        margin-left: 10px
    }

    .first-switch-logo-center.first-switch-menu-right .mobile-header-bar .mobile-mini-widgets .first {
        margin-left: 0
    }

    .masthead .in-menu-first-switch {
        display: none
    }

    .masthead .hide-on-first-switch,.dt-mobile-header .hide-on-first-switch {
        display: none
    }

    .mobile-mini-widgets-in-menu .in-menu-second-switch,.masthead.widgets .show-on-second-switch,.masthead .show-on-second-switch {
        display: none
    }

    .mobile-mini-widgets-in-menu .in-menu-first-switch:not(.hide-on-first-switch) {
        display: inline-block
    }
}

@media screen and (max-width: 778px) {
    html:not(.no-cssgridlegacy.no-cssgrid) .masthead:not(.sticky-mobile-on) {
        top:0!important
    }

    .sticky-mobile-header .masthead {
        height: auto;
        width: 100%
    }

    .transparent .sticky-mobile-on .mobile-branding .sticky-mobile-logo-second-switch img,.transparent .sticky-mobile-on .mobile-branding .sticky-mobile-logo-second-switch {
        display: block
    }

    .masthead .top-bar .mini-widgets>* {
        margin: 0 10px!important
    }

    .masthead .top-bar .left-widgets .in-top-bar:not(.show-on-second-switch) {
        display: none
    }

    .select-type-menu-second-switch .menu-select {
        position: relative;
        display: block;
        visibility: visible;
        margin: 0 auto;
        opacity: 1
    }

    .select-type-menu-second-switch .menu-select:hover {
        opacity: .7
    }

    .select-type-menu-second-switch>ul {
        visibility: hidden
    }

    .mini-nav:not(.select-type-menu-second-switch)>ul>li:not(:last-child) {
        margin: 0 16px 0 0
    }

    .list-type-menu-second-switch.mini-nav>ul>li>.sub-nav {
        top: 23px
    }

    .list-type-menu-second-switch .menu-select {
        position: absolute;
        visibility: hidden;
        opacity: 0
    }

    .list-type-menu-second-switch.mini-nav ul {
        display: block;
        line-height: 0
    }

    .list-type-menu-second-switch.mini-nav>ul>li.act>a .menu-item-text,.list-type-menu-second-switch.mini-nav>ul>li>a:hover {
        opacity: .7
    }

    body.page:not(.sticky-mobile-header):not(.floating-navigation-below-slider) .masthead:not(.side-header) {
        -webkit-transform: none!important;
        transform: none!important
    }

    .sticky-mobile-header:not(.transparent):not(.hidden-header) .mobile-header-space {
        display: block
    }

    .no-cssgridlegacy.no-cssgrid .sticky-mobile-header:not(.transparent) .masthead.masthead-mobile-header:not(#phantom) {
        position: absolute
    }

    .masthead .mobile-header-bar {
        min-height: 60px
    }

    .masthead .mobile-header-bar .mobile-mini-widgets>*,.masthead .mobile-mini-widgets .in-menu-second-switch {
        display: none
    }

    .masthead .top-bar .mini-widgets>*,.masthead .mobile-header-bar .in-top-bar-left,.masthead .mobile-header-bar .in-top-bar-right,.masthead .top-bar .right-widgets,.dt-mobile-header .in-top-bar {
        display: none
    }

    .side-header .top-bar .mini-widgets.left-widgets,.masthead .top-bar .left-widgets {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center
    }

    .side-header .top-bar .mini-widgets.left-widgets .in-top-bar,.masthead .top-bar .left-widgets .in-top-bar {
        display: inline-block;
        text-align: center
    }

    .hide-on-second-switch {
        display: none!important
    }

    .show-on-second-switch {
        display: block!important
    }

    .dt-mobile-header .mini-widgets {
        display: none
    }

    .mobile-mini-widgets-in-menu .near-logo-second-switch {
        display: none
    }

    .masthead .mobile-mini-widgets .near-logo-second-switch.show-on-second-switch {
        display: inline-block
    }

    .masthead.line-decoration {
        border-bottom: none
    }

    .mini-contacts {
        white-space: normal
    }

    .second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-mini-widgets {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-branding {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center
    }

    .second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-navigation {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        -ms-flex-preferred-size: 0%
    }

    .second-switch-logo-center.second-switch-menu-left .mobile-header-bar .mobile-mini-widgets .last {
        margin-right: 0
    }

    .second-switch-logo-right.second-switch-menu-left .mobile-header-bar {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }

    .second-switch-logo-right.second-switch-menu-left .mobile-header-bar .mobile-branding {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .second-switch-logo-right.second-switch-menu-left .mobile-header-bar .mobile-navigation {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .second-switch-logo-right.second-switch-menu-left .mobile-header-bar .dt-mobile-menu-icon {
        margin-right: 10px
    }

    .second-switch-logo-center.second-switch-menu-left .mobile-header-bar .dt-mobile-menu-icon {
        margin-right: 10px;
        margin-left: 0
    }

    .second-switch-logo-left.second-switch-menu-right .mobile-header-bar {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }

    .second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-branding {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-mini-widgets {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-navigation {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .second-switch-logo-left.second-switch-menu-right .mobile-header-bar .dt-mobile-menu-icon {
        margin-left: 10px
    }

    .second-switch-logo-center.second-switch-menu-right .mobile-header-bar .mobile-branding {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center
    }

    .second-switch-logo-center.second-switch-menu-right .mobile-navigation {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        -ms-flex-preferred-size: 0%;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .second-switch-logo-center.second-switch-menu-right .mobile-header-bar .mobile-mini-widgets {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 0%;
        -moz-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        -ms-flex-preferred-size: 0%;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }

    .second-switch-logo-center.second-switch-menu-right .mobile-header-bar .mobile-mini-widgets .first {
        margin-left: 0
    }

    .show-mobile-logo .branding img,.show-device-logo .branding img.mobile-logo,.side-header.show-device-logo .branding img.mobile-logo,.show-mobile-logo.show-device-logo .branding img,.show-mobile-logo.side-header.show-device-logo .branding img,.show-mobile-logo .mobile-branding img,.show-device-logo .mobile-branding img.mobile-logo,.side-header.show-device-logo .mobile-branding img.mobile-logo,.show-mobile-logo.show-device-logo .mobile-branding img,.show-mobile-logo.side-header.show-device-logo .mobile-branding img {
        display: none
    }

    .show-mobile-logo .branding img.mobile-logo,.show-mobile-logo.show-device-logo .branding img.mobile-logo,.show-device-logo .branding img,.show-mobile-logo .mobile-branding img.mobile-logo,.show-mobile-logo.show-device-logo .mobile-branding img.mobile-logo,.show-device-logo .mobile-branding img,.transparent .mobile-branding img.mobile-desktop-logo {
        display: inline-block;
        max-width: 100%;
        height: auto
    }

    #fancy-header {
        min-height: auto!important
    }

    #page #fancy-header>.wf-wrap {
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
        padding-bottom: 20px!important;
        min-height: auto!important
    }

    .fancy-header.title-left .breadcrumbs {
        text-align: center
    }

    .fancy-header.title-left .breadcrumbs {
        float: none
    }

    .breadcrumbs {
        margin-bottom: 10px
    }

    .breadcrumbs.breadcrumbs-bg {
        margin-top: 10px
    }

    .fancy-header.title-right .breadcrumbs {
        margin: 10px 0 10px 0
    }

    #fancy-header .hgroup,#fancy-header .breadcrumbs {
        text-align: center
    }

    .fancy-header .hgroup {
        padding-bottom: 5px
    }

    .breadcrumbs-off .hgroup {
        padding-bottom: 5px
    }

    .title-right .hgroup {
        padding: 0 0 5px 0
    }

    .title-right.breadcrumbs-off .hgroup {
        padding-top: 5px
    }

    .title-left.disabled-bg .breadcrumbs {
        margin-bottom: 0
    }
}

@media screen and (max-width: 778px) {
    .page-title.disabled-bg.page-title-responsive-enabled .wf-wrap {
        padding-top:0;
        padding-bottom: 0
    }

    .page-title.page-title-responsive-enabled .wf-wrap {
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
        min-height: 48px
    }

    .page-title-responsive-enabled.page-title.title-left.disabled-bg h1 {
        margin: 5px 0
    }

    .page-title-responsive-enabled.page-title.title-left .breadcrumbs {
        text-align: center
    }

    .page-title-responsive-enabled.page-title h1,.page-title-responsive-enabled.page-title h1 *,.page-title-responsive-enabled.page-title h1 a:hover,#page .page-title-responsive-enabled.page-title .entry-title {
        font: bold 20px / 30px "Roboto",Helvetica,Arial,Verdana,sans-serif
    }

    .page-title-responsive-enabled.page-title.breadcrumbs-mobile-off .breadcrumbs {
        display: none
    }
}

@media screen and (min-width: 800px) {
    .transparent.video-playing .masthead {
        display:none!important
    }

    .video-playing .rsHomePorthole .rsCloseVideoBtn {
        top: 30px
    }
}

@media screen and (max-width: 768px) {
    .project-even .alignleft,.project-even ul.royalSlider.alignleft {
        width:100%
    }

    .content .project-wide-col {
        width: 100%
    }

    .content .project-wide-col.left-side {
        padding-right: 0
    }

    .content .project-wide-col.right-side {
        padding-left: 0
    }

    .content .project-narrow-col {
        width: 100%
    }

    .layout-list .blog-content,.layout-list .blog-media,.layout-list .project-list-content,.layout-list .project-list-media {
        float: none;
        width: 100%!important
    }

    .layout-list .buttons-on-img,.layout-list .project-even .buttons-on-img {
        margin-left: 0;
        margin-right: 0
    }

    .blog.layout-list .post .alignleft {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 778px) {
    .footer .widget {
        width:100%
    }

    .mobile-hide-footer #footer>.wf-wrap {
        display: none
    }

    .footer-overlap .page-inner {
        margin-bottom: 0!important
    }

    .footer-overlap .footer {
        position: relative!important;
        left: 0!important
    }
}

@media screen and (max-width: 990px) {
    #bottom-bar .wf-container-bottom {
        -webkit-flex-flow:column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center
    }

    #bottom-bar .wf-container-bottom>div {
        margin: 0
    }

    #branding-bottom,#bottom-bar .wf-float-left,#bottom-bar .wf-float-right {
        display: block;
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center!important
    }

    #bottom-bar.logo-split .wf-float-left,#bottom-bar.logo-split .wf-float-right {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    #bottom-bar .mini-nav ul {
        display: none
    }

    #bottom-bar .mini-nav select,#bottom-bar .menu-select {
        display: block;
        height: auto
    }

    #bottom-bar .menu-select {
        position: relative;
        opacity: 1;
        visibility: visible
    }

    #bottom-bar .bottom-text-block {
        text-align: center;
        margin-left: 0
    }
}

@media screen and (min-width: 778px) {
    .masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon),.side-header .mobile-header-bar,.side-header .top-bar,.wf-wrap {
        padding:0 50px
    }

    .side-header .mobile-header-bar {
        box-sizing: border-box
    }

    .no-cssgridlegacy.no-cssgrid .wf-container,.no-cssgridlegacy.no-cssgrid .wf-container-main {
        margin: 0 -25px
    }

    .masthead:not(.side-header):not(.side-header-menu-icon) .top-bar,.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar,.masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar {
        max-width: calc(1300px - 100px)
    }

    .masthead:not(.side-header).full-width .top-bar,.top-bar .masthead.side-header-menu-icon,.masthead:not(.side-header).full-width .header-bar,.header-bar .masthead.side-header-menu-icon,.masthead:not(.side-header).full-width .mobile-header-bar,.mobile-header-bar .masthead.side-header-menu-icon {
        max-width: 100%
    }

    .boxed .masthead:not(.side-header):not(.side-header-menu-icon):not(.side-header-v-stroke).top-bar,.boxed .masthead:not(.side-header):not(.side-header-menu-icon):not(.side-header-v-stroke).header-bar,.boxed .masthead:not(.side-header):not(.side-header-menu-icon):not(.side-header-v-stroke).mobile-header-bar {
        max-width: 100%;
        width: calc(1300px - 100px)
    }

    .page-title .wf-wrap:after {
        width: calc(1300px - 100px);
        max-width: calc(100% - 100px)
    }

    .boxed .masthead:not(.width-in-pixel) .top-bar-bg,.boxed .classic-header:not(.width-in-pixel) .navigation:before {
        margin: 0 -50px;
        padding: 0 1000px
    }

    #main-slideshow.fixed>.royalSlider,#main-slideshow.fixed .three-d-slider,.ph-wrap,#phantom .ph-wrap.boxed,.boxed .top-bar.line-content:before,.boxed .classic-header.content-width-line .navigation:before {
        max-width: calc(1300px - 100px)
    }

    .no-cssgridlegacy.no-cssgrid .wf-container,.no-cssgridlegacy.no-cssgrid .wf-container-main {
        margin: 0 -25px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-right .content {
        padding-left: 25px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .content {
        padding-right: 25px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.solid-bg,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.bg-under-widget {
        padding-right: 25px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.solid-bg,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.bg-under-widget {
        padding-left: 25px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.solid-bg,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.bg-under-widget {
        padding-left: 0
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.solid-bg,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.bg-under-widget {
        padding-right: 0
    }

    .no-cssgridlegacy.no-cssgrid .content,.no-cssgridlegacy.no-cssgrid .sidebar {
        padding: 0 25px
    }

    .sidebar-right .sidebar,.sidebar-divider-off.sidebar-right .sidebar,.sidebar-right .sidebar.solid-bg,.sidebar-right .sidebar.bg-under-widget {
        margin-right: 0;
        margin-left: 0
    }

    .sidebar-left .sidebar,.sidebar-divider-off.sidebar-left .sidebar,.sidebar-left .sidebar.solid-bg,.sidebar-left .sidebar.bg-under-widget {
        margin-right: 0;
        margin-left: 0
    }

    #main-slideshow.fixed {
        padding: 50px
    }

    .wf-container {
        margin: 0 -25px
    }

    .wf-cell,.wf-usr-cell {
        padding: 0 25px
    }
}

@media screen and (max-width: 778px) {
    .masthead.full-width,.masthead.mixed-header {
        box-sizing:border-box
    }

    #main .wf-wrap,.masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon),.side-header .mobile-header-bar,#page .masthead.full-width,#page .masthead.mixed-header:not(.side-header-v-stroke) {
        padding: 0 20px
    }

    .page-title .wf-wrap {
        padding-left: 20px;
        padding-right: 20px
    }

    .side-header .mobile-header-bar {
        box-sizing: border-box
    }

    #main-slideshow.fixed {
        padding: 20px
    }

    #main-slideshow.fixed>.royalSlider,#main-slideshow.fixed .three-d-slider {
        max-width: 1260px
    }

    .page-title .wf-wrap:after {
        width: calc(1300px - 40px);
        max-width: calc(100% - 40px)
    }

    .ph-wrap,.boxed .top-bar.line-content:before,.boxed .classic-header.content-width-line .navigation:before {
        max-width: 1260px
    }

    .masthead:not(.side-header):not(.side-header-menu-icon) .top-bar,.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar,.masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar {
        max-width: calc(1300px - 40px)
    }

    .boxed .masthead:not(.width-in-pixel) .top-bar-bg,.boxed .classic-header:not(.width-in-pixel) .navigation:before {
        margin: 0 -20px;
        padding: 0 1000px
    }

    .no-cssgridlegacy.no-cssgrid .wf-container,.no-cssgridlegacy.no-cssgrid .wf-container-main {
        margin: 0 -10px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar {
        padding-right: 20px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar {
        padding-left: 20px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-right .content {
        padding-left: 10px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .content {
        padding-right: 10px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.solid-bg,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.bg-under-widget {
        padding-right: 10px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .content,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.solid-bg,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.bg-under-widget {
        padding-left: 10px
    }

    .no-cssgridlegacy.no-cssgrid .wf-container-main {
        margin: 0 -10px
    }

    .no-cssgridlegacy.no-cssgrid .content,.no-cssgridlegacy.no-cssgrid .sidebar {
        padding: 0 10px
    }

    .footer .wf-wrap {
        padding: 0 20px
    }

    .wf-container {
        margin: 0 -10px
    }

    .wf-cell,.wf-usr-cell {
        padding: 0 10px
    }
}

@media screen and (max-width: 1050px) and (max-width:778px) {
    #page .masthead.mixed-header {
        padding:0 20px
    }
}

@media screen and (min-width: 990px) {
    .no-cssgridlegacy.no-cssgrid .content {
        width:calc(100% - 280px)
    }

    .no-cssgridlegacy.no-cssgrid .sidebar {
        width: 280px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .content,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar {
        float: right
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-right .content {
        float: left
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-right .content,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.solid-bg,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.bg-under-widget {
        padding-right: 20px
    }

    .sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-right .content,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.solid-bg,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-left .sidebar,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-left .sidebar.bg-under-widget {
        padding-right: 40px
    }

    .no-cssgridlegacy.no-cssgrid .sidebar-left .content,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.bg-under-widget,.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar,.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.solid-bg {
        padding-left: 20px
    }

    .sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-left .content,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.bg-under-widget,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-divider-off.sidebar-right .sidebar,.sidebar-divider-vertical.no-cssgridlegacy.no-cssgrid .sidebar-right .sidebar.solid-bg {
        padding-left: 40px
    }

    #main:not(.sidebar-none) .wf-container-main {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 40px
    }

    .sidebar-right .wf-container-main {
        grid-template-areas: "content sidebar"
    }

    .sidebar-left .wf-container-main {
        grid-template-areas: "sidebar content"
    }

    .sidebar {
        grid-area: sidebar;
        -ms-grid-row: 1
    }

    .sidebar-right .sidebar {
        -ms-grid-column: 3
    }

    .sidebar-left .sidebar {
        -ms-grid-column: 1
    }

    .content {
        grid-area: content;
        -ms-grid-row: 1
    }

    .sidebar-right .content {
        -ms-grid-column: 1
    }

    .sidebar-left .content {
        -ms-grid-column: 3
    }

    .sidebar-right .wf-container-main {
        -ms-grid-columns: calc(100% - 280px - 20px) 40px calc(280px - 20px);
        grid-template-columns: calc(100% - 280px - 20px) calc(280px - 20px)
    }

    .sidebar-left .wf-container-main {
        -ms-grid-columns: calc(280px - 20px) 40px calc(100% - 280px - 20px);
        grid-template-columns: calc(280px - 20px) calc(100% - 280px - 20px)
    }

    .sidebar-divider-vertical.sidebar-left .sidebar {
        padding-right: 40px
    }

    .sidebar-divider-vertical.sidebar-right .sidebar {
        padding-left: 40px
    }
}

@media screen and (max-width: 990px) {
    .mobile-hide-sidebar .sidebar {
        display:none
    }

    .sidebar-right .sidebar,.sidebar-left .sidebar {
        border: none
    }

    .sidebar-right .sidebar,.sidebar-left .sidebar,.sidebar-divider-off.sidebar-right .sidebar,.sidebar-divider-off.sidebar-left .sidebar,.sidebar-right .sidebar.solid-bg,.sidebar-left .sidebar.solid-bg,.sidebar-right .sidebar.bg-under-widget,.sidebar-left .sidebar.bg-under-widget {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 60px
    }
}

@media screen and (max-width: 768px) {
    .product div.images,.product div.summary {
        width:100%;
        margin-right: 0
    }

    .woocommerce-tabs .tabs>li {
        float: none;
        margin: 0
    }

    .woocommerce-tabs .tabs>li:after {
        display: none
    }

    #reviews ol.commentlist li {
        padding-left: 0
    }

    #comments .children {
        margin-left: 0
    }

    #reviews ol.commentlist .comment_container {
        overflow: hidden
    }

    #reviews ol.commentlist .comment_container .star-rating {
        float: none;
        display: block;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 500px) {
    .wc-layout-list .woocom-project {
        -webkit-flex-flow:column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .wc-layout-list .woocom-project .woo-buttons-on-img {
        width: 100%
    }

    .wc-layout-list .woocom-project .woocom-list-content {
        margin-top: 20px;
        padding-left: 0;
        width: 100%
    }

    .view-mode-switcher {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .woocommerce-cart-wrap .cart-collaterals,.woocommerce-cart-wrap .cross-sells {
        width:100%;
        margin: 0
    }

    .woocommerce-cart-wrap .cross-sells {
        margin-top: 50px
    }

    .woocommerce-cart-form,#customer_details,.wc-side-column,.wc-complete-wrap .wc-wide-column,.wc-complete-wrap .woocommerce-bacs-bank-details {
        width: 100%
    }

    .wc-side-column {
        margin: 0
    }

    .woocommerce-cart-wrap,form.woocommerce-checkout,.wc-complete-wrap {
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .wc-order-review,.wc-wide-column {
        width: 100%;
        margin: 40px 0 0 0
    }

    .cart-collaterals .cart_totals,.cart-collaterals .shipping_calculator,.col2-set .col-1,.col2-set .col-2,form .form-row-first,form .form-row-last {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
        right: 10px
    }

    .woocommerce-thankyou-order-details li {
        overflow: hidden
    }

    .woocommerce-thankyou-order-details li strong {
        width: 100%;
        float: left
    }

    .shop_table.my_account_orders {
        border-bottom: 1px solid
    }

    #page .woocommerce-checkout-review-order-table td {
        display: block;
        padding: 0;
        border: none;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    #page .woocommerce-checkout-review-order-table td .variation {
        flex: 100%
    }

    #page .woocommerce-checkout-review-order-table tr.cart_item {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }

    #page .woocommerce-checkout-review-order-table .cart_item .product-name {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }

    #page .woocommerce-checkout-review-order-table tfoot tr {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #page .woocommerce-checkout-review-order-table tbody tr:first-of-type {
        border: none
    }

    #page .woocommerce-checkout-review-order-table .cart-subtotal th #page .woocommerce-checkout-review-order-table .order-total th {
        display: none
    }

    .woocommerce-cart-wrap .shop_table td.actions {
        padding-top: 25px
    }

    .woocommerce-cart-wrap .coupon {
        padding-bottom: 50px
    }

    .woocommerce-cart-wrap .coupon:before {
        top: 15px
    }

    .woocommerce-cart-wrap .coupon>* {
        margin-top: 15px
    }

    .product .variations td {
        text-align: left
    }
}

@media screen and (max-width: 600px) {
    #page .order_details tbody tr:first-of-type,#page .customer_details tbody tr:first-of-type {
        border:none
    }

    #page .order_details td,#page .customer_details td {
        text-align: left;
        padding: 0;
        border: none
    }

    #page .order_details th,#page .customer_details th {
        border: none;
        padding: 0
    }

    #page .order_details tbody tr,#page .customer_details tbody tr {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #page .order_details tfoot,#page .customer_details tfoot {
        display: block
    }

    #page .order_details tfoot tr,#page .customer_details tfoot tr {
        padding-top: 10px;
        padding-bottom: 10px
    }

    table.shop_table tbody tr {
        overflow: hidden;
        padding-top: 25px;
        padding-bottom: 25px
    }

    .wc-complete-wrap .wc-bacs-bank-details li {
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }

    .wc-complete-wrap .wc-bacs-bank-details li>strong {
        padding-left: 0
    }

    .shop_table {
        display: block
    }

    .shop_table tbody,.shop_table tfoot {
        display: block
    }

    .shop_table thead {
        display: none
    }

    .shop_table tr {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        border-top: 1px solid rgba(51,51,51,.12)
    }

    .calculated_shipping .shop_table tr:first-child {
        border-top: none
    }

    #page .shop_table tr td {
        border: none;
        padding: 0
    }

    .content .woocommerce-cart-wrap .shop_table tr.cart_item td {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        padding: 5px 0;
        border: none
    }

    .content .woocommerce-cart-wrap .shop_table tr.cart_item td.product-price {
        display: none
    }

    .shop_table tr.cart_item td a.remove {
        display: inline-block;
        text-align: center
    }

    .shop_table tr.cart_item td a.remove i[class^="fa"] {
        vertical-align: top
    }

    .shop_table tr.cart_item td.product-name {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .shop_table tr.cart_item td.product-name a,.shop_table tr.cart_item td.product-name .variation {
        display: block
    }

    table.shop_table td,.product .variations td {
        display: block
    }

    .cart .product-thumbnail {
        margin: 0 auto
    }

    .cart-footer {
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }
}

@media screen and (max-width: 768px) {
    .checkout-page-title a {
        font:bold 20px / 30px "Roboto",Helvetica,Arial,Verdana,sans-serif
    }

    .checkout-page-title .checkout-counter {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 1200px) {
    .rsHomePorthole .rsPlayBtn,.rsHomePorthole .rsCLink {
        height:50px;
        margin-left: -25px;
        margin-top: -25px;
        width: 50px
    }

    .rsHomePorthole .rsPlayBtn {
        background-size: 30px 30px;
        background-position: 15px center
    }

    .rsHomePorthole .rsCLink {
        background-size: 24px 24px
    }

    .rsHomePorthole .rsBtnCenterer {
        margin-top: -25px;
        height: 50px
    }

    .rsHomePorthole .rsBtnCenterer:not(.with-link) .rsPlayBtn {
        margin-top: 0
    }

    .rsHomePorthole .rsBtnCenterer.with-link {
        width: 120px;
        margin: -25px 0 0 -60px
    }

    .rsHomePorthole .with-link .rsCLink,.rsHomePorthole .with-link .rsPlayBtn {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0 5px
    }
}

@media screen and (max-width: 1100px) {
    .floating-content {
        -webkit-transform:translateY(0)!important;
        transform: translateY(0)!important
    }
}

@media screen and (max-width: 970px) {
    #main .wf-mobile-hidden,.filter-extras {
        display:none
    }

    #main .wf-mobile-visible,.content .wf-table.wf-mobile-collapsed,.content .wf-mobile-collapsed .wf-tr,.content .wf-mobile-collapsed .wf-td {
        display: block
    }

    .table-standard {
        overflow: scroll
    }

    .content .wf-1,.content .wf-1-2,.content .wf-2-4,.content .wf-1-3,.content .wf-2-3,.content .wf-1-4,.content .wf-3-4,.content .wf-1-5,.content [class*="wf-span-"] {
        width: 100%
    }

    .items-grid .wf-cell.wf-1-3,.items-grid .wf-cell.wf-1-2 {
        width: 50%
    }

    .related-product>li {
        width: 50%
    }

    .sidebar-right .related-product>li,.sidebar-left .related-product>li {
        width: 50%
    }

    .woocommerce-cart-wrap .related-product>li {
        width: 100%
    }

    .single-related-posts .items-grid>.related-item {
        width: 50%
    }

    .sidebar-right .single-related-posts .items-grid>.related-item,.sidebar-left .single-related-posts .items-grid>.related-item {
        width: 50%
    }

    li.comment,li.pingback {
        padding-left: 0
    }

    .children li.comment,.children li.pingback {
        padding-left: 30px
    }

    #comments .children {
        margin-left: 10px
    }

    .box-style-table .shortcode-action-container {
        display: block;
        margin-top: 20px;
        margin-bottom: 0;
        padding-left: 0;
        overflow: hidden
    }

    .shortcode-action-box.box-style-table {
        display: block
    }

    .box-style-table .action-button .dt-btn {
        float: left
    }
}

@media only screen and (max-width: 960px) {
    .header-side-left .mega-full-width>.sub-nav,.header-side-left .mega-auto-width>.sub-nav {
        max-width:767px;
        left: 0;
        top: auto!important;
        padding-left: 0
    }

    .header-side-right .mega-full-width>.sub-nav,.header-side-right .mega-auto-width>.sub-nav {
        max-width: 767px;
        right: 0;
        top: auto!important;
        padding-right: 0
    }

    .wc-login-wrap,.wc-coupon-wrap,form.track_order,form.lost_reset_password {
        width: 67%
    }

    #customer_login {
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    #customer_login>div {
        width: 67%
    }

    #customer_login>div + div {
        margin-left: auto;
        margin-top: 60px
    }
}

@media screen and (max-width: 800px) {
    .rsHomePorthole .rsCapt {
        bottom:25px
    }
}

@media screen and (min-width: 0) and (max-width:760px) {
    #main-slideshow .psThumbs {
        display:none
    }

    .rsHomePorthole .rsCapt {
        padding: 0 20px;
        bottom: 15px
    }

    .wc-login-wrap,.wc-coupon-wrap,form.track_order,form.lost_reset_password {
        width: 100%
    }

    #customer_login>div {
        width: 100%
    }
}

@media screen and (max-width: 760px) {
    .scroller-arrow,.project-navigation>span,.album-content-description,.hide-thumb-btn,.photo-scroller .ts-wrap.scroller-thumbnails,.share-overlay h3 {
        display:none
    }

    .photo-scroller .btn-cntr,.photo-scroller .slide-caption {
        bottom: 5px!important
    }

    .project-navigation .next-post {
        margin-right: 0
    }

    .share-overlay .wf-td {
        padding-top: 60px
    }

    .share-overlay h1 {
        margin-bottom: 30px;
        font-size: 40px;
        line-height: 44px
    }

    #page .share-overlay .soc-ico a,.share-overlay .soc-ico a {
        width: 50px;
        height: 50px;
        margin: 5px
    }

    .share-overlay .soc-ico a .icon {
        width: 40px;
        height: 40px
    }

    .dt-fancy-separator {
        width: 100%!important
    }

    .overlap.video-playing #header {
        display: none!important
    }

    .items-grid .wf-cell.wf-1-3,.items-grid .wf-cell.wf-1-2 {
        width: 100%
    }

    .related-product>li {
        width: 100%
    }

    .sidebar-right .related-product>li,.sidebar-left .related-product>li,.woocommerce-cart-wrap .related-product>li {
        width: 100%
    }

    .single-related-posts .items-grid>.related-item {
        width: 100%
    }

    .sidebar-right .single-related-posts .items-grid>.related-item,.sidebar-left .single-related-posts .items-grid>.related-item {
        width: 100%
    }

    .dt-testimonials-shortcode.layout-6 .testimonial-item,.dt-testimonials-shortcode.layout-5 .testimonial-item {
        -webkit-flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .dt-testimonials-shortcode.layout-6 .testimonial-item .content-wrap,.dt-testimonials-shortcode.layout-5 .testimonial-item .content-wrap {
        width: 100%!important
    }

    .dt-testimonials-shortcode.layout-6 .testimonial-item .testimonial-avatar,.dt-testimonials-shortcode.layout-5 .testimonial-item .testimonial-avatar {
        padding: 0;
        margin-bottom: 20px
    }

    .content-align-center.dt-testimonials-shortcode.layout-6 .testimonial-item,.content-align-center.dt-testimonials-shortcode.layout-5 .testimonial-item {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 778px) {
    .first-switch-logo-right.first-switch-menu-left .mobile-header-bar .dt-mobile-menu-icon {
        margin-right:10px
    }

    .first-switch-logo-left.first-switch-menu-right:not(.second-switch-menu-left) .mobile-header-bar .dt-mobile-menu-icon {
        margin-left: 10px
    }

    .second-switch-logo-left.second-switch-menu-right .mobile-header-bar .dt-mobile-menu-icon {
        margin-left: 10px
    }

    .second-switch-logo-right.second-switch-menu-left .mobile-header-bar .dt-mobile-menu-icon {
        margin-right: 10px
    }
}

@media screen and (max-width: 568px) {
    .rollover-content p,.rollover-content .entry-meta {
        display:none
    }

    .popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap)>.woocommerce-message,.popup-message-style .woocommerce-error,.popup-message-style div:not(.wc-coupon-wrap):not(.wc-login-wrap)>.woocommerce-info,.popup-message-style .parentFormundefined:not(.run-animation),.popup-message-style .parentFormundefined.run-animation,.popup-message-style #page .wpcf7-mail-sent-ok,.popup-message-style #page .wpcf7-validation-errors {
        max-width: 300px
    }

    @-webkit-keyframes slide-in-message {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(600px,-50%,0);
            transform: translate3d(600px,-50%,0)
        }

        50% {
            opacity: 0;
            -webkit-transform: translate3d(-100px,-50%,0);
            transform: translate3d(-200px,-50%,0)
        }

        100% {
            opacity: 1;
            -webkit-transform: translate3d(-300px,-50%,0);
            transform: translate3d(-300px,-50%,0)
        }
    }

    @keyframes slide-in-message {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(600px,-50%,0);
            transform: translate3d(600px,-50%,0)
        }

        50% {
            opacity: 0;
            -webkit-transform: translate3d(-200px,-50%,0);
            transform: translate3d(-200px,-50%,0)
        }

        100% {
            opacity: 1;
            -webkit-transform: translate3d(-300px,-50%,0);
            transform: translate3d(-300px,-50%,0)
        }
    }

    @-webkit-keyframes slide-out-message {
        0% {
            opacity: 1;
            -webkit-transform: translate3d(-300px,-50%,0);
            transform: translate3d(-300px,-50%,0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(800px,-50%,0);
            transform: translate3d(800px,-50%,0)
        }
    }

    @keyframes slide-out-message {
        0% {
            opacity: 1;
            -webkit-transform: translate3d(-300px,-50%,0);
            transform: translate3d(-300px,-50%,0)
        }

        100% {
            opacity: 0;
            -webkit-transform: translate3d(800px,-50%,0);
            transform: translate3d(800px,-50%,0)
        }
    }
}

@media (max-width: 600px) {
    .floating-mobile-menu-icon.admin-bar .dt-mobile-menu-icon.floating-btn {
        top:10px
    }
}

@media (max-width: 480px) {
    #main .tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper,#main .tab-style-three.wpb_content_element .wpb_tour_tabs_wrapper,#main #content .tab-style-one.wpb_content_element .wpb_tabs_nav,#main #content .tab-style-three.wpb_content_element .wpb_tabs_nav,#main .wpb_tour.wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab,#main .wpb_tour.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab,#main #content .wpb_tour.tab-style-one.wpb_content_element .wpb_tabs_nav,#main #content .wpb_tour.tab-style-three.wpb_content_element .wpb_tabs_nav,#main #content .wpb_tour.tab-style-two.wpb_content_element .wpb_tabs_nav,#main .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab,#main .wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab,#main .wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab {
        display:block
    }

    #main .wpb_tour.tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper,#main .wpb_tour.tab-style-three.wpb_content_element .wpb_tour_tabs_wrapper,#main .wpb_tour.tab-style-two.wpb_content_element .wpb_tour_tabs_wrapper {
        display: block!important
    }

    .wpb_tour.tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
        padding-top: 0
    }

    .wpb_tour.tab-style-one .wpb_tabs_nav,.wpb_tour.tab-style-three .wpb_tabs_nav {
        border-right: none
    }

    .wpb_tour.tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab {
        padding-left: 0
    }

    .wc-login-wrap .log-left-block,.wc-login-wrap .log-right-block {
        width: 100%
    }

    .wc-login-wrap .log-right-block {
        margin-top: 20px
    }
}

@media screen and (max-width: 500px) {
    .post-navigation .nav-links {
        -webkit-flex-flow:column wrap;
        -moz-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .post-navigation .nav-previous,.post-navigation .nav-next {
        width: 100%;
        padding: 0;
        margin: 0 0 25px 0;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .post-navigation .nav-previous .post-title,.post-navigation .nav-next .post-title {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .rtl .post-navigation .nav-previous .post-title,.rtl .post-navigation .nav-next .post-title {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .post-navigation .nav-previous i[class^="fa"],.post-navigation .nav-next i[class^="fa"] {
        display: none
    }

    .post-navigation .nav-links {
        padding-bottom: 0
    }

    .post-navigation .back-to-list,.post-navigation .disabled {
        display: none
    }
}

@media screen and (max-width: 450px) {
    .woocommerce-result-count {
        float:none
    }

    .mobile-header-bar,.masthead .mini-search .submit {
        position: relative
    }

    .dt-mobile-header .mini-nav,.masthead .mini-nav,.dt-mobile-header .shopping-cart,.masthead .shopping-cart,.dt-mobile-header .mini-search,.masthead .mini-search,.dt-mobile-header .searchform,.masthead .searchform,.dt-mobile-header .mini-search.act,.masthead .mini-search.act,.dt-mobile-header .mini-nav li,.masthead .mini-nav li {
        position: static
    }

    #page .masthead .mini-nav .sub-nav,#page .masthead .shopping-cart-wrap,#page .masthead .mini-search .field {
        max-width: 280px;
        left: 50%!important;
        transform: translateX(-50%)
    }

    .dt-mobile-header .select-type-menu .sub-nav,.dt-mobile-header .select-type-menu-first-switch .sub-nav,.dt-mobile-header .select-type-menu-second-switch .sub-nav {
        top: 0
    }

    .masthead .mini-search .field,.masthead .top-bar .mini-search .field {
        top: 100%
    }

    .masthead .shopping-cart-wrap,.masthead .top-bar .shopping-cart-wrap {
        top: 100%;
        padding-top: 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) {
    body:after {
        content:'tablet';
        display: none
    }
}

@media screen and (max-width: 760px),screen and (max-height:300px) {
    body:after {
        content:'phone';
        display: none
    }
}
