.component {
    margin: 0 auto;
    position: relative;
    margin-bottom: 40px;
    max-width: 100%
}

.component-small {
    width: 650px;
    height: 290px
}

.component-fullwidth {
    width: 100%;
    height: 100%;
    min-height: 200px;
    margin-bottom: 0;
    background: transparent;
    position: relative
}

.component-transparent {
    width: 900px;
    height: 500px
}

.component>ul {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 auto
}

.component-small>ul {
    width: 450px
}

.component-fullwidth>ul {
    overflow: hidden
}

.component-transparent>ul {
    width: 112px
}

.component li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    margin-bottom: 0
}

.component-fullwidth li {
    overflow: hidden
}

.component .current {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
    margin: 0
}

.component li img {
    display: inline-block;
    max-width: 100%
}

.component li .be-slide-bg img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    display: inline-block;
    max-width: none
}

.component nav a,
a.ps-next,
a.ps-prev {
    position: absolute;
    width: 40px;
    height: 60px;
    line-height: 60px;
    outline: none;
    overflow: hidden;
    text-align: center;
    top: 50%;
    font-size: 20px;
    background: #000;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    z-index: 13
}

.component-small nav a.prev,
.component-transparent nav a.prev {
    left: 0
}

.component-small nav a.next,
.component-transparent nav a.next {
    right: 0
}

.component-fullwidth nav a {
    top: 50%;
    left: 50%;
    margin-top: -30px;
    display: none
}

.component-fullwidth nav a.prev {
    left: 0
}

.component-fullwidth nav a.next {
    right: 0;
    left: auto
}

.component li .be-slide-bg,
.component li .be-slide-bg-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component li .be-slide-bg {
    background: transparent
}

.component li .be-slide-bg .image-loader-wrap {
    text-align: center
}

.component li .be-slide-bg i {
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    display: block
}

.ps-slides-inner-slide-wrap .component-fullwidth {
    min-height: 0
}

.be-slide-bg-holder .be-wrap {
    height: 100%
}

.be-slider-content-wrap {
    display: table;
    width: 100%;
    height: 100%
}

