#slide-out-widget-area.slide-out-from-right .inner-wrap {
    opacity: 0
}

body.material-ocm-open #slide-out-widget-area.slide-out-from-right .inner-wrap {
    opacity: 1
}

#slide-out-widget-area.slide-out-from-right #slide-out-widget-area .inner>div,#slide-out-widget-area.slide-out-from-right .inner {
    width: auto
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li:first-child a {
    padding-left: 0
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li a i:after {
    z-index: 10000
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li {
    padding: 0
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li a {
    height: 24px;
    display: block;
    width: auto;
    line-height: 38px;
    opacity: 1;
    padding: 0 14px;
    box-sizing: content-box;
    text-align: center
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li i:before {
    z-index: 10;
    display: block;
    position: relative
}

body[data-slide-out-widget-area-style=slide-out-from-right].material #slide-out-widget-area .off-canvas-social-links li i {
    height: 26px;
    width: auto
}

body.material[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li i {
    font-size: 20px
}

body[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li i {
    line-height: 28px;
    display: block;
    position: relative;
    top: auto;
    backface-visibility: hidden;
    transition: color .2s ease;
    vertical-align: middle
}

@media only screen and (min-width: 1000px) {
    body[data-slide-out-widget-area-style=slide-out-from-right] .follow-body.slide_out_area_close {
        opacity:1;
        right: 0;
        transform: translateY(-50%) translateX(-36.55vw)
    }
}

body[data-slide-out-widget-area-style=slide-out-from-right][data-full-width-header=false].admin-bar #slide-out-widget-area .slide_out_area_close {
    top: 50px
}

body[data-slide-out-widget-area-style=slide-out-from-right] #header-outer.side-widget-open {
    box-shadow: none
}

body[data-slide-out-widget-area-style=slide-out-from-right] .nectar-social.fixed {
    transition: transform .45s cubic-bezier(.15,.2,.1,1)
}

.ocm-effect-wrap.material-ocm-open .nectar-social.fixed {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.ocm-effect-wrap.material-ocm-open .swiper-container .slider-next,.ocm-effect-wrap.material-ocm-open .swiper-container .slider-prev {
    transition: background-color .2s linear,opacity .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transition: background-color .2s linear,opacity .45s cubic-bezier(.15,.2,.1,1)
}

.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width=true] .swiper-container .slider-next,.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width=true] .swiper-container .slider-prev {
    opacity: 0!important
}

#fp-nav.material-ocm-open li {
    -webkit-transform: scale(0);
    transform: scale(0)
}

body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .current-menu-item>a {
    opacity: 1
}

body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap-shadow {
    -ms-transition: transform .8s cubic-bezier(.15,.2,.1,1);
    -webkit-transition: transform .8s cubic-bezier(.15,.2,.1,1);
    transition: transform .8s cubic-bezier(.15,.2,.1,1);
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    transform-origin: right;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: 1;
    box-shadow: 0 80px 145px rgba(0,0,0,.33)
}

body.admin-bar.material-ocm-open {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.material-ocm-open .container-wrap {
    pointer-events: none
}

.ocm-effect-wrap .ocm-effect-wrap-inner {
    backface-visibility: hidden
}

.ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner {
    -webkit-transform: scale(1.007)!important;
    transform: scale(1.007)!important;
    -webkit-transform-origin: center;
    transform-origin: center
}

body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap.material-ocm-open {
    -webkit-transition: transform .8s cubic-bezier(.15,.2,.1,1);
    transition: transform .8s cubic-bezier(.15,.2,.1,1);
    -webkit-transform: scale(.835) translateX(-466px) translateZ(0)!important;
    transform: scale(.835) translateX(-466px) translateZ(0)!important;
    height: 100%
}

body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap-shadow.material-ocm-open {
    -webkit-transition: transform .8s cubic-bezier(.15,.2,.1,1);
    transition: transform .8s cubic-bezier(.15,.2,.1,1) -webkit-transform: scale(.825) translateX(-476px) translateZ(0)!important;
    transform: scale(.825) translateX(-476px) translateZ(0)!important;
    height: 100%
}

@media only screen and (max-width: 450px) {
    body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap-shadow {
        -webkit-transition:transform .8s cubic-bezier(.15,.2,.1,1);
        transition: transform .8s cubic-bezier(.15,.2,.1,1)
    }

    body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap.material-ocm-open {
        -webkit-transform: scale(.84) translateX(-93vw) translateZ(0)!important;
        transform: scale(.84) translateX(-93vw) translateZ(0)!important
    }

    body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap-shadow.material-ocm-open {
        -webkit-transform: scale(.83) translateX(-94vw) translateZ(0)!important;
        transform: scale(.83) translateX(-94vw) translateZ(0)!important
    }
}

@media only screen and (min-width: 1000px) {
    body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap.material-ocm-open {
        -webkit-transform-origin:center;
        transform-origin: center;
        -webkit-transform: scale(.8) translateX(-32vw) translateZ(0)!important;
        transform: scale(.8) translateX(-32vw) translateZ(0)!important
    }

    body[data-slide-out-widget-area-style=slide-out-from-right] .ocm-effect-wrap-shadow.material-ocm-open {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(.79) translateX(-33.6vw) translateZ(0)!important;
        transform: scale(.79) translateX(-33.6vw) translateZ(0)!important
    }

    body[data-slide-out-widget-area-style=slide-out-from-right] .follow-body.slide_out_area_close {
        -ms-transform: translateY(-50%) translateX(-35.55vw);
        -webkit-transform: translateY(-50%) translateX(-35.55vw);
        transform: translateY(-50%) translateX(-35.55vw)
    }

    body[data-slide-out-widget-area-style=slide-out-from-right][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open {
        -ms-transform-origin: center;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(.85) translateX(-29.6vw) translateZ(0)!important;
        transform: scale(.85) translateX(-29.6vw) translateZ(0)!important
    }

    body[data-slide-out-widget-area-style=slide-out-from-right][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner {
        -webkit-transform: none!important;
        transform: none!important
    }
}

.material-ocm-open #ajax-content-wrap {
    cursor: pointer
}

#slide-out-widget-area.slide-out-from-right .bottom-meta-wrap,#slide-out-widget-area.slide-out-from-right .inner>div {
    -webkit-transform: translateX(110px);
    -webkit-transition: all .8s cubic-bezier(.15,.2,.1,1);
    transform: translateX(110px);
    transition: all .8s cubic-bezier(.15,.2,.1,1)
}

#slide-out-widget-area.slide-out-from-right.material-open .bottom-meta-wrap,#slide-out-widget-area.slide-out-from-right.material-open .inner>div {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}