.be-slider-content {
    color: #fff;
    z-index: 1;
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.be-slider-content.top-content {
    vertical-align: top;
    padding-top: 15px
}

.be-slider-content.bottom-content {
    vertical-align: bottom;
    padding-bottom: 15px
}

.be-slider-content-inner {
    display: none
}

.current .be-slider-content-inner {
    display: block
}

.be-slider-content-inner-wrap {
    margin: 0 auto
}

.be-slider-content-inner-wrap.left-content {
    margin: 0 0 0 20px
}

.be-slider-content-inner-wrap.right-content {
    margin: 0 20px 0 auto
}

@media screen and (max-width:35.5em) {
    .component-small nav a {
        top: 100%;
        margin-top: 10px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .component-small nav a.prev {
        left: 50%;
        margin-left: -80px
    }

    .component-small nav a.next {
        margin-left: 20px;
        right: auto;
        left: 50%
    }
}

@media only screen and (max-width:767px) {
    .be-slider-content-inner-wrap {
        width: 90% !important;
        max-width: 100% !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        top: auto !important;
        float: none !important;
        margin: 0 auto !important;
        font-size: 13px;
        line-height: 20px
    }

    .be-slider-content-inner-wrap h1,
    .be-slider-content-inner-wrap h2,
    .be-slider-content-inner-wrap h3,
    .be-slider-content-inner-wrap h4,
    .be-slider-content-inner-wrap h5,
    .be-slider-content-inner-wrap h6 {
        font-size: 30px;
        line-height: 30px
    }
}

.ps-container-wrap {
    position: relative
}

.dual-carousel-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.dual-carousel-container>div {
    position: absolute;
    width: 75%
}

.dual-carousel-container>div.ps-contentwrapper {
    width: 25%
}

.ps-contentwrapper {
    top: 0;
    height: 100%
}

.ps-content {
    width: 100%;
    height: 100%;
    padding: 70px 50px;
    background: #fff;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.ps-content .ps-content-inner {
    height: 100%
}

.pa-slides-inner-slide-container .ps-content {
    display: none;
    position: relative
}

.ps-slidewrapper {
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden
}

.ps-slides {
    bottom: 0;
    position: relative
}

.ps-slides,
.ps-slides>div {
    height: 100%;
    width: 100%
}

.dual-carousel-container>a {
    width: 70px;
    height: 50px;
    position: absolute;
    float: left;
    outline: none;
    bottom: 20px;
    line-height: 40px;
    left: 12.5%;
    margin-left: -35px;
    background: none !important;
    color: #000;
    font-size: 50px;
    top: auto
}

.ps-move {
    -webkit-transition: top .4s ease-out;
    -o-transition: top .4s ease-out;
    transition: top .4s ease-out
}

.dual-carousel-container>a.ps-next {
    bottom: auto;
    top: 20px
}

.ps-slides-inner-slide-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.ps-content .portfolio-title {
    margin-bottom: 20px
}

.ps-content-thumbnail {
    display: none;
    margin-bottom: 20px
}

.ps-content-thumbnail img {
    width: 100%
}

@media screen and (max-width:960px) {
    .ps-container-wrap {
        position: static
    }

    .ps-content {
        height: auto
    }

    .dual-carousel-container,
    .dual-carousel-container>div {
        position: relative;
        height: auto
    }

    .dual-carousel-container>div.ps-contentwrapper {
        width: 100%
    }

    .ps-content {
        display: none
    }

    .pa-slides-inner-slide-container .ps-content {
        display: block;
        position: relative
    }

    .ps-contentwrapper {
        top: 0
    }

    .ps-container-wrap,
    .ps-slides {
        position: relative !important;
        height: auto !important
    }

    .ps-slides-inner-slide-wrap {
        position: relative
    }

    .ps-container-wrap .component-fullwidth {
        height: 300px !important
    }

    .dual-carousel-container>div {
        width: 100% !important
    }

    .dual-carousel-container>a,
    .ps-next,
    .ps-prev {
        display: none !important
    }
}

.fxSoftScale .navOutNext {
    -webkit-animation: scaleUp 1.5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleUp 1.5s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxSoftScale .navInNext {
    -webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleDownUp 1.5s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxSoftScale .navOutPrev {
    -webkit-animation: scaleDown 1.5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleDown 1.5s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxSoftScale .navInPrev {
    -webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleUpDown 1.5s forwards cubic-bezier(.7, 0, .3, 1)
}

@-webkit-keyframes scaleUp {
    to {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
}

@keyframes scaleUp {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@-webkit-keyframes scaleDownUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes scaleDownUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.9)
    }
}

@keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes scaleUpDown {
    0% {
        -webkit-transform: scale(1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes scaleUpDown {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fxPressAway .navOutNext {
    -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxPressAway .navInNext {
    opacity: 1;
    -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxPressAway .navOutPrev {
    -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxPressAway .navInPrev {
    opacity: 1;
    -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

@-webkit-keyframes slideOutScaleRight {
    to {
        -webkit-transform: translateX(100%) scale(.9);
        opacity: 0
    }
}

@keyframes slideOutScaleRight {
    to {
        -webkit-transform: translateX(100%) scale(.9);
        transform: translateX(100%) scale(.9);
        opacity: 0
    }
}

@-webkit-keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutScaleLeft {
    to {
        -webkit-transform: translateX(-100%) scale(.9);
        opacity: 0
    }
}

@keyframes slideOutScaleLeft {
    to {
        -webkit-transform: translateX(-100%) scale(.9);
        transform: translateX(-100%) scale(.9);
        opacity: 0
    }
}

@-webkit-keyframes slideInFromRight {
    0% {
        -webkit-transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@keyframes slideInFromRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fxSideSwing .navOutNext {
    -webkit-animation: slideOutScaleRight 1.2s forwards;
    animation: slideOutScaleRight 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -.2, 0, 1)
}

.fxSideSwing .navInNext {
    opacity: 1;
    -webkit-animation: slideInFromLeft 1.2s forwards;
    animation: slideInFromLeft 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -.2, 0, 1)
}

.fxSideSwing .navOutPrev {
    -webkit-animation: slideOutScaleLeft 1.2s forwards;
    animation: slideOutScaleLeft 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -.2, 0, 1)
}

.fxSideSwing .navInPrev {
    opacity: 1;
    -webkit-animation: slideInFromRight 1.2s forwards;
    animation: slideInFromRight 1.2s forwards;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-timing-function: cubic-bezier(1, -.2, 0, 1);
    animation-timing-function: cubic-bezier(1, -.2, 0, 1)
}

.fxFortuneWheel .itemwrap {
    -webkit-perspective: 1600px;
    perspective: 1600px
}

.fxFortuneWheel .navOutNext {
    -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideOutScaleRight 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxFortuneWheel .navInNext {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateInFromLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxFortuneWheel .navOutPrev {
    -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideOutScaleLeft 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxFortuneWheel .navInPrev {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateInFromRight 1.2s forwards cubic-bezier(.7, 0, .3, 1)
}

@-webkit-keyframes rotateInFromLeft {
    0% {
        -webkit-transform: translateX(-100%) rotateY(-55deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes rotateInFromLeft {
    0% {
        -webkit-transform: translateX(-100%) rotateY(-55deg);
        transform: translateX(-100%) rotateY(-55deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes rotateInFromRight {
    0% {
        -webkit-transform: translateX(100%) rotateY(55deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes rotateInFromRight {
    0% {
        -webkit-transform: translateX(100%) rotateY(55deg);
        transform: translateX(100%) rotateY(55deg)
    }

    to {
        -webkit-transform: translateX(0) rotateY(0deg);
        transform: translateX(0) rotateY(0deg);
        opacity: 1
    }
}

.fxSwipe .navOutNext {
    -webkit-animation: decreaseHeight .8s forwards ease-in-out;
    animation: decreaseHeight .8s forwards ease-in-out
}

.fxSwipe .navInNext {
    -webkit-animation: show .8s forwards ease-in-out;
    animation: show .8s forwards ease-in-out
}

.fxSwipe .navOutPrev {
    -webkit-animation: hide .8s forwards ease-in-out;
    animation: hide .8s forwards ease-in-out
}

.fxSwipe .navInPrev {
    z-index: 3;
    opacity: 1;
    -webkit-animation: increaseHeight .8s forwards ease-in-out;
    animation: increaseHeight .8s forwards ease-in-out
}

@-webkit-keyframes decreaseHeight {
    to {
        height: 0
    }
}

@keyframes decreaseHeight {
    to {
        height: 0
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    1%,
    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    1%,
    to {
        opacity: 1
    }
}

@-webkit-keyframes hide {

    0%,
    99% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes hide {

    0%,
    99% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes increaseHeight {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

@keyframes increaseHeight {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

.fxPushReveal .navOutNext {
    opacity: 1;
    -webkit-animation: slideOutToBottom .7s forwards ease-in-out;
    animation: slideOutToBottom .7s forwards ease-in-out
}

.fxPushReveal .navInNext {
    opacity: 1;
    -webkit-animation: slideInHalfFromTop .7s forwards ease-in-out;
    animation: slideInHalfFromTop .7s forwards ease-in-out
}

.fxPushReveal .navOutPrev {
    opacity: 1;
    -webkit-animation: slideOutHalfTop .7s forwards ease-in-out;
    animation: slideOutHalfTop .7s forwards ease-in-out
}

.fxPushReveal .navInPrev {
    opacity: 1;
    z-index: 11;
    -webkit-animation: slideInFromBottom .7s forwards ease-in-out;
    animation: slideInFromBottom .7s forwards ease-in-out
}

@-webkit-keyframes slideInHalfFromTop {
    0% {
        -webkit-transform: translateY(-50%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideInHalfFromTop {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideOutHalfTop {
    to {
        -webkit-transform: translateY(-50%)
    }
}

@keyframes slideOutHalfTop {
    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@-webkit-keyframes slideInFromBottom {
    0% {
        -webkit-transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideInFromBottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fxSnapIn .navOutNext {
    -webkit-animation: slideOutLeft .5s forwards ease-in;
    animation: slideOutLeft .5s forwards ease-in
}

.fxSnapIn .navInNext {
    z-index: 11;
    opacity: 1;
    -webkit-animation: slideFromRightFast .5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideFromRightFast .5s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxSnapIn .navOutPrev {
    -webkit-animation: slideOutRight .5s forwards ease-in;
    animation: slideOutRight .5s forwards ease-in
}

.fxSnapIn .navInPrev {
    z-index: 11;
    opacity: 1;
    -webkit-animation: slideFromLeftFast .5s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideFromLeftFast .5s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxSnapIn li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .4s ease-in .1s;
    -o-transition: opacity .4s .1s ease-in;
    transition: opacity .4s ease-in .1s
}

.fxSnapIn .navOutNext:after,
.fxSnapIn .navOutPrev:after {
    opacity: 1
}

@-webkit-keyframes slideOutLeft {
    to {
        -webkit-transform: translateX(-10%)
    }
}

@keyframes slideOutLeft {
    to {
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
}

@-webkit-keyframes slideFromRightFast {

    0%,
    50% {
        -webkit-transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@keyframes slideFromRightFast {

    0%,
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutRight {
    to {
        -webkit-transform: translateX(10%)
    }
}

@keyframes slideOutRight {
    to {
        -webkit-transform: translateX(10%);
        transform: translateX(10%)
    }
}

@-webkit-keyframes slideFromLeftFast {

    0%,
    50% {
        -webkit-transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@keyframes slideFromLeftFast {

    0%,
    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fxLetMeIn .itemwrap {
    -webkit-perspective: 1600px;
    perspective: 1600px
}

.fxLetMeIn .navOutNext {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateOutRight .5s forwards ease-in-out;
    animation: rotateOutRight .5s forwards ease-in-out
}

.fxLetMeIn .navInNext {
    z-index: 11;
    opacity: 1;
    -webkit-animation: slideFromRightFast .5s forwards ease;
    animation: slideFromRightFast .5s forwards ease
}

.fxLetMeIn .navOutPrev {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: rotateOutLeft .5s forwards ease-in-out;
    animation: rotateOutLeft .5s forwards ease-in-out
}

.fxLetMeIn .navInPrev {
    z-index: 11;
    opacity: 1;
    -webkit-animation: slideFromLeftFast .5s forwards ease;
    animation: slideFromLeftFast .5s forwards ease
}

.fxLetMeIn li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.fxLetMeIn .navOutNext:after,
.fxLetMeIn .navOutPrev:after {
    opacity: 1
}

@-webkit-keyframes rotateOutRight {
    to {
        -webkit-transform: rotateY(10deg)
    }
}

@keyframes rotateOutRight {
    to {
        -webkit-transform: rotateY(10deg);
        transform: rotateY(10deg)
    }
}

@-webkit-keyframes rotateOutLeft {
    to {
        -webkit-transform: rotateY(-10deg)
    }
}

@keyframes rotateOutLeft {
    to {
        -webkit-transform: rotateY(-10deg);
        transform: rotateY(-10deg)
    }
}

.fxStickIt .itemwrap {
    -webkit-perspective: 1600px;
    perspective: 1600px
}

.fxStickIt .navOutNext {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateBottomSideOut .8s forwards ease-in;
    animation: rotateBottomSideOut .8s forwards ease-in
}

.fxStickIt .navInNext {
    z-index: 11;
    opacity: 1;
    -webkit-animation: slideInFromBottomDelayed .8s forwards;
    animation: slideInFromBottomDelayed .8s forwards
}

.fxStickIt .navOutPrev {
    opacity: 1;
    -webkit-animation: slideOutToBottom .8s forwards;
    animation: slideOutToBottom .8s forwards
}

.fxStickIt .navInPrev {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateBottomSideIn .8s .1s forwards ease-in;
    animation: rotateBottomSideIn .8s .1s forwards ease-in
}

@-webkit-keyframes rotateBottomSideOut {
    40% {
        -webkit-transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.8) translateZ(-200px)
    }
}

@keyframes rotateBottomSideOut {
    40% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px)
    }
}

@-webkit-keyframes slideInFromBottomDelayed {

    0%,
    30% {
        -webkit-transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes slideInFromBottomDelayed {

    0%,
    30% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8) translateZ(-200px)
    }

    60% {
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        -webkit-animation-timing-function: ease-out
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg)
    }
}

@keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8) translateZ(-200px);
        transform: scale(.8) translateZ(-200px)
    }

    60% {
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        transform: scale(1) translateZ(0) rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
        transform: scale(1) translateZ(0) rotateX(0deg)
    }
}

.fxArchiveMe .navOutNext {
    -webkit-animation: scaleHalfDown .7s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleHalfDown .7s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxArchiveMe .navInNext {
    z-index: 11;
    opacity: 1;
    -webkit-animation: slideInFromBottom .7s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideInFromBottom .7s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxArchiveMe .navOutPrev {
    -webkit-animation: slideOutToBottom .7s forwards cubic-bezier(.7, 0, .3, 1);
    animation: slideOutToBottom .7s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxArchiveMe .navInPrev {
    -webkit-animation: scaleHalfUp .7s forwards cubic-bezier(.7, 0, .3, 1);
    animation: scaleHalfUp .7s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxArchiveMe li:after,
.fxArchiveMe li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: opacity .7s cubic-bezier(.7, 0, .3, 1);
    -o-transition: opacity .7s cubic-bezier(.7, 0, .3, 1);
    transition: opacity .7s cubic-bezier(.7, 0, .3, 1)
}

.fxArchiveMe .navOutNext:before,
.fxArchiveMe li:after {
    opacity: 1
}

.fxArchiveMe .navInNext:after,
.fxArchiveMe .navInPrev:after,
.fxArchiveMe li.current:after,
.fxArchiveMe li:before {
    opacity: 0
}

.fxArchiveMe .navInNext:after {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@-webkit-keyframes scaleHalfDown {
    to {
        -webkit-transform: scale(.6);
        opacity: 0
    }
}

@keyframes scaleHalfDown {
    to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
}

@-webkit-keyframes slideOutToBottom {
    to {
        -webkit-transform: translateY(100%)
    }
}

@keyframes slideOutToBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes scaleHalfUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes scaleHalfUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fxVGrowth .navOutNext {
    -webkit-animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1);
    animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1)
}

.fxVGrowth .navInNext {
    z-index: 11;
    opacity: 1;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1);
    animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1)
}

.fxVGrowth .navOutPrev {
    -webkit-animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1);
    animation: scaleDown .6s forwards cubic-bezier(.6, 0, .4, 1)
}

.fxVGrowth .navInPrev {
    z-index: 11;
    opacity: 1;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1);
    animation: maximize .6s forwards cubic-bezier(.6, 0, .4, 1)
}

@-webkit-keyframes maximize {
    0% {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes maximize {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fxSlideBehind .itemwrap {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.fxSlideBehind .navOutNext {
    -webkit-animation: hideLeft .8s forwards;
    animation: hideLeft .8s forwards
}

.fxSlideBehind .navInNext {
    -webkit-animation: showRight .8s forwards;
    animation: showRight .8s forwards
}

.fxSlideBehind .navOutPrev {
    -webkit-animation: hideRight .8s forwards;
    animation: hideRight .8s forwards
}

.fxSlideBehind .navInPrev {
    -webkit-animation: showLeft .8s forwards;
    animation: showLeft .8s forwards
}

@-webkit-keyframes hideLeft {
    0% {
        -webkit-transform: translateZ(0)
    }

    40% {
        -webkit-transform: translateY(-40%) scale(.8) rotateX(-20deg);
        z-index: 9
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(-400px)
    }
}

@keyframes hideLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40% {
        -webkit-transform: translateY(-40%) scale(.8) rotateX(-20deg);
        transform: translateY(-40%) scale(.8) rotateX(-20deg);
        z-index: 9
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px)
    }
}

@-webkit-keyframes showRight {
    0% {
        -webkit-transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(40%) scale(.8) rotateX(20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translateY(40%) scale(.8) rotateX(20deg);
        opacity: 1;
        z-index: 9999
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        z-index: 9999
    }
}

@keyframes showRight {
    0% {
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(40%) scale(.8) rotateX(20deg);
        transform: translateY(40%) scale(.8) rotateX(20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translateY(40%) scale(.8) rotateX(20deg);
        transform: translateY(40%) scale(.8) rotateX(20deg);
        opacity: 1;
        z-index: 9
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
        z-index: 9
    }
}

@-webkit-keyframes hideRight {
    0% {
        -webkit-transform: translateZ(0)
    }

    40% {
        -webkit-transform: translateY(40%) scale(.8) rotateX(20deg);
        z-index: 9
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(-400px)
    }
}

@keyframes hideRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40% {
        -webkit-transform: translateY(40%) scale(.8) rotateX(20deg);
        transform: translateY(40%) scale(.8) rotateX(20deg);
        z-index: 9
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px)
    }
}

@-webkit-keyframes showLeft {
    0% {
        -webkit-transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-40%) scale(.8) rotateX(-20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translateY(-40%) scale(.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        z-index: 9
    }
}

@keyframes showLeft {
    0% {
        -webkit-transform: translateZ(-400px);
        transform: translateZ(-400px);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-40%) scale(.8) rotateX(-20deg);
        transform: translateY(-40%) scale(.8) rotateX(-20deg);
        opacity: 1
    }

    41% {
        -webkit-transform: translateY(-40%) scale(.8) rotateX(-20deg);
        transform: translateY(-40%) scale(.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
        z-index: 9
    }
}

.fxSoftPulse .navOutNext,
.fxSoftPulse .navOutPrev {
    -webkit-animation: scaleUpFadeOut .8s forwards ease-in;
    animation: scaleUpFadeOut .8s forwards ease-in
}

.fxSoftPulse .navInNext,
.fxSoftPulse .navInPrev {
    -webkit-animation: scaleDownFadeIn .8s forwards ease-out;
    animation: scaleDownFadeIn .8s forwards ease-out
}

@-webkit-keyframes scaleUpFadeOut {
    50% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.1);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleUpFadeOut {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes scaleDownFadeIn {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes scaleDownFadeIn {
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fxEarthquake .navOutNext {
    opacity: 1;
    -webkit-animation: shakeSlideBottom 1s .1s forwards;
    animation: shakeSlideBottom 1s .1s forwards
}

.fxEarthquake .navInNext {
    -webkit-animation: pushFromTop 1s .1s forwards;
    animation: pushFromTop 1s .1s forwards
}

.fxEarthquake .navOutPrev {
    opacity: 1;
    -webkit-animation: shakeSlideTop 1s .1s forwards;
    animation: shakeSlideTop 1s .1s forwards
}

.fxEarthquake .navInPrev {
    opacity: 1;
    -webkit-animation: pushFromBottom 1s .1s forwards;
    animation: pushFromBottom 1s .1s forwards
}

.fxEarthquake li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.fxEarthquake .navOutNext:after,
.fxEarthquake .navOutPrev:after {
    opacity: 1
}

@-webkit-keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0) rotate(0deg)
    }

    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    6% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    12% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    16% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    18% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    20% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    22% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    24% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    26% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    28% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    30% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    32% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    34% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    36% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    40% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    42% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    44% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    50% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    52% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    54% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    58% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    60% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    64% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    68% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    70% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    to {
        -webkit-transform: translateY(100%)
    }
}

@keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    6% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    12% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    16% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    18% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    20% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    22% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    24% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    26% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    28% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    30% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    32% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    34% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    36% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    40% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    42% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    44% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    50% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    52% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    54% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    58% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    60% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    64% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    68% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    70% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes pushFromTop {

    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes pushFromTop {

    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0) rotate(0deg)
    }

    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    6% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    12% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    16% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    18% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    20% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    22% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    24% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    26% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    28% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    30% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    32% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    34% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    36% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    40% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    42% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    44% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    50% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    52% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    54% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    58% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    60% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    64% {
        -webkit-transform: translateY(-1px) rotate(-.5deg)
    }

    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg)
    }

    68% {
        -webkit-transform: translate(-1px) rotate(-.5deg)
    }

    70% {
        -webkit-transform: translate(0) rotate(-.5deg)
    }

    to {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    6% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    12% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    16% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    18% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    20% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    22% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    24% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    26% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    28% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    30% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    32% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    34% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    36% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    40% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    42% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    44% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    50% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    52% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    54% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    58% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    60% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    64% {
        -webkit-transform: translateY(-1px) rotate(-.5deg);
        transform: translateY(-1px) rotate(-.5deg)
    }

    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-.5deg);
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    68% {
        -webkit-transform: translate(-1px) rotate(-.5deg);
        transform: translate(-1px) rotate(-.5deg)
    }

    70% {
        -webkit-transform: translate(0) rotate(-.5deg);
        transform: translate(0) rotate(-.5deg)
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes pushFromBottom {

    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes pushFromBottom {

    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fxCliffDiving li {
    -webkit-transform-origin: 50% 400%;
    -ms-transform-origin: 50% 400%;
    transform-origin: 50% 400%
}

.fxCliffDiving .navOutNext {
    opacity: 1;
    -webkit-animation: rotateOutCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateOutCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxCliffDiving .navInNext {
    opacity: 1;
    -webkit-animation: rotateInCircRight .9s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateInCircRight .9s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxCliffDiving .navOutPrev {
    opacity: 1;
    -webkit-animation: rotateOutCircRight .9s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateOutCircRight .9s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxCliffDiving .navInPrev {
    opacity: 1;
    -webkit-animation: rotateInCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1);
    animation: rotateInCircLeft .9s forwards cubic-bezier(.7, 0, .3, 1)
}

.fxCliffDiving li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: #000;
    -webkit-transition: opacity .9s cubic-bezier(.7, 0, .3, 1);
    -o-transition: opacity .9s cubic-bezier(.7, 0, .3, 1);
    transition: opacity .9s cubic-bezier(.7, 0, .3, 1)
}

.fxCliffDiving .navOutNext:after,
.fxCliffDiving .navOutPrev:after {
    opacity: 1
}

@-webkit-keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%)
    }
}

@keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}

@-webkit-keyframes rotateInCircRight {
    0% {
        -webkit-transform: rotate(20deg) translateX(100%)
    }

    to {
        -webkit-transform: rotate(0deg) translateX(0)
    }
}

@keyframes rotateInCircRight {
    0% {
        -webkit-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }

    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-webkit-keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%)
    }
}

@keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
}

@-webkit-keyframes rotateInCircLeft {
    0% {
        -webkit-transform: rotate(-20deg) translateX(-100%)
    }

    to {
        -webkit-transform: rotate(0deg) translateX(0)
    }
}

@keyframes rotateInCircLeft {
    0% {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }

    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-theme .owl-controls {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-dots {
    margin-top: 15px
}

.client-carousel-module,
.content_slider_module,
.portfolio-carousel-module,
.twitter_module {
    list-style: none;
    padding-left: 0
}

.oshine-module {
    margin-bottom: 60px
}

.oshine_diamond {
    width: 10px;
    height: 10px;
    background: #727b7d;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    margin: 0 20px
}

.be-animated-anchor {
    position: relative;
    display: inline-block;
    outline: none;
    vertical-align: bottom;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    overflow: hidden
}

.be-animated-anchor:hover {
    outline: 0
}

.be-animated-anchor.be-style1 {
    -webkit-transition: background-color .3s, border-color .3s;
    -o-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s;
    border-bottom: 1px solid transparent
}

.be-style2 .be-anchor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translate3d(0, 95%, 0);
    transform: translate3d(0, 95%, 0)
}

.be-animated-anchor.be-style2:hover .be-anchor-overlay {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.be-style3 .be-anchor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.be-animated-anchor.be-style3:hover .be-anchor-overlay {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.be-style4 .be-anchor-overlay {
    position: absolute;
    top: 0;
    left: -5px;
    z-index: -1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 5px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    -o-transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.be-animated-anchor.be-style4:hover .be-anchor-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.be-animated-anchor.be-style5 {
    overflow: visible
}

.be-style5 .be-anchor-overlay {
    position: absolute;
    top: 0;
    left: -5px;
    z-index: -1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 5px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: skewY(-3deg) skewX(-11deg);
    -ms-transform: skewY(-3deg) skewX(-11deg);
    transform: skewY(-3deg) skewX(-11deg)
}

.be-animated-anchor.be-style5:hover .be-anchor-overlay {
    opacity: 1;
    -webkit-transform: skewY(0) skewX(0);
    -ms-transform: skewY(0) skewX(0);
    transform: skewY(0) skewX(0)
}

.be-animated-anchor.be-style6 {
    -webkit-transition: all .3s cubic-bezier(.6, 0, .4, 1);
    -o-transition: all .3s cubic-bezier(.6, 0, .4, 1);
    transition: all .3s cubic-bezier(.6, 0, .4, 1)
}

.be-style6 .be-anchor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateY(100%) translateY(-3px);
    -ms-transform: translateY(100%) translateY(-3px);
    transform: translateY(100%) translateY(-3px);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.6, 0, .4, 1);
    transition: -webkit-transform .3s cubic-bezier(.6, 0, .4, 1);
    -o-transition: transform .3s cubic-bezier(.6, 0, .4, 1);
    transition: transform .3s cubic-bezier(.6, 0, .4, 1);
    transition: transform .3s cubic-bezier(.6, 0, .4, 1), -webkit-transform .3s cubic-bezier(.6, 0, .4, 1)
}

.be-animated-anchor.be-style6:hover {
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}

.be-animated-anchor.be-style6:hover .be-anchor-overlay {
    -webkit-transform: translateY(-100%) translateY(3px);
    -ms-transform: translateY(-100%) translateY(3px);
    transform: translateY(-100%) translateY(3px)
}

.be-animated-anchor.be-style7 {
    -webkit-transition: color .3s cubic-bezier(.175, .885, .32, 1.075);
    -o-transition: color .3s cubic-bezier(.175, .885, .32, 1.075);
    transition: color .3s cubic-bezier(.175, .885, .32, 1.075)
}

.be-style7 .be-anchor-overlay {
    position: absolute;
    bottom: 1px;
    width: 0;
    height: 1px;
    left: 0;
    -webkit-transition: width .3s cubic-bezier(.175, .885, .32, 1.075);
    -o-transition: width .3s cubic-bezier(.175, .885, .32, 1.075);
    transition: width .3s cubic-bezier(.175, .885, .32, 1.075)
}

.be-animated-anchor.be-style7:hover .be-anchor-overlay {
    width: 100%
}

.font-icon.tiny {
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 28px
}

.font-icon.small {
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 45px
}

.font-icon.medium {
    font-size: 25px;
    height: 75px;
    line-height: 75px;
    width: 75px
}

.font-icon.large {
    font-size: 40px;
    width: 100px;
    height: 100px;
    line-height: 100px
}

.font-icon.xlarge {
    font-size: 55px;
    width: 125px;
    height: 125px;
    line-height: 125px
}

.chart,
.chart-wrap {
    text-align: center
}

.chart {
    position: relative;
    width: 110px;
    height: 110px;
    line-height: 110px;
    margin: 0 auto 20px
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.client-carousel-module.be-owl-carousel {
    display: none
}

.client-carousel-module.owl-carousel .owl-item,
.content_slider_module.owl-carousel .owl-item,
.portfolio-carousel-module.owl-carousel .owl-item,
.testimonial_module.owl-carousel .owl-item,
.twitter_module.owl-carousel .owl-item {
    -webkit-backface-visibility: initial
}

.portfolio-carousel-module.be-owl-carousel {
    display: none
}

.carousel-wrap {
    position: relative;
    margin-bottom: 50px
}

.be-owl-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden
}

.be-owl-carousel li {
    margin: 0 10px;
    display: block;
    position: relative
}

.portfolio-carousel .be-owl-carousel li {
    margin: 0
}

.owl-carousel.client-carousel-module .owl-item img {
    display: inline-block;
    width: auto
}

.client-carousel-module li a {
    display: block;
    text-align: center;
    line-height: 120px
}

.portfolio-carousel .be-owl-carousel li img {
    width: 100%;
    max-width: 100%
}

.client-carousel-module li img {
    vertical-align: middle;
    height: auto !important
}

.owl-controls .owl-buttons,
.owl-controls .owl-prev {
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.owl-controls .owl-buttons {
    opacity: 0;
    -moz-opacity: 0
}

.owl-controls .owl-next,
.owl-controls .owl-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    margin-top: -35px;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.owl-controls .owl-prev {
    left: 0
}

.owl-controls .owl-next {
    right: 0
}

.be-owl-carousel .owl-item li.carousel-item.element {
    width: 100%
}

.contact_form.style2 .field_email,
.contact_form.style2 .field_name {
    width: 48%;
    float: left
}

.contact_form.style2 .field_name {
    margin-right: 4%
}

.contact_form.style2 .submit-fieldset {
    text-align: center
}

.contact_form .field_consent {
    margin-bottom: 20px
}

.contact_status,
.subscribe_status {
    margin-top: 20px
}

.countdown-rtl {
    direction: rtl
}

.countdown-holding span {
    color: #888
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}

.countdown-show1 .countdown-section {
    width: 98%
}

.countdown-show2 .countdown-section {
    width: 48%
}

.countdown-show3 .countdown-section {
    width: 32.5%
}

.countdown-show4 .countdown-section {
    width: 24.5%
}

.countdown-show5 .countdown-section {
    width: 19.5%
}

.countdown-show6 .countdown-section {
    width: 16.25%
}

.countdown-show7 .countdown-section {
    width: 14%
}

.countdown-section {
    display: block;
    float: left;
    font-size: 16px;
    text-align: center
}

.countdown-amount {
    font-size: 50px;
    line-height: 2
}

.countdown-period {
    display: block
}

.countdown-descr {
    display: block;
    width: 100%
}

.portfolio-nav-wrap a {
    color: inherit !important;
    margin: 5px
}

.portfolio-nav-wrap .home-grid-icon {
    display: inline-block
}

.portfolio-nav-wrap.style1-navigation .home-grid-icon {
    width: 18px
}

.portfolio-nav-wrap .style2-navigation .home-grid-icon {
    width: 21px
}

.portfolio-nav-wrap .home-grid-icon:hover span {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.portfolio-nav-wrap .home-grid-icon span:first-child {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

.portfolio-nav-wrap .home-grid-icon span:nth-child(2) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.portfolio-nav-wrap .home-grid-icon span:nth-child(3) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.portfolio-nav-wrap .home-grid-icon span:nth-child(4) {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.portfolio-nav-wrap .home-grid-icon span:nth-child(5) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.portfolio-nav-wrap .home-grid-icon span:nth-child(6) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.home-grid-icon span {
    background: #000;
    float: left;
    height: 4px;
    width: 4px;
    margin-bottom: 1px;
    margin-left: 1px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.portfolio-nav-wrap .style2-navigation .home-grid-icon span {
    height: 5px;
    width: 5px
}

.single-page-nav.style2-navigation {
    text-align: center
}

.single-page-nav.style2-navigation .font-icon {
    font-size: 30px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top
}

.single-page-nav.style2-navigation .next-post-link,
.single-page-nav.style2-navigation .previous-post-link {
    display: block;
    margin: 0;
    position: relative
}

.single-page-nav.style2-navigation .next-post-link .font-icon,
.single-page-nav.style2-navigation .previous-post-link .font-icon {
    font-size: 27px
}

.single-page-nav.style2-navigation .next-post-link .font-icon {
    margin-left: 20px
}

.single-page-nav.style2-navigation .previous-post-link .font-icon {
    margin-right: 20px
}

.single-page-nav.style2-navigation .next-post-link .font-icon:before,
.single-page-nav.style2-navigation .previous-post-link .font-icon:before {
    display: block;
    height: 38px;
    line-height: 38px
}

.single-page-nav.style2-navigation .next-post-link {
    float: right;
    margin-top: -1px
}

.single-page-nav.style2-navigation .previous-post-link {
    float: left
}

.single-page-nav.style2-navigation .next-post-link i.font-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
    display: block
}

.single-page-nav.style2-navigation .next-post-link h6,
.single-page-nav.style2-navigation .previous-post-link h6 {
    display: block;
    white-space: nowrap;
    line-height: 38px;
    font-size: 13px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in, left .5s ease-in, right .5s ease-in;
    -o-transition: opacity .3s ease-in, left .5s ease-in, right .5s ease-in;
    transition: opacity .3s ease-in, left .5s ease-in, right .5s ease-in;
    top: 0;
    position: absolute
}

.single-page-nav.style2-navigation .previous-post-link h6 {
    left: 50%;
    right: auto
}

.single-page-nav.style2-navigation .next-post-link h6 {
    right: 50%;
    left: auto
}

.single-page-nav.style2-navigation .previous-post-link:hover h6 {
    opacity: 1;
    left: 100%
}

.single-page-nav.style2-navigation .next-post-link:hover h6 {
    opacity: 1;
    right: 100%
}

.single-page-nav.style2-navigation .portfolio-url {
    margin: 0 !important;
    line-height: 40px
}

.project_details {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.project_details li i {
    margin-right: 20px
}

.project_details li {
    margin-bottom: 10px
}

.portfolio-details {
    margin-bottom: 30px
}

.gallery-side-heading {
    margin-bottom: 5px;
    line-height: 17px;
    display: block;
    text-transform: uppercase
}

.portfolio-details .gallery-side-heading-wrap p {
    margin-bottom: 25px !important
}

a.custom-share-button,
a.custom-share-button:active,
a.custom-share-button:hover,
a.custom-share-button:visited {
    color: #000
}

.gallery-cat-list-wrap a {
    color: inherit !important
}

a.view-project-link {
    text-transform: uppercase;
    color: inherit;
    background: none;
    padding: 10px 0;
    border-bottom-width: 3px;
    border-style: solid;
    border-color: inherit
}

.portfolio-details.style2 .gallery-side-heading-wrap {
    border-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
    margin-bottom: 20px !important
}

.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading,
.portfolio-details.style2 .gallery-side-heading-wrap p {
    float: left;
    line-height: 20px;
    margin-bottom: 20px !important
}

.portfolio-details.style2 .gallery-side-heading-wrap .gallery-side-heading {
    width: 160px
}

.portfolio-details.style3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.portfolio-details.style3 .gallery-side-heading-wrap p {
    margin-bottom: 0 !important;
    line-height: 100%
}

.portfolio-details.style3>div {
    margin-right: 50px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.portfolio-details.style3>div:nth-child(3) {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    max-height: 52px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.portfolio-details.style3 .view-project-link {
    position: relative;
    margin-right: 160px
}

.oshine-recent-posts {
    -webkit-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.oshine-recent-posts .fourth-col {
    width: 25%
}

.oshine-recent-posts .fourth-col,
.oshine-recent-posts .third-col {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.oshine-recent-posts .third-col {
    width: 33.34%
}

.related-items {
    margin-bottom: 60px
}

.related-items .post-nav,
.related-items .post-nav h6 {
    margin-bottom: 0;
    padding: 0
}

.related-items .recent-posts-col {
    margin-bottom: 0
}

.recent-post-header {
    margin-bottom: 15px
}

.recent-post-title {
    margin-bottom: 10px
}

.recent-post-title a {
    color: inherit
}

.related-items.style3-blog .post-nav {
    margin: 10px 0 15px !important
}

.related-items.style3-blog.hide-excerpt .post-content {
    display: none
}

.related-items.style3-blog .post-title {
    margin-bottom: 10px !important
}

.related-items.style3-blog .element-inner {
    background: none !important
}

.related-items.style3-blog .article-details {
    padding: 20px 0
}

.bar-style-related-posts-list {
    overflow: hidden;
    text-align: center;
    margin-bottom: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 50px 0;
    position: relative
}

.bar-style-related-posts-list ul.cal-list {
    display: inline-block;
    vertical-align: top
}

.bar-style-related-posts-list .post-title {
    font-size: 25px !important
}

.bar-style-related-posts-list .background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: background .8s;
    -o-transition: background .8s;
    transition: background .8s
}

.bar-style-related-posts-list .background-content {
    position: relative;
    z-index: 2
}

.bar-style-related-posts-list:hover .background-overlay {
    background: #fff;
    background: hsla(0, 0%, 100%, .9)
}

.bar-style-related-posts-list .sep-with-icon-wrap {
    margin-bottom: 10px
}

.testimonials-slides {
    display: none
}

.be_image_slider {
    min-height: 1px
}

.be_image_slider .image_slider_module {
    display: none
}

.be_image_slider .owl-buttons {
    opacity: 1 !important
}

.be_image_slider .owl-carousel .owl-item {
    text-align: center
}

.image_slider_module.owl-carousel .owl-item img {
    width: auto;
    display: inline-block
}

.content_slide,
.testimonial_slide {
    position: relative
}

.testimonial_slide_inner {
    position: relative;
    margin: 0 auto;
    padding-left: 90px;
    min-height: 60px
}

.testimonial-author {
    font-size: inherit;
    display: block;
    line-height: inherit
}

.testimonial-content {
    margin: 0 0 30px;
    z-index: 2;
    position: relative;
    line-height: 2
}

.testimonial_slide .icon-quote {
    position: absolute;
    top: -9px;
    left: 0;
    font-size: 80px;
    z-index: 1;
    color: #dfdfdf;
    line-height: 60px
}

.testimonial-author-img,
.testimonial-author-info {
    width: auto;
    text-align: left;
    vertical-align: middle;
    display: inline-block
}

.testimonial-author-info .testimonial-author-role {
    display: block;
    white-space: nowrap
}

.testimonial-author-img {
    width: 70px;
    overflow: hidden;
    margin-right: 20px
}

.testimonial-author-img img {
    border-radius: 50%
}

.testimonials_wrap .flex-control-nav.flex-control-paging {
    position: relative !important;
    top: 0;
    margin: 10px 0 0;
    display: block !important;
    opacity: 1 !important
}

.center-content .testimonial_slide_inner {
    max-width: 700px;
    text-align: center
}

.center-content .testimonial-author-info-wrap {
    display: inline-block
}

.instagram-feed-img-wrap {
    margin-bottom: 40px
}

.right-content .testimonial_slide_inner {
    padding-left: 0;
    padding-right: 95px;
    text-align: right
}

.right-content .testimonial_slide_inner .icon-quote {
    left: auto;
    right: 0
}

.right-content .testimonial_slide_inner .testimonial-author-img {
    float: right;
    margin: 0 0 0 20px
}

.right-content .testimonial_slide_inner .testimonial-author-info {
    float: right;
    margin-top: 23px
}

.testimonials_wrap .center-content .font-icon {
    position: static;
    display: inline-block;
    margin-bottom: 20px
}

.testimonials_wrap .center-content .testimonial_slide_inner {
    padding-left: 0
}

span.subtitle {
    font-size: 11px
}

.content-slider {
    display: none
}

.content_slider_module.owl-carousel .owl-item img {
    width: auto
}

.content-slide-wrap .content-slider .flex-control-nav.flex-control-paging {
    position: absolute !important;
    bottom: -11px;
    top: auto;
    line-height: 19px;
    margin-top: 0
}

.content-slide-wrap .content-slider .flex-viewport {
    margin-bottom: 40px
}

.content_slide_inner {
    max-width: 100%;
    margin: 0 auto
}

.content-slide-wrap .flex-control-paging {
    border-color: #000;
    border-width: 0
}

.content-slide-wrap .flex-control-paging li {
    border-color: inherit;
    border-width: 0
}

.content-slide-wrap .flex-control-paging li a {
    width: 6px;
    height: 6px;
    border-color: inherit;
    border-width: 0
}

.content-slide-wrap .flex-control-paging li a:before {
    content: " ";
    width: auto;
    height: 0;
    color: #000;
    border-width: 4px;
    border-style: solid;
    border-color: inherit;
    display: block;
    border-radius: 100%
}

.content-slider .flex-control-nav.flex-control-paging {
    position: relative
}

.team-shortcode-wrap {
    overflow: hidden !important
}

.team-title {
    margin-bottom: 0
}

.team-shortcode-wrap .designation {
    text-transform: capitalize;
    margin-bottom: 10px
}

ul.team-social {
    padding-left: 0
}

.team-description {
    margin-bottom: 15px
}

.team-shortcode-wrap .style5-title .thumb-overlay .thumb-bg {
    padding: 18px 0 0
}

.style5-title .team-social.over,
.style6-title .team-social.over {
    list-style: none;
    padding-left: 0;
    display: block;
    position: absolute;
    bottom: -100px;
    background: #000;
    background: rgba(0, 0, 0, .2);
    padding: 15px 0 13px;
    width: 100%;
    line-height: normal;
    text-align: center;
    -webkit-transition: bottom .4s;
    -o-transition: bottom .4s;
    transition: bottom .4s;
    z-index: 10
}

.team-social li {
    display: inline-block;
    margin-bottom: 0;
    line-height: normal
}

.team_icons {
    font-size: 12px;
    margin: 0 5px !important;
    border: none !important;
    color: inherit;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    line-height: normal;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.team-img {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.team_icons i {
    width: 27px;
    height: 27px;
    line-height: 27px;
    display: block;
    text-align: center
}

.team_icons i:before {
    line-height: inherit
}

.team-social .icon-shortcode:first-child .team_icons {
    margin-left: 0 !important
}

.team-shortcode-wrap:hover .style5-title .team-social,
.team-shortcode-wrap:hover .style6-title .team-social {
    bottom: 0;
    top: auto
}

.style9-hover .team-wrap {
    padding: 0
}

.style3-title .team-wrap {
    padding: 0 15px
}

.team-shortcode-wrap .style10-hover .thumb-bg {
    background: none !important
}

.team-shortcode-wrap .thumb-bg {
    display: block
}

.team-wrap {
    text-align: center
}

.team-shortcode-wrap .element {
    float: none;
    margin: 0;
    width: 100%
}

.skill-style1 {
    border-color: #272727;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.skill-style1 .skill-row {
    border-color: inherit;
    width: 90%;
    margin: auto
}

.process-style1 .process-col .font-icon,
.skill-style1 .skill-col .font-icon {
    font-size: 75px;
    display: inline-block;
    margin-bottom: 10px
}

.process-style1 .process-col .font-icon,
.skill-style1 .skill-col.size-large .font-icon {
    font-size: 80px
}

.skill-style1 .skill-col .skill-info {
    font-size: 13px;
    text-transform: uppercase
}

.skill-style1 .skill-col {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 50px 0;
    margin: 0 !important;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.process-style1 {
    text-align: center;
    border-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -20px 60px
}

.process-style1 .process-col {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    position: relative;
    padding: 0 20px
}

.process-col .process-sep {
    position: absolute;
    right: 0;
    top: 50%;
    width: 100px;
    height: 1px;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%);
    background: #ddd
}

.process-col:last-child .process-sep {
    display: none
}

.process-style1 .process-divider {
    width: 80px;
    display: inline-block;
    zoom: 1;
    height: 40px;
    vertical-align: top;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit
}

.process-style1 .process-divider:last-child {
    display: none
}

.process-style1 .process-col .font-icon {
    margin-bottom: .3em;
    padding: 0 15px
}

.portfolio-all-wrap,
.portfolio-container {
    overflow: hidden;
    width: 100%;
    min-height: 30px
}

.portfolio-delay-load .flip-wrap {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.portfolio-delay-load.filter-back-animation .flip-wrap {
    -webkit-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    opacity: 0
}

.portfolio-delay-load.filter-scale-back-animation .flip-wrap {
    -webkit-transition: opacity .2s ease, -webkit-transform .5s ease;
    transition: opacity .2s ease, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .2s ease;
    transition: transform .5s ease, opacity .2s ease;
    transition: transform .5s ease, opacity .2s ease, -webkit-transform .5s ease;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.portfolio {
    overflow: hidden
}

.portfolio-container {
    visibility: hidden
}

.element {
    float: left;
    margin: 0 0 40px;
    overflow: hidden
}

.single-post .element {
    float: none
}

.element-empty-message {
    width: 100% !important;
    text-align: center
}

.portfolio .be_image_slider.oshine-module {
    margin-bottom: 0
}

.justified-gallery.init-slide-left .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-left .flip-img-wrap {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.justified-gallery.init-slide-right .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-right .flip-img-wrap {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.justified-gallery.init-slide-left .flip-img-wrap.img-loaded,
.justified-gallery.init-slide-right .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-left .thumb-overlay.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-right .thumb-overlay.img-loaded,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-left .flip-img-wrap.img-loaded,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-right .flip-img-wrap.img-loaded {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.justified-gallery.init-slide-top .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-top .flip-img-wrap {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.justified-gallery.init-slide-bottom .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-bottom .flip-img-wrap {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.justified-gallery.init-slide-bottom .flip-img-wrap.img-loaded,
.justified-gallery.init-slide-top .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-bottom .thumb-overlay.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-slide-top .thumb-overlay.img-loaded,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-bottom .flip-img-wrap.img-loaded,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-slide-top .flip-img-wrap.img-loaded {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.justified-gallery.init-scale .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-scale .flip-img-wrap {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.fadeIn .flip-img-wrap {
    opacity: 0
}

.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.fadeIn .flip-img-wrap.img-loaded {
    opacity: 1
}

.justified-gallery.init-scale .flip-img-wrap.img-loaded,
.portfolio-shortcode.force-show-thumb-overlay.init-scale .thumb-overlay.img-loaded,
.portfolio:not(.portfolio-delay-load) .portfolio-shortcode.init-scale .flip-img-wrap.img-loaded {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.justified-gallery .flip-img-wrap,
.portfolio-shortcode .flip-img-wrap,
.portfolio-shortcode.force-show-thumb-overlay .thumb-overlay {
    -webkit-transition: scale .7s, opacity .7s, -webkit-transform .7s;
    transition: scale .7s, opacity .7s, -webkit-transform .7s;
    -o-transition: transform .7s, scale .7s, opacity .7s;
    transition: transform .7s, scale .7s, opacity .7s;
    transition: transform .7s, scale .7s, opacity .7s, -webkit-transform .7s;
    -o-transition: -o-transform .7s, scale .7s, opacity .7s;
    -ms-transition: -ms-transform .7s, scale .7s, opacity .7s;
    -moz-transition: -moz-transform .7s, scale .7s, opacity .7s;
    -webkit-transition: transform .7s, opacity .7s !important
}

.justified-gallery-outer-wrap .element img {
    width: 100%;
    height: auto;
    max-width: none
}

.blog .portfolio,
.blog .portfolio-all-wrap,
.category .element-inner,
.category .portfolio,
.category .portfolio-all-wrap {
    overflow: visible
}

.be-portfolio-prebuilt-hover-style1 .thumb-overlay {
    width: 100%;
    height: 100%
}

.be-portfolio-prebuilt-hover-style1 .thumb-title-wrap {
    width: 100%;
    height: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.be-portfolio-prebuilt-hover-style1 .thumb-title {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    -o-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    transition: all .4s cubic-bezier(.12, .65, .4, 1)
}

.be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-title {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.be-portfolio-prebuilt-hover-style1 .thumb-title-wrap .portfolio-item-cats {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .17s linear;
    transition: -webkit-transform .17s linear;
    -o-transition: transform .17s linear;
    transition: transform .17s linear;
    transition: transform .17s linear, -webkit-transform .17s linear;
    position: absolute;
    bottom: 25px
}

.thumb-border-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 solid transparent;
    -webkit-transition: border-width .17s linear;
    -o-transition: border-width .17s linear;
    transition: border-width .17s linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.be-portfolio-prebuilt-hover-style1 .thumb-bg {
    opacity: 0;
    -webkit-transition: opacity .17s linear;
    -o-transition: opacity .17s linear;
    transition: opacity .17s linear
}

.be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-bg {
    opacity: 1
}

.be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-border-wrapper {
    border-width: 10px
}

.be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-title-wrap .portfolio-item-cats,
.be-portfolio-prebuilt-hover-style1 .element-inner:hover .thumb-title-wrap .thumb-icon-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.be-portfolio-prebuilt-hover-style1 .like-button-wrap {
    right: 23px;
    top: 17px
}

.be-portfolio-prebuilt-hover-style2 .thumb-bg {
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.be-portfolio-prebuilt-hover-style2 .portfolio-container .thumb-bg {
    background: transparent
}

.be-portfolio-prebuilt-hover-style2 .thumb-overlay {
    width: 100%;
    height: 100%
}

.be-portfolio-prebuilt-hover-style2 .be-prebuilt-overlay-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .7s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .7s opacity cubic-bezier(.165, .84, .44, 1);
    transition: opacity .7s cubic-bezier(.165, .84, .44, 1)
}

.be-portfolio-prebuilt-hover-style2 .element-inner:hover .be-prebuilt-overlay-wrapper {
    opacity: 1
}

.be-portfolio-prebuilt-hover-style2 .thumb-title-wrap {
    text-align: center;
    width: 100%;
    position: relative
}

.be-portfolio-prebuilt-hover-style2 .portfolio-item-cats {
    margin-top: 10px;
    position: relative;
    overflow: hidden
}

.be-portfolio-prebuilt-hover-style2 .portfolio-item-cats-inner-wrap {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1), .6s opacity cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1)
}

.be-portfolio-prebuilt-hover-style2 .element-inner:hover .portfolio-item-cats-inner-wrap {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1) .2s, .6s opacity cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.be-portfolio-prebuilt-hover-style2 .like-button-wrap {
    right: 15px;
    top: 15px
}

.be-portfolio-prebuilt-hover-style2 .be-portfolio-prebuilt-hover-separator {
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 100%, .2);
    border-width: 0;
    margin: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform .5s cubic-bezier(.165, .84, .44, 1) .2s;
    -o-transition: .5s transform cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1) .2s;
    margin: 5px 0
}

.be-portfolio-prebuilt-hover-style2 .element-inner:hover .be-portfolio-prebuilt-hover-separator {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: transform .4s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .4s transform cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1)
}

.be-portfolio-prebuilt-hover-style2 .thumb-title {
    overflow: hidden
}

.be-portfolio-prebuilt-hover-style2 .thumb-title-inner-wrap {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1), .6s opacity cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1)
}

.be-portfolio-prebuilt-hover-style2 .element-inner:hover .thumb-title-inner-wrap {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1) .2s, .6s opacity cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.be-portfolio-prebuilt-hover-style2 .flip-img-wrap img {
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform 1.2s cubic-bezier(.165, .84, .44, 1);
    -o-transition: 1.2s transform cubic-bezier(.165, .84, .44, 1);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1.2s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.2s cubic-bezier(.165, .84, .44, 1)
}

.be-portfolio-prebuilt-hover-style2 .element-inner:hover .flip-img-wrap img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.be-portfolio-prebuilt-hover-style3 .element-inner .thumb-bg {
    background: transparent;
    display: block
}

.be-portfolio-prebuilt-hover-style3 .element-inner .be-thumb-overlay-wrap {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 100%;
    height: 100%
}

.be-portfolio-prebuilt-hover-style3 .element-inner:hover .be-thumb-overlay-wrap {
    opacity: 1
}

.be-portfolio-prebuilt-hover-style3 .thumb-border-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    border: 10px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
    -webkit-transition: opacity .15s, -webkit-transform .3s;
    transition: opacity .15s, -webkit-transform .3s;
    -o-transition: .3s transform, .15s opacity;
    transition: transform .3s, opacity .15s;
    transition: transform .3s, opacity .15s, -webkit-transform .3s
}

.be-portfolio-prebuilt-hover-style3 .element-inner:hover .thumb-border-wrapper {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: opacity .3s, -webkit-transform .15s;
    transition: opacity .3s, -webkit-transform .15s;
    -o-transition: .15s transform, .3s opacity;
    transition: transform .15s, opacity .3s;
    transition: transform .15s, opacity .3s, -webkit-transform .15s
}

.be-portfolio-prebuilt-hover-style3 .thumb-overlay {
    width: 100%;
    height: 100%
}

.be-portfolio-prebuilt-hover-style3 .thumb-shadow-wrapper {
    width: 90%;
    height: 90%;
    position: absolute;
    display: block;
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, .5);
    box-shadow: 0 6px 30px rgba(0, 0, 0, .5);
    z-index: -1;
    top: 5%;
    left: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.be-portfolio-prebuilt-hover-style3 .element-inner:hover .thumb-shadow-wrapper {
    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, .3), 0 12px 30px rgba(0, 0, 0, .3);
    box-shadow: 0 30px 60px rgba(0, 0, 0, .3), 0 12px 30px rgba(0, 0, 0, .3)
}

.be-portfolio-prebuilt-hover-style3 .thumb-wrap {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.be-portfolio-prebuilt-hover-style3 .thumb-title-wrap {
    opacity: 0;
    -webkit-transform: translateZ(20px) scale(.98);
    transform: translateZ(20px) scale(.98);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    left: 40px;
    bottom: 40px
}

.be-portfolio-prebuilt-hover-style3 .element-inner:hover .thumb-title-wrap {
    opacity: 1;
    -webkit-transform: translateZ(20px) scale(1);
    transform: translateZ(20px) scale(1)
}

.be-portfolio-prebuilt-hover-style3 .element,
.be-portfolio-prebuilt-hover-style3 .element .element-inner,
.be-portfolio-prebuilt-hover-style3 .element .thumb-wrap,
.be-portfolio-prebuilt-hover-style3 .portfolio-container,
.be-portfolio-prebuilt-hover-style3 .thumb-overlay,
.be-portfolio-prebuilt-hover-style3.portfolio {
    overflow: visible
}

.be-portfolio-prebuilt-hover-style3 .like-button-wrap {
    right: 15px;
    top: 15px
}

.be-portfolio-prebuilt-hover-style4 .thumb-overlay {
    padding: 10px;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.be-portfolio-prebuilt-hover-style4 .thumb-bg,
.be-portfolio-prebuilt-hover-style4 .thumb-overlay {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.be-portfolio-prebuilt-hover-style4 .thumb-bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.be-portfolio-prebuilt-hover-style4 .element-inner:hover .thumb-overlay {
    opacity: 1
}

.be-portfolio-prebuilt-hover-style4 .thumb-title-wrap {
    text-align: center
}

.be-portfolio-prebuilt-hover-style4 .portfolio-item-cats,
.be-portfolio-prebuilt-hover-style4 .thumb-title {
    overflow: hidden
}

.be-portfolio-prebuilt-hover-style4 .portfolio-item-cats-inner-wrap {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1), .6s opacity cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1)
}

.be-portfolio-prebuilt-hover-style4 .element-inner:hover .portfolio-item-cats-inner-wrap {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1) .2s, .6s opacity cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.be-portfolio-prebuilt-hover-style4 .thumb-title-inner-wrap {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1), .6s opacity cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .6s cubic-bezier(.165, .84, .44, 1)
}

.be-portfolio-prebuilt-hover-style4 .element-inner:hover .thumb-title-inner-wrap {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -o-transition: .6s transform cubic-bezier(.165, .84, .44, 1) .2s, .6s opacity cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s, opacity .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.be-portfolio-prebuilt-hover-style4 .like-button-wrap {
    right: 20px;
    top: 15px
}

.two-col .element {
    width: 560px
}

.three-col .element {
    width: 360px
}

.three-col .element.wide {
    width: 760px
}

.four-col .element {
    width: 260px
}

.four-col .element.wide {
    width: 560px
}

.full-screen .element {
    width: 20%;
    margin: 0
}

.full-screen.one-col .element {
    width: 100%
}

.full-screen.two-col .element {
    width: 50%
}

.full-screen.two-col.masonry_disable .portfolio-shortcode .element.wide-width,
.full-screen.two-col.masonry_disable .portfolio-shortcode .element.wide-width-height {
    width: 100%
}

.full-screen.two-col.masonry_disable .element.wide {
    width: 50%
}

.full-screen.three-col .element,
.full-screen.three-col.masonry_enable .element.wide {
    width: 33.34%
}

.full-screen.three-col .element.wide {
    width: 66.7%
}

.full-screen.four-col .element,
.full-screen.four-col.masonry_enable .element.wide {
    width: 25%
}

.full-screen.four-col .element.wide {
    width: 50%
}

.full-screen.five-col .element,
.full-screen.five-col.masonry_enable .element.wide {
    width: 20%
}

.full-screen.five-col .element.wide {
    width: 40%
}

.full-screen-gutter {
    margin-right: 40px
}

.full-screen-gutter.style2-gutter {
    margin-right: 0 !important;
    margin-left: -40px
}

.full-screen-gutter .element .element-inner {
    margin-left: 40px
}

.full-screen-gutter .element {
    margin-bottom: 40px
}

.element .element-inner,
.element .flip-img-wrap,
.element .thumb-wrap {
    overflow: hidden;
    position: relative
}

.element img {
    width: 100%;
    max-width: none;
    display: block;
    position: relative
}

.oshine-gallery-module .flip-img-wrap img,
.oshine-portfolio-module .flip-img-wrap img {
    position: absolute
}

.internet_expoler .oshine-gallery-module .flip-img-wrap img,
.internet_expoler .oshine-portfolio-module .flip-img-wrap img {
    max-width: none !important
}

.client-carousel-item.bw_to_bw img,
.client-carousel-item.bw_to_c img,
.client-carousel-item.c_to_bw:hover img,
.element.bw_to_bw .element-inner .flip-img-wrap img,
.element.bw_to_c .element-inner .flip-img-wrap img,
.element.c_to_bw .element-inner:hover .flip-img-wrap img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter     id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

.client-carousel-item.bw_to_c:hover img,
.client-carousel-item.c_to_bw img,
.element.bw_to_c .element-inner:hover .flip-img-wrap img,
.element.c_to_bw .element-inner .flip-img-wrap img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0)
}

.element .element-inner .flip-img-wrap.zoom-in-effect img,
.element .element-inner .flip-img-wrap.zoom-in-rotate-effect img,
.element .element-inner .flip-img-wrap.zoom-out-effect img,
.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.element .element-inner .flip-img-wrap.zoom-out-effect img,
.element .element-inner:hover .flip-img-wrap.zoom-in-effect img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.element .element-inner:hover .flip-img-wrap.zoom-out-effect img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.element .element-inner .flip-img-wrap.zoom-out-rotate-effect img,
.element .element-inner:hover .flip-img-wrap.zoom-in-rotate-effect img {
    -webkit-transform: scale(1.3) rotate(-5deg);
    -ms-transform: scale(1.3) rotate(-5deg);
    transform: scale(1.3) rotate(-5deg)
}

.element .element-inner:hover .flip-img-wrap.zoom-out-rotate-effect img {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg)
}

.client-carousel-item img,
.element img {
    -webkit-transition: opacity .6s ease-in, -webkit-filter .4s, -webkit-transform .4s;
    transition: opacity .6s ease-in, -webkit-filter .4s, -webkit-transform .4s;
    -o-transition: filter .4s, transform .4s, opacity .6s ease-in;
    transition: filter .4s, transform .4s, opacity .6s ease-in;
    transition: filter .4s, transform .4s, opacity .6s ease-in, -webkit-filter .4s, -webkit-transform .4s;
    -o-transition: -o-filter .4s, -o-transform .4s, opacity .6s ease-in;
    -ms-transition: -ms-filter .4s, -ms-transform .4s, opacity .6s ease-in;
    -moz-transition: -moz-filter .4s, -moz-transform .4s, opacity .6s ease-in;
    -webkit-transition: -webkit-filter .4s, -webkit-transform .4s, opacity .6s ease-in
}

.element.wide-height img,
.element.wide-width-height img,
.element.wide-width img {
    max-width: none;
    display: inline-block !important
}

.portfolio-archives .portfolio.full-screen {
    margin-bottom: 0
}

.full-screen.full-screen-gutter .portfolio-container .element,
.portfolio-container .element:last-child {
    margin-bottom: 40px
}

.full-screen .portfolio-container .element {
    margin-bottom: 0
}

.portfolio-categories {
    list-style: none;
    padding: 0;
    margin-bottom: 10px
}

.portfolio-categories li {
    float: left;
    margin-right: 10px;
    margin-bottom: 0
}

.portfolio-title {
    margin-bottom: 0
}

.portfolio-title h6 {
    margin-bottom: 5px
}

.portfolio-title a {
    display: block
}

.portfolio-content {
    margin-bottom: 20px
}

.element .be-button,
.element .one-half,
.element img {
    margin-bottom: 0
}

.element .be-row,
.portfolio.one-col .element {
    margin-bottom: 50px
}

.four-col .portfolio-title,
.related-items .portfolio-title,
.three-col .portfolio-title,
.two-col .portfolio-title {
    padding: 5px 5px 5px 0;
    margin: 12px 1px 1px !important
}

.portfolio-content-wrap {
    padding-left: 10px
}

.portfolio-overlay-icon {
    color: #fff;
    background: url(../img/plus_icon.png) no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block
}

.hover-icon-no-show .thumb-title {
    display: none
}

.trigger_load_more {
    margin: 40px 0 0 40px;
    text-align: center
}

.portfolio .pagination_parent {
    margin-top: 40px
}

.trigger_infinite_scroll {
    height: 1px
}

.like-button-wrap {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px
}

.justified-gallery a.custom-like-button,
.portfolio-carousel a.custom-like-button,
.portfolio a.custom-like-button {
    color: #fff;
    line-height: 16px;
    opacity: 0;
    font-size: 13px;
    z-index: 10
}

.justified-gallery a.custom-like-button,
.portfolio-carousel a.custom-like-button,
.portfolio[class*=be-portfolio-prebuilt-hover] .custom-like-button,
.portfolio a.custom-like-button {
    -webkit-transition: opacity .4s, -webkit-transform .2s;
    transition: opacity .4s, -webkit-transform .2s;
    -o-transition: transform .2s, opacity .4s;
    transition: transform .2s, opacity .4s;
    transition: transform .2s, opacity .4s, -webkit-transform .2s
}

.portfolio[class*=be-portfolio-prebuilt-hover] .custom-like-button {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    display: inline-block
}

.custom-like-button span {
    display: inline-block;
    margin-left: 3px
}

.element-inner:hover .custom-like-button,
.portfolio-carousel .element:hover .custom-like-button {
    opacity: 1
}

.portfolio[class*=be-portfolio-prebuilt-hover] .element-inner:hover .custom-like-button {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .2s, -webkit-transform .4s;
    transition: opacity .2s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .2s;
    transition: transform .4s, opacity .2s;
    transition: transform .4s, opacity .2s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

a.custom-like-button.no-liked {
    color: hsla(0, 0%, 100%, .5)
}

a.custom-like-button.liked {
    color: #fff
}

.thumb-wrap {
    display: block
}

.flip-wrap,
.thumb-bg,
.thumb-wrap {
    position: relative
}

.flip-wrap,
.thumb-overlay {
    overflow: hidden
}

.thumb-overlay {
    position: absolute;
    width: 101%;
    height: 101%;
    top: 0;
    left: 0
}

.style3-hover .thumb-overlay,
.style4-hover .thumb-overlay,
.thumb-bg {
    width: 100%;
    height: 100%
}

.thumb-bg {
    display: table
}

.thumb-title-wrap {
    width: 100%
}

.style1-title .thumb-title-wrap,
.thumb-bg .thumb-icons {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.style1-title .thumb-title {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    border: 3px solid;
    padding: 6px 15px;
    margin-bottom: 10px
}

.portfolio-item-cats {
    margin-bottom: 0
}

.style2-title .thumb-title-wrap,
.style3-title .thumb-title-wrap,
.style4-title .thumb-title-wrap {
    text-align: center;
    display: table-cell;
    vertical-align: top
}

.style2-title .thumb-title,
.style4-title .thumb-title {
    margin: 10px 20px
}

.style3-title .thumb-title {
    margin: 0 0 10px
}

.style2-title .portfolio-item-cats,
.style3-title .portfolio-item-cats,
.style4-title .portfolio-item-cats {
    margin: 0 20px
}

.style2-title .thumb-bg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.style2-title .thumb-title-wrap {
    text-align: left
}

.style3-title .thumb-bg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.style4-title .portfolio-item-cats {
    margin: 0 !important
}

.style4-title .thumb-bg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.style4-title .thumb-title-wrap {
    text-align: left
}

.style4-title .portfolio-item-cats {
    margin: 0 20px 10px !important
}

.style4-title .thumb-title:last-child {
    margin-bottom: 5px !important
}

.popup-gallery {
    display: none
}

.thumb-bg.act-table {
    display: table
}

.thumb-icons a {
    margin-right: 10px;
    padding: 6px 5px 4px;
    display: inline-block;
    border-radius: 50%
}

.thumb-icons .font-icon {
    font-size: 16px
}

.element.style1-hover .thumb-overlay {
    opacity: 0;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease
}

.element.style1-hover .element-inner:hover .thumb-overlay {
    opacity: 1
}

.element.style2-hover {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.element.style2-hover .thumb-overlay {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0
}

.element.style2-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1
}

.element.style3-hover,
.element.style4-hover {
    overflow: hidden
}

.style3-hover .thumb-overlay,
.style4-hover .thumb-overlay {
    display: none
}

.element.style5-hover .thumb-overlay {
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.element.style5-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.element.style6-hover {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    overflow: hidden
}

.element.style6-hover .thumb-overlay {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.element.style6-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: translateZ(0) rotateX(0deg);
    -ms-transform: translateZ(0) rotateX(0deg);
    transform: translateZ(0) rotateX(0deg);
    opacity: 1
}

.element.style7-hover {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.element.style7-hover .thumb-overlay {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    opacity: 0
}

.element.style7-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.element.style8-hover .thumb-overlay {
    -webkit-transform: scale(0) rotate(2turn);
    -ms-transform: scale(0) rotate(2turn);
    transform: scale(0) rotate(2turn);
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.element.style8-hover .element-inner:hover .thumb-overlay {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1
}

.touch .justified-gallery .element-inner:hover .thumb-overlay {
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.element.style5-title,
.element.style5-title .element-inner,
.element.style6-title,
.element.style6-title .element-inner {
    overflow: visible
}

.element.style5-title .thumb-overlay,
.element.style6-title .thumb-overlay,
.element.style7-title .thumb-overlay {
    position: relative;
    display: block !important
}

.portfolio-container .style5-title .thumb-overlay .thumb-bg,
.portfolio-container .style6-title .thumb-overlay .thumb-bg,
.portfolio-container .style7-title .thumb-overlay .thumb-bg {
    padding: 15px 18px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.style5-title .portfolio-item-cats,
.style6-title .portfolio-item-cats {
    margin: 0 !important
}

.style5-title .thumb-title,
.style6-title .thumb-title,
.style7-title .thumb-title {
    margin: 0 0 5px !important
}

.element.style6-title .thumb-overlay .thumb-bg {
    padding: 15px 0
}

.element.style7-title .thumb-overlay {
    position: absolute;
    bottom: -120px;
    top: auto;
    height: auto;
    -webkit-transition: bottom .4s;
    -o-transition: bottom .4s;
    transition: bottom .4s
}

.element.style7-title .element-inner:hover .thumb-overlay {
    bottom: 0
}

.portfolio-container.force-show-thumb-overlay {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.portfolio-container.force-show-thumb-overlay .element .thumb-overlay {
    opacity: 1;
    display: block;
    bottom: 0
}

.filters {
    margin-bottom: 40px;
    text-align: center
}

.filters .sort {
    cursor: pointer;
    display: inline-block
}

.filters.border .sort {
    padding: 5px 18px 5px 20px
}

.filters.rounded .sort {
    padding: 3px 20px
}

.filters .filter_item {
    font-weight: normal;
    margin-bottom: 0;
    display: inline-block
}

.filters.border .filter_item {
    margin-right: 5px
}

.filters.single_border .filter_item {
    border-right: 1px solid;
    padding: 0 13px;
    line-height: normal
}

.filters.border .current_choice {
    border: 1px solid
}

.filters.rounded .current_choice {
    border-radius: 50px
}

.loader {
    text-align: center;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -50px 0 0 -50px;
    display: none;
    overflow: hidden
}

.page-loader {
    position: fixed;
    z-index: 10
}

.loader-style1-wrap {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 25px
}

.loader-style1-double-bounce1,
.loader-style1-double-bounce2 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #999;
    opacity: .6;
    top: 0;
    left: 0;
    -webkit-animation: style5-bounce 2s infinite ease-in-out;
    animation: style5-bounce 2s infinite ease-in-out
}

.loader-style1-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.loader-style2-wrap {
    width: 50px;
    height: 50px;
    margin: 25px auto;
    background-color: #999;
    border-radius: 100%;
    -webkit-animation: loader-style2-animation 1s infinite ease-in-out;
    animation: loader-style2-animation 1s infinite ease-in-out
}

@-webkit-keyframes loader-style2-animation {
    0% {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes loader-style2-animation {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.loader-style3-wrap {
    margin: 10px auto;
    width: 80px;
    height: 50px;
    text-align: center;
    font-size: 10px
}

.loader-style3-wrap>div {
    background-color: #999;
    height: 100%;
    width: 8px;
    display: inline-block;
    -webkit-animation: loader-style3-animation 1.2s infinite ease-in-out;
    animation: loader-style3-animation 1.2s infinite ease-in-out;
    margin: 0 2px
}

.loader-style3-wrap .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.loader-style3-wrap .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.loader-style3-wrap .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.loader-style3-wrap .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes loader-style3-animation {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes loader-style3-animation {

    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

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

.loader-style4-wrap {
    font-size: 10px;
    position: relative;
    border-top: 7px solid rgba(0, 0, 0, .2);
    border-right: 7px solid rgba(0, 0, 0, .2);
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid #000;
    -webkit-animation: clockwise 1.1s infinite linear;
    animation: clockwise 1.1s infinite linear
}

.loader-style4-wrap,
.loader-style4-wrap:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 23px
}

.loader-style5-wrap {
    margin: 25px auto;
    width: 50px;
    height: 50px;
    position: relative;
    text-align: center;
    -webkit-animation: style5-rotate 2s infinite linear;
    animation: style5-rotate 2s infinite linear
}

.loader-style5-wrap .dot1,
.loader-style5-wrap .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #999;
    border-radius: 100%;
    -webkit-animation: style5-bounce 2s infinite ease-in-out;
    animation: style5-bounce 2s infinite ease-in-out
}

.loader-style5-wrap .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes style5-rotate {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes style5-rotate {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

@-webkit-keyframes style5-bounce {

    0%,
    to {
        -webkit-transform: scale(0)
    }

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

@keyframes style5-bounce {

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

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

.carousel_bar_area {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    min-height: 35px;
    display: block;
    height: 100px;
    overflow: hidden
}

.carousel_bar_dots {
    width: 41px;
    height: 75px;
    z-index: 2;
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: url(../img/dots.png) no-repeat 50%
}

.carousel_bar_wrap {
    position: absolute;
    bottom: -300px;
    max-width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0
}

.carousel_bar {
    position: relative
}

.grid-wrap {
    border-color: #272727;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.grid-wrap .grid-row {
    border-color: inherit;
    width: 90%;
    margin: auto;
    display: table
}

.grid-wrap .grid-col .font-icon {
    display: inline-block;
    margin-bottom: 10px
}

.grid-wrap .grid-col.size-large .font-icon {
    font-size: 100px
}

.grid-wrap .grid-col {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 10px 3% 50px;
    margin: 0 !important;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.animate-icon-module-style1-wrap-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%
}

.animate-icon-module-style1-wrap {
    display: block;
    width: 100%;
    height: 300px
}

.animate-icon-module {
    color: inherit;
    text-align: center;
    position: relative;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    overflow: hidden;
    display: block;
    opacity: 0;
    height: 100%;
    float: left
}

.animate-icon-module-hover-content,
.animate-icon-module-normal-content {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.animate-icon-module-style1-wrap .animate-icon-module-hover-content,
.animate-icon-module-style1-wrap .animate-icon-module-normal-content {
    z-index: 3
}

.animate-icon-module-hover-content {
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.animate-icon-module-style1.ai-has-overlay {
    position: relative
}

.animate-icon-module-style1.ai-has-overlay .ai-overlay {
    opacity: 1
}

.animate-icon-module-style1 .ai-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.animate-icon-module-style1 .animate-icon-module-normal-content .title_content {
    margin-top: 18px
}

html body .be-section .be-row .animate-icon-module .animate-icon-module-hover-content :last-child {
    margin-bottom: 0 !important
}

.top-animate.animate-icon-module .animate-icon-module-normal-content,
.top-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    top: 0
}

.top-animate.animate-icon-module .animate-icon-module-hover-content {
    top: 100%
}

.top-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    top: -100%
}

.left-animate.animate-icon-module .animate-icon-module-normal-content,
.left-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    left: 0
}

.left-animate.animate-icon-module .animate-icon-module-hover-content {
    left: 100%
}

.left-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    left: -100%
}

.right-animate.animate-icon-module .animate-icon-module-normal-content,
.right-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    right: 0
}

.right-animate.animate-icon-module .animate-icon-module-hover-content {
    right: 100%
}

.right-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    right: -100%
}

.bottom-animate.animate-icon-module .animate-icon-module-normal-content,
.bottom-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    bottom: 0
}

.bottom-animate.animate-icon-module .animate-icon-module-hover-content {
    bottom: 100%
}

.bottom-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    bottom: -100%
}

.fade-animate.animate-icon-module .animate-icon-module-normal-content,
.fade-animate.animate-icon-module:hover .animate-icon-module-hover-content {
    opacity: 1
}

.fade-animate.animate-icon-module .animate-icon-module-hover-content,
.fade-animate.animate-icon-module:hover .animate-icon-module-normal-content {
    opacity: 0
}

.display-table {
    display: table;
    width: 100%;
    height: 100%
}

.display-table-cell {
    display: table-cell
}

.animate-icon-module-style1 .animate-icon-module-hover-content .display-table-cell {
    padding: 10px
}

.vertical-align-middle {
    vertical-align: middle
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.display-block {
    display: block;
    position: relative
}

.animate-icon-module-style2-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: auto
}

.animate-icon-module-style2 {
    display: block;
    -webkit-transition: background-color .2s linear, height .5s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, height .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, height .5s linear, opacity .2s linear;
    transition: background-color .2s linear, height .5s linear, opacity .2s linear;
    overflow: hidden;
    display: table-cell;
    opacity: 0;
    width: 100%;
    vertical-align: middle
}

.animate-icon-module-style2-inner-wrap {
    text-align: center;
    position: relative
}

.animate-icon-icon {
    display: block;
    margin-bottom: 10px
}

.animate-icon-module-style2 .animate-icon-icon,
.animate-icon-module-style2 .animate-icon-title {
    -webkit-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear
}

.animate-icon-module-style2-hover-content {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.animate-icon-module-style2-hover-content,
.animate-icon-module-style2-normal-content {
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.animate-icon-module-style2-normal-content {
    position: relative;
    display: inline-block
}

.animate-icon-module-style2-normal-content br {
    display: none
}

.animate-icon-module-style2:hover .animate-icon-module-style2-normal-content {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 12px
}

.animate-icon-module-style2:hover .animate-icon-module-style2-hover-content {
    opacity: 1;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px)
}

.be-section .be-row:not(:last-child) .column-block .animate-icon-module-style2-normal-content h6:last-child {
    margin-bottom: 0 !important
}

.tweet-slides {
    display: none
}

.tweet_list {
    position: relative;
    text-align: left
}

.center-content .tweet_list {
    text-align: center
}

.tweet_list .meta {
    display: block;
    position: relative;
    z-index: 2;
    color: inherit
}

.tweet-slides .testimonial_slide_inner {
    padding-left: 0
}

.tweet_list .icon-twitter {
    top: 0;
    left: 0;
    font-size: 80px;
    z-index: 1;
    color: #dfdfdf;
    line-height: 80px
}

.tweet_list .status {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 10px;
    margin-top: 15px
}

.tweet_list .tweet-content {
    line-height: 2
}

.tweet_list h6 {
    text-transform: uppercase
}

.accordion {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    min-height: 0;
    margin: 0;
    margin-top: 25px;
    outline: 0;
    line-height: normal;
    font-size: inherit
}

.ui-accordion .ui-accordion-header:first-child {
    margin-top: 0
}

.ui-accordion .ui-accordion-content p:last-child {
    margin-bottom: 0
}

.ui-accordion .ui-accordion-header.top-space {
    margin-top: 20px
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 20px 20px 20px 0;
    border-top: 0;
    overflow: auto;
    background: none;
    margin-top: -1px
}

.ui-accordion-header:before {
    content: "\e806"
}

.ui-accordion-header-active:before,
.ui-accordion-header:before {
    font-family: "icomoon";
    margin-right: 15px;
    font-size: 16px;
    position: relative;
    top: 1px
}

.ui-accordion-header-active:before {
    content: "\e7ec"
}

.accordion .accordion-head.with-bg.ui-accordion-header {
    transition: background-color .5s linear;
    -webkit-transition: background-color .5s linear;
    -moz-transition: background-color .5s linear;
    -ms-transition: background-color .5s linear;
    -o-transition: background-color .5s linear
}

.oshine-mc-form input[type=text] {
    width: 100%
}

.oshine-mc-field {
    width: 50%;
    margin-right: 20px
}

.oshine-mc-field,
.oshine-mc-submit-wrap {
    display: inline-block
}

.oshine-mc-submit {
    margin: 0;
    line-height: 7px !important
}

.oshine-mc-wrap .field_consent {
    margin-bottom: 20px
}

.pricing-table {
    list-style: none;
    padding: 0;
    background: #fff;
    padding-bottom: 25px
}

.pricing-table.sec-border {
    border-width: 1px !important
}

.pricing-table li {
    margin: 0;
    padding: 20px;
    text-align: center
}

.pricing-table li.pricing-price .price {
    margin-bottom: 5px
}

.pricing-table li.pricing-button {
    padding: 20px 15px 0
}

.pricing-table li.pricing-button .be-button {
    border-radius: 0;
    border-width: 2px !important
}

.pricing-button .button {
    margin: 0
}

.pricing-title-head-tag {
    display: inline-block
}

.pricing-price {
    padding: 30px 15px
}

li.pricing-feature {
    padding: 10px 0
}

.pricing-table .price {
    font-size: 40px;
    line-height: 50px;
    display: inline-block
}

.pricing-table .currency {
    font-size: 20px;
    font-weight: normal
}

.pricing-table .pricing-duration {
    display: block
}

.pricing-duration.special-subtitle {
    max-width: 100%
}

.pricing-table.highlight-yes .pricing-button,
.pricing-table.highlight-yes .pricing-title {
    padding: 28px 15px
}

.be-services {
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    list-style: none;
    padding: 0;
    list-style-type: none;
    position: relative
}

.be-service:nth-child(2n) {
    padding: 0 58% 0 0
}

.be-service {
    margin: 0 0 30px;
    padding: 0 0 0 58%;
    position: relative
}

.be-service .font-icon {
    position: absolute;
    top: 0;
    display: block;
    right: 50%;
    margin-right: -22px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    z-index: 1;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    -webkit-transition: background .5s ease, color .5s ease;
    -o-transition: background .5s ease, color .5s ease;
    transition: background .5s ease, color .5s ease
}

.be-service .service-wrap div.service-content {
    padding: 2% 9%
}

.be-service .font-icon.icon-size-large {
    line-height: 84px;
    margin-right: -42px;
    font-size: 30px;
    width: 84px;
    height: 84px;
    text-align: center
}

.be-service .font-icon.icon-size-medium {
    line-height: 64px;
    margin-right: -32px;
    font-size: 22px;
    width: 64px;
    height: 64px;
    text-align: center
}

.services-outer-wrap span.timeline {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    height: 100%;
    width: 1px;
    margin-right: -.5px
}

.services-outer-wrap {
    position: relative
}

.skill-wrap .skill-bar {
    height: 15px;
    position: relative
}

.expand {
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    -webkit-transition: all .7s linear !important;
    -o-transition: all .7s linear !important;
    transition: all .7s linear !important
}

.skill-wrap .skill-bar {
    font-size: inherit;
    display: block
}

.skill-wrap .skill_name {
    display: block
}

.skill-vertical .skill-wrap .skill-bar {
    margin-bottom: 8px
}

.skill-horizontal .skill-wrap,
.skill-vertical .skill-wrap .skill_name {
    margin-bottom: 25px
}

.skill-horizontal .skill-wrap .skill_name {
    margin-bottom: 8px
}

.skill-vertical .skill {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px
}

.skill-vertical .skill-wrap {
    text-align: center;
    padding: 0 10px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.skill-vertical .skill-wrap .skill-bar .be-skill {
    width: 100% !important;
    bottom: 0;
    position: absolute;
    top: auto
}

.special-heading {
    position: relative
}

.special-h-tag {
    margin: 0
}

.special-heading:first-child {
    margin-top: 0
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.special-heading-wrap.oshine-module,
.special-heading-wrap.style1 .special-h-tag {
    margin-bottom: 30px
}

.special-heading-wrap.style2 .special-heading {
    border-style: solid;
    display: inline-block
}

.special-heading-wrap.style2 {
    margin-bottom: 20px
}

.style2 .special-heading .special-h-tag {
    display: inline
}

.special-heading-wrap.style1 .sub-title {
    margin-bottom: 30px
}

.special-heading.align-left .separator {
    margin: 0
}

.special-heading-wrap.style1 br,
.special-heading-wrap.style2 br {
    display: none
}

.special-heading-wrap.style1 .sub-title {
    display: block;
    font-size: 16px;
    max-width: 80%;
    line-height: 35px
}

.special-heading-wrap.style1 .align-center .sub-title {
    margin-left: auto;
    margin-right: auto
}

.special-heading-wrap.style1 .align-right .sub-title {
    margin: 0 0 0 auto
}

.special-heading-wrap.style3 {
    text-align: center;
    overflow: hidden
}

.special-heading-wrap.style3 .special-h-tag {
    text-align: center;
    padding-bottom: 0;
    margin: 20px 0 !important
}

html body .be-section .be-row .special-heading-wrap.style3 .special-h-tag {
    margin-bottom: 20px !important
}

.special-heading-wrap.style3 .special-heading {
    margin-bottom: 0
}

.special-heading-wrap.style3 .caption-wrap {
    text-align: center;
    position: relative
}

.special-heading-wrap.style3 .caption {
    padding: 0 15px;
    display: inline-block;
    position: relative
}

.special-heading-wrap.style3 .caption .caption-inner {
    background: #ddd
}

.special-heading-wrap.style3 .caption .caption-inner:after,
.special-heading-wrap.style3 .caption .caption-inner:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 100px;
    left: -100px;
    top: 50%;
    background: inherit;
    margin-top: -1px
}

.special-heading-wrap.style3 .caption .caption-inner:after {
    right: -100px;
    left: auto
}

.special-heading-wrap.style4 {
    text-align: center;
    margin-bottom: 30px
}

.special-heading-wrap.style4 .vertical-divider {
    width: 1px;
    height: 45px;
    display: inline-block
}

.special-heading-wrap.style4 .special-subtitle {
    display: block;
    max-width: 100%;
    text-align: center
}

.special-heading-wrap.style4 .special-h-tag {
    margin-bottom: 0 !important
}

.special-heading-wrap.style4 .vertical-divider.top {
    margin-bottom: 20px
}

.special-heading-wrap.style4 .special-heading {
    margin-bottom: 30px
}

.special-heading-wrap.style4 .caption-wrap {
    margin-bottom: 6px
}

.special-heading-wrap.style5 {
    position: relative
}

.special-heading-wrap.style5 .caption-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1em !important;
    width: 100%
}

.special-heading-wrap.style5.align-left .caption-wrap {
    left: 0;
    right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.special-heading-wrap.style5.align-right .caption-wrap {
    right: 0;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.special-heading-wrap.style5 .special-h-tag {
    opacity: .2
}

.special-heading-wrap.style5 .caption {
    line-height: 1em !important;
    max-width: 100% !important
}

.be-section .be-row:not(:last-child) .column-block .special-heading-wrap.style3 h6.caption:last-child {
    margin-bottom: 0 !important
}

.sep-with-icon-wrap {
    margin-bottom: 20px
}

.sep-with-icon {
    display: inline-block;
    vertical-align: middle
}

.sep-icon {
    line-height: 16px;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 20px
}

.icon-dimond {
    width: 10px;
    height: 10px;
    background: #000;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.special-heading-wrap.style6 {
    line-height: 0
}

.special-heading-wrap.style6 .special-heading-inner-wrap {
    display: inline-block;
    height: 100%;
    position: relative
}

.special-heading-wrap.style6 .be-title {
    position: relative;
    line-height: 2em;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    font-size: inherit
}

.be-border-style1 .be-title {
    margin-left: 1em;
    margin-right: 1em
}

.be-border-style1 .be-border {
    position: absolute;
    top: 0;
    left: 0;
    width: .3em;
    height: 100%;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.be-border-style1.be-expand:hover .be-border {
    width: 100%
}

.special-heading-wrap.style6 .be-border-style2 .be-title {
    margin-left: 1.7em;
    margin-right: 1.7em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.be-border-style2 .be-border {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .9em;
    height: .16em;
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.be-expand.be-border-style2:hover .be-border {
    width: 1.6em
}

.be-border-style2.be-expand:hover .be-title {
    -webkit-transform: translate3d(.8em, 0, 0);
    transform: translate3d(.8em, 0, 0)
}

.special-subtitle {
    line-height: 1.8em;
    display: inline-block
}

.special-subtitle-wrap {
    margin-bottom: 30px
}

.tabs {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.ui-tabs {
    position: relative;
    margin-bottom: 50px
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    margin-right: 30px
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0 0 10px;
    text-decoration: none;
    outline: 0;
    border-left: none;
    color: inherit
}

.ui-tabs .ui-tabs-panel p:last-child {
    margin-bottom: 0
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-bottom: 2px solid
}

.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li a {
    cursor: pointer
}

.tabs li a.tab-icon:before {
    font-size: 15px;
    width: 25px;
    text-align: left;
    vertical-align: middle;
    margin-right: 12px
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    margin-top: -1px;
    padding: 25px 0
}

.ui-tabs .ui-tabs-panel p {
    width: 100%
}

.be_icon_card_wrap {
    position: relative
}

.be_icon_card_wrap .font-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    text-align: center
}

.be_icon_card_wrap.small .font-icon {
    font-size: 17px
}

.be_icon_card_wrap.large .font-icon {
    font-size: 25px
}

.be_icon_card_wrap.small.circled .font-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50px
}

.be_icon_card_wrap.large.circled .font-icon {
    font-size: 25px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50px
}

.be_icon_card_wrap.small .title-with-icon-card {
    min-height: 48px
}

.be_icon_card_wrap.large .title-with-icon-card {
    min-height: 68px
}

.be_icon_card_wrap.small.circled .title-with-icon-card {
    padding-left: 65px
}

.be_icon_card_wrap.large.circled .title-with-icon-card {
    padding-left: 85px
}

.be_icon_card_wrap.small.plain .title-with-icon-card {
    padding-left: 37px
}

.be_icon_card_wrap.large.plain .title-with-icon-card {
    padding-left: 55px
}

.be_icon_card_wrap h1,
.be_icon_card_wrap h2,
.be_icon_card_wrap h3,
.be_icon_card_wrap h4,
.be_icon_card_wrap h5,
.be_icon_card_wrap h6 {
    margin-bottom: 0
}

.menu-card-item-info {
    padding-right: 45px
}

.menu-card-item {
    position: relative;
    display: block;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 15px 10px;
    margin-bottom: 0
}

.menu-card-title {
    font-size: 13px !important;
    line-height: 24px !important;
    padding-right: 10px
}

.menu-card-ingredients {
    font-size: 16px !important;
    line-height: 24px !important;
    max-width: none;
    display: initial
}

.menu-card-item-price {
    font-size: 13px !important;
    line-height: 24px !important;
    position: absolute;
    top: 15px;
    right: 10px
}

.menu-card-item.highlight-menu-item {
    background: #f1edde;
    border-bottom: none
}

.menu-card-item-stared {
    padding-left: 10px
}

.menu-card-item.be-animate {
    margin-bottom: 0
}

.separator {
    display: inline-block
}

hr.separator {
    margin-bottom: 20px !important
}

.mail-chimp-form input[type=text] {
    width: 100%
}

.mail-chimp-submit-wrap input[type=submit] {
    margin: 0
}

.mail-chimp-email-wrap {
    width: 50%;
    margin-right: 20px;
    display: inline-block
}

.mail-chimp-submit-wrap {
    display: inline-block
}

.mail-chimp-submit {
    line-height: 7px !important
}

.oshine-svg-icon.align-center {
    text-align: center;
    margin: 0 auto
}

.oshine-svg-icon.align-right {
    margin: 0 0 0 auto
}

.oshine-svg-icon.custom svg {
    width: 100%;
    height: 100%
}

.oshine-svg-icon.small {
    width: 45px;
    height: 45px;
    line-height: 45px
}

.oshine-svg-icon.medium {
    height: 75px;
    line-height: 75px;
    width: 75px
}

.oshine-svg-icon.large {
    width: 100px;
    height: 100px;
    line-height: 100px
}

.oshine-svg-icon.xlarge {
    width: 125px;
    height: 125px;
    line-height: 125px
}

.oshine-svg-icon svg {
    width: 100%;
    height: 100%
}

.oshine-svg-icon.align-none {
    display: inline-block
}

.oshine-svg-icon {
    margin-bottom: 20px
}

.oshine-svg-icon.svg-line-animate {
    visibility: hidden
}

.svganimated {
    visibility: visible
}

.oshine-svg-icon svg *,
.svg-line-animate svg * {
    fill: none;
    stroke: currentColor
}

.oshine-animated-link {
    margin-bottom: 20px
}

.oshine-animated-link.align-none {
    display: inline-block;
    margin-right: 20px
}

.oshine-animated-link a {
    display: inline-block;
    -webkit-transition: color .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
    transition: color .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
    -o-transition: color .3s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.4, 0, .2, 1);
    transition: color .3s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.4, 0, .2, 1);
    transition: color .3s cubic-bezier(.4, 0, .2, 1), transform .5s cubic-bezier(.4, 0, .2, 1), -webkit-transform .5s cubic-bezier(.4, 0, .2, 1)
}

.oshine-animated-link .link-text {
    -webkit-transition: color .5s cubic-bezier(.165, .84, .44, 1) 80ms;
    -o-transition: color .5s cubic-bezier(.165, .84, .44, 1) 80ms;
    transition: color .5s cubic-bezier(.165, .84, .44, 1) 80ms
}

.animated-link-style1:before {
    content: "";
    display: inline-block;
    border-bottom: 2px solid;
    width: 1.5rem;
    margin-right: 1.125rem;
    vertical-align: middle;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

.animated-link-style1:hover:before {
    -webkit-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    transform: scaleX(1.5)
}

.animated-link-style1 .link-text {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

.animated-link-style1:hover .link-text {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.animated-link-style2 {
    position: relative
}

.animated-link-style2:before {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 2px solid;
    right: 0;
    left: auto;
    width: 0;
    -webkit-transition: width .5s cubic-bezier(.4, 0, .2, 1);
    -o-transition: width .5s cubic-bezier(.4, 0, .2, 1);
    transition: width .5s cubic-bezier(.4, 0, .2, 1)
}

.animated-link-style2:hover:before {
    width: 100%;
    right: auto;
    left: 0
}

.animated-link-style3 {
    position: relative
}

.animated-link-style3 .link-text {
    display: inline-block;
    -webkit-transition: color .5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: color .5s cubic-bezier(.19, 1, .22, 1);
    transition: color .5s cubic-bezier(.19, 1, .22, 1);
    line-height: 1.9
}

.animated-link-style3:before {
    content: "";
    position: absolute;
    bottom: -5px;
    border-bottom: 2px solid;
    width: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all .5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .5s cubic-bezier(.19, 1, .22, 1);
    transition: all .5s cubic-bezier(.19, 1, .22, 1)
}

.animated-link-style3:hover:before {
    width: 100%
}

.animated-link-style4:hover .arrow-line-two {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.animated-link-style4:hover {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px)
}

.animated-link-style4 .next-arrow {
    top: -1px
}

.animated-link-style4:hover .next-arrow {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px)
}

.animated-link .next-arrow,
.animated-link .next-arrow span,
.animated-link:before,
.animated-link span {
    color: inherit
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 999999;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    -o-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0
}

.pswp__bg,
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden
}

.pswp__scroll-wrap {
    will-change: transform
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    -o-transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    -o-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,
.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto;
    -webkit-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-o-min-device-pixel-ratio:11/10),
(-o-min-device-pixel-ratio:35/32),
(-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../images/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

body.admin-bar .pswp__top-bar {
    top: 32px
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    -o-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.pswp__caption__center {
    max-width: 80%
}

.pswp .oshine-module :last-child {
    margin-bottom: 0 !important
}

/*!
   * Justified Gallery - v3.6.3
   * http://miromannino.github.io/Justified-Gallery/
   * Copyright (c) 2016 Miro Mannino
   * Licensed under the MIT license.
   */
body:not(.tatsu-frame) .justified-gallery-outer-wrap {
    visibility: hidden
}

/*!
 * justifiedGallery - v4.0.0-alpha
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2019 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden
}

.justified-gallery>a,
.justified-gallery>div,
.justified-gallery>figure {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    filter: "alpha(opacity=10)";
    margin: 0;
    padding: 0
}

.justified-gallery .thumb-img,
.justified-gallery>a>a>img,
.justified-gallery>a>a>svg,
.justified-gallery>a>img,
.justified-gallery>a>svg,
.justified-gallery>div>a>img,
.justified-gallery>div>a>svg,
.justified-gallery>div>img,
.justified-gallery>div>svg,
.justified-gallery>figure>a>img,
.justified-gallery>figure>a>svg,
.justified-gallery>figure>img,
.justified-gallery>figure>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
    filter: "alpha(opacity=0)";
    opacity: 0
}

.justified-gallery>a>.caption,
.justified-gallery>div>.caption,
.justified-gallery>figure>.caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    font-weight: 300;
    font-family: sans-serif
}

.justified-gallery>a>.caption.caption-visible,
.justified-gallery>div>.caption.caption-visible,
.justified-gallery>figure>.caption.caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    opacity: .7;
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.justified-gallery>.jg-entry-visible {
    filter: "alpha(opacity=100)";
    opacity: 1
}

.justified-gallery>.jg-entry-visible .thumb-img,
.justified-gallery>.jg-entry-visible>a>img,
.justified-gallery>.jg-entry-visible>a>svg,
.justified-gallery>.jg-entry-visible>img,
.justified-gallery>.jg-entry-visible>svg {
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity .5s ease-in, filter .4s;
    -o-transition: opacity .5s ease-in, filter .4s;
    -webkit-transition: opacity .5s ease-in, -webkit-filter .4s;
    transition: opacity .5s ease-in, -webkit-filter .4s;
    transition: opacity .5s ease-in, filter .4s;
    transition: opacity .5s ease-in, filter .4s, -webkit-filter .4s
}

.justified-gallery>.jg-filtered {
    display: none
}

.justified-gallery>.spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0;
    left: 50%;
    filter: "alpha(opacity=100)";
    opacity: 1;
    overflow: initial
}

.justified-gallery>.spinner>span {
    display: inline-block;
    filter: "alpha(opacity=0)";
    opacity: 0;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #000;
    border-radius: 6px
}

.justified-gallery .element .thumb-img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none
}

.justified-gallery .element-inner,
.justified-gallery .flip-img-wrap,
.justified-gallery .thumb-wrap {
    height: 100%
}

.justified-gallery .flip-img-wrap {
    background: #e5e5e5
}

@media only screen and (min-width:1280px) and (max-width:1440px) {
    .left-header .two-col .element {
        width: 470px
    }

    .left-header .three-col .element {
        width: 300px
    }

    .left-header .three-col .element.wide {
        width: 640px
    }

    .left-header .four-col .element {
        width: 215px
    }

    .left-header .four-col .element.wide {
        width: 470px
    }

    .left-header .full-screen .element {
        width: 19.97%;
        margin: 0
    }

    .left-header .full-screen.one-col .element {
        width: 100%;
        margin: 0
    }

    .left-header .full-screen.two-col .element {
        width: 50%
    }

    .left-header .full-screen.three-col .element {
        width: 33.34%
    }

    .left-header .full-screen.three-col .element.wide {
        width: 66.7%
    }

    .left-header .full-screen.four-col .element {
        width: 25%
    }

    .left-header .full-screen.four-col .element.wide {
        width: 50%
    }

    .left-header .full-screen.five-col .element {
        width: 20%
    }

    .left-header .full-screen.five-col .element.wide {
        width: 40%
    }
}

@media only screen and (max-width:1280px) {
    .process-style1 .process-divider {
        width: 120px
    }
}

@media only screen and (min-width:960px) and (max-width:1279px) {
    .two-col .element {
        width: 470px
    }

    .three-col .element {
        width: 300px
    }

    .three-col .element.wide {
        width: 640px
    }

    .four-col .element {
        width: 215px
    }

    .four-col .element.wide {
        width: 470px
    }

    .grid-wrap .grid-col.size-large .font-icon,
    .process-style1 .process-col .font-icon {
        font-size: 75px
    }

    .full-screen .element,
    .full-screen.five-col .element,
    .full-screen.four-col .element,
    .full-screen.three-col .element {
        width: 33.34%
    }

    .full-screen.five-col .element.wide,
    .full-screen.four-col .element.wide,
    .full-screen.three-col .element.wide {
        width: 66.7%
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .fullscreen-col .element {
        width: 33.34%
    }

    .four-col .element,
    .three-col .element,
    .two-col .element {
        width: 350px
    }

    .four-col .element.wide,
    .three-col .element.wide {
        width: 740px
    }

    .full-screen .element,
    .full-screen.five-col .element,
    .full-screen.four-col .element,
    .full-screen.three-col .element {
        width: 33.34%
    }

    .full-screen.five-col .element.wide,
    .full-screen.four-col .element.wide,
    .full-screen.three-col .element.wide {
        width: 66.7%
    }

    .process-style1 .process-divider {
        width: 50px
    }

    .animate-icon-module-style2,
    .animate-icon-module-style2-wrap {
        display: block;
        width: 100% !important
    }

    .animate-icon-module {
        width: 100% !important;
        margin-right: 0 !important
    }
}

@media only screen and (max-width:959px) {
    .portfolio-details.style3 {
        display: block
    }

    .portfolio-details.style3>div {
        margin-bottom: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0
    }

    .portfolio-details.style3 .portfolio-share a:last-child {
        margin-right: 0
    }

    .animate-icon-module-style2-normal-content {
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

    .animate-icon-module-style2:hover .animate-icon-module-style2-normal-content {
        top: 0;
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px)
    }

    .animate-icon-module-style2 .animate-icon-module-style2-hover-content {
        bottom: 0;
        top: auto
    }

    .animate-icon-module-style2:hover .animate-icon-module-style2-hover-content {
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px)
    }
}

@media only screen and (max-width:767px) {
    ul.tabs li {
        width: 298px
    }

    .portfolio-content-wrap {
        padding-left: 0
    }

    .related-items .column-block {
        margin-bottom: 40px
    }

    .be-service {
        padding: 0 !important;
        margin-bottom: 30px;
        text-align: center !important
    }

    .be-service .font-icon {
        position: relative;
        display: block;
        left: auto !important;
        right: auto !important;
        width: 42px;
        height: 42px;
        margin: 0 auto 10px
    }

    .be-service .font-icon.icon-size-large,
    .be-service .font-icon.icon-size-medium {
        margin: 0 auto 10px;
        height: 60px;
        line-height: 60px;
        padding: 0;
        width: 60px
    }

    .services-outer-wrap span.timeline {
        display: none
    }

    .four-col .element,
    .three-col .element,
    .two-col .element {
        width: 300px
    }

    .full-screen .element,
    .full-screen.five-col .element,
    .full-screen.four-col .element,
    .full-screen.three-col .element {
        width: 100% !important
    }

    .portfolio-two-col-mobile.full-screen .element,
    .portfolio-two-col-mobile.full-screen.five-col .element,
    .portfolio-two-col-mobile.full-screen.four-col .element,
    .portfolio-two-col-mobile.full-screen.three-col .element {
        width: 50% !important
    }

    .portfolio-two-col-mobile.full-screen .element.wide-width,
    .portfolio-two-col-mobile.full-screen .element.wide-width-height {
        width: 100% !important
    }

    .be-services .be-service * {
        text-align: center !important
    }

    .be-services .be-service .font-icon {
        margin-bottom: 20px
    }

    .single_portfolio_close .font-icon {
        border-color: #000;
        background: #000
    }

    .single_portfolio_close {
        right: 10px;
        top: 35px
    }

    .process-style1 .process-col .font-icon {
        font-size: 40px
    }

    .hide-mobile {
        display: none !important
    }

    body.disable-animation-on-mobile .animated {
        -webkit-animation-duration: 0s !important;
        animation-duration: 0s !important;
        visibility: visible !important
    }

    .process-style1 .process-sep {
        width: 1px;
        height: 50px;
        margin: 15px auto;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .process-style1 .process-col {
        display: block;
        margin-bottom: 30px
    }

    .grid-wrap .grid-col {
        border: 0 !important;
        margin-bottom: 40px !important;
        display: block
    }

    .grid-wrap .grid-col,
    .skill-vertical .skill,
    .skill-vertical .skill-wrap {
        width: 100% !important;
        padding: 0 !important
    }

    .pricing-table.highlight-no {
        position: static;
        top: 0
    }

    .animate-icon-module-style2,
    .animate-icon-module-style2-wrap {
        display: block;
        width: 100% !important
    }

    .animate-icon-module {
        width: 100% !important;
        margin-right: 0 !important
    }

    .portfolio-container.portfolio-item-parallax .element .element-inner {
        -webkit-transform: translatey(0) scale(1) translatez(0) !important;
        -ms-transform: translatey(0) scale(1) translatez(0) !important;
        transform: translatey(0) scale(1) translatez(0) !important
    }

    .portfolio-carousel-module .owl-buttons {
        display: none
    }

    .style1-navigation .single-page-nav a {
        margin: 15px
    }

    .single-page-nav.style2-navigation .next-post-link h6,
    .single-page-nav.style2-navigation .previous-post-link h6 {
        display: none
    }

    .content_slide_inner {
        width: 100% !important
    }

    .special-subtitle {
        max-width: 100%
    }

    .contact_form.style2 .field_email,
    .contact_form.style2 .field_name {
        width: 100%;
        float: none
    }

    .contact_form.style2 .field_name {
        margin-right: 0
    }

    .oshine-recent-posts,
    .process-style1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .oshine-recent-posts .fourth-col,
    .oshine-recent-posts .third-col {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .full-screen .element.wide-width-height img {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    ul.tabs li {
        width: 438px
    }

    .four-col .element,
    .four-col .element.wide,
    .three-col .element,
    .three-col .element.wide,
    .two-col .element,
    .two-col .element.wide {
        width: 100%
    }

    .full-screen .element,
    .full-screen.five-col .element,
    .full-screen.four-col .element,
    .full-screen.three-col .element {
        width: 50% !important
    }

    .full-screen .element.wide-width,
    .full-screen .element.wide-width-height,
    .full-screen.five-col .style3-blog .element,
    .full-screen.four-col .style3-blog .element,
    .full-screen.one-col .element,
    .full-screen .style3-blog .element,
    .full-screen.three-col .style3-blog .element {
        width: 100% !important
    }
}

body:not(.tatsu-frame) .element-animate {
    -webkit-animation-duration: .65s;
    animation-duration: .65s;
    visibility: hidden
}

body:not(.tatsu-frame) .portfolio-lazy-load .thumb-wrap img {
    opacity: 0
}

.oshine-module.content-marquee-wrap {
    width: 100%;
    overflow: hidden
}

.oshine-module .content-marquee {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.oshine-module .content-marquee ul {
    list-style: none
}

.oshine-module .content_marquee_module {
    -webkit-animation-name: bemarquee;
    animation-name: bemarquee;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0
}

.oshine-module .content_marquee_module .marquee-element-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    list-style: none;
    padding-right: 30px;
    margin-bottom: 0
}

.oshine-module .content_marquee_module .marquee-element-container .marquee-element-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.marquee-element-container .marquee-element-wrapper .marquee-image {
    display: inline-block;
    padding-right: 10px;
    padding: 10px;
    position: relative
}

.marquee-element-container .marquee-element-wrapper .marquee-title {
    display: inline-block;
    margin-bottom: 0
}

@-webkit-keyframes bemarquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes bemarquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}