@font-face{font-family:'Poppins-Regular';src:url('fonts/SVN-Poppins-Regular.ttf');}
@font-face{font-family:'Poppins-Light';src:url('fonts/Poppins-Light.otf');}
body{
 font-family:'Poppins-Regular';
}
.animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
    .animated.bounceIn,
    .animated.bounceOut,
    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }
    @-webkit-keyframes bounce {
        20%, 53%, 80%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }
    @keyframes bounce {
        20%, 53%, 80%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }
        70% {
            -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            animation-timing-function: cubic-bezier(.755, .05, .855, .06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }
    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    @-webkit-keyframes flash {
        50%, from, to {
            opacity: 1
        }
        25%,
        75% {
            opacity: 0
        }
    }
    @keyframes flash {
        50%, from, to {
            opacity: 1
        }
        25%,
        75% {
            opacity: 0
        }
    }
    .flash {
        -webkit-animation-name: flash;
        animation-name: flash
    }
    @-webkit-keyframes pulse {
        from, to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }
    }
    @keyframes pulse {
        from, to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }
    }
    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse
    }
    @-webkit-keyframes rubberBand {
        from, to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        30% {
            -webkit-transform: scale3d(1.25, .75, 1);
            transform: scale3d(1.25, .75, 1)
        }
        40% {
            -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1)
        }
        50% {
            -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .85, 1)
        }
        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1)
        }
        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1)
        }
    }
    @keyframes rubberBand {
        from, to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        30% {
            -webkit-transform: scale3d(1.25, .75, 1);
            transform: scale3d(1.25, .75, 1)
        }
        40% {
            -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1)
        }
        50% {
            -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .85, 1)
        }
        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1)
        }
        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1)
        }
    }
    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand
    }
    @-webkit-keyframes shake {
        from, to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }
    @keyframes shake {
        from, to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }
    .shake {
        -webkit-animation-name: shake;
        animation-name: shake
    }
    @-webkit-keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }
        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }
        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }
        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }
        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }
        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }
        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }
        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }
        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    .headShake {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: headShake;
        animation-name: headShake
    }
    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }
        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }
    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }
        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }
        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }
        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }
    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing
    }
    @-webkit-keyframes tada {
        from, to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        10%,
        20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }
    }
    @keyframes tada {
        from, to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
        10%,
        20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }
    }
    .tada {
        -webkit-animation-name: tada;
        animation-name: tada
    }
    @-webkit-keyframes wobble {
        from, to {
            -webkit-transform: none;
            transform: none
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }
    }
    @keyframes wobble {
        from, to {
            -webkit-transform: none;
            transform: none
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }
    }
    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble
    }
    @-webkit-keyframes jello {
        11.1%, from, to {
            -webkit-transform: none;
            transform: none
        }
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }
        66.6% {
            -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg)
        }
        77.7% {
            -webkit-transform: skewX(.39063deg) skewY(.39063deg);
            transform: skewX(.39063deg) skewY(.39063deg)
        }
        88.8% {
            -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
            transform: skewX(-.19531deg) skewY(-.19531deg)
        }
    }
    @keyframes jello {
        11.1%, from, to {
            -webkit-transform: none;
            transform: none
        }
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }
        66.6% {
            -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg)
        }
        77.7% {
            -webkit-transform: skewX(.39063deg) skewY(.39063deg);
            transform: skewX(.39063deg) skewY(.39063deg)
        }
        88.8% {
            -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
            transform: skewX(-.19531deg) skewY(-.19531deg)
        }
    }
    .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center
    }
    @-webkit-keyframes bounceIn {
        20%, 40%, 60%, 80%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }
        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97)
        }
        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }
    @keyframes bounceIn {
        20%, 40%, 60%, 80%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }
        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97)
        }
        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }
    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn
    }
    @-webkit-keyframes bounceInDown {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }
        to {
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes bounceInDown {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }
        to {
            -webkit-transform: none;
            transform: none
        }
    }
    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }
    @-webkit-keyframes bounceInLeft {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }
        to {
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes bounceInLeft {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }
        to {
            -webkit-transform: none;
            transform: none
        }
    }
    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft
    }
    @-webkit-keyframes bounceInRight {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0)
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0)
        }
        to {
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes bounceInRight {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0)
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0)
        }
        to {
            -webkit-transform: none;
            transform: none
        }
    }
    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }
    @-webkit-keyframes bounceInUp {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0)
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes bounceInUp {
        60%, 75%, 90%, from, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0)
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }
    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
    }
    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
    }
    .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut
    }
    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }
    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }
    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown
    }
    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }
    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }
    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft
    }
    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }
    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }
    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight
    }
    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }
    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }
    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp
    }
    @-webkit-keyframes fadeIn {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @keyframes fadeIn {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }
    @-webkit-keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }
    @-webkit-keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig
    }
    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }
    @-webkit-keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig
    }
    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
    @-webkit-keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig
    }
    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
    @-webkit-keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig
    }
    @-webkit-keyframes fadeOut {
        from {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
    @keyframes fadeOut {
        from {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }
    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }
    @-webkit-keyframes fadeOutDown {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }
    @keyframes fadeOutDown {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }
    .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown
    }
    @-webkit-keyframes fadeOutDownBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }
    @keyframes fadeOutDownBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }
    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig
    }
    @-webkit-keyframes fadeOutLeft {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }
    @keyframes fadeOutLeft {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }
    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft
    }
    @-webkit-keyframes fadeOutLeftBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }
    @keyframes fadeOutLeftBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }
    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig
    }
    @-webkit-keyframes fadeOutRight {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }
    @keyframes fadeOutRight {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }
    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight
    }
    @-webkit-keyframes fadeOutRightBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }
    @keyframes fadeOutRightBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }
    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig
    }
    @-webkit-keyframes fadeOutUp {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }
    @keyframes fadeOutUp {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }
    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp
    }
    @-webkit-keyframes fadeOutUpBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }
    @keyframes fadeOutUpBig {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }
    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig
    }
    @-webkit-keyframes flip {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }
    @keyframes flip {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }
        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }
    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip
    }
    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }
    @keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }
    .flipInX {
        -webkit-backface-visibility: visible!important;
        backface-visibility: visible!important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX
    }
    .flipInY,
    .flipOutX {
        -webkit-backface-visibility: visible!important
    }
    @-webkit-keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }
    @keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }
        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }
        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }
    .flipInY {
        backface-visibility: visible!important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY
    }
    @-webkit-keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }
    @keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }
    .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        backface-visibility: visible!important
    }
    @-webkit-keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }
    @keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }
        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }
    .flipOutY {
        -webkit-backface-visibility: visible!important;
        backface-visibility: visible!important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY
    }
    @-webkit-keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1
        }
        to {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    @keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }
        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1
        }
        to {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    @-webkit-keyframes lightSpeedOut {
        from {
            opacity: 1
        }
        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }
    @keyframes lightSpeedOut {
        from {
            opacity: 1
        }
        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }
    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    @-webkit-keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    @keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn
    }
    @-webkit-keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    @keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft
    }
    @-webkit-keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    @keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight
    }
    @-webkit-keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    @keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft
    }
    @-webkit-keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    @keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }
    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight
    }
    @-webkit-keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }
    @keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1
        }
        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }
    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut
    }
    @-webkit-keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }
    @keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }
    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft
    }
    @-webkit-keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }
    @keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }
    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight
    }
    @-webkit-keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }
    @keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }
    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft
    }
    @-webkit-keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }
    @keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }
        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }
    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight
    }
    @-webkit-keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }
        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }
    @keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }
        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }
    .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge
    }
    @-webkit-keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn
    }
    @-webkit-keyframes rollOut {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }
    @keyframes rollOut {
        from {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }
    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut
    }
    @-webkit-keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        50% {
            opacity: 1
        }
    }
    @keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        50% {
            opacity: 1
        }
    }
    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn
    }
    @-webkit-keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    @keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown
    }
    @-webkit-keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    @keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft
    }
    @-webkit-keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    @keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight
    }
    @-webkit-keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    @keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }
    @-webkit-keyframes zoomOut {
        from {
            opacity: 1
        }
        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        to {
            opacity: 0
        }
    }
    @keyframes zoomOut {
        from {
            opacity: 1
        }
        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        to {
            opacity: 0
        }
    }
    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut
    }
    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown
    }
    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }
    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }
    .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft
    }
    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }
    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }
    .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight
    }
    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19)
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1)
        }
    }
    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp
    }
    @-webkit-keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown
    }
    @-webkit-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }
    @-webkit-keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight
    }
    @-webkit-keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp
    }
    @-webkit-keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }
    @keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }
    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown
    }
    @-webkit-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }
    @keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }
    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft
    }
    @-webkit-keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }
    @keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }
    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight
    }
    @-webkit-keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }
    @keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }
    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp
    }
    #ui-datepicker-div {
        width: 260px;
        z-index: 1000!important
    }
    #ui-datepicker-div .ui-widget-header {
        background-color: #282828;
        border-color: #282828;
        padding: 10px 25px;
        position: relative
    }
    #ui-datepicker-div .ui-widget-header>* {
        color: #fff
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-next,
    #ui-datepicker-div .ui-widget-header .ui-datepicker-prev {
        cursor: pointer;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-next:before,
    #ui-datepicker-div .ui-widget-header .ui-datepicker-prev:before {
        display: block;
        font-family: linea-arrows-10;
        font-size: 20px;
        vertical-align: middle
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon,
    #ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon {
        display: none
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-prev {
        left: 20px
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-prev:before {
        content: "\e03f"
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-next {
        right: 20px
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-next:before {
        content: "\e04b"
    }
    #ui-datepicker-div .ui-widget-header .ui-datepicker-title {
        display: inline-block;
        width: 100%;
        text-align: center
    }
    #ui-datepicker-div .ui-datepicker-calendar {
        background-color: #fff
    }
    .qodef-owl-slider {
        position: relative;
        display: none;
        width: 100%;
        margin: 0;
        -webkit-tap-highlight-color: transparent;
        z-index: 1
    }
    .qodef-owl-slider.owl-loaded {
        display: block
    }
    .qodef-owl-slider.owl-loading {
        opacity: 0;
        display: block
    }
    .qodef-owl-slider.owl-hidden {
        opacity: 0
    }
    .qodef-owl-slider.owl-refresh .owl-item {
        visibility: hidden
    }
    .qodef-owl-slider.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .qodef-owl-slider.owl-grab {
        cursor: move;
        cursor: grab
    }
    .qodef-owl-slider.owl-rtl .owl-item {
        float: right
    }
    .no-js .qodef-owl-slider {
        display: block
    }
    .qodef-owl-slider .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }
    .qodef-owl-slider .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }
    .qodef-owl-slider .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }
    .qodef-owl-slider .owl-item,
    .qodef-owl-slider .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }
    .qodef-owl-slider .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }
    .qodef-owl-slider .owl-item img {
        display: block;
        width: 100%
    }
    .qodef-owl-slider .owl-item img .owl-lazy {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
    .qodef-owl-slider .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity .4s ease
    }
    .qodef-owl-slider .owl-nav.disabled {
        /*display: none*/
    }
    .qodef-owl-slider .owl-nav .owl-next,
    .qodef-owl-slider .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .qodef-owl-slider .owl-dots.disabled {
        display: none
    }
    .qodef-owl-slider .owl-dots .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .qodef-owl-slider .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .qodef-owl-slider .owl-animated-in {
        z-index: 0
    }
    .qodef-owl-slider .owl-animated-out {
        z-index: 1
    }
    .qodef-owl-slider .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }
    .owl-height {
        transition: height .5s ease-in-out
    }
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    .ps {
        -ms-touch-action: auto;
        touch-action: auto;
        overflow: hidden!important;
        -ms-overflow-style: none
    }
    @supports (-ms-overflow-style: none) {
        .ps {
            overflow: auto!important
        }
    }
    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        .ps {
            overflow: auto!important
        }
    }
    .ps.ps--active-x>.ps__scrollbar-x-rail,
    .ps.ps--active-y>.ps__scrollbar-y-rail {
        display: none;
        background-color: transparent
    }
    .ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
        background-color: #eee;
        opacity: .9
    }
    .ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
        background-color: #999;
        height: 11px
    }
    .ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
        background-color: #eee;
        opacity: .9
    }
    .ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
        background-color: #999;
        width: 11px
    }
    .ps>.ps__scrollbar-x-rail {
        display: none;
        position: absolute;
        opacity: 0;
        transition: background-color .2s linear, opacity .2s linear;
        bottom: 0;
        height: 15px
    }
    .ps>.ps__scrollbar-x-rail>.ps__scrollbar-x {
        position: absolute;
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        bottom: 2px;
        height: 6px
    }
    .ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x,
    .ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {
        height: 11px
    }
    .ps>.ps__scrollbar-y-rail {
        display: none;
        position: absolute;
        opacity: 0;
        transition: background-color .2s linear, opacity .2s linear;
        right: 0;
        width: 15px
    }
    .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
        position: absolute;
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        right: 2px;
        width: 6px
    }
    .ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y,
    .ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
        width: 11px
    }
    .ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
        background-color: #eee;
        opacity: .9
    }
    .ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
        background-color: #999;
        height: 11px
    }
    .ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
        background-color: #eee;
        opacity: .9
    }
    .ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
        background-color: #999;
        width: 11px
    }
    .ps:hover>.ps__scrollbar-x-rail,
    .ps:hover>.ps__scrollbar-y-rail {
        opacity: .6
    }
    .ps:hover>.ps__scrollbar-x-rail:hover {
        background-color: #eee;
        opacity: .9
    }
    .ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {
        background-color: #999
    }
    .ps:hover>.ps__scrollbar-y-rail:hover {
        background-color: #eee;
        opacity: .9
    }
    .ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
        background-color: #999
    }
    body .pp_pic_holder {
        position: fixed!important;
        top: 50%!important;
        left: 50%!important;
        display: none;
        width: 100px;
        z-index: 10001!important;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    @media only screen and (max-width: 768px) {
        body .pp_pic_holder {
            width: 90%!important
        }
    }
    body .pp_pic_holder.is-single .pp_details {
        display: none
    }
    body .pp_pic_holder .pp_bottom,
    body .pp_pic_holder .pp_top {
        display: none!important
    }
    body .pp_pic_holder .pp_content {
        position: relative;
        background: 0 0;
        margin: 0 auto;
        height: 40px;
        min-width: 40px;
        width: 100%
    }
    @media only screen and (max-width: 768px) {
        body .pp_pic_holder .pp_content {
            width: 100%!important
        }
    }
    * html body .pp_pic_holder .pp_content {
        width: 40px
    }
    body .pp_pic_holder .pp_content_container {
        position: relative;
        text-align: left;
        width: 100%
    }
    body .pp_pic_holder .pp_content_container .pp_left,
    body .pp_pic_holder .pp_content_container .pp_right {
        background: 0 0!important;
        padding: 0!important
    }
    body .pp_pic_holder #pp_full_res {
        line-height: 1!important
    }
    body .pp_pic_holder #pp_full_res .pp_inline {
        color: #282828;
        text-align: left
    }
    body .pp_pic_holder #pp_full_res .pp_inline p {
        margin: 0 0 15px
    }
    body .pp_pic_holder #pp_full_res iframe {
        width: 100%!important
    }
    body .pp_pic_holder #pp_full_res img {
        display: block
    }
    @media only screen and (max-width: 768px) {
        body .pp_pic_holder #pp_full_res img {
            width: 100%!important;
            height: auto!important
        }
    }
    body .pp_pic_holder .pp_description,
    body .pp_pic_holder .pp_gallery,
    body .pp_pic_holder .ppt {
        display: none!important
    }
    body .pp_pic_holder .pp_loaderIcon {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 32px;
        height: 32px;
        margin: -16px 0 0 -16px;
        background-color: #fff;
        border-radius: 16px;
        -webkit-animation: scaleout 1s infinite ease-in-out;
        animation: scaleout 1s infinite ease-in-out
    }
    body .pp_pic_holder .pp_fade {
        position: relative;
        top: 50%;
        display: none;
        -webkit-transform: translateY(-50%) translateZ(0);
        -moz-transform: translateY(-50%) translateZ(0);
        transform: translateY(-50%) translateZ(0)
    }
    body .pp_pic_holder .pp_details {
        position: relative;
        top: -1px;
        display: table;
        vertical-align: top;
        width: 100%!important;
        float: none!important;
        margin: 0!important;
        padding: 15px 24px;
        background-color: #fff;
        box-sizing: border-box
    }
    body .pp_pic_holder .pp_details .pp_nav {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: auto;
        float: none;
        margin: 0!important
    }
    body .pp_pic_holder .pp_details .pp_nav .pp_pause,
    body .pp_pic_holder .pp_details .pp_nav .pp_play {
        display: none
    }
    body .pp_pic_holder .pp_details .pp_nav .currentTextHolder {
        position: absolute;
        top: 0;
        left: 50%;
        width: auto;
        margin: 0;
        padding: 0;
        float: none;
        color: #939393;
        font-family: inherit;
        font-size: inherit;
        line-height: 30px;
        font-style: inherit;
        letter-spacing: 5px
    }
    body .pp_pic_holder a:focus {
        outline: 0
    }
    body .pp_pic_holder a.pp_arrow_next,
    body .pp_pic_holder a.pp_arrow_previous {
        position: relative;
        display: inline-block;
        vertical-align: top;
        left: auto!important;
        float: none;
        width: auto!important;
        height: auto!important;
        margin: 0!important;
        color: #939393;
        font-family: Ionicons;
        font-size: 0;
        line-height: 1;
        text-indent: 0;
        background: 0 0!important;
        opacity: 1!important;
        overflow: visible
    }
    body .pp_pic_holder a.pp_arrow_next:after,
    body .pp_pic_holder a.pp_arrow_previous:after {
        font-size: 30px
    }
    body .pp_pic_holder a.pp_arrow_next:hover,
    body .pp_pic_holder a.pp_arrow_previous:hover {
        color: #282828
    }
    body .pp_pic_holder a.pp_arrow_previous:after {
        content: "\f3d2"
    }
    body .pp_pic_holder a.pp_arrow_next {
        margin: 0 0 0 14px!important
    }
    body .pp_pic_holder a.pp_arrow_next:after {
        content: "\f3d3"
    }
    body .pp_pic_holder a.pp_next,
    body .pp_pic_holder a.pp_previous {
        position: absolute;
        top: calc(50% - 20px);
        width: auto;
        height: auto;
        display: inline-block;
        margin: 0!important;
        background: 0 0!important;
        color: #282828;
        font-family: Ionicons;
        font-size: 40px;
        line-height: 1;
        text-indent: -9999px!important;
        opacity: 0;
        -webkit-transition: opacity .2s ease-out, color .2s ease-out;
        -moz-transition: opacity .2s ease-out, color .2s ease-out;
        transition: opacity .2s ease-out, color .2s ease-out
    }
    body .pp_pic_holder a.pp_next>*,
    body .pp_pic_holder a.pp_previous>* {
        display: none
    }
    body .pp_pic_holder a.pp_next:after,
    body .pp_pic_holder a.pp_previous:after {
        display: block;
        line-height: inherit;
        text-indent: 0!important
    }
    body .pp_pic_holder a.pp_close,
    body .pp_pic_holder a.pp_expand {
        height: auto;
        width: auto;
        font-family: Ionicons;
        font-size: 0;
        line-height: 1;
        text-indent: 0;
        background: 0 0!important
    }
    body .pp_pic_holder a.pp_next:hover,
    body .pp_pic_holder a.pp_previous:hover {
        color: rgba(40, 40, 40, .8)
    }
    body .pp_pic_holder a.pp_previous {
        left: 30px
    }
    body .pp_pic_holder a.pp_previous:after {
        content: "\f3d2"
    }
    body .pp_pic_holder a.pp_next {
        right: 30px
    }
    @media only screen and (max-width: 768px) {
        body .pp_pic_holder a.pp_previous {
            left: 20px
        }
        body .pp_pic_holder a.pp_next {
            right: 20px
        }
    }
    body .pp_pic_holder a.pp_next:after {
        content: "\f3d3"
    }
    body .pp_pic_holder a.pp_close {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        margin: 0!important;
        color: #939393;
        cursor: pointer;
        opacity: 1!important
    }
    body .pp_pic_holder a.pp_close:hover {
        color: #282828
    }
    body .pp_pic_holder a.pp_expand {
        position: absolute;
        right: -22px;
        top: -18px;
        display: block;
        color: #fff;
        text-align: center;
        z-index: 2001
    }
    body .pp_pic_holder a.pp_expand:after {
        content: "\f386";
        font-size: 22px
    }
    body .pp_pic_holder a.pp_expand:hover {
        color: rgba(255, 255, 255, .8)
    }
    body .pp_hoverContainer {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2000
    }
    @media only screen and (max-width: 768px) {
        body .pp_hoverContainer {
            width: 100%!important;
            height: 100%!important
        }
    }
    body .pp_hoverContainer:hover a.pp_next,
    body .pp_hoverContainer:hover a.pp_previous {
        opacity: 1
    }
    body .pp_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
        background-color: #282828;
        z-index: 10000!important
    }
    body .select2-container--default.select2-container--disabled .select2-selection--multiple,
    body .select2-container--default.select2-container--disabled .select2-selection--single {
        background-color: #eee;
        cursor: default
    }
    body .select2-container--default {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin: 0;
        border: 0;
        border-radius: 0;
        text-align: initial;
        box-sizing: border-box
    }
    body .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,
    body .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
        display: none
    }
    body .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
        float: left
    }
    body .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding: 0 20px 0 30px
    }
    body .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
        left: 20px;
        right: auto
    }
    body .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
    body .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
    body .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
        float: right
    }
    body .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__rendered {
        padding: 0 20px 0 30px
    }
    body .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
        margin: 7px auto 0 5px
    }
    body .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
        margin: 0 auto 0 3px
    }
    body .select2-container--default.select2-container--open .select2-selection--single {
        color: #282828
    }
    body .select2-container--default.select2-container--open .select2-dropdown {
        left: 0
    }
    body .select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--above {
        border-bottom-color: transparent
    }
    body .select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below {
        border-top-color: transparent
    }
    body .select2-container--default .select2-selection--single {
        display: block;
        height: 50px;
        line-height: 48px;
        padding: 0;
        font-family: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
        box-sizing: border-box;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        font-size: 14px;
        margin: 0 0 20px
    }
    body .select2-container--default .select2-selection--single .select2-selection__rendered {
        display: block;
        padding: 0 30px 0 20px;
        color: inherit;
        line-height: inherit;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        box-sizing: border-box
    }
    body .select2-container--default .select2-selection--single .select2-selection__clear {
        position: relative;
        cursor: pointer;
        float: right;
        margin: 0;
        font-weight: inherit
    }
    body .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: inherit
    }
    body .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: absolute;
        width: auto;
        height: 100%;
        top: 0;
        right: 20px;
        color: inherit;
        line-height: inherit;
        text-align: center
    }
    body .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none
    }
    body .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        font-family: ElegantIcons;
        content: "\33";
        font-size: 20px
    }
    body .select2-container--default .select2-selection--multiple {
        display: block;
        height: 44px;
        line-height: 42px;
        padding: 0;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border: 1px solid #e1e1e1;
        border-radius: 0;
        outline: 0;
        box-sizing: border-box;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none
    }
    body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        display: block;
        list-style: none;
        padding: 0 30px 0 20px;
        margin: 0;
        color: inherit;
        line-height: inherit;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        box-sizing: border-box
    }
    body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        list-style: none
    }
    body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__placeholder {
        float: left;
        margin: 0;
        color: inherit
    }
    body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
        position: relative;
        cursor: pointer;
        float: right;
        margin: 0;
        font-weight: inherit
    }
    body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        float: left;
        margin: 7px 5px 0 0;
        padding: 0 10px;
        line-height: 30px;
        color: #fff;
        background-color: #282828;
        border: 0;
        border-radius: 0;
        cursor: default
    }
    body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
        display: inline-block;
        margin: 0 3px 0 0;
        color: inherit;
        font-weight: 700;
        cursor: pointer;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover {
        color: inherit;
        opacity: .8
    }
    body .select2-container--default .select2-search--inline {
        float: left
    }
    body .select2-container--default .select2-search--inline .select2-search__field {
        margin: 0;
        padding: 0;
        font-size: 100%;
        background: 0 0;
        border: none;
        outline: 0;
        box-shadow: none;
        -webkit-appearance: textfield;
        box-sizing: border-box
    }
    body .select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none
    }
    body .select2-container--default .select2-dropdown {
        position: absolute;
        top: 0;
        left: -100000px;
        width: 100%;
        display: block;
        background-color: #fff;
        border-radius: 0;
        z-index: 1051;
        box-sizing: border-box
    }
    body .select2-container--default .select2-search--dropdown {
        display: block;
        padding: 14px 15px 2px
    }
    body .select2-container--default .select2-search--dropdown.select2-search--hide {
        display: none
    }
    body .select2-container--default .select2-search--dropdown .select2-search__field {
        padding: 4px 8px;
        margin: 0;
        width: 100%;
        color: inherit;
        font-size: inherit;
        line-height: 20px;
        font-family: inherit;
        font-weight: inherit;
        border: 1px solid #e1e1e1;
        outline: 0;
        box-sizing: border-box;
        -webkit-appearance: none
    }
    body .select2-container--default .select2-search--dropdown .select2-search__field:focus {
        border-color: #282828
    }
    body .select2-container--default .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none
    }
    body .select2-container--default .select2-results {
        display: block;
        padding: 0;
        margin: 0;
        overflow: hidden
    }
    body .select2-container--default .select2-results>.select2-results__options {
        max-height: 200px;
        overflow-y: auto
    }
    .qodef-page-header .qodef-logo-area .qodef-logo-wrapper a,
    .qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
        max-height: 90px
    }
    body .select2-container--default .select2-results__options {
        position: relative;
        margin: 5px 0;
        list-style: none;
        font-size: 12px;
        color: #b4b4b4;
        padding: 10px 20px!important
    }
    body .select2-container--default .select2-results__option {
        padding: 1px 0;
        user-select: none;
        -webkit-user-select: none;
        -webkit-transition: color .2s ease-out;
        -moz-transition: color .2s ease-out;
        transition: color .2s ease-out
    }
    body .select2-container--default .select2-results__option[aria-selected] {
        cursor: pointer
    }
    body .select2-container--default .select2-results__option[role=group] {
        padding: 0
    }
    body .select2-container--default .select2-results__option[aria-disabled=true] {
        color: #282828
    }
    body .select2-container--default .select2-results__option[aria-selected=true],
    body .select2-container--default .select2-results__option[data-selected=true] {
        color: #282828;
        background: 0 0
    }
    body .select2-container--default .select2-results__option .select2-results__option {
        padding-left: 1em
    }
    body .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }
    body .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }
    body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -2em;
        padding-left: 3em
    }
    body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em
    }
    body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -4em;
        padding-left: 5em
    }
    body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -5em;
        padding-left: 6em
    }
    body .select2-container--default .select2-results__option--highlighted[aria-selected] {
        color: #282828;
        background: 0 0
    }
    body .select2-container--default .select2-results__group {
        display: block;
        padding: 7px 0;
        cursor: default
    }
    .touch .qodef-blog-slider-holder.qodef-bs-slider .qodef-blog-slider-item,
    .touch .qodef-related-posts-holder .qodef-related-post {
        cursor: pointer
    }
    .select2-close-mask {
        border: 0;
        margin: 0;
        padding: 0;
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        min-height: 100%;
        min-width: 100%;
        height: auto;
        width: auto;
        opacity: 0;
        z-index: 99;
        background-color: #fff;
        filter: alpha(opacity=0)
    }
    .select2-hidden-accessible {
        border: 0!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important
    }
    .widget_icl_lang_sel_widget {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
    .widget_icl_lang_sel_widget img {
        position: relative;
        display: inline-block!important;
        vertical-align: middle;
        top: -1px;
        padding-right: 6px
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 200px;
        text-align: left;
        box-sizing: border-box
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click:hover .wpml-ls-sub-menu,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown:hover .wpml-ls-sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        transition-delay: 0s
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-legacy-dropdown,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-legacy-dropdown {
        padding: 0;
        margin: 0
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
        position: relative;
        display: block;
        padding: 9px 20px;
        color: #282828;
        background-color: #fff;
        border: 1px solid #e1e1e1;
        box-sizing: border-box
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover {
        color: #b4b4b4
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:after,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:after {
        content: '\33';
        position: absolute;
        top: calc(50% - 8px);
        right: 20px;
        display: block;
        font-family: ElegantIcons;
        font-size: 15px;
        line-height: 1
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 14px 20px;
        margin: 0;
        list-style: none;
        background-color: #fff;
        border: 1px solid #e1e1e1;
        border-top: 0;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        box-sizing: border-box;
        -webkit-transition: visibility 0s linear .25s, opacity .25s ease-in-out;
        -moz-transition: visibility 0s linear .25s, opacity .25s ease-in-out;
        transition: visibility 0s linear .25s, opacity .25s ease-in-out
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a {
        display: block;
        padding: 7px 0
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 15px 5px 0
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a,
    .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a {
        display: block
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li:last-child {
        margin-right: 0
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li {
        display: block;
        margin: 0;
        padding: 5px 0
    }
    .qodef-page-footer .widget_icl_lang_sel_widget,
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown,
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click,
    .qodef-side-menu .widget_icl_lang_sel_widget,
    .qodef-side-menu .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown,
    .qodef-side-menu .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click,
    .qodef-vertical-menu-area .widget_icl_lang_sel_widget,
    .qodef-vertical-menu-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown,
    .qodef-vertical-menu-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click,
    .wpb_widgetised_column .widget_icl_lang_sel_widget,
    .wpb_widgetised_column .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown,
    .wpb_widgetised_column .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click,
    aside.qodef-sidebar .widget_icl_lang_sel_widget,
    aside.qodef-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown,
    aside.qodef-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click {
        width: 100%
    }
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown,
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click {
        width: 140px
    }
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle,
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
        padding: 0;
        line-height: 46px;
        color: #fff;
        background-color: transparent;
        border: 0
    }
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:after,
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:after {
        right: 0
    }
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li {
        margin-bottom: 0
    }
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px
    }
    .qodef-top-bar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child {
        margin-right: 0
    }
    .qodef-footer-top-holder .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li,
    .qodef-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li,
    .qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px
    }
    .qodef-footer-top-holder .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child,
    .qodef-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child,
    .qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li:last-child {
        margin-right: 0
    }
    .qodef-main-menu>ul>li.menu-item-language.has_sub>a>span.item_outer .item_text:after {
        content: '\33';
        position: absolute;
        right: -15px;
        top: 0;
        font-family: ElegantIcons;
        font-size: 15px
    }
    .qodef-main-menu>ul>li.menu-item-language a>span.item_outer .item_text {
        position: relative;
        display: table
    }
    .qodef-main-menu>ul>li.menu-item-language a>span.item_outer .item_text>* {
        display: table-cell;
        vertical-align: middle
    }
    .qodef-blog-holder,
    .qodef-blog-holder article,
    .qodef-blog-holder article .qodef-post-content,
    .qodef-blog-holder article .qodef-post-image {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }
    .qodef-main-menu>ul>li.menu-item-language a>span.item_outer .item_text img {
        padding: 5px 6px 0 0
    }
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle,
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
        color: #fff;
        background-color: transparent;
        border-color: #fff
    }
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover,
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover {
        color: rgba(255, 255, 255, .8)
    }
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        background-color: #363636
    }
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a,
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a {
        color: #fff
    }
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover,
    .qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover {
        color: rgba(255, 255, 255, .8)
    }
    .qodef-blog-holder article .qodef-post-content .qodef-post-title a:hover,
    .qodef-blog-holder article.sticky .qodef-post-title a {
        color: #b4b4b4
    }
    .qodef-blog-holder {
        width: 100%;
        margin: 0 0 40px;
        clear: both;
        box-sizing: border-box
    }
    .qodef-blog-holder article {
        width: 100%;
        box-sizing: border-box
    }
    .qodef-blog-holder article .qodef-post-content {
        width: 100%
    }
    .qodef-blog-holder article .qodef-post-image {
        max-width: 100%
    }
    .qodef-blog-holder article .qodef-post-image img {
        display: block
    }
    .qodef-blog-holder article .qodef-post-image-background {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        height: 100%;
        background-position: center;
        background-size: cover
    }
    .qodef-blog-holder article .qodef-post-image-background a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .qodef-blog-holder article .qodef-post-image-icon {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 30px;
        line-height: 1;
        color: #fff
    }
    .qodef-blog-holder article .qodef-post-text {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        box-sizing: border-box
    }
    .qodef-blog-holder article .qodef-post-title {
        margin: 0
    }
    .qodef-blog-holder article .qodef-post-excerpt-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 15px 0 0
    }
    .qodef-blog-holder article .qodef-post-excerpt-holder p {
        margin: 0
    }
    .qodef-blog-holder article .qodef-post-excerpt:after {
        content: '...'
    }
    .qodef-blog-holder article .qodef-post-read-more-button {
        margin-top: 15px
    }
    .qodef-blog-holder article .qodef-more-link-container {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 15px 0 0
    }
    .qodef-blog-holder article .qodef-post-info {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-blog-holder article .qodef-post-info>* {
        position: relative;
        display: inline-block;
        vertical-align: top;
        color: currentColor
    }
    .qodef-blog-holder article .qodef-post-info>* a {
        color: inherit
    }
    .qodef-blog-holder article .qodef-post-info-top>div {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding: 0 16px 0 0;
        color: #282828;
        font-size: 13px;
        letter-spacing: .05em
    }
    .qodef-blog-holder article .qodef-post-info-top>div:after {
        content: ' | ';
        position: absolute;
        top: 0;
        right: 4px
    }
    .qodef-blog-holder article .qodef-post-info-top>div:last-child {
        padding: 0 10px 0 0
    }
    .qodef-blog-holder article .qodef-post-info-top>div:last-child:after {
        content: ''
    }
    .qodef-blog-holder article .qodef-post-info-top>div a {
        font-size: 12px;
        color: #282828;
        font-weight: 400
    }
    .qodef-blog-holder article .qodef-post-info-top>div a:hover {
        color: #b4b4b4
    }
    .qodef-blog-holder article .qodef-post-info-top .qodef-blog-like .icon_heart_alt {
        margin-right: 5px
    }
    .qodef-blog-holder article .qodef-post-info-top .qodef-post-info-comments-holder .qodef-post-info-comments {
        position: relative;
        top: -1px
    }
    .qodef-blog-holder article .qodef-post-info-top .qodef-post-info-comments-holder a:before {
        content: "\76";
        font-family: ElegantIcons;
        font-size: 12px;
        position: relative
    }
    .qodef-blog-holder article .qodef-post-info-bottom .qodef-tags-holder .qodef-tags a {
        font-size: 13px;
        color: #282828;
        font-weight: 600;
        margin-right: 20px
    }
    .qodef-blog-holder article .qodef-post-info-bottom .qodef-tags-holder .qodef-tags a:hover {
        color: #b4b4b4
    }
    .qodef-blog-holder article .qodef-post-info-bottom .qodef-post-info-bottom-left,
    .qodef-blog-holder article .qodef-post-info-bottom .qodef-post-info-bottom-right {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    @media only screen and (min-width: 769px) {
        .qodef-grid-list.qodef-three-columns .qodef-item-space:nth-child(3n+1) {
            clear: both
        }
        .qodef-blog-holder article .qodef-post-info-bottom .qodef-post-info-bottom-left,
        .qodef-blog-holder article .qodef-post-info-bottom .qodef-post-info-bottom-right {
            width: 50%
        }
        .qodef-blog-holder article .qodef-post-info-bottom .qodef-post-info-bottom-left {
            float: left
        }
        .qodef-blog-holder article .qodef-post-info-bottom .qodef-post-info-bottom-right {
            text-align: right;
            float: right
        }
    }
    .qodef-author-description .qodef-author-description-image,
    .qodef-blog-single-navigation .qodef-blog-single-prev,
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-label,
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-mark {
        float: left
    }
    .qodef-blog-holder article.format-link .qodef-post-text {
        padding: 61px 53px 55px;
        background-color: #e5edf5
    }
    .qodef-blog-holder article.format-link .qodef-post-text-main {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
        text-align: center
    }
    .qodef-blog-holder article.format-link .qodef-post-mark {
        vertical-align: top;
        text-align: center;
        margin-bottom: 12px
    }
    .qodef-blog-holder article.format-link .qodef-post-mark .qodef-link-mark {
        padding-top: 5px;
        font-size: 20px;
        color: #000
    }
    .qodef-blog-holder article.format-link .qodef-post-link-holder {
        vertical-align: top;
        text-align: center
    }
    .qodef-blog-holder article.format-quote .qodef-post-text {
        padding: 40px 160px;
        background-color: #e5edf5
    }
    .qodef-blog-holder article.format-quote .qodef-post-text-main {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
        text-align: center
    }
    .qodef-blog-holder article.format-quote .qodef-post-mark {
        vertical-align: top;
        text-align: center;
        margin-bottom: 5px
    }
    .qodef-blog-holder article.format-quote .qodef-post-mark .qodef-quote-mark {
        padding-top: 5px;
        font-size: 16px;
        color: #000
    }
    .qodef-blog-holder article.format-quote .qodef-post-link-holder {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        vertical-align: top;
        text-align: left
    }
    .qodef-blog-holder article.format-quote .qodef-quote-author {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        color: #282828;
        margin-top: 20px
    }
    .qodef-blog-holder article.format-gallery .qodef-post-heading {
        margin-bottom: 29px
    }
    .qodef-blog-holder article.format-gallery .qodef-post-image {
        width: 100%
    }
    .qodef-blog-holder article.format-gallery .owl-carousel .owl-item {
        z-index: 2
    }
    .qodef-blog-holder article.format-gallery .owl-carousel .owl-item.active {
        z-index: 3
    }
    .qodef-blog-holder article.format-audio.has-post-thumbnail .qodef-post-heading {
        position: relative
    }
    .qodef-blog-holder article.format-audio.has-post-thumbnail .qodef-blog-audio-holder {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: inline-block;
        vertical-align: middle
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-handle-content,
    .qodef-blog-pagination-wp {
        display: none
    }
    .qodef-blog-holder article.format-audio .qodef-post-image {
        width: 100%;
        max-width: inherit
    }
    .qodef-blog-holder article.format-audio .qodef-post-image img {
        width: 100%
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-embed,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-embed body {
        background: 0 0
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container {
        background-color: #282828
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls {
        height: 38px!important
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls {
        padding: 0 10px 0 4px;
        box-sizing: border-box
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button {
        width: 39px
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button {
        width: 30px
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button {
        height: 38px
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button button {
        position: relative;
        height: 100%;
        background: center no-repeat;
        margin: 0;
        border: 0;
        outline: 0
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button.mejs-play button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button.mejs-replay button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button.mejs-play button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button.mejs-replay button {
        width: 39px;
        background-image: url(/wp-content/themes/arredo/framework/modules/blog/assets/img/audio/play.png)
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button.mejs-pause button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button.mejs-pause button {
        width: 39px;
        background-image: url(/wp-content/themes/arredo/framework/modules/blog/assets/img/audio/pause.png)
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button.mejs-stop button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button.mejs-stop button {
        width: 39px;
        background-image: url(/wp-content/themes/arredo/framework/modules/blog/assets/img/audio/stop.png)
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button.mejs-mute button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button.mejs-mute button {
        width: 30px;
        background-image: url(/wp-content/themes/arredo/framework/modules/blog/assets/img/audio/sound.png)
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-playpause-button.mejs-unmute button,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-volume-button.mejs-unmute button {
        width: 30px;
        background-image: url(/wp-content/themes/arredo/framework/modules/blog/assets/img/audio/mute.png)
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time {
        height: 100%;
        padding: 0;
        font-family: inherit;
        font-size: 13px;
        color: #fff;
        line-height: 36px
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail {
        height: 100%;
        padding: 0;
        font-family: inherit
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total {
        height: 5px;
        margin: 15px 0;
        background: #fff
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-current {
        height: 5px;
        background-color: #b4b4b4
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-buffering,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-hovered {
        height: 5px;
        z-index: 9999
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-hovered {
        background: rgba(0, 0, 0, .5)
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-float {
        top: -16px;
        border: 0;
        color: #fff
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-float-corner {
        top: 11px
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-float,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>.mejs-time-rail .mejs-time-total .mejs-time-loaded {
        background: 0 0
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>a.mejs-horizontal-volume-slider {
        height: 38px
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        height: 5px;
        background: 0 0
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        top: 15px;
        background-color: #fff
    }
    .qodef-blog-holder article.format-audio .qodef-blog-audio-holder .mejs-container .mejs-controls>a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
        background-color: #b4b4b4
    }
    .qodef-blog-holder article.format-video .qodef-self-hosted-video {
        max-width: 100%
    }
    .qodef-blog-pagination,
    .qodef-blog-pagination ul,
    .qodef-blog-pagination ul li,
    .qodef-blog-pagination ul li a {
        display: inline-block;
        position: relative
    }
    .qodef-blog-pagination {
        width: 100%;
        vertical-align: middle;
        margin: 48px 0 30px;
        clear: both
    }
    .qodef-blog-pagination ul {
        width: 100%;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center
    }
    .qodef-blog-pagination ul li {
        vertical-align: top;
        margin: 0 7px
    }
    .qodef-blog-pagination ul li a {
        vertical-align: middle;
        margin: 0;
        padding: 0;
        color: #939393
    }
    .qodef-blog-pagination ul li a.qodef-pag-active,
    .qodef-blog-pagination ul li a:hover {
        color: #282828
    }
    .qodef-blog-pagination ul li.qodef-pag-first,
    .qodef-blog-pagination ul li.qodef-pag-last,
    .qodef-blog-pagination ul li.qodef-pag-next,
    .qodef-blog-pagination ul li.qodef-pag-prev {
        top: -1px;
        margin: 0
    }
    .qodef-blog-pagination ul li.qodef-pag-first a,
    .qodef-blog-pagination ul li.qodef-pag-last a,
    .qodef-blog-pagination ul li.qodef-pag-next a,
    .qodef-blog-pagination ul li.qodef-pag-prev a {
        font-size: 20px
    }
    .qodef-blog-pagination ul li.qodef-pag-first a span,
    .qodef-blog-pagination ul li.qodef-pag-first a span:before,
    .qodef-blog-pagination ul li.qodef-pag-last a span,
    .qodef-blog-pagination ul li.qodef-pag-last a span:before,
    .qodef-blog-pagination ul li.qodef-pag-next a span,
    .qodef-blog-pagination ul li.qodef-pag-next a span:before,
    .qodef-blog-pagination ul li.qodef-pag-prev a span,
    .qodef-blog-pagination ul li.qodef-pag-prev a span:before {
        display: block;
        line-height: inherit
    }
    .qodef-blog-pagination ul li.qodef-pag-prev {
        margin-right: 6px
    }
    .qodef-blog-pagination ul li.qodef-pag-next {
        margin-left: 6px
    }
    .qodef-blog-list-holder.qodef-bl-pag-standard-shortcodes .qodef-blog-list {
        opacity: 1;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-prev a,
    .qodef-blog-list-holder.qodef-bl-pag-standard-shortcodes.qodef-bl-pag-standard-shortcodes-animate .qodef-blog-list {
        opacity: 0
    }
    .qodef-bl-standard-pagination {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 20px 0 0;
        clear: both
    }
    .qodef-bl-standard-pagination ul {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center
    }
    .qodef-bl-standard-pagination ul li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0 12px;
        padding: 0
    }
    .qodef-bl-standard-pagination ul li a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-active a {
        color: #b4b4b4
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-next,
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-prev {
        position: absolute;
        top: 0
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-next a,
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-prev a {
        font-size: 30px;
        -webkit-transition: color .2s ease-out, opacity .2s ease-out;
        -moz-transition: color .2s ease-out, opacity .2s ease-out;
        transition: color .2s ease-out, opacity .2s ease-out
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-next a span,
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-next a span:before,
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-prev a span,
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-prev a span:before {
        display: block;
        line-height: inherit
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-prev {
        left: 0
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-next a,
    .qodef-related-posts-holder .qodef-related-post:hover .qodef-related-post-image a:after {
        opacity: 1
    }
    .qodef-bl-standard-pagination ul li.qodef-bl-pag-next {
        right: 0
    }
    .qodef-blog-pag-load-more {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 40px 0 30px;
        text-align: center
    }
    .qodef-blog-pag-loading {
        position: relative;
        display: none;
        width: 100%;
        margin: 40px 0 20px;
        color: #282828;
        text-align: center
    }
    .qodef-blog-pag-loading.qodef-standard-pag-trigger {
        position: absolute;
        top: 50px;
        left: 0
    }
    .qodef-blog-pag-loading.qodef-showing {
        display: block
    }
    .qodef-blog-pag-loading>div {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        margin: 0 3px;
        background-color: #282828;
        border-radius: 100%;
        -webkit-animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both;
        -moz-animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both;
        animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both
    }
    .qodef-blog-pag-loading .qodef-blog-pag-bounce1 {
        -webkit-animation-delay: -.32s;
        -moz-animation-delay: -.32s;
        animation-delay: -.32s
    }
    .qodef-blog-pag-loading .qodef-blog-pag-bounce2 {
        -webkit-animation-delay: -.16s;
        -moz-animation-delay: -.16s;
        animation-delay: -.16s
    }
    @-webkit-keyframes bl-pag-bouncedelay {
        0%, 100%, 80% {
            -webkit-transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1)
        }
    }
    @-moz-keyframes bl-pag-bouncedelay {
        0%, 100%, 80% {
            -moz-transform: scale(0)
        }
        40% {
            -moz-transform: scale(1)
        }
    }
    @keyframes bl-pag-bouncedelay {
        0%, 100%, 80% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    .qodef-blog-holder.qodef-blog-masonry article {
        margin: 0 0 20px;
        padding: 0 0 30px
    }
    .qodef-blog-holder.qodef-blog-masonry article.qodef-post-has-media .qodef-post-heading {
        margin-bottom: 30px
    }
    .qodef-blog-holder.qodef-blog-standard article {
        margin: 0 0 78px;
        padding: 0
    }
    .qodef-blog-holder.qodef-blog-standard article.qodef-post-has-media .qodef-post-heading {
        margin-bottom: 29px
    }
    .qodef-blog-holder.qodef-blog-standard article .qodef-post-excerpt-holder {
        margin: 23px 0 0
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-email,
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-name {
        margin: 0
    }
    .qodef-author-description {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 0;
        text-align: center;
        box-sizing: border-box;
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-author-description .qodef-author-description-inner {
        padding: 51px 0;
        clear: both;
        display: inline-block
    }
    .qodef-author-description .qodef-author-description-content {
        position: relative;
        padding: 0 30px
    }
    .qodef-author-description .qodef-author-description-image img {
        display: block;
        border-radius: 5em
    }
    .qodef-author-description .qodef-author-description-text-holder {
        position: relative;
        padding: 15px 0 0 59px;
        width: 80%;
        float: left;
        text-align: left;
        box-sizing: border-box
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-name a {
        color: #282828
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-name a:hover {
        color: #b4b4b4
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-text {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-text>p {
        margin: 13px 0 14px
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-social-icons {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-social-icons a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        margin: 0 15px 0 0;
        font-size: 11px;
        color: #282828
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-social-icons a:last-child {
        margin: 0
    }
    .qodef-author-description .qodef-author-description-text-holder .qodef-author-social-icons a:hover {
        color: #b4b4b4
    }
    @media only screen and (max-width: 768px) {
        .qodef-author-description .qodef-author-description-content {
            padding: 0
        }
        .qodef-author-description .qodef-author-description-image {
            display: block;
            width: 100%
        }
        .qodef-author-description .qodef-author-description-text-holder {
            display: block;
            padding: 0;
            margin-top: 30px
        }
    }
    .qodef-blog-single-navigation {
        position: relative;
        display: table;
        width: 100%;
        vertical-align: middle;
        padding: 0;
        clear: both;
        box-sizing: border-box;
        height: 150px;
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-blog-single-navigation .qodef-blog-single-navigation-inner {
        display: table-cell;
        vertical-align: middle
    }
    .qodef-blog-single-navigation .qodef-blog-single-next,
    .qodef-blog-single-navigation .qodef-blog-single-prev {
        color: #939393
    }
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-mark,
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-mark {
        font-size: 19px;
        line-height: inherit;
        color: #282828
    }
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-mark:before,
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-mark:before {
        display: block;
        line-height: inherit
    }
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-label,
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-label {
        color: #282828
    }
    .qodef-blog-single-navigation .qodef-blog-single-next:hover,
    .qodef-blog-single-navigation .qodef-blog-single-prev:hover {
        color: #b4b4b4
    }
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-label-title,
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-label-title {
        margin: 0;
        padding-top: 23px;
        min-width: 440px
    }
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-mark:before,
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-mark:before {
        padding: 31px 18px;
        background: #f8f6f5
    }
    .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-mark {
        margin: 0 24px 0 0
    }
    .qodef-blog-single-navigation .qodef-blog-single-next,
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-label,
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-mark {
        float: right
    }
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-mark {
        margin: 0 0 0 24px
    }
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-label-main,
    .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-label-title {
        text-align: right
    }
    .qodef-bl-loading,
    .qodef-blog-list-holder .qodef-bli-info,
    .qodef-blog-slider-holder.qodef-bs-carousel-centered .qodef-blog-slider-item,
    .qodef-blog-slider-holder.qodef-bs-slider .qodef-blog-slider-item,
    .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-alignment-center {
        text-align: center
    }
    .qodef-single-links-pages {
        clear: both;
        margin: 20px 0 5px
    }
    .qodef-single-links-pages .qodef-single-links-pages-inner>a,
    .qodef-single-links-pages .qodef-single-links-pages-inner>span {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 7px;
        color: #939393
    }
    .qodef-single-links-pages .qodef-single-links-pages-inner>a:hover,
    .qodef-single-links-pages .qodef-single-links-pages-inner>span {
        color: #282828
    }
    .qodef-related-posts-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 0;
        box-sizing: border-box
    }
    .qodef-related-posts-holder .qodef-related-posts-holder-inner {
        padding: 46px 0 26px
    }
    .qodef-related-posts-holder .qodef-related-posts-title {
        margin: 0 0 40px
    }
    .qodef-related-posts-holder .qodef-related-posts-title>* {
        margin: 0
    }
    .qodef-related-posts-holder .qodef-related-posts-inner {
        margin: 0 -15px
    }
    .qodef-related-posts-holder .qodef-related-post {
        position: relative;
        display: inline-block;
        float: left;
        width: 25%;
        margin: 0 0 30px;
        padding: 0 15px;
        box-sizing: border-box
    }
    .qodef-content-has-sidebar .qodef-related-posts-holder .qodef-related-post {
        widtH: 33.33333333333333%
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-related-post-image {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        overflow: hidden
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-related-post-image a {
        position: relative;
        display: block
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-related-post-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-blog-slider-holder.qodef-bs-carousel .qodef-item-image a:hover:after,
    .qodef-blog-slider-holder.qodef-bs-slider .qodef-blog-slider-item:hover .qodef-item-text-wrapper {
        opacity: 1
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-related-post-image img {
        display: block
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-title {
        margin: 19px 0 0
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-title:first-child {
        margin-top: 0
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-info {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 4px 0 0
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-info>div {
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
        padding: 0 13px 0 0;
        color: inherit
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-info>div:after {
        position: absolute;
        top: 0;
        right: 4px;
        content: '/'
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-info>div:last-child {
        padding: 0
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-info>div:last-child:after {
        display: none
    }
    .qodef-blog-list-holder,
    .qodef-blog-list-holder .qodef-bli-content,
    .qodef-blog-list-holder .qodef-bli-inner,
    .qodef-blog-list-holder .qodef-blog-list,
    .qodef-blog-list-holder .qodef-post-image {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: relative
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-info>div.qodef-post-info-author .qodef-post-info-author-text {
        margin: 0 3px 0 0
    }
    .qodef-related-posts-holder .qodef-related-post .qodef-post-info>div a {
        color: inherit;
        line-height: inherit;
        font-size: inherit;
        font-weight: inherit
    }
    .qodef-blog-holder.qodef-blog-single article {
        margin: 0
    }
    .qodef-blog-holder.qodef-blog-single article .qodef-post-heading {
        margin-bottom: 41px
    }
    .qodef-blog-holder.qodef-blog-single article .qodef-post-text .qodef-post-text-main .entry-title {
        margin-bottom: 21px
    }
    .qodef-blog-holder.qodef-blog-single article.format-link .qodef-post-content,
    .qodef-blog-holder.qodef-blog-single article.format-quote .qodef-post-content {
        margin-bottom: 41px
    }
    .qodef-blog-holder.qodef-blog-single article .qodef-post-info-bottom {
        padding-top: 17px;
        padding-bottom: 51px;
        text-align: center;
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-blog-holder.qodef-blog-single article.format-quote .qodef-post-text {
        padding: 40px 160px
    }
    .qodef-blog-holder.qodef-blog-single article.format-link .qodef-post-text {
        padding: 61px 53px 55px
    }
    .qodef-blog-list-holder {
        clear: both
    }
    .qodef-blog-list-holder .qodef-blog-list {
        list-style: none;
        margin: 0;
        padding: 0
    }
    .widget .qodef-blog-list-holder .qodef-blog-list {
        margin-bottom: 6px
    }
    .qodef-blog-list-holder .qodef-bl-item {
        padding: 0;
        margin: 0
    }
    .qodef-blog-list-holder .qodef-bli-content {
        box-sizing: border-box
    }
    .qodef-blog-list-holder .qodef-post-image {
        overflow: hidden;
        margin: 0 0 23px
    }
    .qodef-blog-list-holder .qodef-post-image a {
        display: block
    }
    .qodef-blog-list-holder .qodef-post-image img {
        display: block;
        will-change: transform;
        filter: blur();
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: -moz-transform 1.2s cubic-bezier(.25, .46, .45, .94);
        transition: transform 1.2s cubic-bezier(.25, .46, .45, .94)
    }
    .qodef-blog-list-holder .qodef-post-image:hover img {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        transform: scale(1.06)
    }
    .qodef-blog-list-holder .qodef-bli-info {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 12px 0 7px;
        clear: both
    }
    .qodef-blog-list-holder .qodef-bli-info>div {
        position: relative;
        display: inline-block;
        vertical-align: top;
        line-height: 1.2;
        float: left;
        padding: 0 6px 5px 0;
        font-size: 12px;
        color: #282828;
        font-weight: 400
    }
    .qodef-blog-list-holder .qodef-bli-info>div:after {
        content: '|';
        padding-left: 2px
    }
    .qodef-blog-list-holder .qodef-bli-info>div:last-child {
        padding: 0 0 5px
    }
    .qodef-blog-list-holder .qodef-bli-info>div:last-child:after {
        display: none
    }
    .qodef-blog-list-holder .qodef-bli-info>div .qodef-post-info-author-text {
        text-transform: lowercase
    }
    .qodef-blog-list-holder .qodef-bli-info>div a {
        color: #282828
    }
    .qodef-blog-list-holder .qodef-bli-info>div a:hover {
        color: #b4b4b4
    }
    .qodef-blog-list-holder .qodef-post-title {
        margin: 0
    }
    .qodef-blog-list-holder .qodef-post-excerpt {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 20px 0 0
    }
    .qodef-blog-list-holder .qodef-post-excerpt p {
        margin: 0
    }
    .qodef-blog-list-holder .qodef-post-excerpt:after {
        content: '...'
    }
    .qodef-blog-list-holder .qodef-post-read-more-button {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 15px 0 0
    }
    .qodef-blog-list-holder.qodef-bl-boxed .qodef-bli-content {
        padding: 40px 30px;
        background-color: #f6f6f6
    }
    .qodef-blog-list-holder.qodef-bl-boxed .qodef-post-image {
        margin: 0
    }
    .qodef-blog-list-holder.qodef-bl-masonry {
        transition: none!important;
        overflow: visible!important
    }
    .qodef-blog-list-holder.qodef-bl-masonry .qodef-bl-item {
        z-index: 100
    }
    .qodef-blog-list-holder.qodef-bl-minimal .qodef-post-info-date {
        display: block;
        margin: 5px 0 8px;
        line-height: 1;
        font-weight: 400
    }
    .qodef-blog-list-holder.qodef-bl-minimal .qodef-post-info-date a {
        font-size: 13px;
        color: #939393
    }
    .qodef-blog-list-holder.qodef-bl-minimal .qodef-post-info-date a:hover {
        color: #282828
    }
    .qodef-blog-list-holder.qodef-bl-simple .qodef-post-image {
        display: table-cell;
        vertical-align: top;
        width: 84px
    }
    .qodef-blog-list-holder.qodef-bl-simple .qodef-bli-content {
        display: table-cell;
        vertical-align: top;
        width: auto;
        padding-left: 25px
    }
    .qodef-blog-list-holder.qodef-bl-simple .qodef-bli-content .qodef-post-info-date {
        display: block;
        margin: 7px 0 0;
        line-height: 1
    }
    .qodef-blog-list-holder.qodef-bl-simple .qodef-bli-content .qodef-post-info-date a {
        font-size: 13px;
        color: #939393
    }
    .qodef-blog-list-holder.qodef-bl-simple .qodef-bli-content .qodef-post-info-date a:hover {
        color: #282828
    }
    .qodef-bl-loading {
        position: relative;
        display: none;
        width: 100%;
        margin: 40px 0 20px
    }
    .qodef-bl-loading.qodef-showing {
        display: block
    }
    .qodef-bl-loading>div {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        margin: 0 3px;
        background-color: #282828;
        border-radius: 100%;
        -webkit-animation: bl-bouncedelay 1.4s infinite ease-in-out both;
        -moz-animation: bl-bouncedelay 1.4s infinite ease-in-out both;
        animation: bl-bouncedelay 1.4s infinite ease-in-out both
    }
    .qodef-bl-loading .qodef-bl-loading-bounce1 {
        -webkit-animation-delay: -.32s;
        -moz-animation-delay: -.32s;
        animation-delay: -.32s
    }
    .qodef-bl-loading .qodef-bl-loading-bounce2 {
        -webkit-animation-delay: -.16s;
        -moz-animation-delay: -.16s;
        animation-delay: -.16s
    }
    @-webkit-keyframes bl-bouncedelay {
        0%, 100%, 80% {
            -webkit-transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1)
        }
    }
    @-moz-keyframes bl-bouncedelay {
        0%, 100%, 80% {
            -moz-transform: scale(0)
        }
        40% {
            -moz-transform: scale(1)
        }
    }
    @keyframes bl-bouncedelay {
        0%, 100%, 80% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    .qodef-blog-slider-holder.qodef-bs-slider .qodef-post-title {
        color: #fff
    }
    .qodef-blog-slider-holder.qodef-bs-slider .qodef-post-title a:hover {
        color: rgba(255, 255, 255, .8)
    }
    .qodef-blog-slider-holder.qodef-bs-slider .qodef-post-read-more-button a {
        color: #fff
    }
    .qodef-blog-slider-holder.qodef-bs-slider .qodef-post-read-more-button a:hover {
        color: rgba(255, 255, 255, .8)!important
    }
    .qodef-blog-slider-holder.qodef-bs-carousel .qodef-item-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-blog-slider-holder .qodef-blog-slider-item,
    .qodef-blog-slider-holder .qodef-item-image {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-blog-slider-holder.qodef-bs-carousel .qodef-post-title {
        margin: 29px 0 0
    }
    .qodef-blog-slider-holder.qodef-bs-carousel .qodef-post-read-more-button {
        margin: 15px 0 0
    }
    .qodef-blog-slider-holder.qodef-bs-carousel-centered .active.center .qodef-item-text-wrapper {
        opacity: 1
    }
    .qodef-blog-slider-holder.qodef-bs-carousel-centered .qodef-post-title {
        color: #fff
    }
    .qodef-blog-slider-holder.qodef-bs-carousel-centered .qodef-post-title a:hover {
        color: rgba(255, 255, 255, .8)
    }
    .qodef-blog-slider-holder.qodef-bs-carousel-centered .qodef-post-read-more-button a {
        color: #fff
    }
    .qodef-blog-slider-holder.qodef-bs-carousel-centered .qodef-post-read-more-button a:hover {
        color: rgba(255, 255, 255, .8)!important
    }
    .qodef-blog-slider-holder .qodef-blog-slider-item {
        list-style-type: none
    }
    .qodef-blog-slider-holder .qodef-item-text-wrapper {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(180, 180, 180, .85);
        opacity: 0;
        -webkit-transition: opacity .45s ease-out;
        -moz-transition: opacity .45s ease-out;
        transition: opacity .45s ease-out
    }
    .qodef-page-footer .qodef-footer-bottom-holder,
    .qodef-page-footer .qodef-footer-top-holder {
        /*background-color: #282828;*/
        background:url(../images/bg_ft.jpg)center no-repeat;
        background-size: cover;
        box-sizing: border-box
    }
    .qodef-blog-slider-holder .qodef-item-text-holder {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .qodef-blog-slider-holder .qodef-item-text-holder-inner {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        padding: 0 5%
    }
    .qodef-blog-slider-holder .qodef-item-info-section {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin-bottom: 2px
    }
    .qodef-blog-slider-holder .qodef-item-info-section>div {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding-right: 10px;
        margin-right: 3px;
        color: #fff;
        font-size: 12px;
        line-height: 24px
    }
    .qodef-blog-slider-holder .qodef-item-info-section>div a {
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        font-style: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-transform: inherit
    }
    .qodef-blog-slider-holder .qodef-item-info-section>div a:hover {
        color: rgba(255, 255, 255, .8)
    }
    .qodef-blog-slider-holder .qodef-item-info-section>div:after {
        content: "/";
        position: absolute;
        top: 0;
        right: 2px
    }
    .qodef-blog-slider-holder .qodef-bli-excerpt,
    .qodef-page-footer,
    .qodef-page-footer .qodef-footer-bottom-holder,
    .qodef-page-footer .qodef-footer-top-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-blog-slider-holder .qodef-item-info-section>div:last-child {
        padding-right: 0;
        margin-right: 0
    }
    .qodef-blog-slider-holder .qodef-item-info-section>div:last-child:after {
        content: ''
    }
    .qodef-blog-slider-holder .qodef-post-title {
        margin: 0
    }
    .qodef-blog-slider-holder .qodef-bli-excerpt {
        margin: 12px 0 0
    }
    .qodef-blog-slider-holder .qodef-bli-excerpt p {
        margin: 0
    }
    .qodef-blog-slider-holder .qodef-post-read-more-button {
        margin: 5px 0 0
    }
    .qodef-content-bottom .qodef-content-bottom-inner {
        box-sizing: border-box
    }
    .qodef-content-bottom .qodef-content-bottom-inner.qodef-grid {
        padding: 20px 0
    }
    .qodef-content-bottom .qodef-content-bottom-inner.qodef-full-width {
        padding: 20px 40px
    }
    .qodef-page-footer {
        z-index: 100;
        box-sizing: border-box
    }
    .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-alignment-left {
        text-align: left
    }
    .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-alignment-right {
        text-align: right
    }
    .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner {
        box-sizing: border-box
    }
    .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner.qodef-grid {
        padding: 56px 0 66px
    }
 .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner p a{
    color: #fff;
 }
    .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner.qodef-full-width {
        padding: 56px 40px 66px
    }
    .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner-holder {
        border-bottom: 1px solid #fff
    }
    .qodef-logo-area-border-disable .qodef-page-header .qodef-logo-area,
    .qodef-logo-area-in-grid-border-disable .qodef-page-header .qodef-logo-area .qodef-grid .qodef-vertical-align-containers,
    .qodef-menu-area-border-disable .qodef-page-header .qodef-menu-area,
    .qodef-menu-area-in-grid-border-disable .qodef-page-header .qodef-menu-area .qodef-grid .qodef-vertical-align-containers {
        border: none
    }
    .qodef-page-footer .qodef-footer-top-holder .widget:last-child {
        margin-bottom: 0
    }
    .qodef-page-footer .qodef-footer-bottom-holder {
        text-align: center
    }
    .qodef-page-footer .qodef-footer-bottom-holder p {
        margin: 0
    }
    .qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner {
        box-sizing: border-box
    }
    .qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner.qodef-grid {
        padding: 20px 0
    }
    .qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner.qodef-full-width {
        padding: 43px 40px
    }
    .qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner .qodef-grid-col-6:first-child {
        text-align: left
    }
    .qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner .qodef-grid-col-6:last-child {
        text-align:left
    }
    @media only screen and (max-width: 1024px) {
        .qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner .qodef-grid-col-6 {
            text-align: center!important
        }
    }
    .qodef-page-footer .qodef-footer-bottom-holder .widget {
        margin: 0
    }
    .qodef-page-footer .qodef-footer-bottom-holder .widget.widget_nav_menu ul li {
        display: inline-block;
        float: left;
        margin-right: 32px
    }
    .qodef-page-footer .qodef-footer-bottom-holder .widget.widget_nav_menu ul li a {
        font-size: 14px;
        font-weight: 500;
        color: #fff
    }
    .qodef-page-footer .qodef-footer-bottom-holder .widget.widget_nav_menu ul li a:hover {
        color: #b4b4b4
    }
    .no-touch body:not(.error404) .qodef-page-footer.qodef-footer-uncover {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        -webkit-transition: left .33s cubic-bezier(.694, .0482, .335, 1);
        -moz-transition: left .33s cubic-bezier(.694, .0482, .335, 1);
        transition: left .33s cubic-bezier(.694, .0482, .335, 1)
    }
    .qodef-right-side-menu-opened .qodef-page-footer.qodef-footer-uncover {
        left: -270px
    }
    .qodef-page-header {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        z-index: 110;
        box-sizing: border-box
    }
    .qodef-page-header a img {
        display: block
    }
    .qodef-page-header p {
        margin: 0
    }
    .qodef-page-header .qodef-vertical-align-containers {
        padding: 0 40px;    padding-top: 20px;
    }
    .qodef-boxed .qodef-page-header .qodef-menu-area,
    .qodef-paspartu-enabled .qodef-page-header .qodef-vertical-align-containers {
        padding: 0
    }
    .qodef-page-header .qodef-grid {
        height: 100%
    }
    .qodef-page-header .qodef-grid .qodef-vertical-align-containers {
        padding: 0;
        -webkit-transition: background-color .3s ease;
        -moz-transition: background-color .3s ease;
        transition: background-color .3s ease
    }
    .qodef-page-header .qodef-logo-area {
        position: relative;
        height: 90px;
        overflow: hidden;
        background-color: #fff
    }
    .qodef-page-header .qodef-menu-area {
        position: relative;
        height: 90px;
        background-color: #fff;
        box-sizing: border-box
    }
    .qodef-header-logo-area-in-grid-padding .qodef-page-header .qodef-logo-area .qodef-vertical-align-containers,
    .qodef-header-logo-area-in-grid-padding .qodef-page-header .qodef-menu-area .qodef-vertical-align-containers {
        padding: 0 25px
    }
    .qodef-page-header .qodef-menu-area .widget {
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }
    .qodef-menu-area-shadow-disable .qodef-page-header .qodef-menu-area,
    .qodef-menu-area-shadow-disable .qodef-page-header .qodef-menu-area .qodef-grid .qodef-vertical-align-containers {
        box-shadow: none
    }
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-logo-wrapper .qodef-light-logo {
        opacity: 1
    }
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-logo-wrapper .qodef-dark-logo,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-logo-wrapper .qodef-normal-logo {
        opacity: 0
    }
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget .widgettitle,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget a,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget i,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget p,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget span {
        color: #fff!important
    }
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget a:hover {
        color: #b4b4b4!important
    }
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget .widgettitle,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget a,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget i,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget p,
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget span {
        color: #fff!important
    }
    .qodef-light-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget a:hover {
        color: #b4b4b4!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-logo-wrapper .qodef-dark-logo {
        opacity: 1
    }
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-logo-wrapper .qodef-light-logo,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-logo-wrapper .qodef-normal-logo {
        opacity: 0
    }
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget .widgettitle,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget a,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget i,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget p,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget span {
        color: #282828!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header) .qodef-menu-area .widget a:hover {
        color: #b4b4b4!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget .widgettitle,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget a,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget i,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget p,
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget span {
        color: #282828!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.fixed):not(.qodef-sticky-header).qodef-menu-area .widget a:hover {
        color: #b4b4b4!important
    }
    .qodef-mobile-header .widget.widget_archive,
    .qodef-mobile-header .widget.widget_calendar,
    .qodef-mobile-header .widget.widget_categories,
    .qodef-mobile-header .widget.widget_meta,
    .qodef-mobile-header .widget.widget_nav_menu,
    .qodef-mobile-header .widget.widget_pages,
    .qodef-mobile-header .widget.widget_recent_comments,
    .qodef-mobile-header .widget.widget_recent_entries,
    .qodef-mobile-header .widget.widget_rss,
    .qodef-mobile-header .widget.widget_search,
    .qodef-mobile-header .widget.widget_tag_cloud,
    .qodef-page-header .widget.widget_archive,
    .qodef-page-header .widget.widget_calendar,
    .qodef-page-header .widget.widget_categories,
    .qodef-page-header .widget.widget_meta,
    .qodef-page-header .widget.widget_nav_menu,
    .qodef-page-header .widget.widget_pages,
    .qodef-page-header .widget.widget_recent_comments,
    .qodef-page-header .widget.widget_recent_entries,
    .qodef-page-header .widget.widget_rss,
    .qodef-page-header .widget.widget_search,
    .qodef-page-header .widget.widget_tag_cloud,
    .qodef-sticky-header .widget.widget_archive,
    .qodef-sticky-header .widget.widget_calendar,
    .qodef-sticky-header .widget.widget_categories,
    .qodef-sticky-header .widget.widget_meta,
    .qodef-sticky-header .widget.widget_nav_menu,
    .qodef-sticky-header .widget.widget_pages,
    .qodef-sticky-header .widget.widget_recent_comments,
    .qodef-sticky-header .widget.widget_recent_entries,
    .qodef-sticky-header .widget.widget_rss,
    .qodef-sticky-header .widget.widget_search,
    .qodef-sticky-header .widget.widget_tag_cloud,
    .qodef-top-bar .widget.widget_archive,
    .qodef-top-bar .widget.widget_calendar,
    .qodef-top-bar .widget.widget_categories,
    .qodef-top-bar .widget.widget_meta,
    .qodef-top-bar .widget.widget_nav_menu,
    .qodef-top-bar .widget.widget_pages,
    .qodef-top-bar .widget.widget_recent_comments,
    .qodef-top-bar .widget.widget_recent_entries,
    .qodef-top-bar .widget.widget_rss,
    .qodef-top-bar .widget.widget_search,
    .qodef-top-bar .widget.widget_tag_cloud {
        display: none!important
    }
    .qodef-top-bar .widget,
    .qodef-top-bar .widget a {
        color: #fff
    }
    .qodef-top-bar .widget a:hover {
        color: #b4b4b4
    }
    .qodef-logo-wrapper {
        display: inline-block;
        vertical-align: middle
    }
    .qodef-logo-wrapper a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        max-width: 100%
    }
    .qodef-logo-wrapper a img {
        height: 100%;
        width: auto;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
    .qodef-logo-wrapper a img.qodef-normal-logo {
        opacity: 1
    }
    .qodef-logo-wrapper a img.qodef-dark-logo {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    .qodef-logo-wrapper a img.qodef-light-logo {
        opacity: 0;
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    .qodef-main-menu {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: auto
    }
    .qodef-main-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left
    }
    .qodef-main-menu ul li {
        position: relative;
        display: inline-block;
        float: left;
        padding: 0;
        margin: 0
    }
    .qodef-main-menu ul li a {
        font-size: 15px;
        line-height: 20px;
        font-weight: 300;
        color: #282828
    }
    .qodef-main-menu ul li a i:before {
        margin: 0 7px 0 0
    }
    .qodef-main-menu ul li a .menu_icon_wrapper {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
    .qodef-main-menu ul li a .qodef-menu-featured-icon {
        position: relative;
        top: -4px;
        left: 5px;
        color: currentColor;
        font-size: 10px;
        margin: 0
    }
    .qodef-main-menu ul li a .qodef-menu-featured-icon:before {
        margin: 0
    }
    .qodef-main-menu>ul {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        height: 100%
    }
    .qodef-main-menu>ul>li {
        float: left;
        height: 100%;
        box-sizing: border-box
    }
    .qodef-main-menu>ul>li>a {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        height: 100%;
        padding: 0 24px;
        color: #282828;
        font-size: 18px;text-transform: uppercase;
        font-weight: 500;
        line-height: 22px;    
        box-sizing: border-box
    }
  
    .qodef-main-menu>ul>li>a>span.item_outer {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .qodef-main-menu>ul>li>a>span.item_outer .item_text {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .qodef-main-menu>ul>li>a>span.item_outer .item_text:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        opacity: 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s
    }
    .qodef-main-menu>ul>li.qodef-active-item>a>span.item_outer .item_text:after,
    .qodef-main-menu>ul>li:hover>a>span.item_outer .item_text:after {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    .qodef-main-menu>ul>li.has_sub>a .qodef-menu-arrow {
        display: none
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-main-menu>ul>li>a {
        color: #fff
    }
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-fullscreen-menu-opener,
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-main-menu>ul>li>a {
        color: #282828
    }
    .qodef-drop-down .second {
        position: absolute;
        display: block;
        left: -15px;
        top: 100%;
        visibility: hidden;
        overflow: hidden;
        opacity: 0;
        z-index: 10;
        -webkit-transition: top .15s ease-out;
        -moz-transition: top .15s ease-out;
        transition: top .15s ease-out
    }
    .qodef-drop-down .second.qodef-drop-down-start {
        visibility: visible;
        overflow: visible;
        opacity: 1;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    .qodef-drop-down .second.right {
        right: -15px;
        left: auto
    }
    .qodef-drop-down .second .inner {
        position: relative;
        display: block;
        padding: 0;
        margin: 0;
        z-index: 997
    }
    .qodef-drop-down .second .inner ul li {
        display: block;
        float: none;
        height: auto
    }
    .qodef-drop-down .second .inner ul li .widget {
        width: 100%;
        margin: 0!important
    }
    .qodef-drop-down .second .inner ul li a {
        display: block;
        float: none;
        margin: 0;
        padding: 6px 20px
    }
    .qodef-drop-down .second .inner ul li a .item_outer {
        position: relative;
        display: block;
        padding: 0 30px 0 0;
        box-sizing: border-box
    }
    .qodef-drop-down .second .inner ul li a .item_outer .item_text {
        position: relative
    }
    .qodef-drop-down .second .inner ul li a .item_outer .item_text:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: currentColor;
        opacity: 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s
    }
    .qodef-drop-down .second .inner ul li.current-menu-ancestor>a>.item_outer .item_text:after,
    .qodef-drop-down .second .inner ul li.current-menu-item>a>.item_outer .item_text:after,
    .qodef-drop-down .second .inner ul li:hover>a>.item_outer .item_text:after {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    .qodef-drop-down .second .inner ul li.sub>a .item_outer:after {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        top: -1px;
        right: 0;
        content: "\35";
        font-family: ElegantIcons;
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .qodef-drop-down .second .inner ul.right li a .item_outer .item_text:after {
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
    .qodef-drop-down .second .inner ul.right li.current-menu-ancestor>a>.item_outer .item_text:after,
    .qodef-drop-down .second .inner ul.right li.current-menu-item>a>.item_outer .item_text:after,
    .qodef-drop-down .second .inner ul.right li:hover>a>.item_outer .item_text:after {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    .qodef-drop-down .second .inner ul.right li.sub>a .item_outer:after {
        right: auto;
        left: 0;
        content: "\34"
    }
    .qodef-drop-down .second .inner ul.right li a {
        text-align: right
    }
    .qodef-drop-down .second .inner ul.right li a .item_outer {
        padding: 0 0 0 30px
    }
    .qodef-drop-down .second .inner ul.right li ul {
        left: -100%
    }
    .qodef-drop-down li.left_position .second {
        left: 0
    }
    .qodef-drop-down li.right_position .second {
        left: auto;
        right: 0
    }
    .qodef-drop-down>ul>li:hover>.second {
        z-index: 20
    }
    .qodef-drop-down .narrow .second .inner ul {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background-color: #fff;
        padding: 26px 0
    }
    .qodef-drop-down .narrow .second .inner ul li {
        width: 246px
    }
    .qodef-drop-down .narrow .second .inner>ul>li>ul {
        position: absolute;
        left: 100%;
        top: -17px;
        height: auto;
        opacity: 0;
/*        overflow: hidden;*/
        z-index: 10;
        -webkit-transform: translateZ(0);
        -webkit-transition: opacity .4s ease-out;
        -moz-transition: opacity .4s ease-out;
        transition: opacity .4s ease-out
    }
        .qodef-drop-down .narrow .second .inner>ul>li>ul>li>ul{
            opacity: 0; display: none;
        }
    .qodef-drop-down .narrow .second .inner>ul>li:hover ul.cap2 {
        z-index: 20;
        opacity: 1
    }
    .qodef-drop-down .narrow .second .inner>ul>li>ul>li:hover ul.cap3{
        display: block;
         position: absolute;
        left: 100%;
        top: -17px;
        height: auto;

        /*overflow: hidden;*/
        z-index: 10;
        -webkit-transform: translateZ(0);
        -webkit-transition: opacity .4s ease-out;
        -moz-transition: opacity .4s ease-out;
        transition: opacity .4s ease-out
    }
    .qodef-drop-down .narrow .second .inner ul.right li ul {
        left: -100%
    }
    .qodef-drop-down .wide .second .inner {
        background-color: #fff;
        text-align: center
    }
    .qodef-drop-down .wide .second .inner ul li a {
        padding: 6px 0
    }
    .qodef-drop-down .wide .second .inner ul li ul {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        visibility: visible
    }
    .qodef-drop-down .wide .second .inner ul li ul li:last-child a {
        padding-bottom: 0
    }
    .qodef-drop-down .wide .second .inner>ul {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        padding: 34px 0;
        box-sizing: border-box;
        width: 100%
    }
    .qodef-drop-down .wide .second .inner>ul>li>a .item_outer:after,
    .qodef-drop-down .wide .second .inner>ul>li>a .item_outer:before,
    .qodef-drop-down .wide .second .inner>ul>li>a.no_link>.item_outer .item_text:after {
        display: none
    }
    .qodef-wide-dropdown-menu-content-in-grid .qodef-drop-down .wide .second .inner>ul {
        width: 1100px
    }
    @media only screen and (min-width: 1400px) {
        .qodef-grid-1300.qodef-wide-dropdown-menu-content-in-grid .qodef-drop-down .wide .second .inner>ul {
            width: 1300px
        }
    }
    @media only screen and (min-width: 1300px) {
        .qodef-grid-1200.qodef-wide-dropdown-menu-content-in-grid .qodef-drop-down .wide .second .inner>ul {
            width: 1200px
        }
    }
    @media only screen and (min-width: 1200px) {
        .qodef-grid-1000.qodef-wide-dropdown-menu-content-in-grid .qodef-drop-down .wide .second .inner>ul {
            width: 1000px
        }
    }
    @media only screen and (min-width: 1024px) {
        .qodef-grid-800.qodef-wide-dropdown-menu-content-in-grid .qodef-drop-down .wide .second .inner>ul {
            width: 800px
        }
    }
    .qodef-drop-down .wide .second .inner>ul>li {
        float: left;
        width: 25%;
        margin: 0;
        padding: 0 26px;
        box-sizing: border-box
    }
    .qodef-drop-down .wide .second .inner>ul>li:nth-child(4n+1) {
        clear: both;
        border-left: 0
    }
    .qodef-drop-down .wide .second .inner>ul>li>a {
        padding: 0 0 13px;
        color: #282828;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.1em
    }
    .qodef-drop-down .wide .second .inner>ul>li>a.no_link {
        cursor: default
    }
    .qodef-drop-down .wide .second .inner>ul>li>a .item_outer {
        padding: 0;
        overflow: inherit
    }
    .qodef-drop-down .wide.left_position .second .inner>ul,
    .qodef-drop-down .wide.right_position .second .inner>ul {
        width: auto;
        white-space: nowrap
    }
    .qodef-drop-down .wide.left_position .second .inner>ul>li,
    .qodef-drop-down .wide.right_position .second .inner>ul>li {
        float: none;
        display: inline-block;
        vertical-align: top
    }
    .qodef-drop-down .wide.left_position .second .inner>ul>li:nth-child(4n+1),
    .qodef-drop-down .wide.right_position .second .inner>ul>li:nth-child(4n+1) {
        border-left: none
    }
    .qodef-drop-down .wide.left_position .second ul li,
    .qodef-drop-down .wide.right_position .second ul li {
        width: 200px
    }
    .qodef-page-header .qodef-fixed-wrapper.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-backface-visibility: hidden
    }
    .admin-bar .qodef-page-header .qodef-fixed-wrapper.fixed {
        top: 32px
    }
    .qodef-page-header .qodef-fixed-wrapper.fixed .qodef-menu-area {
        background-color: #fff
    }
    .qodef-header-centered .qodef-page-header .qodef-logo-area {
        overflow: visible;
        z-index: 2;
        box-sizing: border-box
    }
    .qodef-header-centered .qodef-page-header .qodef-menu-area {
        z-index: 1
    }
    .qodef-header-centered .qodef-page-header .qodef-menu-area .qodef-vertical-align-containers .qodef-position-center-inner {
        height: 100%
    }
    .qodef-header-centered .qodef-page-header .qodef-sticky-header .qodef-position-left-inner {
        height: auto
    }
    .qodef-header-centered .qodef-page-header .qodef-sticky-header .qodef-position-right-inner {
        height: 100%
    }
    .qodef-header-divided .qodef-page-header .qodef-logo-wrapper a img {
        margin: 0 auto
    }
    .qodef-header-divided .qodef-page-header .qodef-menu-area {
        opacity: 0
    }
    .qodef-header-divided .qodef-page-header .qodef-menu-area .qodef-grid {
        height: 100%
    }
    .qodef-header-divided .qodef-page-header .qodef-main-menu {
        width: auto;
        margin: 0
    }
    .qodef-header-divided .qodef-page-header .qodef-main-menu>ul>li>a span.item_inner {
        padding: 0 28px
    }
    .qodef-header-divided .qodef-page-header .qodef-sticky-header .qodef-vertical-align-containers,
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers {
        padding: 0
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-left {
        text-align: right
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-left .qodef-divided-left-widget-area {
        display: inline-block;
        float: left;
        height: 100%;
        vertical-align: middle
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-left .qodef-divided-left-widget-area .qodef-divided-left-widget-area-inner {
        display: table;
        height: 100%
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-left .qodef-divided-left-widget-area .qodef-divided-left-widget-area-inner>* {
        display: table-cell;
        vertical-align: middle
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-left .qodef-position-left-inner {
        height: 100%;
        text-align: left;
        padding-right: 6px
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-right {
        text-align: left
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-right .qodef-divided-right-widget-area {
        display: inline-block;
        float: right;
        height: 100%;
        vertical-align: middle
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-right .qodef-divided-right-widget-area .qodef-divided-right-widget-area-inner {
        display: table;
        height: 100%
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-right .qodef-divided-right-widget-area .qodef-divided-right-widget-area-inner>* {
        display: table-cell;
        vertical-align: middle
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-right .qodef-position-right-inner {
        height: 100%;
        padding-left: 6px
    }
    .qodef-header-divided .qodef-page-header .qodef-vertical-align-containers .qodef-position-center {
        position: absolute;
        width: 100%
    }
    .qodef-header-divided .qodef-page-header .qodef-sticky-header .qodef-position-center-inner {
        height: auto
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-fullscreen-menu-opener {
        color: #fff
    }
    .qodef-fullscreen-menu-opener {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: #282828
    }
    .qodef-fullscreen-menu-opener .qodef-fullscreen-menu-opener-icon {
        position: relative;
        visibility: visible
    }
    .qodef-fullscreen-menu-opener .qodef-fullscreen-menu-close-icon {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden
    }
    .qodef-fullscreen-menu-opener.qodef-fm-opened .qodef-fullscreen-menu-opener-icon {
        visibility: hidden
    }
    .qodef-fullscreen-menu-opener.qodef-fm-opened .qodef-fullscreen-menu-close-icon {
        visibility: visible
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-icon-pack {
        font-size: 20px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-icon-pack *,
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-icon-pack:before {
        display: inline-block;
        line-height: inherit
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-svg-path span {
        position: relative
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-svg-path span>* {
        vertical-align: middle
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined {
        color: #282828;
        line-height: 1
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon .qodef-hm-lines {
        position: relative;
        display: block;
        height: 12px;
        width: 23px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon .qodef-hm-lines .qodef-hm-line {
        position: absolute;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: currentColor;
        border-radius: 0;
        -webkit-transition: width .3s ease, top .3s ease;
        -moz-transition: width .3s ease, top .3s ease;
        transition: width .3s ease, top .3s ease
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon .qodef-hm-lines .qodef-hm-line.qodef-line-1 {
        top: 0;
        width: 13px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon .qodef-hm-lines .qodef-hm-line.qodef-line-2 {
        top: 5px;
        width: 18px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon .qodef-hm-lines .qodef-hm-line.qodef-line-3 {
        top: 10px;
        width: 23px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon:hover .qodef-hm-lines .qodef-hm-line.qodef-line-1,
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon:hover .qodef-hm-lines .qodef-hm-line.qodef-line-2,
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-opener-icon:hover .qodef-hm-lines .qodef-hm-line.qodef-line-3 {
        width: 23px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined.qodef-fm-opened .qodef-fullscreen-menu-opener-icon .qodef-hm-lines .qodef-hm-line.qodef-line-1,
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined.qodef-fm-opened .qodef-fullscreen-menu-opener-icon .qodef-hm-lines .qodef-hm-line.qodef-line-2,
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined.qodef-fm-opened .qodef-fullscreen-menu-opener-icon .qodef-hm-lines .qodef-hm-line.qodef-line-3 {
        top: 5px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-close-icon {
        top: 0;
        left: 0
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-close-icon .qodef-hm-lines {
        position: relative;
        display: block;
        height: 12px;
        width: 24px
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-close-icon .qodef-hm-lines .qodef-hm-line {
        position: absolute;
        top: 5px;
        width: 18px;
        left: 3px;
        height: 2px;
        background-color: currentColor;
        border-radius: 0;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1);
        transition: transform .3s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined .qodef-fullscreen-menu-close-icon .qodef-hm-lines .qodef-hm-line.qodef-line-2 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .qodef-fullscreen-menu-opener.qodef-fullscreen-menu-opener-predefined:hover .qodef-fullscreen-menu-close-icon .qodef-hm-lines .qodef-hm-line.qodef-line-2 {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    .qodef-fullscreen-menu-opened .qodef-page-header,
    .qodef-fullscreen-menu-opened .qodef-top-bar {
        visibility: hidden
    }
    .qodef-fullscreen-menu-opened .qodef-fullscreen-menu-opener,
    .qodef-fullscreen-menu-opened .qodef-logo-wrapper {
        visibility: visible
    }
    .qodef-fullscreen-menu-opened .qodef-fullscreen-menu-holder-outer {
        visibility: visible!important;
        opacity: 1!important
    }
    .qodef-fullscreen-menu-holder-outer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden!important;
        visibility: hidden;
        opacity: 0;
        z-index: 105
    }
    .qodef-fullscreen-menu-holder {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .9);
        display: table;
        background-repeat: repeat;
        background-position: 0 0
    }
    .qodef-fullscreen-menu-holder-inner {
        display: table-cell;
        vertical-align: middle;
        padding: 100px 0
    }
    .touch .qodef-fullscreen-menu-holder-outer {
        display: none
    }
    .touch .qodef-fullscreen-menu-opened .qodef-fullscreen-menu-holder-outer {
        display: block
    }
    nav.qodef-fullscreen-menu {
        position: relative;
        top: 0;
        margin: 0 auto;
        text-align: left
    }
    nav.qodef-fullscreen-menu ul {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0
    }
    nav.qodef-fullscreen-menu ul li {
        margin: 0;
        padding: 0;
        text-align: center
    }
    nav.qodef-fullscreen-menu ul li a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 7px 0;
        padding: 0;
        font-size: 17px;
        line-height: 1.3em;
        color: #000;
        overflow: hidden;
        -webkit-transition: color .2s ease-in-out, padding .2s ease-in-out;
        -moz-transition: color .2s ease-in-out, padding .2s ease-in-out;
        transition: color .2s ease-in-out, padding .2s ease-in-out
    }
    nav.qodef-fullscreen-menu ul li a:hover span:after,
    nav.qodef-fullscreen-menu ul li.current-menu-ancestor>a span:after,
    nav.qodef-fullscreen-menu ul li.current-menu-item>a span:after,
    nav.qodef-fullscreen-menu ul li.open_sub>a span:after {
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    nav.qodef-fullscreen-menu ul li a:hover span:after {
        opacity: 1;
        transform-origin: 0 50%;
        transform: scaleX(1);
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    nav.qodef-fullscreen-menu ul li a span {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    nav.qodef-fullscreen-menu ul li a span:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        opacity: 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s
    }
    nav.qodef-fullscreen-menu ul li a .qodef-fullscreen-menu-arrow {
        position: relative;
        top: 0;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 10px;
        font-size: .65em;
        line-height: inherit
    }
    nav.qodef-fullscreen-menu ul li.current-menu-ancestor>a span:after,
    nav.qodef-fullscreen-menu ul li.current-menu-item>a span:after,
    nav.qodef-fullscreen-menu ul li.open_sub>a span:after {
        opacity: 1;
        transform-origin: 0 50%;
        transform: scaleX(1);
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    nav.qodef-fullscreen-menu ul li ul {
        padding: 7px 0
    }
    nav.qodef-fullscreen-menu ul li ul.sub_menu {
        display: none
    }
    nav.qodef-fullscreen-menu ul li ul li a>span:after {
        height: 1px
    }
    nav.qodef-fullscreen-menu ul li ul li ul li a {
        font-size: 20px
    }
    nav.qodef-fullscreen-menu>ul {
        display: block
    }
    nav.qodef-fullscreen-menu>ul>li>a {
        font-size: 35px;
        font-weight: 500;
        color: #000;
        padding: 0!important;
        margin: 5px 0
    }
    nav.qodef-fullscreen-menu>ul>li>a:before {
        content: normal!important
    }
    nav.qodef-fullscreen-menu>ul>li.qodef-active-item>a span:after {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    .qodef-fullscreen-below-menu-widget-holder {
        text-align: center;
        margin-top: 20px
    }
    .qodef-fullscreen-above-menu-widget-holder {
        text-align: center
    }
    @-webkit-keyframes fade_out {
        0% {
            opacity: 1;
            visibility: visible
        }
        100% {
            opacity: 0;
            visibility: hidden
        }
    }
    @-moz-keyframes fade_out {
        0% {
            opacity: 1;
            visibility: visible
        }
        100% {
            opacity: 0;
            visibility: hidden
        }
    }
    @keyframes fade_out {
        0% {
            opacity: 1;
            visibility: visible
        }
        100% {
            opacity: 0;
            visibility: hidden
        }
    }
    @-webkit-keyframes fade_in {
        0% {
            opacity: 0;
            visibility: hidden
        }
        100% {
            opacity: 1;
            visibility: visible
        }
    }
    @-moz-keyframes fade_in {
        0% {
            opacity: 0;
            visibility: hidden
        }
        100% {
            opacity: 1;
            visibility: visible
        }
    }
    @keyframes fade_in {
        0% {
            opacity: 0;
            visibility: hidden
        }
        100% {
            opacity: 1;
            visibility: visible
        }
    }
    .qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer,
    .qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer,
    .qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        visibility: hidden;
        overflow: hidden!important;
        z-index: 105;
        opacity: 0
    }
    .qodef-header-minimal .qodef-page-header .qodef-menu-area .qodef-position-right-inner,
    .qodef-header-minimal .qodef-page-header .qodef-sticky-header .qodef-position-left-inner,
    .qodef-header-minimal .qodef-page-header .qodef-sticky-header .qodef-vertical-align-containers .qodef-position-right .qodef-position-right-inner {
        height: auto
    }
    .qodef-fullscreen-fade-out .qodef-fullscreen-menu-holder-outer {
        -webkit-animation: fade_out .25s linear both;
        -moz-animation: fade_out .25s linear both;
        animation: fade_out .25s linear both
    }
    .qodef-fullscreen-menu-opened.qodef-fullscreen-fade-in .qodef-fullscreen-menu-holder-outer {
        -webkit-animation: fade_in .25s linear both;
        -moz-animation: fade_in .25s linear both;
        animation: fade_in .25s linear both
    }
    @-webkit-keyframes push_text_right {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-60px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @-moz-keyframes push_text_right {
        0% {
            opacity: 0;
            -moz-transform: translateX(-60px)
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
    }
    @keyframes push_text_right {
        0% {
            opacity: 0;
            transform: translateX(-60px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    @-webkit-keyframes push_nav_right {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-60px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @-moz-keyframes push_nav_right {
        0% {
            opacity: 0;
            -moz-transform: translateX(-60px)
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
    }
    @keyframes push_nav_right {
        0% {
            opacity: 0;
            transform: translateX(-60px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder>div,
    .qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder>div,
    .qodef-fullscreen-menu-opened.qodef-fade-push-text-right .qodef-fullscreen-menu-holder-outer nav>ul>li>a {
        -webkit-animation: push_text_right .4s cubic-bezier(.175, .885, .32, 1) both;
        -moz-animation: push_text_right .4s cubic-bezier(.175, .885, .32, 1) both;
        animation: push_text_right .4s cubic-bezier(.175, .885, .32, 1) both
    }
    .qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder,
    .qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
    .qodef-fade-push-text-right.qodef-push-nav-right .qodef-fullscreen-menu-holder-outer nav {
        opacity: 0;
        -webkit-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .4s cubic-bezier(.25, .46, .45, .94)
    }
    @-webkit-keyframes push_text_top {
        0% {
            opacity: 0;
            -webkit-transform: translateY(60px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }
    @-moz-keyframes push_text_top {
        0% {
            opacity: 0;
            -moz-transform: translateY(60px)
        }
        100% {
            opacity: 1;
            -moz-transform: translateY(0)
        }
    }
    @keyframes push_text_top {
        0% {
            opacity: 0;
            transform: translateY(60px)
        }
        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
    .qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder>div,
    .qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder>div,
    .qodef-fullscreen-menu-opened.qodef-fade-push-text-top .qodef-fullscreen-menu-holder-outer nav>ul>li>a {
        -webkit-animation: push_text_top .4s ease-out both .5s;
        -moz-animation: push_text_top .4s ease-out both .5s;
        animation: push_text_top .4s ease-out both .5s
    }
    .qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder,
    .qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
    .qodef-fade-push-text-top.qodef-push-text-top .qodef-fullscreen-menu-holder-outer nav {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: all .75s ease-out;
        -moz-transition: all .75s ease-out;
        transition: all .75s ease-out
    }
    .qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder,
    .qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
    .qodef-fullscreen-menu-opened.qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer nav {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .25s linear .1s;
        -moz-transition: all .25s linear .1s;
        transition: all .25s linear .1s
    }
    .qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-above-menu-widget-holder,
    .qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer .qodef-fullscreen-below-menu-widget-holder,
    .qodef-fade-text-scaledown .qodef-fullscreen-menu-holder-outer nav {
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .25s linear .1s;
        -moz-transition: all .25s linear .1s;
        transition: all .25s linear .1s
    }
    .qodef-header-minimal .qodef-page-header .qodef-position-left:before,
    .qodef-header-minimal .qodef-page-header .qodef-position-right:before {
        content: ""
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-left .qodef-main-menu {
        width: auto;
        padding: 0 0 0 20px
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-left .qodef-vertical-align-containers .qodef-position-left-inner {
        height: 100%
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-left .qodef-vertical-align-containers .qodef-position-left:before,
    .qodef-header-standard .qodef-menu-area.qodef-menu-left .qodef-vertical-align-containers .qodef-position-right:before {
        display: none
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-left .qodef-vertical-align-containers .qodef-position-right-inner {
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        height: 100%
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-center .qodef-vertical-align-containers .qodef-position-center-inner {
        height: 100%
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-center .qodef-vertical-align-containers .qodef-position-right:before {
        display: none
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-center .qodef-vertical-align-containers .qodef-position-right-inner {
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        height: 100%
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-right .qodef-main-menu {
        width: auto
    }
    .qodef-header-standard .qodef-menu-area.qodef-menu-right .qodef-vertical-align-containers .qodef-position-right-inner {
        height: 100%
    }
    .qodef-header-vertical .qodef-vertical-alignment-center .qodef-vertical-menu-outer {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 100px 0
    }
    .qodef-header-vertical .qodef-vertical-alignment-center .qodef-vertical-menu {
        display: table;
        width: 100%;
        height: 100%;
        min-height: 0
    }
    .qodef-header-vertical .qodef-vertical-alignment-center .qodef-vertical-menu>ul {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle
    }
    .qodef-header-vertical .qodef-vertical-menu-outer {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        box-sizing: border-box
    }
    .qodef-header-vertical .qodef-vertical-menu {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 58px 0 31px;
        padding: 0;
        z-index: 100
    }
    .qodef-header-vertical .qodef-vertical-menu ul {
        position: relative;
        list-style-type: none;
        padding: 0;
        margin: 0
    }
    .qodef-header-vertical .qodef-vertical-menu ul li {
        position: relative;
        padding: 0;
        margin: 0
    }
    .qodef-header-vertical .qodef-vertical-menu ul li a {
        position: relative;
        display: block;
        margin: 0;
        padding: 3px 0;
        font-size: 13px;
        font-weight: 300;
        line-height: 25px;
        color: #282828
    }
    .qodef-header-vertical .qodef-vertical-menu ul li a .item_outer {
        position: relative;
        display: block;
        padding: 0 15px 0 0;
        box-sizing: border-box
    }
    .qodef-header-vertical .qodef-vertical-menu ul li a .item_outer .item_text {
        position: relative
    }
    .qodef-header-vertical .qodef-vertical-menu ul li a .item_outer .item_text:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: currentColor;
        opacity: 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        -moz-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .5s
    }
    .qodef-header-vertical .qodef-vertical-menu ul li a .qodef-menu-arrow {
        position: absolute;
        font-size: 17px;
        top: 1px;
        right: 0;
        line-height: inherit;
        margin: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -moz-transition: -moz-transform .2s ease-in-out;
        transition: transform .2s ease-in-out
    }
    .qodef-header-vertical .qodef-vertical-menu ul li a .qodef-menu-featured-icon {
        position: relative;
        top: -4px;
        left: 3px;
        color: #282828;
        font-size: 12px;
        margin: 0
    }
    .qodef-header-vertical .qodef-vertical-menu ul li a .menu_icon:not(.blank):not(.null) {
        padding: 0 5px 0 0
    }
    .qodef-header-vertical .qodef-vertical-menu ul li.current-menu-ancestor>a>.item_outer .item_text:after,
    .qodef-header-vertical .qodef-vertical-menu ul li.current-menu-item>a>.item_outer .item_text:after,
    .qodef-header-vertical .qodef-vertical-menu ul li.current_page_item>a>.item_outer .item_text:after,
    .qodef-header-vertical .qodef-vertical-menu ul li.qodef-active-item>a>.item_outer .item_text:after,
    .qodef-header-vertical .qodef-vertical-menu ul li:hover>a>.item_outer .item_text:after {
        opacity: 1;
        -webkit-transform-origin: 0 50%;
        -moz-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s;
        transition: transform .3s cubic-bezier(.77, 0, .175, 1), opacity .3s
    }
    .qodef-header-vertical .qodef-vertical-menu ul li ul {
        padding: 3px 0
    }
    .qodef-header-vertical .qodef-vertical-menu ul li ul li.sub>a .item_outer {
        position: relative;
        display: block
    }
    .qodef-header-vertical .qodef-vertical-menu ul li ul li.sub>a .item_outer:after {
        position: absolute;
        top: -1px;
        right: 4px;
        margin: 0;
        font-family: ElegantIcons;
        font-size: inherit;
        line-height: inherit;
        content: "\33";
        -webkit-transition: -webkit-transform .2s ease-in-out;
        -moz-transition: -moz-transform .2s ease-in-out;
        transition: transform .2s ease-in-out
    }
    .qodef-header-vertical .qodef-vertical-menu ul li .second {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    .qodef-header-vertical .qodef-vertical-menu ul li .second .inner {
        position: relative;
        display: block;
        padding: 0;
        z-index: 997
    }
    .qodef-header-vertical .qodef-vertical-menu>ul>li>a {
        font-size: 15px;
        line-height: 28px;
        color: #282828;
        font-weight: 500;
        padding: 7px 0
    }
    .qodef-header-vertical .qodef-vertical-menu>ul>li>a span.item_text {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .qodef-header-vertical .qodef-vertical-menu>ul>li>a span.item_text:after {
        height: 2px!important
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li a:hover .qodef-menu-arrow,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li.current-menu-ancestor>a .qodef-menu-arrow,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li.current-menu-item>a .qodef-menu-arrow,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li.current_page_item>a .qodef-menu-arrow,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li.open>a .qodef-menu-arrow,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li.qodef-active-item>a .qodef-menu-arrow {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li .second {
        display: none
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li ul li.sub a:hover .item_outer:after,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li ul li.sub.current-menu-ancestor>a .item_outer:after,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li ul li.sub.current_page_item>a .item_outer:after,
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-below ul li ul li.sub.open>a .item_outer:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-side .second {
        position: absolute;
        top: 0;
        width: 100%
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-side .second ul {
        position: absolute;
        top: -23px;
        left: calc(100% + 45px);
        width: 254px;
        background-color: #fff;
        padding: 25px 20px;
        margin-left: 50px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-side .second ul * {
        visibility: inherit;
        -webkit-transition: visibility .2s ease;
        -moz-transition: visibility .2s ease;
        transition: visibility .2s ease
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-side .second ul.qodef-float-open {
        margin-left: 0;
        opacity: 1;
        visibility: visible;
        z-index: 900
    }
    .qodef-header-vertical .qodef-vertical-menu.qodef-vertical-dropdown-side .second ul ul {
        top: -25px;
        left: calc(100% + 20px);
        visibility: hidden;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }
    .qodef-light-header.qodef-header-vertical .qodef-vertical-menu ul li a {
        color: #fff!important
    }
    .qodef-dark-header.qodef-header-vertical .qodef-vertical-menu ul li a {
        color: #282828!important
    }
    .qodef-header-vertical .qodef-vertical-area-widget-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 10px 0 0;
        z-index: 100
    }
    .qodef-header-vertical .qodef-vertical-alignment-center .qodef-vertical-area-widget-holder {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0
    }
    .qodef-header-vertical.admin-bar .qodef-vertical-menu-area {
        top: 32px;
        height: calc(100% - 32px)
    }
    .qodef-header-vertical .qodef-content,
    .qodef-header-vertical footer {
        padding-left: 310px;
        box-sizing: border-box
    }
    .qodef-header-vertical .qodef-vertical-menu-area {
        position: fixed;
        top: 0;
        left: 0;
        width: 310px;
        height: 100%;
        padding: 94px 60px 10px;
        background-color: transparent;
        outline: 0;
        z-index: 101;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        box-shadow: -3px -3px 70px 1px rgba(0, 0, 0, .17)
    }
    .qodef-header-vertical .qodef-vertical-menu-area.qodef-with-scroll {
        overflow: hidden
    }
    .qodef-header-vertical .qodef-vertical-menu-area-inner {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        height: 100%
    }
    .qodef-header-vertical .qodef-vertical-menu-area-inner.qodef-vertical-align-left {
        text-align: left
    }
    .qodef-header-vertical .qodef-vertical-menu-area-inner.qodef-vertical-align-center {
        text-align: center
    }
    .qodef-header-vertical .qodef-vertical-menu-area-inner.qodef-vertical-align-center .qodef-logo-wrapper img {
        margin: 0 auto
    }
    .qodef-header-vertical .qodef-logo-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        z-index: 100
    }
    .qodef-header-vertical .qodef-logo-wrapper a {
        display: block;
        position: relative;
        height: 100%
    }
    .qodef-header-vertical .qodef-logo-wrapper img {
        display: block;
        height: auto;
        max-height: 100%;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        margin: auto
    }
    .qodef-header-vertical .qodef-vertical-area-background {
        position: fixed;
        top: 0;
        left: 0;
        width: 310px;
        height: 100%;
        background-color: #fff;
        background-position: right top;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
        opacity: 1;
        -webkit-transition: opacity .5s ease, background-color .5s ease;
        -moz-transition: opacity .5s ease, background-color .5s ease;
        transition: opacity .5s ease, background-color .5s ease
    }
    .qodef-header-vertical.qodef-header-vertical-shadow-disable .qodef-vertical-area-background {
        box-shadow: none
    }
    .qodef-header-vertical.qodef-header-vertical-border-disable .qodef-vertical-area-background {
        border: none
    }
    .qodef-light-header .qodef-vertical-menu-area .qodef-logo-wrapper .qodef-light-logo {
        opacity: 1
    }
    .qodef-light-header .qodef-vertical-menu-area .qodef-logo-wrapper .qodef-dark-logo,
    .qodef-light-header .qodef-vertical-menu-area .qodef-logo-wrapper .qodef-normal-logo {
        opacity: 0
    }
    .qodef-dark-header .qodef-vertical-menu-area .qodef-logo-wrapper .qodef-dark-logo {
        opacity: 1
    }
    .qodef-dark-header .qodef-vertical-menu-area .qodef-logo-wrapper .qodef-light-logo,
    .qodef-dark-header .qodef-vertical-menu-area .qodef-logo-wrapper .qodef-normal-logo {
        opacity: 0
    }
    .qodef-mobile-header {
        position: relative;
        display: none;
        z-index: 110
    }
    .qodef-mobile-header .qodef-mobile-header-inner {
        position: relative;
        height: 70px;
        background-color: #fff;
        border-bottom: 1px solid #e1e1e1;
        box-sizing: border-box
    }
    .qodef-mobile-header .qodef-mobile-header-inner .qodef-mobile-header-holder {
        position: relative;
        z-index: 2;
        height: 100%
    }
    .qodef-mobile-header .qodef-grid {
        height: 100%
    }
    .qodef-mobile-header .qodef-vertical-align-containers {
        padding: 0
    }
    .qodef-mobile-header .qodef-mobile-logo-wrapper a {
        display: block
    }
    .qodef-mobile-header .qodef-mobile-logo-wrapper img {
        display: block;
        height: 100%;
        width: auto
    }
    .qodef-mobile-header .qodef-mobile-menu-opener {
        position: relative;
        height: 100%;
        float: left;
        z-index: 2;
        margin-left: 15px
    }
    .qodef-mobile-header .qodef-mobile-menu-opener a {
        display: table;
        height: 100%;
        padding-right: 10px
    }
    .qodef-mobile-header .qodef-mobile-menu-opener a>* {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        line-height: 1em
    }
    .qodef-mobile-header .qodef-mobile-menu-opener a .qodef-mobile-menu-text {
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        font-style: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-transform: inherit;
        padding-left: 5px
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opened a {
        color: #b4b4b4
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-icon-pack .qodef-mobile-menu-icon {
        font-size: 20px
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-icon-pack .qodef-mobile-menu-icon *,
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-icon-pack .qodef-mobile-menu-icon:before {
        display: block;
        line-height: inherit
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-svg-path .qodef-mobile-menu-icon>* {
        vertical-align: middle
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined {
        line-height: 1
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined .qodef-hm-lines {
        position: relative;
        display: block;
        width: 23px;
        height: 17px
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined .qodef-hm-lines .qodef-hm-line {
        position: absolute;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: currentColor;
        border-radius: 12px;
        -webkit-transition: width .3s ease;
        -moz-transition: width .3s ease;
        transition: width .3s ease
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined .qodef-hm-lines .qodef-hm-line.qodef-line-1 {
        top: 0
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined .qodef-hm-lines .qodef-hm-line.qodef-line-2 {
        top: 7px
    }
    .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined .qodef-hm-lines .qodef-hm-line.qodef-line-3 {
        bottom: 0
    }
    .qodef-mobile-header .qodef-mobile-nav {
        display: none;
        background-color: #fff;
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-mobile-header .qodef-mobile-nav ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }
    .qodef-mobile-header .qodef-mobile-nav ul li {
        position: relative;
        padding: 0;
        margin: 0;
        -webkit-transform: translateZ(0)
    }
    .qodef-mobile-header .qodef-mobile-nav ul li a,
    .qodef-mobile-header .qodef-mobile-nav ul li h6 {
        position: relative;
        display: block;
        padding: 9px 0;
        padding-left: 14px;
        margin: 0;
        color: #939393;
        border-bottom: 1px solid #e1e1e1;
        cursor: pointer
    }
    .qodef-mobile-header .qodef-mobile-nav .mobile_arrow .fa-angle-down,
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-left .qodef-vertical-align-containers .qodef-position-right:before {
        display: none
    }
    .qodef-mobile-header .qodef-mobile-nav ul li a:hover,
    .qodef-mobile-header .qodef-mobile-nav ul li h6:hover,
    .qodef-mobile-header .qodef-mobile-nav ul ul li.current-menu-ancestor>a,
    .qodef-mobile-header .qodef-mobile-nav ul ul li.current-menu-ancestor>h6,
    .qodef-mobile-header .qodef-mobile-nav ul ul li.current-menu-item>a,
    .qodef-mobile-header .qodef-mobile-nav ul ul li.current-menu-item>h6 {
        color: #b4b4b4
    }
    .qodef-mobile-header .qodef-mobile-nav ul ul {
        display: none;
        margin-left: 15px
    }
    .qodef-mobile-header .qodef-mobile-nav ul ul li a,
    .qodef-mobile-header .qodef-mobile-nav ul ul li h6 {
        font-size: 11px;
        line-height: 24px
    }
    .qodef-mobile-header .qodef-mobile-nav .qodef-grid>ul>li>a,
    .qodef-mobile-header .qodef-mobile-nav .qodef-grid>ul>li>h6 {
        padding-left: 14px;
        font-size: 13px;
        color: #282828
    }
    .qodef-mobile-header .qodef-mobile-nav .qodef-grid>ul>li.qodef-active-item>a,
    .qodef-mobile-header .qodef-mobile-nav .qodef-grid>ul>li.qodef-active-item>h6 {
        color: #b4b4b4
    }
    .qodef-mobile-header .qodef-mobile-nav .qodef-grid>ul>li.qodef-active-item>.mobile_arrow>.qodef-sub-arrow {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .qodef-mobile-header .qodef-mobile-nav .mobile_arrow {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: auto;
        padding: 9px 12px 9px 0;
        font-size: 15px;
        line-height: inherit;
        text-align: right;
        box-sizing: border-box
    }
    .qodef-mobile-header .qodef-mobile-nav .mobile_arrow:hover {
        cursor: pointer
    }
    .qodef-mobile-header .qodef-mobile-nav .mobile_arrow .qodef-sub-arrow {
        line-height: 1;
        -webkit-transition: transform .2s ease-in-out;
        -moz-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out
    }
    .qodef-mobile-header .qodef-mobile-nav li.qodef-opened>.mobile_arrow>.qodef-sub-arrow {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .qodef-mobile-header .qodef-mobile-nav>.qodef-grid>ul>li:last-child>a,
    .qodef-mobile-header .qodef-mobile-nav>ul>li:last-child>a {
        border-bottom: none
    }
    .qodef-sticky-up-mobile-header .qodef-animate-mobile-header .qodef-mobile-header-inner {
        width: 100%;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .4s ease-in-out, left .2s ease, right .2s ease;
        -moz-transition: -moz-transform .4s ease-in-out, left .2s ease, right .2s ease;
        transition: transform .4s ease-in-out, left .2s ease, right .2s ease
    }
    .qodef-sticky-up-mobile-header .mobile-header-appear .qodef-mobile-header-inner {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    .qodef-sticky-header {
        position: fixed;
        top: 0;
        left: 0;
        height: 70px;
        width: 100%;
        z-index: 100;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .6s ease;
        -moz-transition: -moz-transform .6s ease;
        transition: transform .6s ease
    }
    .qodef-sticky-header .qodef-grid {
        height: 100%!important
    }
    .qodef-sticky-header.header-appear {
        transform: translateY(0)
    }
    .admin-bar .qodef-sticky-header.header-appear {
        top: 32px
    }
    .qodef-sticky-header .qodef-sticky-holder {
        position: relative;
        height: 100%;
        z-index: 2;
        background-color: #fff;
        border-bottom: 1px solid #e1e1e1;
        box-sizing: border-box
    }
    .qodef-sticky-header .qodef-sticky-holder .qodef-logo-wrapper a {
        max-height: 70px
    }
    .qodef-sticky-header .qodef-sticky-holder .qodef-vertical-align-containers {
        padding: 0 40px
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-left .qodef-main-menu {
        width: auto;
        padding: 0 0 0 20px
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-left .qodef-vertical-align-containers .qodef-position-left-inner {
        height: 100%
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-left .qodef-vertical-align-containers .qodef-position-right-inner {
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        height: 100%
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-center .qodef-vertical-align-containers .qodef-position-center-inner {
        height: 100%
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-center .qodef-vertical-align-containers .qodef-position-right:before {
        display: none
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-center .qodef-vertical-align-containers .qodef-position-right-inner {
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        height: 100%
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-right .qodef-main-menu {
        width: auto
    }
    .qodef-search-page-holder,
    .qodef-search-page-holder .qodef-search-page-form,
    .qodef-top-bar {
        width: 100%;
        vertical-align: middle;
        position: relative
    }
    .qodef-sticky-header .qodef-sticky-holder.qodef-menu-right .qodef-vertical-align-containers .qodef-position-right-inner {
        height: 100%
    }
    .qodef-sticky-header .widget {
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }
    .qodef-top-bar {
        display: inline-block;
        height: 46px;
        color: #fff;
        font-size: 12px;
        line-height: 1;
        background-color: #282828;
        z-index: 111;
        box-sizing: border-box
    }
    .qodef-top-bar>.qodef-vertical-align-containers {
        padding: 0 40px
    }
    .qodef-top-bar .qodef-vertical-align-containers .qodef-position-left:before,
    .qodef-top-bar .qodef-vertical-align-containers .qodef-position-right:before {
        display: none
    }
    .qodef-top-bar .qodef-vertical-align-containers .qodef-position-left-inner,
    .qodef-top-bar .qodef-vertical-align-containers .qodef-position-right-inner {
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        height: 100%
    }
    .qodef-top-bar .qodef-grid {
        height: 100%
    }
    .qodef-top-bar .qodef-grid .qodef-vertical-align-containers {
        padding-left: 0;
        padding-right: 0
    }
    .qodef-top-bar-in-grid-padding .qodef-top-bar .qodef-grid .qodef-vertical-align-containers {
        padding: 0 40px
    }
    .qodef-top-bar .widget {
        margin: 0
    }
    .qodef-search-opener {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-size: 19px;
        line-height: 1;
        margin: 0 9px;
        color: #282828!important
    }
    .qodef-search-opener .qodef-search-opener-wrapper {
        display: block
    }
    .qodef-search-opener .qodef-search-opener-wrapper>* {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        line-height: inherit
    }
    .qodef-search-opener .qodef-search-opener-wrapper>:before {
        display: block;
        line-height: inherit
    }
    .qodef-search-opener.qodef-search-opener-svg-path .qodef-search-opener-wrapper>* {
        vertical-align: middle
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-search-opener,
    .qodef-light-header .qodef-top-bar .qodef-search-opener {
        color: #fff!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-search-opener,
    .qodef-dark-header .qodef-top-bar .qodef-search-opener {
        color: #282828!important
    }
    .qodef-search-page-holder {
        display: inline-block;
        margin: 0 0 80px
    }
    .qodef-search-page-holder .qodef-search-page-form {
        display: inline-block;
        margin: 0 0 30px
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-search-title {
        margin: 0 0 20px
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-search-label {
        display: block;
        font-size: 13px
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 0 0 10px;
        clear: both;
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-column-left {
        display: table-cell;
        vertical-align: top
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-column-right {
        display: table-cell;
        width: 1%;
        text-align: left;
        vertical-align: top
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-field {
        position: relative;
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0 20px 0 3px;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border: none;
        outline: 0;
        vertical-align: middle;
        -webkit-appearance: none;
        box-sizing: border-box
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-field::-webkit-input-placeholder {
        color: inherit
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-field:-moz-placeholder {
        color: inherit;
        opacity: 1
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-field::-moz-placeholder {
        color: inherit;
        opacity: 1
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-field:-ms-input-placeholder {
        color: inherit
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-submit {
        position: relative;
        display: inline-block;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0;
        font-size: 18px;
        color: #939393;
        background-color: transparent;
        border: 0;
        outline: 0;
        cursor: pointer;
        vertical-align: middle;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out
    }
    .qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-submit:hover {
        color: #282828
    }
    .qodef-search-page-holder article {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 30px 0;
        margin: 0;
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-search-page-holder article.sticky .qodef-post-title a {
        color: #b4b4b4
    }
    .qodef-search-page-holder article.page .qodef-post-title-area .qodef-post-info>div.qodef-post-info-category {
        display: none
    }
    .qodef-search-page-holder article .qodef-post-content {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-search-page-holder article .qodef-post-image {
        display: block;
        float: left;
        width: 130px
    }
    .qodef-search-page-holder article .qodef-post-image a,
    .qodef-search-page-holder article .qodef-post-image img {
        display: block
    }
    .qodef-search-page-holder article .qodef-post-title-area {
        min-height: 130px;
        padding: 0 0 0 150px
    }
    .qodef-search-page-holder article .qodef-post-title-area.qodef-no-thumbnail {
        padding: 0;
        min-height: inherit
    }
    .qodef-search-page-holder article .qodef-post-title-area .qodef-post-title-area-inner {
        width: 100%;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box
    }
    .qodef-search-page-holder article .qodef-post-title-area .qodef-post-title-area-inner .qodef-post-title {
        margin: 0
    }
    .qodef-search-page-holder article .qodef-post-title-area .qodef-post-title-area-inner .qodef-post-excerpt {
        margin: 7px 0 0
    }
    .qodef-search-page-holder .qodef-blog-pagination {
        margin: 50px 0 0
    }
    .qodef-search-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
        background-color: #282828;
        z-index: 115
    }
    .qodef-search-cover .qodef-container,
    .qodef-search-cover .qodef-container-inner {
        height: 100%
    }
    .qodef-fixed-header-appear .qodef-search-cover,
    .qodef-mobile-header.mobile-header-appear .qodef-search-cover,
    .qodef-sticky-header-appear .qodef-search-cover {
        position: fixed
    }
    .admin-bar .qodef-mobile-header.mobile-header-appear .qodef-search-cover,
    .qodef-fixed-header-appear.admin-bar .qodef-search-cover,
    .qodef-sticky-header-appear.admin-bar .qodef-search-cover {
        top: 32px
    }
    .qodef-search-cover .qodef-form-holder-outer {
        display: table;
        width: 100%;
        height: 100%
    }
    .qodef-search-cover .qodef-form-holder {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        padding: 0 40px
    }
    .qodef-search-cover .qodef-form-holder-inner {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-search-cover .qodef-container-inner .qodef-form-holder {
        padding: 0
    }
    .qodef-search-cover .qodef-container-inner .qodef-search-close {
        right: 0
    }
    .qodef-search-cover input {
        display: inline-block;
        vertical-align: middle;
        width: 90%;
        margin: 0;
        padding: 0;
        float: left;
        font-family: inherit;
        color: #fff;
        font-size: inherit;
        font-weight: inherit;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        outline: 0;
        outline-offset: 0;
        border-radius: 0
    }
    .qodef-search-cover input:focus {
        color: inherit
    }
    .qodef-search-cover input::-webkit-input-placeholder {
        color: inherit
    }
    .qodef-search-cover input:-moz-placeholder {
        color: inherit;
        opacity: 1
    }
    .qodef-search-cover input::-moz-placeholder {
        color: inherit;
        opacity: 1
    }
    .qodef-search-cover input:-ms-input-placeholder {
        color: inherit
    }
    .qodef-search-cover input[type=submit] {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        width: 1px;
        visibility: hidden
    }
    .qodef-search-cover .qodef-search-close {
        position: absolute;
        right: 24px;
        top: 50%;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .qodef-search-cover .qodef-search-close:hover {
        color: #b4b4b4
    }
    .qodef-search-cover .qodef-search-close.qodef-search-close-icon-pack {
        font-size: 20px;
        line-height: 1em
    }
    .qodef-search-cover .qodef-search-close.qodef-search-close-icon-pack *,
    .qodef-search-cover .qodef-search-close.qodef-search-close-icon-pack:before {
        display: block;
        line-height: inherit
    }
    .qodef-search-cover .qodef-search-close.qodef-search-close-svg-path>* {
        vertical-align: middle
    }
    .qodef-search-cover.disabled input,
    .qodef-search-cover.disabled input:focus {
        font-weight: 400
    }
    .qodef-fullscreen-with-sidebar-search-holder {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 105;
        opacity: 0
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-fullscreen-search-table {
        display: table;
        width: 100%;
        height: 100%
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-fullscreen-search-cell {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        vertical-align: top;
        text-align: center;
        padding: 110px 0 0
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-fullscreen-search-inner:not(.qodef-grid) {
        width: 90%;
        margin: 0 auto
    }
    @media only screen and (min-width: 1501px) {
        .qodef-fullscreen-with-sidebar-search-holder .qodef-fullscreen-search-inner:not(.qodef-grid) {
            width: 1500px;
            margin: 0 auto
        }
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-form-holder-inner {
        position: relative;
        width: 100%;
        margin: auto
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-field-holder {
        display: block;
        position: relative
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-field {
        position: relative;
        height: 100%;
        width: 100%;
        border: 0;
        padding: 0 0 0 15px;
        background: 0 0;
        outline: 0;
        font-family: inherit;
        font-size: 89px;
        color: #d9cac1;
        line-height: 1;
        letter-spacing: -.02em;
        border-left: 6px solid #d9cac1;
        font-weight: 600;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        transition: all .1s
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-field:focus {
        border-bottom: 0;
        color: #282828;
        border-color: #282828
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-submit {
        position: absolute;
        right: 0;
        bottom: 40px;
        width: auto;
        color: #d9cac1;
        background-color: transparent;
        border: none;
        outline: 0;
        cursor: pointer
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-submit.qodef-search-submit-icon-pack {
        font-size: 64px;
        line-height: 1em
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-submit:hover {
        color: #282828
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-close {
        position: absolute;
        top: 40px;
        right: 75px;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 1
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-close.qodef-search-close-icon-pack {
        font-size: 26px;
        line-height: 1em
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-close.qodef-search-close-icon-pack span,
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-close.qodef-search-close-icon-pack span:before {
        display: block;
        line-height: inherit
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-close.qodef-search-close-svg-path>* {
        vertical-align: middle
    }
    .admin-bar .qodef-fullscreen-with-sidebar-search-holder .qodef-search-close {
        top: 72px
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-search-close:hover {
        color: #282828
    }
    .qodef-fullscreen-with-sidebar-search-holder .qodef-fullscreen-sidebar {
        margin: 26px 0 0
    }
    .qodef-search-fade .qodef-fullscreen-with-sidebar-search-holder {
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        z-index: 112;
        box-sizing: border-box
    }
    .qodef-search-fade .qodef-fullscreen-with-sidebar-search-holder .qodef-fullscreen-search-table {
        background-color: #b4b4b4
    }
    .qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-with-sidebar-search-holder {
        -webkit-animation: search_fade_out .2s ease-out both;
        -moz-animation: search_fade_out .2s ease-out both;
        animation: search_fade_out .2s ease-out both
    }
    .qodef-search-fade-in.qodef-search-fade .qodef-fullscreen-with-sidebar-search-holder.qodef-animate {
        -webkit-animation: search_fade_in .3s ease both;
        -moz-animation: search_fade_in .3s ease both;
        animation: search_fade_in .3s ease both
    }
    .qodef-search-fade .qodef-fullscreen-with-sidebar-search-holder.qodef-animate .qodef-search-close {
        opacity: 1;
        visibility: visible
    }
    .qodef-fullscreen-search-holder {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 105;
        opacity: 0
    }
    .qodef-fullscreen-search-holder .qodef-fullscreen-search-table {
        display: table;
        width: 100%;
        height: 100%
    }
    .qodef-fullscreen-search-holder .qodef-fullscreen-search-cell {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        text-align: center
    }
    .qodef-fullscreen-search-holder .qodef-form-holder-inner {
        position: relative;
        width: 60%;
        margin: auto
    }
    .qodef-fullscreen-search-holder .qodef-form-holder-inner .qodef-line {
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        border-bottom: 1px solid #e1e1e1;
        -webkit-transition: all .3s .2s;
        -moz-transition: all .3s .2s;
        transition: all .3s .2s
    }
    .qodef-fullscreen-search-opened .qodef-fullscreen-search-holder .qodef-form-holder-inner .qodef-line {
        width: 100%;
        -webkit-transition: width .5s ease .6s;
        -moz-transition: width .5s ease .6s;
        transition: width .5s ease .6s
    }
    .qodef-fullscreen-search-holder .qodef-field-holder {
        display: block;
        position: relative
    }
    .qodef-fullscreen-search-holder .qodef-search-field {
        position: relative;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        font-family: inherit;
        font-size: 25px;
        color: #282828;
        line-height: 2em;
        background: 0 0;
        border: 0;
        border-radius: 0;
        outline: 0
    }
    .qodef-fullscreen-search-holder .qodef-search-submit {
        position: absolute;
        right: 0;
        bottom: -20px;
        width: auto;
        color: #939393;
        background-color: transparent;
        border: none;
        outline: 0;
        opacity: 0;
        cursor: pointer;
        -webkit-transition: all .3s .2s;
        -moz-transition: all .3s .2s;
        transition: all .3s .2s
    }
    .qodef-fullscreen-search-holder .qodef-search-submit:hover {
        color: #282828
    }
    .qodef-fullscreen-search-opened .qodef-fullscreen-search-holder .qodef-search-submit {
        opacity: 1;
        bottom: 16px;
        -webkit-transition: color .2s ease, opacity .2s ease-out 1.1s, bottom .4s ease-out .9s;
        -moz-transition: color .2s ease, opacity .2s ease-out 1.1s, bottom .4s ease-out .9s;
        transition: color .2s ease, opacity .2s ease-out 1.1s, bottom .4s ease-out .9s
    }
    .qodef-fullscreen-search-holder .qodef-search-submit.qodef-search-submit-icon-pack {
        font-size: 18px;
        line-height: 1em
    }
    .qodef-fullscreen-search-holder .qodef-search-submit.qodef-search-submit-svg-path path,
    .qodef-fullscreen-search-holder .qodef-search-submit.qodef-search-submit-svg-path>* {
        fill: currentColor;
        stroke: currentColor
    }
    .qodef-fullscreen-search-holder .qodef-search-close {
        position: absolute;
        top: 33px;
        right: 148px;
        color: #939393;
        opacity: 0;
        visibility: hidden;
        z-index: 1
    }
    .admin-bar .qodef-fullscreen-search-holder .qodef-search-close {
        top: 72px
    }
    .qodef-fullscreen-search-holder .qodef-search-close:hover {
        color: #282828
    }
    .qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close-icon-pack {
        font-size: 25px;
        line-height: 1em
    }
    .qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close-icon-pack *,
    .qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close-icon-pack:before {
        display: block;
        line-height: inherit
    }
    .qodef-fullscreen-search-holder .qodef-search-close.qodef-search-close-svg-path>* {
        vertical-align: middle
    }
    .qodef-search-fade .qodef-fullscreen-search-holder {
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        z-index: 112;
        box-sizing: border-box
    }
    .qodef-search-fade .qodef-fullscreen-search-holder .qodef-fullscreen-search-table {
        background-color: rgba(255, 255, 255, .98)
    }
    .qodef-search-fade-out.qodef-search-fade .qodef-fullscreen-search-holder {
        -webkit-animation: search_fade_out .2s ease-out both;
        -moz-animation: search_fade_out .2s ease-out both;
        animation: search_fade_out .2s ease-out both
    }
    .qodef-search-fade-in.qodef-search-fade .qodef-fullscreen-search-holder.qodef-animate {
        -webkit-animation: search_fade_in .3s ease both;
        -moz-animation: search_fade_in .3s ease both;
        animation: search_fade_in .3s ease both
    }
    .qodef-search-fade .qodef-fullscreen-search-holder.qodef-animate .qodef-search-close {
        opacity: 1;
        visibility: visible
    }
    @-webkit-keyframes search_fade_out {
        0% {
            opacity: 1;
            visibility: visible
        }
        100% {
            opacity: 0;
            visibility: hidden
        }
    }
    @keyframes search_fade_out {
        0% {
            opacity: 1;
            visibility: visible
        }
        100% {
            opacity: 0;
            visibility: hidden
        }
    }
    @-webkit-keyframes search_fade_in {
        0% {
            opacity: 0;
            visibility: hidden
        }
        100% {
            opacity: 1;
            visibility: visible
        }
    }
    @keyframes search_fade_in {
        0% {
            opacity: 0;
            visibility: hidden
        }
        100% {
            opacity: 1;
            visibility: visible
        }
    }
    .qodef-slide-from-header-bottom-holder {
        position: absolute;
        top: 100%;
        right: 0;
        width: 300px;
        display: none;
        padding: 25px;
        margin: 0;
        background-color: #fff;
        border: 1px solid #e1e1e1;
        overflow: hidden;
        z-index: 9999;
        box-sizing: border-box
    }
    .qodef-fixed-header-appear .qodef-slide-from-header-bottom-holder,
    .qodef-mobile-header.mobile-header-appear .qodef-slide-from-header-bottom-holder,
    .qodef-sticky-header-appear .qodef-slide-from-header-bottom-holder {
        position: fixed
    }
    .qodef-slide-from-header-bottom-holder .qodef-form-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        border: 1px solid #e1e1e1;
        box-sizing: border-box
    }
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-field,
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-submit {
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
        margin: 0;
        height: 44px;
        line-height: 42px;
        color: #939393;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        outline: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
        -webkit-transition: color .2s ease-out;
        -moz-transition: color .2s ease-out;
        transition: color .2s ease-out
    }
    .qodef-search-slide-window-top .qodef-search-close,
    .qodef-search-slide-window-top .qodef-search-close.qodef-search-close-svg-path>*,
    .qodef-search-slide-window-top .qodef-search-submit.qodef-search-submit-svg-path>*,
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-submit.qodef-search-submit-svg-path>* {
        vertical-align: middle
    }
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-field:focus,
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-submit:hover {
        color: #282828
    }
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-field {
        width: calc(100% - 40px);
        padding: 0 10px 0 20px;
        font-family: inherit
    }
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-submit {
        width: 40px;
        padding: 0 12px 0 0;
        cursor: pointer
    }
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-submit.qodef-search-submit-icon-pack {
        font-size: 15px;
        line-height: 1em
    }
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-submit.qodef-search-submit-icon-pack *,
    .qodef-slide-from-header-bottom-holder .qodef-form-holder .qodef-search-submit.qodef-search-submit-icon-pack:before {
        display: block;
        line-height: inherit
    }
    .qodef-search-slides-from-window-top .qodef-fixed-wrapper.fixed,
    .qodef-search-slides-from-window-top .qodef-mobile-header,
    .qodef-search-slides-from-window-top .qodef-page-header,
    .qodef-search-slides-from-window-top .qodef-top-bar {
        top: 0;
        -webkit-transition: top .25s ease-out;
        -moz-transition: top .25s ease-out;
        transition: top .25s ease-out
    }
    .qodef-search-slides-from-window-top.qodef-search-open .qodef-fixed-wrapper.fixed,
    .qodef-search-slides-from-window-top.qodef-search-open .qodef-mobile-header,
    .qodef-search-slides-from-window-top.qodef-search-open .qodef-page-header,
    .qodef-search-slides-from-window-top.qodef-search-open .qodef-top-bar {
        top: 50px
    }
    .qodef-search-slides-from-window-top.qodef-search-open .qodef-search-slide-window-top {
        height: 50px
    }
    .qodef-search-slides-from-window-top.qodef-search-open .qodef-sticky-header.header-appear,
    .qodef-search-slides-from-window-top.qodef-search-open.qodef-sticky-up-mobile-header .qodef-animate-mobile-header .qodef-mobile-header-inner {
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        transform: translateY(50px)
    }
    .qodef-search-slides-from-window-top.qodef-search-open.admin-bar .qodef-sticky-header.header-appear,
    .qodef-search-slides-from-window-top.qodef-search-open.admin-bar.qodef-sticky-up-mobile-header .qodef-animate-mobile-header .qodef-mobile-header-inner {
        -webkit-transform: translateY(82px);
        -moz-transform: translateY(82px);
        transform: translateY(82px)
    }
    .qodef-search-slide-window-top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        margin: 0;
        color: #fff;
        background-color: #282828;
        overflow: hidden;
        z-index: 201;
        -webkit-transition: top .25s ease-out, height .25s ease-out;
        -moz-transition: top .25s ease-out, height .25s ease-out;
        transition: top .25s ease-out, height .25s ease-out
    }
    .admin-bar .qodef-search-slide-window-top {
        top: 32px
    }
    .qodef-search-slide-window-top .qodef-grid .qodef-search-form-inner {
        padding: 0
    }
    .qodef-search-slide-window-top .qodef-search-form-inner {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box
    }
    .qodef-search-slide-window-top .qodef-search-submit {
        color: #fff;
        position: relative;
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        width: 40px
    }
    .qodef-search-slide-window-top .qodef-search-submit.qodef-search-submit-icon-pack {
        font-size: 14px;
        line-height: 1
    }
    .qodef-search-slide-window-top .qodef-search-submit.qodef-search-submit-icon-pack>* {
        color: inherit;
        font-size: inherit;
        line-height: inherit
    }
    .qodef-search-slide-window-top .qodef-search-close {
        color: #fff;
        position: relative;
        display: table-cell;
        height: 100%;
        width: 40px
    }
    .qodef-search-slide-window-top .qodef-search-close.qodef-search-close-icon-pack {
        font-size: 20px;
        line-height: 1em
    }
    .qodef-search-slide-window-top .qodef-search-close.qodef-search-close-icon-pack span,
    .qodef-search-slide-window-top .qodef-search-close.qodef-search-close-icon-pack span:before {
        display: block;
        line-height: inherit
    }
    .qodef-search-slide-window-top .qodef-swt-search-field {
        padding: 0 30px;
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        font-style: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-transform: inherit;
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle;
        color: #fff;
        background-color: transparent;
        border: none;
        border-radius: 0;
        outline: 0;
        box-shadow: none;
        -webkit-appearance: none;
        box-sizing: border-box
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-close-side-menu-icon-pack,
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-icon-pack .qodef-side-menu-icon {
        font-size: 20px
    }
    .qodef-side-menu-button-opener,
    .qodef-side-menu-button-opener .qodef-side-menu-icon,
    .qodef-side-menu-button-opener .qodef-side-menu-title {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }
    .qodef-search-slide-window-top .qodef-swt-search-field:focus {
        color: #fff
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener,
    .qodef-light-header .qodef-top-bar .qodef-side-menu-button-opener {
        color: #fff!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-side-menu-button-opener,
    .qodef-dark-header .qodef-top-bar .qodef-side-menu-button-opener,
    .qodef-side-menu-button-opener {
        color: #282828!important
    }
    .qodef-side-menu-button-opener .qodef-side-menu-title {
        margin: 0 8px 0 0;
        color: currentColor
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-icon-pack .qodef-side-menu-icon *,
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-icon-pack .qodef-side-menu-icon:before {
        display: block;
        line-height: inherit
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-side-menu-button-closer-predefined,
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined {
        line-height: 1
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-svg-path .qodef-side-menu-icon>* {
        vertical-align: middle
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined .qodef-hm-lines {
        position: relative;
        display: block;
        height: 12px;
        width: 23px
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined .qodef-hm-lines .qodef-hm-line {
        position: absolute;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: currentColor;
        border-radius: 0;
        -webkit-transition: width .3s ease;
        -moz-transition: width .3s ease;
        transition: width .3s ease
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined .qodef-hm-lines .qodef-hm-line.qodef-line-1 {
        top: 0;
        width: 13px
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined .qodef-hm-lines .qodef-hm-line.qodef-line-2 {
        top: 5px;
        width: 18px
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined .qodef-hm-lines .qodef-hm-line.qodef-line-3 {
        bottom: 0;
        width: 23px
    }
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined:hover .qodef-hm-lines .qodef-hm-line.qodef-line-1,
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined:hover .qodef-hm-lines .qodef-hm-line.qodef-line-2,
    .qodef-side-menu-button-opener.qodef-side-menu-button-opener-predefined:hover .qodef-hm-lines .qodef-hm-line.qodef-line-3 {
        width: 23px
    }
    .qodef-side-menu {
        position: fixed;
        top: 0;
        right: -600px;
        width: 600px;
        height: 100%;
        min-height: 100%;
        padding: 103px 88px 36px;
        background-color: #fff;
        text-align: left;
        overflow: hidden;
        visibility: hidden;
        z-index: 9999;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        box-shadow: -3px 0 3px rgba(0, 0, 0, .04);
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        transition: all .6s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-cards-gallery-holder img,
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay.qodef-pl-has-shadow .qodef-pl-item-inner,
    .qodef-portfolio-list-holder.qodef-pl-gallery-slide-from-image-bottom.qodef-pl-has-shadow .qodef-pl-item-inner,
    .qodef-portfolio-list-holder.qodef-pl-has-shadow article .qodef-pli-image {
        box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .13)
    }
    .qodef-side-menu a.qodef-close-side-menu {
        position: absolute;
        top: 36px;
        right: 40px;
        display: block;
        z-index: 1000;
        color: #282828
    }
    .admin-bar .qodef-side-menu a.qodef-close-side-menu {
        top: 68px
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-side-menu-button-closer-predefined .qodef-hm-lines {
        position: relative;
        display: block;
        height: 12px;
        width: 24px
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-side-menu-button-closer-predefined .qodef-hm-lines .qodef-hm-line {
        position: absolute;
        top: 5px;
        width: 18px;
        left: 3px;
        height: 2px;
        background-color: currentColor;
        border-radius: 0;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1);
        transition: transform .3s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-side-menu-button-closer-predefined .qodef-hm-lines .qodef-hm-line.qodef-line-2 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-side-menu-button-closer-predefined:hover .qodef-hm-lines .qodef-hm-line.qodef-line-2 {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-close-side-menu-icon-pack *,
    .qodef-side-menu a.qodef-close-side-menu.qodef-close-side-menu-icon-pack:before {
        display: block;
        line-height: inherit
    }
    .qodef-side-menu a.qodef-close-side-menu.qodef-close-side-menu-svg-path>* {
        vertical-align: middle
    }
    .qodef-right-side-menu-opened .mobile-header-appear .qodef-mobile-header-inner,
    .qodef-right-side-menu-opened .qodef-fixed-wrapper.fixed,
    .qodef-right-side-menu-opened .qodef-sticky-header,
    .qodef-right-side-menu-opened .qodef-wrapper,
    .qodef-right-side-menu-opened footer.qodef-footer-uncover {
        left: 0
    }
    .qodef-side-menu-slide-from-right .qodef-wrapper {
        background-color: #fff;
        position: relative;
        z-index: 1000;
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        transition: all .6s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-side-menu-slide-from-right .qodef-wrapper .qodef-cover {
        z-index: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 0;
        background-color: rgba(40, 40, 40, .3);
        -webkit-transition: opacity .2s ease-in-out, z-index .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out, z-index .2s ease-in-out;
        transition: opacity .2s ease-in-out, z-index .2s ease-in-out
    }
    .qodef-side-menu-slide-from-right .qodef-fixed-wrapper.fixed,
    .qodef-side-menu-slide-from-right .qodef-sticky-header,
    .qodef-side-menu-slide-from-right footer.qodef-footer-uncover {
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        transition: all .6s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-cover {
        z-index: 1002;
        opacity: 1
    }
    .qodef-side-menu-slide-from-right.qodef-right-side-menu-opened .qodef-side-menu {
        right: 0;
        visibility: visible
    }
    .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .mobile-header-appear .qodef-mobile-header-inner,
    .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-fixed-wrapper.fixed,
    .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-mobile-header-inner,
    .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-sticky-header,
    .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened .qodef-wrapper,
    .qodef-side-area-uncovered-from-content.qodef-right-side-menu-opened footer.qodef-footer-uncover {
        left: -405px
    }
    .qodef-side-area-uncovered-from-content .qodef-side-menu {
        right: 0;
        z-index: 90
    }
    .qodef-side-area-uncovered-from-content .qodef-fixed-wrapper.fixed,
    .qodef-side-area-uncovered-from-content .qodef-sticky-header {
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        transition: all .6s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-side-menu-slide-with-content {
        overflow-x: hidden;
        position: relative;
        left: 0;
        -webkit-overflow-scrolling: auto!important;
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        transition: all .6s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-side-menu-slide-with-content .qodef-side-menu {
        visibility: visible
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation img,
    .qodef-cards-gallery-holder .fake_card,
    .qodef-portfolio-single-holder.qodef-ps-slider-layout .qodef-ps-image-holder .qodef-ps-image-inner,
    .qodef-portfolio-single-holder.qodef-ps-small-slider-layout .qodef-ps-image-holder .qodef-ps-image-inner {
        visibility: hidden
    }
    .qodef-side-menu-slide-with-content .qodef-fixed-wrapper.fixed,
    .qodef-side-menu-slide-with-content .qodef-mobile-header-inner,
    .qodef-side-menu-slide-with-content .qodef-sticky-header,
    .qodef-side-menu-slide-with-content .qodef-wrapper,
    .qodef-side-menu-slide-with-content footer.qodef-footer-uncover {
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
        transition: all .6s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-fixed-wrapper,
    .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-mobile-header-inner,
    .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-sticky-header,
    .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-wrapper,
    .qodef-side-menu-slide-with-content.qodef-side-menu-open footer.qodef-footer-uncover {
        left: -405px
    }
    .qodef-side-menu-slide-with-content.qodef-side-menu-open .qodef-side-menu {
        right: 0
    }
    @media only screen and (max-width: 1440px) {
        .qodef-blog-single-navigation .qodef-blog-single-next .qodef-blog-single-nav-label-title,
        .qodef-blog-single-navigation .qodef-blog-single-prev .qodef-blog-single-nav-label-title {
            min-width: 300px
        }
        .qodef-side-menu-slide-from-right .qodef-side-menu {
            padding: 65px 40px 30px
        }
    }
    @media only screen and (max-width: 1280px) {
        .qodef-side-menu-slide-from-right .qodef-side-menu {
            padding: 60px 42px 30px 41px
        }
    }
    .qodef-title-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        height: 240px;
        background-color: #e5edf5;
        background-position: center 0;
        background-repeat: no-repeat;
        z-index: 101
    }
    .qodef-title-holder.qodef-title-full-width .qodef-grid {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 0;
        padding: 0 40px;
        box-sizing: border-box
    }
    .qodef-title-holder.qodef-bg-responsive {
        height: auto!important
    }
    .qodef-title-holder.qodef-bg-responsive .qodef-title-image {
        display: block
    }
    .qodef-title-holder.qodef-bg-responsive .qodef-title-wrapper {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .qodef-title-holder .qodef-title-image {
        display: none
    }
    .qodef-title-holder .qodef-title-image img {
        display: block;
        width: 100%
    }
    .qodef-title-holder .qodef-title-wrapper {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .qodef-title-holder .qodef-title-inner {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle
    }
    .qodef-title-holder.qodef-breadcrumbs-type .qodef-breadcrumbs {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        color: #282828;
        font-weight: 300;
        font-size: 17px
    }
    .qodef-title-holder.qodef-breadcrumbs-type .qodef-breadcrumbs a,
    .qodef-title-holder.qodef-breadcrumbs-type .qodef-breadcrumbs span {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: inherit
    }
    .qodef-title-holder.qodef-breadcrumbs-type .qodef-breadcrumbs a:hover {
        color: #b4b4b4
    }
    .qodef-title-holder.qodef-centered-type .qodef-title-inner {
        text-align: center
    }
    .qodef-title-holder.qodef-centered-type .qodef-page-title {
        margin: 0
    }
    .qodef-title-holder.qodef-centered-type .qodef-page-subtitle {
        display: block;
        margin: 10px 0 0;
        box-sizing: border-box
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs-info,
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-title-info {
        display: table-cell;
        vertical-align: middle
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-title-info {
        width: 99%
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs-info {
        width: 1%;
        text-align: right;
        white-space: nowrap
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-page-title {
        margin: 0
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-page-subtitle {
        margin: 5px 0 0
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs {
        color: #939393
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs.qodef-has-inline-style a {
        opacity: 1;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs.qodef-has-inline-style a:hover {
        color: inherit;
        opacity: .9
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs a,
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs span {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: inherit
    }
    .qodef-title-holder.qodef-standard-with-breadcrumbs-type .qodef-breadcrumbs a:hover {
        color: #282828
    }
    .qodef-title-holder.qodef-standard-type .qodef-page-title {
        margin: 0
    }
    .qodef-title-holder.qodef-standard-type .qodef-page-subtitle {
        margin: 10px 0 0
    }
    .qodef-author-info-widget {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        box-sizing: border-box
    }
    .qodef-author-info-widget .qodef-aiw-image {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%;
        overflow: hidden
    }
    .qodef-author-info-widget .qodef-aiw-image img {
        display: block
    }
    .qodef-author-info-widget .qodef-aiw-title {
        margin: 28px 0 0
    }
    .qodef-author-info-widget .qodef-aiw-text {
        display: block;
        margin: 10px 0 0
    }
    .qodef-icon-widget-holder,
    .qodef-icon-widget-holder>*,
    .widget.qodef-image-gallery-widget {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
    .widget.qodef-custom-font-widget,
    .widget.qodef-custom-font-widget>* {
        margin: 0
    }
    .qodef-icon-widget-holder {
        margin: 0
    }
    .qodef-icon-widget-holder>* {
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        font-style: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        text-transform: inherit
    }
    .qodef-icon-widget-holder .qodef-icon-text {
        padding: 0 0 0 10px
    }
    .qodef-icon-widget-holder .qodef-icon-text.qodef-no-icon {
        padding: 0
    }
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-icon-widget-holder {
        color: #282828!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-icon-widget-holder:hover {
        color: #b4b4b4!important
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-icon-widget-holder {
        color: #fff!important
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-icon-widget-holder:hover {
        color: #b4b4b4!important
    }
    .widget.qodef-image-gallery-widget {
        width: 100%
    }
    .widget.qodef-image-gallery-widget img {
        display: block;
        width: 100%
    }
    .widget.qodef-search-post-type-widget,
    .widget.qodef-search-post-type-widget .qodef-search-post-type {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .widget.qodef-search-post-type-widget {
        line-height: 0
    }
    .widget.qodef-search-post-type-widget .qodef-post-type-search-results {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: auto;
        display: none;
        background-color: #fff;
        z-index: 99
    }
    .widget.qodef-search-post-type-widget .qodef-post-type-search-results ul {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 10px 20px;
        line-height: 0;
        box-sizing: border-box
    }
    .widget.qodef-search-post-type-widget .qodef-post-type-search-results ul li {
        display: block;
        width: 100%
    }
    .widget.qodef-search-post-type-widget .qodef-search-icon,
    .widget.qodef-search-post-type-widget .qodef-search-loading {
        position: absolute;
        right: 20px;
        top: calc(50% - 9px);
        font-size: 18px;
        color: #282828;
        opacity: 1;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    .widget.qodef-search-post-type-widget .qodef-search-icon.qodef-hidden,
    .widget.qodef-search-post-type-widget .qodef-search-loading.qodef-hidden {
        opacity: 0
    }
    .widget.qodef-separator-widget {
        margin: 0!important
    }
    .qodef-social-icon-widget-holder {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }
    .qodef-social-icon-widget-holder .qodef-social-icon-widget {
        color: inherit;
        line-height: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
        letter-spacing: inherit
    }
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-social-icon-widget-holder {
        color: #282828!important
    }
    .qodef-dark-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-social-icon-widget-holder:hover {
        color: #b4b4b4!important
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-social-icon-widget-holder {
        color: #fff!important
    }
    .qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-social-icon-widget-holder:hover {
        color: #b4b4b4!important
    }
    .qodef-social-icons-group-widget.qodef-square-icons .qodef-social-icon-widget-holder {
        position: relative;
        width: 44px;
        height: 44px;
        margin: 0 7px;
        font-size: 17px;
        color: #fff;
        background-color: #282828
    }
    .qodef-social-icons-group-widget.qodef-square-icons .qodef-social-icon-widget-holder:hover {
        color: #282828;
        background-color: #b4b4b4
    }
    .qodef-social-icons-group-widget.qodef-square-icons .qodef-social-icon-widget-holder .qodef-social-icon-widget {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%)
    }
    .qodef-social-icons-group-widget.qodef-square-icons.qodef-light-skin .qodef-social-icon-widget-holder {
        color: #282828;
        background-color: #fff
    }
    .qodef-social-icons-group-widget.qodef-square-icons.qodef-light-skin .qodef-social-icon-widget-holder:hover {
        color: #282828;
        background-color: #b4b4b4
    }
    .qodef-social-icons-group-widget .qodef-social-icon-widget-holder {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        text-align: center
    }
    .qodef-social-icons-group-widget .qodef-social-icon-widget-holder:first-child {
        margin-left: 0
    }
    .qodef-social-icons-group-widget .qodef-social-icon-widget-holder:last-child {
        margin-right: 0
    }
    .qodef-widget-sticky-sidebar {
        position: relative;
        width: 100%;
        height: 0;
        margin: 0!important;
        padding: 0!important;
        border: none!important;
        background: 0 0!important
    }
    .qodef-portfolio-single-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 0 0 50px
    }
    .qodef-portfolio-single-holder .qodef-ps-image-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-portfolio-single-holder .qodef-ps-image-holder .qodef-ps-image:not(.qodef-item-space) {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        box-sizing: border-box
    }
    .qodef-portfolio-single-holder .qodef-ps-image-holder .qodef-ps-image a,
    .qodef-portfolio-single-holder .qodef-ps-image-holder .qodef-ps-image img {
        position: relative;
        display: block
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder h2 {
        margin-top: 0
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-item {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 0
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-item.qodef-ps-content-item p {
        margin: 0;
        font-weight: 300;
        display: inline;
        font-size: 15px;
        color: #939393
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-item a,
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-item p {
        margin: 0;
        font-weight: 600;
        display: inline;
        font-size: 12px;
        color: #282828
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-item.qodef-ps-social-share {
        margin-top: 70px
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-item.qodef-ps-social-share ul li a {
        font-size: 15px
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-item.qodef-ps-social-share ul li a:hover {
        color: #b4b4b4
    }
    .qodef-portfolio-single-holder .qodef-ps-info-holder .qodef-ps-info-title {
        margin: 0;
        display: inline
    }
    .qodef-portfolio-single-holder .qodef-ps-image-holder.qodef-grid-masonry-list .qodef-ps-image a {
        height: 100%
    }
    .qodef-portfolio-single-holder.qodef-ps-gallery-layout .qodef-ps-image-holder {
        width: 100%
    }
    .qodef-portfolio-single-holder.qodef-ps-gallery-layout .qodef-ps-image-holder .qodef-ps-image {
        float: left
    }
    .qodef-portfolio-single-holder.qodef-ps-gallery-layout .qodef-ps-image-holder .qodef-ps-image a:hover:after {
        opacity: 1
    }
    .qodef-portfolio-single-holder.qodef-ps-gallery-layout .qodef-ps-image-holder .qodef-ps-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-portfolio-single-holder.qodef-ps-gallery-layout>.qodef-grid-row {
        margin-top: 40px
    }
    .qodef-portfolio-single-holder.qodef-ps-huge-images-layout {
        padding: 0 4%;
        box-sizing: border-box
    }
    .qodef-portfolio-single-holder.qodef-ps-huge-images-layout .qodef-ps-image-holder {
        margin: 0 0 40px
    }
    .qodef-portfolio-single-holder.qodef-ps-huge-images-layout .qodef-ps-image-holder .qodef-ps-image {
        margin: 0 0 30px
    }
    .qodef-portfolio-single-holder.qodef-ps-huge-images-layout .qodef-ps-image-holder .qodef-ps-image:last-child {
        margin: 0
    }
    @media only screen and (max-width: 1200px) {
        .qodef-portfolio-single-holder.qodef-ps-huge-images-layout {
            padding: 0 40px
        }
    }
    @media only screen and (max-width: 768px) {
        .qodef-portfolio-single-holder.qodef-ps-huge-images-layout {
            padding: 0 30px
        }
    }
    .qodef-portfolio-single-holder.qodef-ps-images-layout .qodef-ps-image-holder {
        margin: 0 0 40px
    }
    .qodef-portfolio-single-holder.qodef-ps-images-layout .qodef-ps-image-holder .qodef-ps-image {
        margin: 0 0 30px
    }
    .qodef-portfolio-single-holder.qodef-ps-images-layout .qodef-ps-image-holder .qodef-ps-image:last-child {
        margin: 0
    }
    .qodef-portfolio-single-holder.qodef-ps-masonry-layout>.qodef-grid-row {
        margin-top: 40px
    }
    .qodef-portfolio-single-holder.qodef-ps-slider-layout .qodef-ps-image-holder {
        margin: 0 0 40px
    }
    .qodef-portfolio-single-holder.qodef-ps-slider-layout .qodef-ps-image-holder .qodef-ps-image img,
    .qodef-portfolio-single-holder.qodef-ps-small-gallery-layout .qodef-ps-image-holder {
        width: 100%
    }
    .qodef-portfolio-single-holder.qodef-ps-small-gallery-layout .qodef-ps-image-holder .qodef-ps-image {
        float: left
    }
    .qodef-portfolio-single-holder.qodef-ps-small-gallery-layout .qodef-ps-image-holder .qodef-ps-image a:hover:after {
        opacity: 1
    }
    .qodef-portfolio-single-holder.qodef-ps-small-gallery-layout .qodef-ps-image-holder .qodef-ps-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-portfolio-single-holder.qodef-ps-small-gallery-layout .qodef-ps-content-item,
    .qodef-portfolio-single-holder.qodef-ps-small-images-layout .qodef-ps-image-holder .qodef-ps-image {
        margin: 0 0 30px
    }
    .qodef-portfolio-single-holder.qodef-ps-small-images-layout .qodef-ps-image-holder .qodef-ps-image:last-child {
        margin: 0
    }
    .qodef-portfolio-single-holder.qodef-ps-small-images-layout .qodef-ps-content-item {
        margin: 0 0 14px
    }
    .qodef-portfolio-single-holder.qodef-ps-small-masonry-layout .qodef-ps-content-item,
    .qodef-portfolio-single-holder.qodef-ps-small-slider-layout .qodef-ps-content-item {
        margin: 0 0 30px
    }
    .qodef-portfolio-single-holder.qodef-ps-small-slider-layout .qodef-ps-image-holder .qodef-ps-image img {
        width: 100%
    }
    .qodef-ps-navigation {
        position: relative;
        display: table;
        width: 100%;
        vertical-align: middle;
        padding: 0;
        margin: 60px 0 0;
        clear: both;
        box-sizing: border-box
    }
    .qodef-ps-full-width-custom-layout .qodef-ps-navigation {
        padding: 0 40px
    }
    .qodef-ps-navigation .qodef-ps-back-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    .qodef-ps-navigation .qodef-ps-back-btn a {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        cursor: pointer;
        font-size: 23px;
        line-height: 1
    }
    .qodef-ps-navigation .qodef-ps-back-btn a span {
        display: block;
        line-height: inherit
    }
    .qodef-ps-navigation .qodef-ps-back-btn a span:after,
    .qodef-ps-navigation .qodef-ps-back-btn a span:before {
        display: block;
        line-height: 14px
    }
    .qodef-ps-navigation .qodef-ps-back-btn a span:after {
        content: "\e0a6"
    }
    .qodef-ps-navigation .qodef-ps-next,
    .qodef-ps-navigation .qodef-ps-prev {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 49%;
        padding: 0;
        box-sizing: border-box
    }
    .qodef-ps-navigation .qodef-ps-next a,
    .qodef-ps-navigation .qodef-ps-prev a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-size: 46px;
        line-height: 55px
    }
    .qodef-ps-navigation .qodef-ps-next a .qodef-ps-nav-mark,
    .qodef-ps-navigation .qodef-ps-prev a .qodef-ps-nav-mark {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .qodef-ps-navigation .qodef-ps-next a .qodef-ps-nav-mark:before,
    .qodef-ps-navigation .qodef-ps-prev a .qodef-ps-nav-mark:before {
        display: block;
        line-height: inherit
    }
    .qodef-ps-related-posts-holder,
    .qodef-ps-related-posts-holder .qodef-ps-related-image,
    .qodef-ps-related-posts-holder .qodef-ps-related-post {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-ps-navigation .qodef-ps-prev a .qodef-ps-nav-mark {
        left: 0
    }
    .qodef-ps-navigation .qodef-ps-next {
        text-align: right
    }
    .qodef-ps-navigation .qodef-ps-next a .qodef-ps-nav-mark {
        right: 0
    }
    .qodef-ps-related-posts-holder {
        margin: 62px 0 0;
        clear: both
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-post {
        float: left;
        box-sizing: border-box
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-post:hover .qodef-ps-related-text-holder .qodef-ps-related-text-holder-inner {
        opacity: 1
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-image a,
    .qodef-ps-related-posts-holder .qodef-ps-related-image img {
        display: block
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder {
        display: inline-block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder .qodef-ps-related-text-holder-inner {
        display: table;
        height: 100%;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .3s ease-out;
        -moz-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
        background-color: rgba(40, 40, 40, .5)
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder .qodef-ps-related-text-link {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder .qodef-ps-related-text {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder .qodef-ps-related-text a {
        position: relative;
        z-index: 1;
        color: #fff
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder .qodef-ps-related-text a:hover {
        color: #b4b4b4
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder .qodef-ps-related-text .qodef-ps-related-title {
        margin: 0
    }
    .qodef-ps-related-posts-holder .qodef-ps-related-text-holder .qodef-ps-related-text .qodef-ps-related-categories {
        margin: 6px 0 0
    }
    .qodef-ps-related-posts-holder .qodef-owl-slider {
        margin: 0
    }
    .qodef-ps-related-posts-holder .qodef-owl-slider .owl-nav {
        position: absolute;
        top: -50px;
        right: 0;
        display: inline-block
    }
    .qodef-ps-related-posts-holder .qodef-owl-slider .owl-nav .owl-next,
    .qodef-ps-related-posts-holder .qodef-owl-slider .owl-nav .owl-prev {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        -webkit-transform: initial;
        -moz-transform: initial;
        transform: initial
    }
    .qodef-ps-related-posts-holder .qodef-owl-slider .owl-nav .owl-next>span,
    .qodef-ps-related-posts-holder .qodef-owl-slider .owl-nav .owl-prev>span {
        font-size: 25px
    }
    .qodef-portfolio-category-list-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .touch .qodef-portfolio-category-list-holder article {
        cursor: pointer
    }
    .qodef-portfolio-category-list-holder article:hover .qodef-pcli-text-holder {
        opacity: 1
    }
    .qodef-portfolio-category-list-holder article .qodef-pcl-item-inner {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        overflow: hidden
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-image {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-image img {
        display: block;
        width: 100%
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-text-holder {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 20px;
        background-color: rgba(40, 40, 40, .6);
        opacity: 0;
        text-align: center;
        box-sizing: border-box;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-text-wrapper {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-text {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-title {
        margin: 0;
        color: #fff
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-excerpt {
        margin: 3px 0 0;
        color: #fff
    }
    .qodef-portfolio-category-list-holder article .qodef-pcli-link {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .qodef-portfolio-list-holder,
    .qodef-portfolio-list-holder article .qodef-pl-item-inner,
    .qodef-portfolio-list-holder article .qodef-pli-image {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }
    .touch .qodef-portfolio-list-holder article {
        cursor: pointer
    }
    .qodef-portfolio-list-holder article .qodef-pli-image img {
        display: block;
        width: 100%
    }
    .qodef-portfolio-list-holder article .qodef-pli-link {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .qodef-portfolio-list-holder article .qodef-pli-text-wrapper {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .qodef-portfolio-list-holder article .qodef-pli-text {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle
    }
    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-title {
        margin: 0
    }
    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-category-holder {
        position: relative;
        display: block;
        margin: 3px 0 0
    }
    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-category-holder a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        padding: 0 6px 0 0;
        margin: 0 3px 0 0;
        z-index: 8;
        font-size: 12px
    }
    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-category-holder a:last-child:after,
    .qodef-portfolio-list-holder.qodef-pl-no-content .qodef-pli-text-holder {
        display: none
    }
    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-category-holder a:after {
        position: absolute;
        top: 0;
        right: -4px;
        content: '/';
        color: inherit;
        font-size: 12px;
        line-height: inherit
    }
    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-category-holder a:last-child {
        margin: 0;
        padding: 0
    }
    .qodef-portfolio-list-holder article .qodef-pli-text .qodef-pli-excerpt {
        margin: 3px 0 0
    }
    .qodef-portfolio-list-holder.qodef-pl-has-filter .qodef-pl-inner {
        overflow: hidden
    }
    .qodef-pl-filter-holder,
    .qodef-pl-filter-holder ul,
    .qodef-pl-filter-holder ul li,
    .qodef-pl-filter-holder ul li span,
    .qodef-pl-standard-pagination,
    .qodef-pl-standard-pagination ul,
    .qodef-pl-standard-pagination ul li,
    .qodef-pl-standard-pagination ul li a {
        position: relative;
        display: inline-block
    }
    .qodef-portfolio-list-holder.qodef-pl-masonry.qodef-fixed-masonry-items article .qodef-pl-item-inner,
    .qodef-portfolio-list-holder.qodef-pl-masonry.qodef-fixed-masonry-items article .qodef-pli-image {
        height: 100%
    }
    .qodef-portfolio-list-holder.qodef-pl-has-animation article {
        opacity: 0;
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        transform: translateY(80px);
        -webkit-transition: opacity .8s cubic-bezier(.34, .52, .57, 1.04), transform .8s cubic-bezier(.34, .52, .57, 1.04);
        -moz-transition: opacity .8s cubic-bezier(.34, .52, .57, 1.04), transform .8s cubic-bezier(.34, .52, .57, 1.04);
        transition: opacity .8s cubic-bezier(.34, .52, .57, 1.04), transform .8s cubic-bezier(.34, .52, .57, 1.04)
    }
    .qodef-portfolio-list-holder.qodef-pl-has-animation article.qodef-item-show {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    .qodef-portfolio-list-holder.qodef-pl-has-animation article.qodef-item-show.qodef-item-shown {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
    .touch .qodef-portfolio-list-holder.qodef-pl-has-animation article {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    .qodef-pl-filter-holder {
        width: 100%;
        vertical-align: middle;
        margin: 0 0 30px;
        text-align: center
    }
    .qodef-pl-filter-holder ul {
        vertical-align: middle;
        margin: 0;
        padding: 0;
        list-style: none
    }
    .qodef-pl-filter-holder ul li {
        vertical-align: middle;
        margin: 0 0 10px;
        padding: 0 22px;
        cursor: pointer
    }
    @media only screen and (max-width: 1440px) {
        .qodef-pl-filter-holder ul li {
            padding: 0 16px
        }
    }
    @media only screen and (max-width: 1024px) {
        .qodef-pl-filter-holder ul li {
            padding: 0 10px
        }
    }
    .qodef-pl-filter-holder ul li span {
        vertical-align: middle;
        color: #282828;
        font-size: 12px;
        line-height: 22px;
        white-space: nowrap;
        -webkit-transition: color .2s ease-out;
        -moz-transition: color .2s ease-out;
        transition: color .2s ease-out
    }
    .qodef-pl-filter-holder ul li.qodef-pl-current span,
    .qodef-pl-filter-holder ul li:hover span,
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-active a {
        color: #b4b4b4
    }
    .qodef-portfolio-list-holder.qodef-pl-pag-standard .qodef-pl-inner {
        opacity: 1;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-prev a,
    .qodef-portfolio-list-holder.qodef-pl-pag-standard.qodef-pl-pag-standard-animate .qodef-pl-inner {
        opacity: 0
    }
    .qodef-pl-standard-pagination {
        width: 100%;
        vertical-align: middle;
        margin: 40px 0 0;
        clear: both
    }
    .qodef-pl-standard-pagination ul {
        width: 100%;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center
    }
    .qodef-pl-standard-pagination ul li {
        vertical-align: top;
        margin: 0 12px;
        padding: 0
    }
    .qodef-pl-standard-pagination ul li a {
        vertical-align: middle;
        margin: 0;
        padding: 0
    }
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-next,
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-prev {
        position: absolute;
        top: 0
    }
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-next a,
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-prev a {
        font-size: 30px;
        -webkit-transition: color .2s ease-out, opacity .2s ease-out;
        -moz-transition: color .2s ease-out, opacity .2s ease-out;
        transition: color .2s ease-out, opacity .2s ease-out
    }
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-next a span,
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-next a span:before,
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-prev a span,
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-prev a span:before {
        display: block;
        line-height: inherit
    }
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-prev {
        left: 0
    }
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-next a,
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay article:hover .qodef-pli-text-holder {
        opacity: 1
    }
    .qodef-pl-standard-pagination ul li.qodef-pl-pag-next {
        right: 0
    }
    .qodef-pl-load-more-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-pl-load-more-holder .qodef-pl-load-more {
        margin: 60px 0 0;
        text-align: center
    }
    .qodef-pl-loading {
        position: relative;
        display: none;
        width: 100%;
        margin: 40px 0 20px;
        color: #282828;
        text-align: center
    }
    .qodef-pl-loading.qodef-filter-trigger {
        position: absolute;
        top: 250px;
        left: 0
    }
    .qodef-pl-loading.qodef-standard-pag-trigger {
        position: absolute;
        top: 50px;
        left: 0
    }
    .qodef-pl-has-filter .qodef-pl-loading.qodef-standard-pag-trigger {
        top: 150px
    }
    .qodef-pl-loading.qodef-showing {
        display: block
    }
    .qodef-pl-loading>div {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        margin: 0 3px;
        background-color: #282828;
        border-radius: 100%;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        -moz-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both
    }
    .qodef-pl-loading .qodef-pl-loading-bounce1 {
        -webkit-animation-delay: -.32s;
        -moz-animation-delay: -.32s;
        animation-delay: -.32s
    }
    .qodef-pl-loading .qodef-pl-loading-bounce2 {
        -webkit-animation-delay: -.16s;
        -moz-animation-delay: -.16s;
        animation-delay: -.16s
    }
    @-webkit-keyframes sk-bouncedelay {
        0%, 100%, 80% {
            -webkit-transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1)
        }
    }
    @-moz-keyframes sk-bouncedelay {
        0%, 100%, 80% {
            -moz-transform: scale(0)
        }
        40% {
            -moz-transform: scale(1)
        }
    }
    @keyframes sk-bouncedelay {
        0%, 100%, 80% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        40% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay article .qodef-pl-item-inner {
        overflow: hidden
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay article .qodef-pli-text .qodef-pli-excerpt,
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay article .qodef-pli-text .qodef-pli-title {
        color: #fff
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay article .qodef-pli-text .qodef-pli-category-holder a {
        font-weight: 400;
        color: #fff
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay article .qodef-pli-text .qodef-pli-category-holder a:hover {
        color: #b4b4b4
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-overlay .qodef-pli-text-holder {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 20px;
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        text-align: center;
        box-sizing: border-box;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-slide-from-image-bottom article:hover .qodef-pli-text-holder,
    .qodef-portfolio-list-holder.qodef-pl-gallery-slide-from-image-bottom article:hover .qodef-pli-text-wrapper {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-slide-from-image-bottom article .qodef-pl-item-inner {
        overflow: hidden
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-slide-from-image-bottom .qodef-pli-text-holder {
        position: absolute;
        display: block;
        width: 100%;
        height: auto;
        bottom: 0;
        left: 0;
        padding: 15px 20px 10px;
        background-color: #fff;
        overflow: hidden;
        box-sizing: border-box;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s ease-in-out;
        -moz-transition: -moz-transform .4s ease-in-out;
        transition: transform .4s ease-in-out
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-slide-from-image-bottom .qodef-pli-text .qodef-pli-category-holder a {
        font-weight: 400
    }
    .qodef-portfolio-list-holder.qodef-pl-gallery-slide-from-image-bottom .qodef-pli-text-wrapper {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        transform: translateY(-200%);
        -webkit-transition: -webkit-transform .4s ease-in-out;
        -moz-transition: -moz-transform .4s ease-in-out;
        transition: transform .4s ease-in-out
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-shader article:hover .qodef-pli-image:after {
        opacity: 1
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-shader article .qodef-pli-image:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        z-index: 1
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-shader article .qodef-pli-link {
        z-index: 2
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-shader .qodef-pli-text-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 35px 0 0
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-switch-images article .qodef-pli-image img {
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-switch-images article .qodef-pli-image img:nth-child(1) {
        opacity: 1
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-switch-images article .qodef-pli-image img:nth-child(2) {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-switch-images .qodef-pli-text-holder,
    .qodef-portfolio-project-info,
    .qodef-portfolio-project-info>div,
    .qodef-portfolio-project-info>div a {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-switch-images article.qodef-pl-has-switch-image:hover .qodef-pli-image img:nth-child(1),
    .qodef-portfolio-list-holder.qodef-pl-standard-switch-images article.qodef-pl-has-switch-image:hover .qodef-pli-image img:nth-child(2) {
        opacity: 1
    }
    .qodef-portfolio-list-holder.qodef-pl-standard-switch-images .qodef-pli-text-holder {
        width: 100%;
        margin: 35px 0 0
    }
    .qodef-portfolio-project-info .qodef-ppi-label {
        margin: 0;
        padding: 0
    }
    .qodef-portfolio-project-info>div a {
        margin: 0 5px 0 0
    }
    .qodef-portfolio-project-info>div a:last-child {
        margin: 0
    }
    .qodef-portfolio-project-info .qodef-ppi-image,
    .qodef-portfolio-project-info .qodef-ppi-title {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }
    .qodef-portfolio-project-info .qodef-ppi-image img {
        display: block
    }
    .qodef-portfolio-slider-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-light-skin .owl-nav .owl-next,
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-light-skin .owl-nav .owl-prev {
        color: #fff
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-light-skin .owl-nav .owl-next:hover,
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-light-skin .owl-nav .owl-prev:hover {
        color: #b4b4b4
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-dark-skin .owl-nav .owl-next,
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-dark-skin .owl-nav .owl-prev {
        color: #282828
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-dark-skin .owl-nav .owl-next:hover,
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-nav-dark-skin .owl-nav .owl-prev:hover {
        color: #b4b4b4
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-light-skin .owl-dots .owl-dot span {
        background-color: rgba(255, 255, 255, .2)
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-light-skin .owl-dots .owl-dot.active span,
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-light-skin .owl-dots .owl-dot:hover span {
        background-color: #b4b4b4
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-dark-skin .owl-dots .owl-dot span {
        background-color: rgba(40, 40, 40, .2)
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-dark-skin .owl-dots .owl-dot.active span,
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-dark-skin .owl-dots .owl-dot:hover span {
        background-color: #b4b4b4
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-on-slider .owl-nav .owl-next,
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-on-slider .owl-nav .owl-prev {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .qodef-portfolio-slider-holder .qodef-portfolio-list-holder.qodef-pag-on-slider .owl-dots {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        margin: 0
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed .qodef-testimonials {
        margin: 0 -50px
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed .qodef-testimonial-content {
        padding: 40px 57px 58px;
        background-color: #fbfbfb;
        box-sizing: border-box
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed .qodef-testimonials-author-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 9px 0 0
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed .qodef-testimonials-author-holder .qodef-testimonial-image {
        float: left
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed .qodef-testimonials-author-holder .qodef-testimonial-author {
        padding: 3px 0 0 110px
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed.qodef-testimonials-light .qodef-testimonial-author,
    .qodef-testimonials-holder.qodef-testimonials-boxed.qodef-testimonials-light .qodef-testimonial-text,
    .qodef-testimonials-holder.qodef-testimonials-boxed.qodef-testimonials-light .qodef-testimonial-title {
        color: #fff
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed.qodef-testimonials-light .owl-dots .owl-dot span {
        border: 2px solid rgba(255, 255, 255, .5)
    }
    .qodef-testimonials-holder.qodef-testimonials-boxed.qodef-testimonials-light .owl-dots .owl-dot.active span,
    .qodef-testimonials-holder.qodef-testimonials-boxed.qodef-testimonials-light .owl-dots .owl-dot:hover span {
        background-color: #fff;
        border-color: #fff
    }
    .qodef-testimonials-holder.qodef-testimonials-standard {
        text-align: center
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-image {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 25px 0 0
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-image img {
        display: block;
        margin: 0 auto
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-title {
        margin: 0
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonials-quotes span {
        font-size: 90px;
        line-height: 1em;
        display: inline-block;
        vertical-align: middle;
        top: 38px;
        position: relative;
        color: #282828
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-author {
        margin: 30px 0 0;    text-align: left;color: #fff;
    }
      .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-author h6{
        color: #fff;
      }
        .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-author h3{
            color: #fff;
        }
        .qodef-owl-slider .owl-nav .owl-next, .qodef-owl-slider .owl-nav .owl-prev{
            color: #000;
        }
        .lennao{
       position: absolute;
    z-index: 9999;
    top: 20px;
    right: -30px;
    max-width: 30%;
        }
        .cotphai_review{
            padding-left: 50px!important;
        }
        .qodef-owl-slider .owl-nav .owl-prev{
            left: 55%;top: 85%;
        }
          .qodef-owl-slider .owl-nav .owl-next{
            left: 60%;top: 85%;
        }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonials-author-name {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 16px;
        margin: 0
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonials-author-name:before {
        position: absolute;
        top: 50%;
        left: 1px;
        content: "";
        height: 2px;
        width: 14px;
        display: block;
        background-color: currentColor;
        -webkit-transform: 0, -50%;
        -moz-transform: 0, -50%;
        transform: 0, -50%
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonials-author-job {
        font-weight: 400;
        margin: 6px 0 0
    }
    .qodef-testimonials-holder.qodef-testimonials-standard .qodef-testimonial-text {
        margin: 19px auto 0;
        font-size: 17px;
        line-height: 28px;
        font-weight: 300;
  text-align: left;
        color: #fff
    }
    .qodef-testimonials-holder.qodef-testimonials-standard.qodef-testimonials-light .qodef-testimonial-author,
    .qodef-testimonials-holder.qodef-testimonials-standard.qodef-testimonials-light .qodef-testimonial-text,
    .qodef-testimonials-holder.qodef-testimonials-standard.qodef-testimonials-light .qodef-testimonial-title {
        color: #fff
    }
    .qodef-testimonials-holder.qodef-testimonials-standard.qodef-testimonials-light .owl-dots .owl-dot span {
        border: 2px solid rgba(255, 255, 255, .5)
    }
    .qodef-testimonials-holder.qodef-testimonials-standard.qodef-testimonials-light .owl-dots .owl-dot.active span,
    .qodef-testimonials-holder.qodef-testimonials-standard.qodef-testimonials-light .owl-dots .owl-dot:hover span {
        background-color: #fff;
        border-color: #fff
    }
    .qodef-testimonials-holder,
    .qodef-testimonials-holder .qodef-testimonial-content,
    .qodef-testimonials-holder .qodef-testimonial-text-holder,
    .qodef-testimonials-holder .qodef-testimonials {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-testimonials-holder .qodef-testimonials {
        padding: 0 50px;
        box-sizing: border-box
    }
    .qodef-testimonials-holder .qodef-testimonial-image img {
        width: auto!important;
        border-radius: 5em
    }
    .qodef-comment-rating-box {
        display: inline-block;
        margin-left: 18px;
        vertical-align: middle
    }
    .qodef-comment-rating-box .qodef-star-rating {
        position: relative;
        display: inline-block;
        font-family: ElegantIcons;
        color: #c8c8c8;
        font-size: 16px;
        letter-spacing: 5px;
        cursor: pointer;
        overflow: hidden;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    .qodef-comment-rating-box .qodef-star-rating.active {
        color: #ffd740
    }
    .qodef-comment-rating-box .qodef-star-rating:before {
        content: '\e033'
    }
    .qodef-reviews-per-criteria .qodef-item-reviews-average-rating {
        color: #b4b4b4;
        font-size: 60px;
        line-height: 1em;
        font-weight: 700
    }
    .qodef-reviews-per-criteria .qodef-item-reviews-verbal-description {
        vertical-align: middle;
        margin: 2px 0 0
    }
    .qodef-reviews-per-criteria .qodef-item-reviews-rating-icon {
        vertical-align: middle;
        font-size: 20px
    }
    .qodef-reviews-per-criteria .qodef-item-reviews-display-right {
        vertical-align: middle;
        padding-left: 200px;
        box-sizing: border-box
    }
    .qodef-reviews-per-criteria .qodef-item-reviews-display-right .qodef-item-reviews-display-bar {
        line-height: 28px
    }
    .qodef-reviews-per-criteria .qodef-item-reviews-display-right .qodef-item-reviews-display-bar .qodef-item-reviews-display-bar-inner {
        padding: 6px 0
    }
    .qodef-reviews-per-mark .qodef-reviews-number-wrapper {
        padding-top: 23%;
        padding-left: 15%;
        display: table;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        vertical-align: middle
    }
    .qodef-reviews-per-mark .qodef-reviews-number {
        font-size: 72px;
        color: #ffd740;
        font-weight: 700;
        line-height: 1em;
        margin-right: 22px;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: -6px
    }
    .qodef-reviews-per-mark .qodef-stars-wrapper {
        display: table-cell;
        vertical-align: middle
    }
    .qodef-reviews-per-mark .qodef-stars-wrapper .qodef-stars {
        display: block
    }
    .qodef-reviews-per-mark .qodef-stars-wrapper .qodef-stars i {
        color: #ffd740
    }
    .qodef-reviews-per-mark .qodef-reviews-count {
        font-weight: 700;
        font-size: 14px
    }
    .qodef-reviews-per-mark .qodef-rating-percentage-wrapper {
        padding: 29px 50px 40px;
        background-color: #fafafa;
        border-left: 1px solid #e5e5e5
    }
    .qodef-reviews-simple .qodef-reviews-number-wrapper .qodef-reviews-summary {
        display: inline-block;
        vertical-align: middle
    }
    .qodef-reviews-simple .qodef-reviews-number-wrapper .qodef-stars-wrapper {
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 15px
    }
    .qodef-reviews-simple .qodef-reviews-number-wrapper .qodef-stars-wrapper-inner {
        display: block
    }
    .qodef-comment-list .qodef-comment-name {
        float: none
    }
    .qodef-comment-list .qodef-rating-inner,
    .qodef-comment-list .qodef-review-rating {
        display: inline-block;
        width: 100%
    }
    .qodef-top-reviews-carousel-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #e1e1e1
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-carousel-inner {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 40px;
        box-sizing: border-box
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-carousel-title {
        margin: 0 0 22px
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-carousel {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        visibility: hidden
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-carousel-item {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-item-title {
        margin: 0 0 2px
    }
    .qodef-top-reviews-carousel-holder .qodef-tour-reviews-criteria-holder {
        display: block;
        width: 100%;
        float: none;
        margin: 0
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-item-content {
        margin: 20px 0 0
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-item-content p {
        margin: 0
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-item-author-info {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 32px 0 0;
        padding: 0 100px 0 0;
        box-sizing: border-box
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-item-author-avatar {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 21px 0 0
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-item-author-avatar img {
        display: block;
        border-radius: 50%
    }
    .qodef-top-reviews-carousel-holder .qodef-top-reviews-item-author-name {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }
    .qodef-top-reviews-carousel-holder .owl-nav {
        position: absolute;
        bottom: 10px;
        right: 30px;
        width: 60px
    }
    .qodef-top-reviews-carousel-holder .owl-nav .owl-prev {
        left: 0
    }
    .qodef-top-reviews-carousel-holder .owl-nav .owl-next {
        right: 0
    }
    .qodef-accordion-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-accordion-holder .qodef-accordion-title {
        position: relative;
        cursor: pointer;
        margin: 0;
        box-sizing: border-box;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: color .2s ease-out, background-color .2s ease-out;
        -moz-transition: color .2s ease-out, background-color .2s ease-out;
        transition: color .2s ease-out, background-color .2s ease-out
    }
    .qodef-accordion-holder .qodef-accordion-title .qodef-tab-title {
        display: block;
        line-height: inherit
    }
    .qodef-accordion-holder .qodef-accordion-title .qodef-accordion-mark {
        position: absolute;
        top: 50%;
        left: 0;
        width: 20px;
        height: 18px;
        margin: -1px 0 0;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .qodef-accordion-holder .qodef-accordion-title .qodef-accordion-mark span {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        font-size: inherit;
        line-height: inherit;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    .qodef-accordion-holder .qodef-accordion-title .qodef-accordion-mark span:before {
        display: block;
        line-height: inherit
    }
    .qodef-accordion-holder .qodef-accordion-title .qodef-accordion-mark span.qodef_icon_minus {
        opacity: 0
    }
    .qodef-accordion-holder .qodef-accordion-title .qodef-accordion-mark span.qodef_icon_plus,
    .qodef-accordion-holder .qodef-accordion-title.ui-state-active .qodef-accordion-mark span.qodef_icon_minus,
    .qodef-accordion-holder .qodef-accordion-title.ui-state-hover .qodef-accordion-mark span.qodef_icon_minus {
        opacity: 1
    }
    .qodef-accordion-holder .qodef-accordion-title.ui-state-active .qodef-accordion-mark span.qodef_icon_plus,
    .qodef-accordion-holder .qodef-accordion-title.ui-state-hover .qodef-accordion-mark span.qodef_icon_plus {
        opacity: 0
    }
    .qodef-accordion-holder .qodef-accordion-content,
    .qodef-accordion-holder .qodef-accordion-content p {
        margin: 0
    }
    .qodef-accordion-holder.qodef-ac-boxed.qodef-white-skin .qodef-accordion-title {
        background-color: #fff
    }
    .qodef-accordion-holder.qodef-ac-boxed .qodef-accordion-title {
        margin: 15px 0 0;
        padding: 13px 20px 13px 40px;
        background-color: #f7f7f9
    }
    .qodef-accordion-holder.qodef-ac-boxed .qodef-accordion-title:first-child {
        margin: 0
    }
    .qodef-accordion-holder.qodef-ac-boxed .qodef-accordion-title .qodef-accordion-mark {
        left: 10px
    }
    .qodef-accordion-holder.qodef-ac-boxed .qodef-accordion-title.ui-state-active,
    .qodef-accordion-holder.qodef-ac-boxed .qodef-accordion-title.ui-state-hover {
        color: #fff;
        background-color: #b4b4b4
    }
    .qodef-accordion-holder.qodef-ac-boxed .qodef-accordion-content {
        padding: 21px 0 6px
    }
    .qodef-accordion-holder.qodef-ac-simple {
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-accordion-holder.qodef-ac-simple .qodef-accordion-title {
        padding: 17px 0 17px 30px;
        border-top: 1px solid #e1e1e1
    }
    .qodef-accordion-holder.qodef-ac-simple .qodef-accordion-content {
        border-top: 1px solid transparent;
        padding: 21px 0 16px
    }
    .qodef-accordion-holder.qodef-ac-simple .qodef-accordion-content.ui-accordion-content-active {
        border-color: #e1e1e1
    }
    .qodef-banner-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .touch .qodef-banner-holder {
        cursor: pointer
    }
    .qodef-banner-holder.qodef-visible-on-hover:hover .qodef-banner-text-holder {
        opacity: 1
    }
    .qodef-banner-holder.qodef-visible-on-hover .qodef-banner-text-holder {
        opacity: 0;
        -webkit-transition: opacity .2s ease-out;
        -moz-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out
    }
    .qodef-banner-holder.qodef-disabled .qodef-banner-text-holder {
        display: none
    }
    .qodef-banner-holder.qodef-banner-info-centered .qodef-banner-text-holder {
        padding: 70px 20px;
        text-align: center
    }
    .qodef-banner-holder .qodef-banner-image {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden
    }
    .qodef-banner-holder .qodef-banner-image img {
        display: block;
        will-change: transform;
        filter: blur();
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: -moz-transform 1.2s cubic-bezier(.25, .46, .45, .94);
        transition: transform 1.2s cubic-bezier(.25, .46, .45, .94)
    }
    .qodef-banner-holder .qodef-banner-text-holder {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 27px 34px;
        background-color: transparent;
        box-sizing: border-box
    }
    @media only screen and (max-width: 768px) {
        .qodef-banner-holder .qodef-banner-text-holder {
            padding: 25px
        }
    }
    .qodef-banner-holder .qodef-banner-text-outer {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .qodef-banner-holder .qodef-banner-text-inner {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: bottom
    }
    .qodef-banner-holder .qodef-banner-subtitle {
        margin: 0 0 4px;
        color: #000
    }
    .qodef-banner-holder .qodef-banner-title {
        margin: 0 0 3px;
        color: #000
    }
    .qodef-banner-holder .qodef-banner-link {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .qodef-btn,
    .qodef-btn.qodef-btn-simple .qodef-btn-text {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }
    .qodef-banner-holder .qodef-banner-button-holder {
        position: relative;
        z-index: 1
    }
    .qodef-banner-holder:hover img {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        transform: scale(1.06)
    }
    .qodef-btn {
        width: auto;
        margin: 0;
        font-family: inherit;
        font-size: 13px;
        line-height: 2em;
        font-weight: 500;
        border-radius: 1px;
        outline: 0;
        box-sizing: border-box;
        -webkit-transition: background-color .35s, border-color .35s, color .1s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: background-color .35s, border-color .35s, color .1s cubic-bezier(.77, 0, .175, 1);
        transition: background-color .35s, border-color .35s, color .1s cubic-bezier(.77, 0, .175, 1);
        padding: 10px 26px;
        cursor: pointer
    }
    .qodef-btn.qodef-btn-simple {
        padding: 0!important;
        color: #282828;
        background-color: transparent;
        border: 0;
        vertical-align: middle;
        font-weight: 500
    }
    .qodef-btn.qodef-btn-simple .qodef-btn-text {
        padding-left: 13px;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1);
        transition: transform .3s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-btn.qodef-btn-simple .qodef-btn-text:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 1px;
        height: 1px;
        width: 10px;
        background-color: currentColor;
        -webkit-transition: width .1s;
        -moz-transition: width .1s;
        transition: width .1s
    }
    .qodef-btn.qodef-btn-simple .qodef-btn-text:after {
        content: "";
        position: absolute;
        bottom: 2px;
        right: 0;
        height: 1px;
        width: 100%;
        background-color: currentColor;
        -webkit-transition: width .3s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: width .3s cubic-bezier(.77, 0, .175, 1);
        transition: width .3s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-btn.qodef-btn-simple.qodef-btn-fullwidth .qodef-btn-text,
    .qodef-btn.qodef-btn-simple.qodef-btn-huge .qodef-btn-text,
    .qodef-btn.qodef-btn-simple.qodef-btn-large .qodef-btn-text {
        padding-left: 14px
    }
    .qodef-btn.qodef-btn-simple.qodef-btn-fullwidth .qodef-btn-text:before,
    .qodef-btn.qodef-btn-simple.qodef-btn-huge .qodef-btn-text:before,
    .qodef-btn.qodef-btn-simple.qodef-btn-large .qodef-btn-text:before {
        width: 12px
    }
    .qodef-btn.qodef-btn-simple.qodef-btn-fullwidth .qodef-btn-text:after,
    .qodef-btn.qodef-btn-simple.qodef-btn-huge .qodef-btn-text:after,
    .qodef-btn.qodef-btn-simple.qodef-btn-large .qodef-btn-text:after {
        height: 2px
    }
    .qodef-btn.qodef-btn-simple:not(.qodef-btn-custom-hover-color):hover {
        color: #282828!important
    }
    .qodef-btn.qodef-btn-simple:not(.qodef-btn-custom-hover-bg):hover {
        background-color: transparent!important
    }
    .qodef-btn.qodef-btn-simple:not(.qodef-btn-custom-border-hover):hover {
        border-color: transparent!important
    }
    .qodef-btn.qodef-btn-simple:hover .qodef-btn-text {
        -webkit-transform: translateX(-13px);
        -moz-transform: translateX(-13px);
        transform: translateX(-13px)
    }
    .qodef-btn.qodef-btn-simple:hover .qodef-btn-text:before {
        width: 0
    }
    .qodef-btn.qodef-btn-simple:hover .qodef-btn-text:after {
        width: calc(100% - 13px)
    }
    .qodef-call-to-action-holder,
    .qodef-call-to-action-holder.qodef-normal-layout:not(.qodef-content-in-grid) .qodef-cta-inner,
    .qodef-call-to-action-holder.qodef-simple-layout .qodef-cta-button-holder,
    .qodef-call-to-action-holder.qodef-simple-layout .qodef-cta-text-holder {
        width: 100%
    }
    .qodef-btn.qodef-btn-solid {
        color: #fff;
        background-color: #282828;
        border: 1px solid transparent
    }
    .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-color):hover {
        color: #282828!important
    }
    .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-hover-bg):hover {
        background-color: transparent!important
    }
    .qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):hover {
        border-color: #282828!important
    }
    .qodef-btn.qodef-btn-outline {
        color: #fff;
        background-color: transparent;
        background:url(../images/bg_xemthem.png)center;
        background-size: cover;
        border: 1px solid #282828
    }
    .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-color):hover {
        color: #fff!important;
background:#282828;

    }
    .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-bg):hover {
        background-color: #282828!important
    }
    .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-border-hover):hover {
        border-color: #282828!important
    }
    .qodef-btn.qodef-btn-small {
        padding: 8px 23px;
        font-size: 12px
    }
    .qodef-btn.qodef-btn-small.qodef-btn-icon {
        padding: 8px 18px 8px 23px;
        font-size: 12px
    }
    .qodef-btn.qodef-btn-small.qodef-btn-icon>i,
    .qodef-btn.qodef-btn-small.qodef-btn-icon>span:not(.qodef-btn-text) {
        font-size: 15px
    }
    .qodef-btn.qodef-btn-large {
        padding: 11px 27px;
        font-size: 15px
    }
    .qodef-btn.qodef-btn-large.qodef-btn-icon {
        padding: 11px 22px 11px 27px;
        font-size: 15px
    }
    .qodef-btn.qodef-btn-large.qodef-btn-icon>i,
    .qodef-btn.qodef-btn-large.qodef-btn-icon>span:not(.qodef-btn-text) {
        font-size: 18px
    }
    .qodef-btn.qodef-btn-huge {
        padding: 12px 30px;
        font-size: 17px
    }
    .qodef-btn.qodef-btn-huge.qodef-btn-icon {
        padding: 12px 22px 12px 30px;
        font-size: 17px
    }
    .qodef-btn.qodef-btn-huge.qodef-btn-icon>i,
    .qodef-btn.qodef-btn-huge.qodef-btn-icon>span:not(.qodef-btn-text) {
        font-size: 21px
    }
    .qodef-btn.qodef-btn-fullwidth,
    .qodef-btn.qodef-btn-fullwidth.qodef-btn-icon {
        display: block;
        text-align: center;
        padding: 12px 26px;
        font-size: 17px
    }
    .qodef-btn.qodef-btn-fullwidth.qodef-btn-icon>i,
    .qodef-btn.qodef-btn-fullwidth.qodef-btn-icon>span:not(.qodef-btn-text) {
        font-size: 21px
    }
    .qodef-btn.qodef-btn-icon {
        padding: 10px 21px 10px 26px
    }
    .qodef-btn.qodef-btn-icon>i,
    .qodef-btn.qodef-btn-icon>span:not(.qodef-btn-text) {
        position: relative;
        display: inline-block;
        font-size: 16px;
        vertical-align: top;
        margin: 0 0 0 4px;
        line-height: inherit
    }
    .qodef-btn.qodef-btn-icon>i:before,
    .qodef-btn.qodef-btn-icon>span:not(.qodef-btn-text):before {
        display: block;
        line-height: inherit
    }
    .qodef-call-to-action-holder,
    .qodef-call-to-action-holder .qodef-cta-button-holder,
    .qodef-call-to-action-holder .qodef-cta-text-holder {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }
    @-webkit-keyframes qodefFadeToRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-9px, 0, 0);
            -moz-transform: translate3d(-9px, 0, 0);
            transform: translate3d(-9px, 0, 0)
        }
        80% {
            opacity: 1
        }
        100% {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes qodefFadeToRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-9px, 0, 0);
            -moz-transform: translate3d(-9px, 0, 0);
            transform: translate3d(-9px, 0, 0)
        }
        80% {
            opacity: 1
        }
        100% {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .qodef-btn.qodef-btn-icon:hover i,
    .qodef-btn.qodef-btn-icon:hover>span:last-child {
        -webkit-animation: qodefFadeToRight .4s cubic-bezier(.77, 0, .175, 1) forwards;
        -moz-animation: qodefFadeToRight .4s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: qodefFadeToRight .4s cubic-bezier(.77, 0, .175, 1) forwards
    }
    .qodef-call-to-action-holder .qodef-cta-text-holder .qodef-cta-text {
        font-size: 27px;
        font-weight: 500;
        color: #282828
    }
    .qodef-call-to-action-holder .qodef-cta-text-holder h1,
    .qodef-call-to-action-holder .qodef-cta-text-holder h2,
    .qodef-call-to-action-holder .qodef-cta-text-holder h3,
    .qodef-call-to-action-holder .qodef-cta-text-holder h4,
    .qodef-call-to-action-holder .qodef-cta-text-holder h5,
    .qodef-call-to-action-holder .qodef-cta-text-holder h6 {
        margin: 0
    }
    .qodef-call-to-action-holder .qodef-cta-button-holder .qodef-btn {
        white-space: nowrap
    }
    .qodef-call-to-action-holder.qodef-normal-layout .qodef-cta-inner {
        display: table
    }
    .qodef-call-to-action-holder.qodef-normal-layout .qodef-cta-button-holder,
    .qodef-call-to-action-holder.qodef-normal-layout .qodef-cta-text-holder {
        display: table-cell;
        box-sizing: border-box
    }
    .qodef-call-to-action-holder.qodef-normal-layout .qodef-cta-button-holder {
        text-align: right
    }
    .qodef-call-to-action-holder.qodef-simple-layout .qodef-cta-inner {
        text-align: center
    }
    .qodef-call-to-action-holder.qodef-simple-layout .qodef-cta-button-holder {
        margin: 28px 0 0
    }
    .qodef-call-to-action-holder.qodef-two-halves-columns .qodef-cta-button-holder,
    .qodef-call-to-action-holder.qodef-two-halves-columns .qodef-cta-text-holder {
        width: 50%
    }
    .qodef-call-to-action-holder.qodef-two-thirds-columns .qodef-cta-text-holder {
        width: 66.66666666666667%
    }
    .qodef-call-to-action-holder.qodef-two-thirds-columns .qodef-cta-button-holder {
        width: 33.33333333333333%
    }
    .qodef-call-to-action-holder.qodef-three-quarters-columns .qodef-cta-text-holder {
        width: 75%
    }
    .qodef-call-to-action-holder.qodef-three-quarters-columns .qodef-cta-button-holder {
        width: 25%
    }
    .qodef-call-to-action-holder.qodef-four-fifths-columns .qodef-cta-text-holder {
        width: 80%
    }
    .qodef-call-to-action-holder.qodef-four-fifths-columns .qodef-cta-button-holder {
        width: 20%
    }
    .qodef-cards-gallery-holder {
        padding: 10px 0
    }
    .qodef-cards-gallery-holder .qodef-cards-gallery {
        width: 100%;
        position: relative
    }
    .qodef-cards-gallery-holder img {
        position: relative;
        display: block
    }
    .qodef-cards-gallery-holder .fake_card {
        position: relative;
        display: block;
        opacity: 0;
        pointer-events: none
    }
    .qodef-cards-gallery-holder .card {
        box-sizing: border-box;
        position: absolute;
        -webkit-transition: all .15s ease;
        -moz-transition: all .15s ease;
        transition: all .15s ease
    }
    .qodef-cards-gallery-holder .card.animating {
        -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
        -moz-transition: all 1s cubic-bezier(.19, 1, .22, 1);
        transition: all 1s cubic-bezier(.19, 1, .22, 1);
        pointer-events: none
    }
    .qodef-cards-gallery-holder .card.animating-siblings {
        -webkit-transition: all .6s cubic-bezier(0, 0, 0, 1);
        -moz-transition: all .6s cubic-bezier(0, 0, 0, 1);
        transition: all .6s cubic-bezier(0, 0, 0, 1);
        pointer-events: none
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card {
        will-change: transform;
        left: 0
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card.out {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card:nth-last-child(6) {
        -webkit-transform: scale(.4) translateX(90%);
        -moz-transform: scale(.4) translateX(90%);
        transform: scale(.4) translateX(90%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card:nth-last-child(5) {
        -webkit-transform: scale(.5) translateX(80%);
        -moz-transform: scale(.5) translateX(80%);
        transform: scale(.5) translateX(80%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card:nth-last-child(4) {
        -webkit-transform: scale(.6) translateX(70%);
        -moz-transform: scale(.6) translateX(70%);
        transform: scale(.6) translateX(70%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card:nth-last-child(3) {
        -webkit-transform: scale(.7) translateX(55%);
        -moz-transform: scale(.7) translateX(55%);
        transform: scale(.7) translateX(55%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card:nth-last-child(2) {
        -webkit-transform: scale(.8) translateX(30%);
        -moz-transform: scale(.8) translateX(30%);
        transform: scale(.8) translateX(30%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card:not(:last-of-type) {
        cursor: pointer
    }
    .qodef-cards-gallery-holder.qodef-shuffled-left .card:not(:last-of-type):not(.active):hover {
        margin-left: 10px!important
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card {
        will-change: transform;
        right: 0
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card.out {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card:nth-last-child(6) {
        -webkit-transform: scale(.4) translateX(-90%);
        -moz-transform: scale(.4) translateX(-90%);
        transform: scale(.4) translateX(-90%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card:nth-last-child(5) {
        -webkit-transform: scale(.5) translateX(-80%);
        -moz-transform: scale(.5) translateX(-80%);
        transform: scale(.5) translateX(-80%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card:nth-last-child(4) {
        -webkit-transform: scale(.6) translateX(-70%);
        -moz-transform: scale(.6) translateX(-70%);
        transform: scale(.6) translateX(-70%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card:nth-last-child(3) {
        -webkit-transform: scale(.7) translateX(-55%);
        -moz-transform: scale(.7) translateX(-55%);
        transform: scale(.7) translateX(-55%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card:nth-last-child(2) {
        -webkit-transform: scale(.8) translateX(-30%);
        -moz-transform: scale(.8) translateX(-30%);
        transform: scale(.8) translateX(-30%)
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card:not(:last-of-type) {
        cursor: pointer
    }
    .qodef-cards-gallery-holder.qodef-shuffled-right .card:not(:last-of-type):not(.active):hover {
        margin-right: 10px!important
    }
    @-webkit-keyframes qodefCardAppearFromRight {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            -moz-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            opacity: 0;
            visibility: visible
        }
        30% {
            opacity: 1;
            visibility: visible
        }
        100% {
            visibility: visible;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes qodefCardAppearFromRight {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            -moz-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            opacity: 0;
            visibility: visible
        }
        30% {
            opacity: 1;
            visibility: visible
        }
        100% {
            visibility: visible;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared img {
        -webkit-animation: qodefCardAppearFromRight 1s cubic-bezier(.19, 1, .22, 1) forwards;
        -moz-animation: qodefCardAppearFromRight 1s cubic-bezier(.19, 1, .22, 1) forwards;
        animation: qodefCardAppearFromRight 1s cubic-bezier(.19, 1, .22, 1) forwards
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(1) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(2) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(3) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(4) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(5) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(6) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(7) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-right.qodef-appeared .card:nth-child(8) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s
    }
    @-webkit-keyframes qodefCardAppearFromLeft {
        0% {
            visibility: visible;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            opacity: 0
        }
        30% {
            visibility: visible;
            opacity: 1
        }
        100% {
            visibility: visible;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    @keyframes qodefCardAppearFromLeft {
        0% {
            visibility: visible;
            -webkit-transform: translate3d(-100%, 0, 0);
            -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            opacity: 0
        }
        30% {
            visibility: visible;
            opacity: 1
        }
        100% {
            visibility: visible;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared img {
        -webkit-animation: qodefCardAppearFromLeft 1s cubic-bezier(.19, 1, .22, 1) forwards;
        -moz-animation: qodefCardAppearFromLeft 1s cubic-bezier(.19, 1, .22, 1) forwards;
        animation: qodefCardAppearFromLeft 1s cubic-bezier(.19, 1, .22, 1) forwards
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(1) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(2) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(3) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(4) img:not(.qodef-animation-done) {
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(5) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(6) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(7) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s
    }
    .no-touch .qodef-cards-gallery-holder.qodef-bundle-animation.qodef-shuffled-left.qodef-appeared .card:nth-child(8) img:not(.qodef-animation-done) {
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s
    }
    .qodef-clients-carousel-holder,
    .qodef-clients-carousel-holder .qodef-cc-inner,
    .qodef-clients-carousel-holder .qodef-cc-item {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .touch .qodef-clients-carousel-holder .qodef-cc-item {
        cursor: pointer
    }
    .qodef-clients-carousel-holder .qodef-cc-item img {
        display: block;
        max-width: 90%;margin:0 auto;
    }
    .qodef-clients-carousel-holder .qodef-cc-link {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .qodef-cc-hover-switch-images .qodef-cc-item {
        min-height: 200px;
        display: flex;
        /*border: 1px solid #f1f1f1;*/
        align-items: center;
        opacity: 0.4;
        justify-content: center
    }
    .qodef-cc-hover-switch-images .qodef-cc-item:hover{
        opacity: 1
    }
  /*  .qodef-cc-hover-switch-images .qodef-cc-item.qodef-cci-has-link a:hover .qodef-cc-image {
        opacity: 0
    }
    .qodef-cc-hover-switch-images .qodef-cc-item.qodef-cci-has-link a:hover .qodef-cc-hover-image {
        opacity: 1
    }
    .qodef-cc-hover-switch-images .qodef-cc-item.qodef-cci-no-link:hover .qodef-cc-image {
        opacity: 0
    }
    .qodef-cc-hover-switch-images .qodef-cc-item.qodef-cci-no-link:hover .qodef-cc-hover-image {
        opacity: 1
    }*/
    .qodef-cc-hover-switch-images .qodef-cc-item.qodef-cci-no-link .qodef-cc-hover-image {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .qodef-cc-hover-switch-images .qodef-cc-item .qodef-cc-image {
        width: auto;
        opacity: 1;    max-height: 79px;
        will-change: opacity;
        -webkit-transition: opacity .15s ease-out;
        -moz-transition: opacity .15s ease-out;
        transition: opacity .15s ease-out
    }
   /* .qodef-cc-hover-switch-images .qodef-cc-item .qodef-cc-hover-image {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        opacity: 0;
        will-change: opacity;
        -webkit-transition: opacity .15s ease-out;
        -moz-transition: opacity .15s ease-out;
        transition: opacity .15s ease-out
    }*/
    .qodef-cc-hover-roll-over .qodef-cc-item {
        overflow: hidden
    }
    .qodef-cc-hover-roll-over .qodef-cc-item.qodef-cci-has-link a:hover .qodef-cc-image {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    .qodef-cc-hover-roll-over .qodef-cc-item.qodef-cci-has-link a:hover .qodef-cc-hover-image {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .qodef-cc-hover-roll-over .qodef-cc-item.qodef-cci-no-link:hover .qodef-cc-image {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    .qodef-cc-hover-roll-over .qodef-cc-item.qodef-cci-no-link:hover .qodef-cc-hover-image {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .qodef-cc-hover-roll-over .qodef-cc-item .qodef-cc-image {
        position: relative;
        display: block;
        width: auto;
        margin: 0 auto;
        -webkit-transition: -webkit-transform .4s ease;
        -moz-transition: -moz-transform .4s ease;
        transition: transform .4s ease
    }
    .qodef-cc-hover-roll-over .qodef-cc-item .qodef-cc-hover-image {
        position: absolute;
        top: 0;
        left: 50%;
        width: auto;
        -webkit-transform: translate(-50%, -100%);
        -moz-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        -webkit-transition: -webkit-transform .4s ease;
        -moz-transition: -moz-transform .4s ease;
        transition: transform .4s ease
    }
    .qodef-clients-grid-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        text-align: center
    }
    .qodef-clients-grid-holder.qodef-cg-alignment-left {
        text-align: left
    }
    .qodef-clients-grid-holder.qodef-cg-alignment-right {
        text-align: right
    }
    .qodef-crossfade-images .qodef-cfi-title-holder,
    .qodef-dropcaps,
    .qodef-elements-holder .qodef-eh-item.qodef-horizontal-alignment-center {
        text-align: center
    }
    .qodef-clients-grid-holder .qodef-cc-link {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .qodef-countdown,
    .qodef-countdown .countdown-row,
    .qodef-countdown .countdown-row .countdown-section {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    .qodef-countdown {
        width: 100%
    }
    .qodef-countdown.qodef-light-skin .countdown-row .countdown-section .countdown-amount,
    .qodef-countdown.qodef-light-skin .countdown-row .countdown-section .countdown-period {
        color: #fff
    }
    .qodef-countdown .countdown-row {
        width: 100%;
        text-align: center;
        clear: both
    }
    .qodef-countdown .countdown-row.countdown-show1 .countdown-section {
        width: 100%
    }
    .qodef-countdown .countdown-row.countdown-show2 .countdown-section {
        width: 50%
    }
    .qodef-countdown .countdown-row.countdown-show3 .countdown-section {
        width: 33.33333%
    }
    .qodef-countdown .countdown-row.countdown-show4 .countdown-section {
        width: 25%
    }
    .qodef-countdown .countdown-row.countdown-show5 .countdown-section {
        width: 20%
    }
    .qodef-countdown .countdown-row.countdown-show6 .countdown-section {
        width: 16.66667%
    }
    .qodef-countdown .countdown-row .countdown-section {
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box
    }
    .qodef-countdown .countdown-row .countdown-section .countdown-amount {
        position: relative;
        display: block;
        color: #282828;
        font-size: 55px;
        line-height: 1em;
        font-weight: 500
    }
    .qodef-countdown .countdown-row .countdown-section .countdown-period {
        margin-top: 8px;
        display: block;
        font-size: 17px;
        font-weight: 400
    }
    .qodef-counter-holder,
    .qodef-counter-holder .qodef-counter-inner {
        display: inline-block;
        position: relative;
        vertical-align: middle
    }
    .qodef-counter-holder {
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .2s ease-in;
        -moz-transition: opacity .2s ease-in;
        transition: opacity .2s ease-in
    }
    .qodef-counter-holder .qodef-counter {
        height: 1em;
        display: inline-block!important;
        vertical-align: middle;
        color: #282828;
        font-size: 55px;
        line-height: 1em;
        font-weight: 500;
        overflow: hidden
    }
    .qodef-counter-holder .qodef-counter-title {
        margin: 8px 0 0
    }
    .qodef-counter-holder .qodef-counter-text {
        margin: 14px 0 0
    }
    .qodef-crossfade-images {
        display: inline-block;
        position: relative;
        max-width: 100%
    }
    .qodef-google-map-holder .qodef-google-map img,
    .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon img,
    .qodef-iwt.qodef-iwt-icon-left-from-title .qodef-iwt-icon img {
        max-width: none
    }
    .qodef-crossfade-images .qodef-cfi-link {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100
    }
    .qodef-crossfade-images .qodef-cfi-img-holder {
        box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .13);
        border: 1px solid #d2e0ed;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }
    .qodef-crossfade-images .qodef-cfi-img-holder:hover {
        box-shadow: 1px 2px 36px 3px rgba(0, 0, 0, .15)
    }
    .qodef-image-gallery.qodef-has-shadow .qodef-ig-image-inner,
    .qodef-image-gallery.qodef-has-shadow.qodef-ig-carousel-type .qodef-ig-image,
    .qodef-image-gallery.qodef-has-shadow.qodef-ig-slider-type .qodef-ig-image {
        box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .13)
    }
    .qodef-crossfade-images .qodef-cfi-img-holder .qodef-cfi-img-holder-inner {
        position: relative;
        overflow: hidden
    }
    .qodef-crossfade-images .qodef-cfi-img-holder img {
        vertical-align: middle;
        -webkit-transition: opacity .35s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: opacity .35s cubic-bezier(.77, 0, .175, 1);
        transition: opacity .35s cubic-bezier(.77, 0, .175, 1)
    }
    .qodef-crossfade-images .qodef-cfi-img-holder .qodef-cfi-image-hover {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 0;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }
    .qodef-crossfade-images .qodef-cfi-title-holder .qodef-cfi-title {
        margin: 28px 0
    }
    .qodef-crossfade-images:hover .qodef-cfi-img-holder img {
        opacity: 0
    }
    .qodef-crossfade-images:hover .qodef-cfi-img-holder .qodef-cfi-image-hover {
        opacity: 1;
        -webkit-transition: opacity .3s ease .2s;
        -moz-transition: opacity .3s ease .2s;
        transition: opacity .3s ease .2s
    }
    .qodef-custom-font-holder .qodef-cf-typed-wrap {
        width: 0;
        white-space: nowrap
    }
    .qodef-custom-font-holder .qodef-cf-typed {
        display: inline-block
    }
    .qodef-custom-font-holder .qodef-cf-typed span {
        display: none
    }
    .qodef-custom-font-holder .qodef-cf-typed~.typed-cursor {
        display: inline-block;
        opacity: 1;
        -webkit-animation: blink .7s infinite;
        animation: blink .7s infinite
    }
    @-webkit-keyframes blink {
        0%, 100% {
            opacity: 1;
            filter: alpha(opacity=100)
        }
        50% {
            opacity: 0;
            filter: alpha(opacity=0)
        }
    }
    @keyframes blink {
        0%, 100% {
            opacity: 1;
            filter: alpha(opacity=100)
        }
        50% {
            opacity: 0;
            filter: alpha(opacity=0)
        }
    }
    .qodef-dropcaps {
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
        line-height: 42px;
        font-size: 42px;
        color: #999;
        font-weight: 300;
        margin: 0 7px 0 0
    }
    .qodef-dropcaps.qodef-circle,
    .qodef-dropcaps.qodef-square {
        height: 35px;
        width: 35px;
        font-size: 22px;
        line-height: 35px;
        font-weight: 600;
        color: #fff;
        background-color: #282828;
        margin: 6px 9px 0 0;
        box-sizing: border-box
    }
    .qodef-dropcaps.qodef-circle {
        border-radius: 3em
    }
    .qodef-elements-holder {
        width: 100%;
        display: table;
        table-layout: fixed
    }
    .qodef-elements-holder.qodef-eh-full-height {
        height: 100%
    }
    .qodef-elements-holder.qodef-ehi-float .qodef-eh-item {
        float: left
    }
    .qodef-elements-holder.qodef-two-columns .qodef-eh-item {
        width: 50%
    }
    .qodef-elements-holder.qodef-three-columns .qodef-eh-item {
        width: 33.33333%
    }
    .qodef-elements-holder.qodef-four-columns .qodef-eh-item {
        width: 25%
    }
    .qodef-elements-holder.qodef-five-columns .qodef-eh-item {
        width: 20%
    }
    .qodef-elements-holder.qodef-six-columns .qodef-eh-item {
        width: 16.66667%
    }
    .qodef-elements-holder .qodef-eh-item {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        background-position: center;
        background-size: cover
    }
    .qodef-elements-holder .qodef-eh-item.qodef-vertical-alignment-top {
        vertical-align: top
    }
    .qodef-elements-holder .qodef-eh-item.qodef-vertical-alignment-bottom {
        vertical-align: bottom
    }
    .qodef-elements-holder .qodef-eh-item.qodef-horizontal-alignment-right {
        text-align: right
    }
    .qodef-elements-holder .qodef-eh-item .qodef-elements-holder-item-inner {
        width: 100%
    }
    .qodef-elements-holder .qodef-ehi-content {
        padding: 0 20px
    }
    .qodef-google-map-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-google-map-holder .qodef-google-map {
        display: block;
        width: 100%;
        height: 300px
    }
    .qodef-google-map-holder .qodef-google-map embed,
    .qodef-google-map-holder .qodef-google-map iframe,
    .qodef-google-map-holder .qodef-google-map object {
        width: 100%;
        display: block
    }
    .qodef-google-map-holder .qodef-snazzy-map {
        display: none
    }
    .qodef-google-map-holder .qodef-google-map-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 1000
    }
    .qodef-icon-list-holder {
        position: relative;
        display: table;
        table-layout: fixed;
        height: auto;
        width: 100%;
        margin-bottom: 8px
    }
    .qodef-icon-list-holder .qodef-il-icon-holder,
    .qodef-icon-list-holder .qodef-il-text {
        position: relative;
        display: table-cell;
        vertical-align: top
    }
    .qodef-icon-list-holder .qodef-il-icon-holder {
        width: 1%
    }
    .qodef-icon-list-holder .qodef-il-icon-holder>* {
        position: relative;
        display: inline-block;
        vertical-align: top;
        color: #282828;
        font-size: 17px;
        line-height: inherit
    }
    .qodef-iwt,
    .qodef-iwt .qodef-iwt-icon a {
        vertical-align: middle
    }
    .qodef-icon-list-holder .qodef-il-icon-holder>:before {
        display: block;
        line-height: inherit
    }
    .qodef-iwt,
    .qodef-iwt .qodef-iwt-icon a,
    .qodef-iwt .qodef-iwt-title a {
        display: inline-block;
        position: relative
    }
    .qodef-icon-list-holder .qodef-il-text {
        width: 99%;
        padding: 0 0 0 13px;
        box-sizing: border-box
    }
    .qodef-iwt {
        width: 100%
    }
    .qodef-iwt .qodef-iwt-icon .qodef-icon-shortcode {
        line-height: 1
    }
    .qodef-iwt .qodef-iwt-icon .qodef-icon-shortcode.qodef-circle,
    .qodef-iwt .qodef-iwt-icon .qodef-icon-shortcode.qodef-dropcaps.qodef-circle,
    .qodef-iwt .qodef-iwt-icon .qodef-icon-shortcode.qodef-square {
        line-height: 2
    }
    .qodef-iwt .qodef-iwt-title {
        margin: 0;text-align: center;
        line-height: 1.2em
    }
/*    .qodef-iwt .qodef-iwt-title img{
        max-width: 50px!important;
    }*/

     .qodef-iwt .qodef-iwt-title a img{
-webkit-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;   max-width: 30px;margin-bottom: 5px;
    transition: all .7s;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.qodef-iwt .qodef-iwt-title a img:hover{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}


.bondieugido .qodef-iwt .qodef-iwt-title a img{
    max-width: 30px!important;
}





    .qodef-iwt .qodef-iwt-title a {
        vertical-align: top
    }
    .qodef-iwt .qodef-iwt-title-text {
        display: block
    }
    .qodef-iwt .qodef-iwt-text {
        margin: 20px 0 0;text-align: center;color: #fff;
    }
    .qodef-iwt.qodef-iwt-icon-left {
        width: auto
    }
    .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-content,
    .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon {
        display: table-cell;
        vertical-align: top
    }
    .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-icon {
        position: relative;
        top: 1px
    }
    .qodef-iwt.qodef-iwt-icon-left .qodef-iwt-content {
        padding: 0 0 0 13px
    }
    .qodef-iwt.qodef-iwt-icon-left-from-title .qodef-iwt-icon,
    .qodef-iwt.qodef-iwt-icon-left-from-title .qodef-iwt-title-text {
        position: relative;
        display: table-cell;
        vertical-align: middle
    }
    .qodef-iwt.qodef-iwt-icon-left-from-title .qodef-iwt-icon .qodef-icon-element {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
    .qodef-iwt.qodef-iwt-icon-left-from-title .qodef-iwt-title-text {
        padding: 0 0 0 17px;color: #fff;
    }
    .qodef-iwt.qodef-iwt-icon-top {
        text-align: center
    }
    .qodef-iwt.qodef-iwt-icon-top .qodef-iwt-content {
        padding: 23px 0 0
    }
    .qodef-icon-shortcode {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        line-height: 1.1em
    }
    .qodef-icon-shortcode.qodef-circle,
    .qodef-icon-shortcode.qodef-dropcaps.qodef-circle,
    .qodef-icon-shortcode.qodef-square {
        width: 2em;
        height: 2em;
        line-height: 2em;
        text-align: center;
        background-color: #b4b4b4;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
        -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out
    }
    .qodef-icon-shortcode.qodef-circle a,
    .qodef-icon-shortcode.qodef-dropcaps.qodef-circle a,
    .qodef-icon-shortcode.qodef-square a {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        height: 100%
    }
    .qodef-icon-shortcode.qodef-circle .qodef-icon-element,
    .qodef-icon-shortcode.qodef-dropcaps.qodef-circle .qodef-icon-element,
    .qodef-icon-shortcode.qodef-square .qodef-icon-element {
        color: #fff;
        line-height: inherit
    }
    .qodef-icon-shortcode.qodef-circle {
        border-radius: 50%
    }
    .qodef-icon-shortcode .qodef-icon-element {
        display: block;
        line-height: inherit;
        -webkit-transition: color .15s ease-in-out;
        -moz-transition: color .15s ease-in-out;
        transition: color .15s ease-in-out
    }
    .qodef-icon-shortcode .qodef-icon-element:before {
        display: block;
        line-height: inherit
    }
    .qodef-icon-animation-holder {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        -webkit-transition: transform .15s ease-in-out;
        -moz-transition: transform .15s ease-in-out;
        transition: transform .15s ease-in-out
    }
    .qodef-icon-animation-holder.qodef-icon-animation-show {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    .qodef-icon-tiny {
        font-size: 1.33333333em;
        line-height: .75em;
        vertical-align: -15%
    }
    .qodef-icon-small {
        font-size: 2em
    }
    .qodef-icon-medium {
        font-size: 3em
    }
    .qodef-icon-large {
        font-size: 4em
    }
    .qodef-icon-huge {
        font-size: 5em
    }
    .qodef-image-gallery {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-image-gallery.qodef-has-shadow.qodef-ig-carousel-type .owl-stage-outer,
    .qodef-image-gallery.qodef-has-shadow.qodef-ig-slider-type .owl-stage-outer {
        padding: 0 0 20px
    }
    .qodef-image-gallery.qodef-has-shadow.qodef-ig-carousel-type .owl-stage,
    .qodef-image-gallery.qodef-has-shadow.qodef-ig-slider-type .owl-stage {
        padding-top: 30px
    }
    .qodef-image-gallery .qodef-ig-image a,
    .qodef-image-gallery .qodef-ig-image img {
        position: relative;
        display: block
    }
    .qodef-image-gallery .qodef-ig-image-inner,
    .qodef-image-gallery .qodef-ig-slider {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-image-gallery.qodef-ig-masonry-type .qodef-ig-image.qodef-fixed-masonry-item .qodef-ig-image-inner,
    .qodef-image-gallery.qodef-ig-masonry-type .qodef-ig-image.qodef-fixed-masonry-item a {
        height: 100%
    }
    .qodef-image-gallery.qodef-image-behavior-custom-link:not(.qodef-has-shadow) .qodef-ig-image a:hover:after {
        opacity: 1
    }
    .qodef-image-gallery.qodef-image-behavior-custom-link:not(.qodef-has-shadow) .qodef-ig-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-image-gallery.qodef-image-behavior-custom-link.qodef-has-shadow .qodef-ig-image {
        -webkit-transition: -webkit-transform .4s, box-shadow .4s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: -moz-transform .4s, box-shadow .4s cubic-bezier(.25, .46, .45, .94);
        transition: transform .4s, box-shadow .4s cubic-bezier(.25, .46, .45, .94)
    }
    .qodef-image-gallery.qodef-image-behavior-custom-link.qodef-has-shadow .qodef-ig-image:hover {
        box-shadow: 1px 2px 36px 3px rgba(0, 0, 0, .15);
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(-7px);
        transform: translateY(-7px)
    }
    .qodef-image-gallery.qodef-image-behavior-lightbox .qodef-ig-image a:hover:after {
        opacity: 1
    }
    .qodef-image-gallery.qodef-image-behavior-lightbox .qodef-ig-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-image-with-text-holder,
    .qodef-image-with-text-holder .qodef-iwt-image {
        display: inline-block;
        position: relative;
        width: 100%;
        vertical-align: middle
    }
    .touch .qodef-image-gallery.qodef-image-behavior-zoom .qodef-ig-image {
        cursor: pointer
    }
    .qodef-image-gallery.qodef-image-behavior-zoom .qodef-ig-image:hover img {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }
    .qodef-image-gallery.qodef-image-behavior-zoom .qodef-ig-image .qodef-ig-image-inner {
        overflow: hidden
    }
    .qodef-image-gallery.qodef-image-behavior-zoom .qodef-ig-image img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        transition: transform .3s ease-in-out
    }
    .qodef-image-gallery.qodef-image-behavior-grayscale .qodef-ig-image {
        overflow: hidden
    }
    .touch .qodef-image-gallery.qodef-image-behavior-grayscale .qodef-ig-image {
        cursor: pointer
    }
    .qodef-image-gallery.qodef-image-behavior-grayscale .qodef-ig-image:hover img {
        -webkit-filter: grayscale(0);
        filter: none
    }
    .qodef-image-gallery.qodef-image-behavior-grayscale .qodef-ig-image img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: gray;
        filter: grayscale(100%);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .qodef-image-with-text-holder.qodef-has-shadow .qodef-iwt-image {
        box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .13)
    }
    .qodef-image-with-text-holder .qodef-iwt-image a,
    .qodef-image-with-text-holder .qodef-iwt-image img {
        position: relative;
        display: block
    }
    .qodef-image-with-text-holder .qodef-iwt-text-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-image-with-text-holder .qodef-iwt-title {
        margin: 32px 0 0
    }
    .qodef-image-with-text-holder .qodef-iwt-text {
        margin: 14px 0 0
    }
    .qodef-image-with-text-holder.qodef-image-behavior-custom-link:not(.qodef-has-shadow) .qodef-iwt-image a:hover:after {
        opacity: 1
    }
    .qodef-image-with-text-holder.qodef-image-behavior-custom-link:not(.qodef-has-shadow) .qodef-iwt-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-image-with-text-holder.qodef-image-behavior-custom-link.qodef-has-shadow .qodef-iwt-image {
        -webkit-transition: -webkit-transform .4s, box-shadow .4s cubic-bezier(.25, .46, .45, .94);
        -moz-transition: -moz-transform .4s, box-shadow .4s cubic-bezier(.25, .46, .45, .94);
        transition: transform .4s, box-shadow .4s cubic-bezier(.25, .46, .45, .94)
    }
    .qodef-image-with-text-holder.qodef-image-behavior-custom-link.qodef-has-shadow .qodef-iwt-image:hover {
        box-shadow: 1px 2px 36px 3px rgba(0, 0, 0, .15);
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(-7px);
        transform: translateY(-7px)
    }
    .qodef-image-with-text-holder.qodef-image-behavior-lightbox .qodef-iwt-image a:hover:after {
        opacity: 1
    }
    .qodef-image-with-text-holder.qodef-image-behavior-lightbox .qodef-iwt-image a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-image-with-text-holder.qodef-image-behavior-zoom .qodef-iwt-image {
        overflow: hidden
    }
    .touch .qodef-image-with-text-holder.qodef-image-behavior-zoom .qodef-iwt-image {
        cursor: pointer
    }
    .qodef-image-with-text-holder.qodef-image-behavior-zoom .qodef-iwt-image:hover img {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }
    .qodef-image-with-text-holder.qodef-image-behavior-zoom .qodef-iwt-image img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        transition: transform .3s ease-in-out
    }
    .qodef-image-with-text-holder.qodef-image-behavior-grayscale .qodef-iwt-image {
        overflow: hidden
    }
    .touch .qodef-image-with-text-holder.qodef-image-behavior-grayscale .qodef-iwt-image {
        cursor: pointer
    }
    .qodef-image-with-text-holder.qodef-image-behavior-grayscale .qodef-iwt-image:hover img {
        -webkit-filter: grayscale(0);
        filter: none
    }
    .qodef-image-with-text-holder.qodef-image-behavior-grayscale .qodef-iwt-image img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: gray;
        filter: grayscale(100%);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .qodef-interactive-fullscreen-columns {
        height: 100vh
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-inner {
        display: flex;
        height: 100%
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-inner>div {
        position: relative;
        flex: 1
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-inner>div:not(:last-child):after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #dfdfdf
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-text-holder {
        position: absolute;
        top: 72%;
        left: 0;
        width: 100%;
        padding-left: 60px;
        box-sizing: border-box;
        z-index: 100
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-title {
        font-size: 2.5vmax;
        line-height: 1.25em;
        margin: 0;
        -webkit-transition: color .15s;
        -moz-transition: color .15s;
        transition: color .15s
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-subtitle {
        font-weight: 300;
        margin: 0 0 15px;
        -webkit-transition: color .15s;
        -moz-transition: color .15s;
        transition: color .15s
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-btn-holder {
        opacity: 0;
        -webkit-transition: opacity .2s .1s;
        -moz-transition: opacity .2s .1s;
        transition: opacity .2s .1s
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-bgrnd-color {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity .2s .1s;
        -moz-transition: opacity .2s .1s;
        transition: opacity .2s .1s
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-image-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 50;
        pointer-events: none;
        opacity: 0;
        -webkit-transform: translate3d(25px, 0, 0);
        -moz-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.25, .46, .45, .94), opacity .2s .1s;
        -moz-transition: -moz-transform .5s cubic-bezier(.25, .46, .45, .94), opacity .2s .1s;
        transition: transform .5s cubic-bezier(.25, .46, .45, .94), opacity .2s .1s
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-image {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-position: center;
        background-size: cover
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-text-holder .qodef-btn-text {
        -webkit-transform: translateX(-13px);
        -moz-transform: translateX(-13px);
        transform: translateX(-13px)
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-text-holder .qodef-btn-text:before {
        width: 0
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-text-holder .qodef-btn-text:after {
        width: calc(100% - 13px)
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item-link {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 70
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-item-subtitle,
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-item-title {
        color: #fff
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-item-image-wrapper {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .3s .2s;
        -moz-transition: -moz-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .3s .2s;
        transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .3s .2s
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-item-bgrnd-color {
        opacity: 1;
        -webkit-transition: opacity .25s;
        -moz-transition: opacity .25s;
        transition: opacity .25s
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-btn-holder {
        opacity: 1
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-item-text-holder:not(:hover) .qodef-btn-text {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-item-text-holder:not(:hover) .qodef-btn-text:before {
        width: 10px
    }
    .qodef-interactive-fullscreen-columns .qodef-ifc-item.qodef-hovered .qodef-ifc-item-text-holder:not(:hover) .qodef-btn-text:after {
        width: 100%
    }
    .qodef-pi-holder {
        margin: 0 auto;
        position: relative;
        display: table;
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        transform: translateY(10%);
        padding: 40px
    }
    .qodef-pi-holder .qodef-pi-holder-inner {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box
    }
    .qodef-pi-holder.qodef-small-image-top-left .qodef-small-pair-item {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        margin: 0;
        max-width: 50%
    }
    .qodef-pi-holder.qodef-small-image-top-left .qodef-pi .qodef-pi-inner .qodef-pi-image {
        overflow: visible
    }
    .qodef-pi-holder.qodef-small-image-top-left .qodef-pi .qodef-pi-inner .qodef-pi-image img {
        max-width: 125%
    }
    .qodef-pi-holder.qodef-small-image-top-right .qodef-small-pair-item {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        max-width: 50%;
        margin: 0
    }
    .qodef-pi-holder.qodef-small-image-bottom-right .qodef-big-pair-item .qodef-pi-image,
    .qodef-pi-holder.qodef-small-image-top-right .qodef-big-pair-item .qodef-pi-image {
        top: -60px;
        left: -200px
    }
    .qodef-pi-holder.qodef-small-image-bottom-right.kieu_chan .qodef-big-pair-item .qodef-pi-image{
 top: 60px;
        left: -100px;
        max-width: 75%
    }
    .qodef-pi-holder.qodef-small-image-bottom-right.kieu_chan{
transform: translateY(0%);
   }
      .qodef-pi-holder.qodef-small-image-bottom-right.kieu_chan .qodef-small-pair-item .qodef-pi-image{
 top: 0px
     
    }
    .qodef-pi-holder.qodef-small-image-bottom-right .qodef-small-pair-item {
        position: absolute;
        right: 0%;
        bottom: 20%;
        z-index: 10;
        max-width: 50%;
        margin: 0
    }
       .qodef-pi-holder.qodef-small-image-bottom-right .qodef-small-pair-item.thutu0 {
        bottom: 0%;max-width: 55%;padding-right: 0;
    }

    .qodef-pi-holder.qodef-small-image-bottom-right.kieu_chan .qodef-small-pair-item{
top:20%;
    }
      .qodef-pi-holder.qodef-small-image-bottom-right.kieu_chan .qodef-small-pair-item.thutu1{
        top:0;
    }
    .qodef-pi-holder .qodef-pi {
        display: table-cell;
        vertical-align: middle;
        padding: 15px 13px
    }
    .qodef-pi-holder .qodef-pi .qodef-pi-inner .qodef-pi-image {
        position: relative;
        overflow: hidden
    }
    .qodef-pi-holder .qodef-pi .qodef-pi-inner .qodef-pi-image img {
        display: block
    }
    .qodef-pie-chart-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        opacity: 0;
        -webkit-transition: opacity .2s ease-in;
        -moz-transition: opacity .2s ease-in;
        transition: opacity .2s ease-in
    }
    .qodef-pie-chart-holder .qodef-pc-percentage {
        position: relative;
        display: block;
        height: 176px;
        width: 176px;
        line-height: 176px;
        text-align: center;
        margin: 0 auto
    }
    .qodef-pie-chart-holder .qodef-pc-text-holder,
    .qodef-price-table .qodef-pt-inner,
    .qodef-pricing-tables {
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-pie-chart-holder .qodef-pc-percentage canvas {
        position: absolute;
        top: 0;
        left: 0
    }
    .qodef-pie-chart-holder .qodef-pc-percentage .qodef-pc-percent {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: #282828;
        font-size: 36px;
        line-height: inherit;
        font-weight: 600
    }
    .qodef-pie-chart-holder .qodef-pc-percentage .qodef-pc-percent:after {
        position: relative;
        top: -15px;
        content: '%';
        font-size: 15px
    }
    .qodef-pie-chart-holder .qodef-pc-text-holder {
        position: relative;
        text-align: center;
        margin: 30px 0 0
    }
    .qodef-pie-chart-holder .qodef-pc-text-holder .qodef-pc-title {
        margin: 0
    }
    .qodef-pie-chart-holder .qodef-pc-text-holder .qodef-pc-text {
        margin: 14px 0 0
    }
    .qodef-pricing-tables {
        position: relative
    }
    .qodef-price-table.qodef-pt-active-item .qodef-pt-inner {
        background-color: #b4b4b4
    }
    .qodef-price-table .qodef-pt-inner {
        position: relative;
        background-color: #f9f9f9
    }
    .qodef-price-table .qodef-pt-inner ul {
        list-style: none
    }
    .qodef-price-table .qodef-pt-inner>ul {
        margin: 0;
        padding: 95px 0
    }
    .qodef-price-table .qodef-pt-inner>ul>li {
        margin: 0;
        padding: 0 105px
    }
    .qodef-price-table .qodef-pt-inner>ul>li.qodef-pt-title-holder {
        position: relative;
        font-size: 19px;
        line-height: 1.3em;
        color: #282828;
        font-weight: 500
    }
    .qodef-price-table .qodef-pt-inner>ul>li.qodef-pt-title-holder .qodef-pt-title {
        display: block;
        padding: 17px 0 18px;
        box-sizing: border-box
    }
    .qodef-price-table .qodef-pt-inner>ul>li.qodef-pt-prices {
        position: relative;
        margin: 4px auto 18px
    }
    .qodef-price-table .qodef-pt-inner>ul>li.qodef-pt-prices .qodef-pt-value {
        position: relative;
        vertical-align: super;
        bottom: -1px;
        right: 5px;
        font-size: 30px;
        line-height: 1em;
        font-weight: 500;
        color: #282828
    }
    .qodef-price-table .qodef-pt-inner>ul>li.qodef-pt-prices .qodef-pt-price {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        left: -5px;
        font-size: 50px;
        line-height: 1em;
        font-weight: 500;
        color: #282828
    }
    .qodef-price-table .qodef-pt-inner>ul>li.qodef-pt-prices .qodef-pt-mark {
        position: relative;
        display: block;
        margin: 1px 0 0
    }
    .qodef-price-table .qodef-pt-inner>ul>li.qodef-pt-button {
        margin: 27px 0 20px
    }
    .qodef-price-table .qodef-icon-list-holder {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin: 0
    }
    .qodef-price-table .qodef-icon-list-holder .qodef-il-icon-holder {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }
    .qodef-price-table .qodef-icon-list-holder .qodef-il-text {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        padding: 0 0 0 5px;
        margin: 3px 0
    }
    .qodef-process-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-process-holder.qodef-two-columns .qodef-mark-horizontal-holder .qodef-process-mark,
    .qodef-process-holder.qodef-two-columns .qodef-process-item {
        width: 50%
    }
    .qodef-process-holder.qodef-two-columns .qodef-mark-vertical-holder .qodef-process-mark {
        height: 50%
    }
    .qodef-process-holder.qodef-three-columns .qodef-mark-horizontal-holder .qodef-process-mark,
    .qodef-process-holder.qodef-three-columns .qodef-process-item {
        width: 33.33333%
    }
    .qodef-process-holder.qodef-three-columns .qodef-mark-vertical-holder .qodef-process-mark {
        height: 33.33333%
    }
    .qodef-process-holder.qodef-four-columns .qodef-mark-horizontal-holder .qodef-process-mark,
    .qodef-process-holder.qodef-four-columns .qodef-process-item {
        width: 25%
    }
    .qodef-process-holder.qodef-four-columns .qodef-mark-vertical-holder .qodef-process-mark {
        height: 25%
    }
    .qodef-process-holder.qodef-process-appeared .qodef-process-circle {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    .qodef-process-holder.qodef-process-appeared .qodef-mark-horizontal-holder .qodef-process-line {
        width: 100%
    }
    .qodef-process-holder.qodef-process-appeared .qodef-mark-vertical-holder .qodef-process-line {
        height: 100%
    }
    .qodef-process-holder.qodef-process-appeared .qodef-process-item {
        opacity: 1
    }
    .qodef-process-holder .qodef-mark-horizontal-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        clear: both
    }
    .qodef-process-holder .qodef-mark-horizontal-holder .qodef-process-mark {
        float: left
    }
    .qodef-process-holder .qodef-mark-horizontal-holder .qodef-process-line {
        top: 50%;
        left: 50%;
        width: 0;
        height: 1px;
        -webkit-transition: width .4s ease .1s;
        -moz-transition: width .4s ease .1s;
        transition: width .4s ease .1s
    }
    .qodef-process-holder .qodef-mark-vertical-holder {
        position: absolute;
        top: 26px;
        left: 0;
        display: none;
        width: 46px;
        height: 100%
    }
    .qodef-process-holder .qodef-mark-vertical-holder .qodef-process-line {
        top: 23px;
        left: 50%;
        width: 1px;
        height: 0;
        -webkit-transition: height .4s ease .1s;
        -moz-transition: height .4s ease .1s;
        transition: height .4s ease .1s
    }
    .qodef-process-holder .qodef-process-mark {
        position: relative;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }
    .qodef-process-holder .qodef-process-mark:last-child .qodef-process-line {
        display: none
    }
    .qodef-process-holder .qodef-process-mark:nth-child(2) .qodef-process-circle {
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        transition-delay: .5s
    }
    .qodef-process-holder .qodef-process-mark:nth-child(2) .qodef-process-line {
        -webkit-transition-delay: .6s;
        -moz-transition-delay: .6s;
        transition-delay: .6s
    }
    .qodef-process-holder .qodef-process-mark:nth-child(3) .qodef-process-circle {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s
    }
    .qodef-process-holder .qodef-process-mark:nth-child(3) .qodef-process-line {
        -webkit-transition-delay: 1.2s;
        -moz-transition-delay: 1.2s;
        transition-delay: 1.2s
    }
    .qodef-process-holder .qodef-process-mark:nth-child(4) .qodef-process-circle {
        -webkit-transition-delay: 1.5s;
        -moz-transition-delay: 1.5s;
        transition-delay: 1.5s
    }
    .qodef-process-holder .qodef-process-mark:nth-child(4) .qodef-process-line {
        -webkit-transition-delay: 1.8s;
        -moz-transition-delay: 1.8s;
        transition-delay: 1.8s
    }
    .qodef-process-holder .qodef-process-circle {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 70px;
        height: 70px;
        font-size: 23px;
        line-height: 70px;
        font-weight: 500;
        color: #fff;
        background-color: #b4b4b4;
        border-radius: 100%;
        opacity: 0;
        -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
        -moz-transition: opacity .2s ease, -moz-transform .3s ease;
        transition: opacity .2s ease, transform .3s ease;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
    .qodef-process-holder .qodef-process-line {
        position: absolute;
        background-color: #b4b4b4
    }
    .qodef-process-holder .qodef-process-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
        padding: 0 15px;
        opacity: 0;
        text-align: center;
        box-sizing: border-box;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
    .qodef-process-holder .qodef-process-item:nth-child(2) {
        -webkit-transition-delay: .5s;
        -moz-transition-delay: .5s;
        transition-delay: .5s
    }
    .qodef-process-holder .qodef-process-item:nth-child(3) {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s
    }
    .qodef-process-holder .qodef-process-item:nth-child(4) {
        -webkit-transition-delay: 1.5s;
        -moz-transition-delay: 1.5s;
        transition-delay: 1.5s
    }
    .qodef-process-holder .qodef-pi-content {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 26px 0 10px
    }
    .qodef-process-holder .qodef-pi-title {
        margin: 0
    }
    .qodef-process-holder .qodef-pi-text {
        margin: 11px 0 0
    }
    .qodef-progress-bar {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-progress-bar.qodef-pb-percent-floating {
        width: 100%;
        height: 100%
    }
    .qodef-progress-bar.qodef-pb-percent-floating .qodef-pb-percent {
        position: absolute;
        left: 0;
        right: auto;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: -16px
    }
    .qodef-progress-bar .qodef-pb-title-holder {
        position: relative;
        margin: 10px 0 16px
    }
    .qodef-progress-bar .qodef-pb-title-holder .qodef-pb-title {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        z-index: 100
    }
    .qodef-progress-bar .qodef-pb-percent {
        position: absolute;
        right: 0;
        bottom: 1px;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        opacity: 0;
        z-index: 10
    }
    .qodef-progress-bar .qodef-pb-percent:after {
        content: '%'
    }
    .qodef-progress-bar .qodef-pb-content-holder {
        position: relative;
        height: 4px;
        overflow: hidden;
        background-color: #dfdfdf
    }
    .qodef-progress-bar .qodef-pb-content-holder .qodef-pb-content {
        height: 4px;
        max-width: 100%;
        overflow: hidden;
        background-color: #000
    }
    .qodef-section-title-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        box-sizing: border-box
    }
    .qodef-section-title-holder h4{
        color: #000;
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-tiny-space .qodef-st-inner {
        margin: 0 -5px
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-tiny-space .qodef-st-text,
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-tiny-space .qodef-st-title {
        padding: 0 5px
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-small-space .qodef-st-inner {
        margin: 0 -10px
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-small-space .qodef-st-text,
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-small-space .qodef-st-title {
        padding: 0 10px
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-normal-space .qodef-st-inner {
        margin: 0 -15px
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-normal-space .qodef-st-text,
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-normal-space .qodef-st-title {
        padding: 0 15px
    }
    .qodef-section-title-holder.qodef-st-two-columns .qodef-st-text,
    .qodef-section-title-holder.qodef-st-two-columns .qodef-st-title {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        float: left;
        margin: 0;
        box-sizing: border-box
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-title-left .qodef-st-title {
        text-align: right
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-title-left .qodef-st-text {
        text-align: left
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-title-right .qodef-st-title {
        float: right;
        text-align: left
    }
    .qodef-section-title-holder.qodef-st-two-columns.qodef-st-title-right .qodef-st-text {
        text-align: right
    }
    .qodef-section-title-holder .qodef-st-title {
        display: block;
        margin: 0;text-transform: uppercase;
    }
    .qodef-section-title-holder .qodef-st-title .qodef-st-title-bold {
        font-weight: 700
    }
    .qodef-section-title-holder .qodef-st-title .qodef-st-title-light {
        font-weight: 300
    }
    .qodef-section-title-holder .qodef-st-text {
        display: block;
        margin: 18px 0 0
    }
    .qodef-separator,
    .qodef-single-image-holder,
    .qodef-single-image-holder .qodef-si-inner {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    .qodef-section-title-holder p.qodef-st-text {
        font-size: 17px;
        line-height: 28px;
        font-weight: 300
    }
    .qodef-separator-holder {
        position: relative;
        height: auto;
        font-size: 0;
        line-height: 1em
    }
    .qodef-separator-holder.qodef-separator-center {
        text-align: center
    }
    .qodef-separator-holder.qodef-separator-left {
        text-align: left
    }
    .qodef-separator-holder.qodef-separator-right {
        text-align: right
    }
    .qodef-separator-holder.qodef-separator-full-width .qodef-separator {
        width: 100%!important
    }
    .qodef-separator {
        border-bottom: 1px solid #ebebeb;
        margin: 10px 0
    }
    .qodef-single-image-holder {
        width: 100%
    }
    .qodef-single-image-holder.qodef-has-shadow .qodef-si-inner {
        box-shadow: 1px 2px 30px 0 rgba(0, 0, 0, .13)
    }
    .qodef-single-image-holder .qodef-si-inner {
        width: 100%
    }
    .qodef-single-image-holder .qodef-si-inner a,
    .qodef-single-image-holder .qodef-si-inner img {
        position: relative;
        display: block
    }
    .qodef-single-image-holder.qodef-image-behavior-custom-link .qodef-si-inner a:hover:after {
        opacity: 1
    }
    .qodef-single-image-holder.qodef-image-behavior-custom-link .qodef-si-inner a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-single-image-holder.qodef-image-behavior-lightbox .qodef-si-inner a:hover:after {
        opacity: 1
    }
    .qodef-single-image-holder.qodef-image-behavior-lightbox .qodef-si-inner a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-single-image-holder.qodef-image-behavior-zoom .qodef-si-inner {
        overflow: hidden
    }
    .touch .qodef-single-image-holder.qodef-image-behavior-zoom .qodef-si-inner {
        cursor: pointer
    }
    .qodef-single-image-holder.qodef-image-behavior-zoom .qodef-si-inner:hover img {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }
    .qodef-single-image-holder.qodef-image-behavior-zoom .qodef-si-inner img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        transition: transform .3s ease-in-out
    }
    .qodef-single-image-holder.qodef-image-behavior-grayscale .qodef-si-inner {
        overflow: hidden
    }
    .touch .qodef-single-image-holder.qodef-image-behavior-grayscale .qodef-si-inner {
        cursor: pointer
    }
    .qodef-single-image-holder.qodef-image-behavior-grayscale .qodef-si-inner:hover img {
        -webkit-filter: grayscale(0);
        filter: none
    }
    .qodef-single-image-holder.qodef-image-behavior-grayscale .qodef-si-inner img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: gray;
        filter: grayscale(100%);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .qodef-single-image-holder.qodef-image-behavior-moving .qodef-si-inner {
        overflow: hidden;
        padding: 10% 0;
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: 120%;
        -webkit-transition: background .7s ease-out;
        -moz-transition: background .7s ease-out;
        transition: background .7s ease-out
    }
    .qodef-social-share-holder ul,
    .qodef-social-share-holder.qodef-list li,
    .qodef-social-share-holder.qodef-text li {
        vertical-align: top;
        padding: 0;
        display: inline-block;
        position: relative
    }
    .qodef-single-image-holder.qodef-image-behavior-moving .qodef-si-inner:hover {
        background-position: 90% center
    }
    .touch .qodef-single-image-holder.qodef-image-behavior-moving .qodef-si-inner {
        cursor: pointer
    }
    .qodef-single-image-holder.qodef-image-behavior-moving .qodef-si-inner img {
        z-index: -1;
        max-width: 80%
    }
    @media only screen and (max-width: 1024px) {
        .qodef-single-image-holder.qodef-image-behavior-moving .qodef-si-inner {
            padding: 0;
            background: 0 0
        }
        .qodef-single-image-holder.qodef-image-behavior-moving .qodef-si-inner img {
            z-index: inherit;
            max-width: 100%
        }
    }
    .qodef-social-share-holder {
        position: relative;
        display: inline-block;
        vertical-align: top
    }
    .qodef-social-share-holder ul {
        list-style: none;
        margin: 0
    }
    .qodef-social-share-holder.qodef-list .qodef-social-title {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0 13px 0 0;
        color: #939393;
        font-weight: 600
    }
    .qodef-social-share-holder.qodef-list li {
        margin: 0 13px 3px 0
    }
    .qodef-social-share-holder.qodef-list li:last-child {
        margin: 0 0 3px
    }
    .qodef-social-share-holder.qodef-list li a {
        font-size: 15px;
        color: #282828
    }
    .qodef-social-share-holder.qodef-list li a:hover {
        color: #b4b4b4
    }
    .qodef-social-share-holder.qodef-text .qodef-social-title {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0 13px 0 0;
        color: #939393;
        font-weight: 600
    }
    .qodef-social-share-holder.qodef-text li {
        margin: 0 13px 3px 0
    }
    .qodef-social-share-holder.qodef-text li:last-child {
        margin: 0 0 3px
    }
    .qodef-social-share-holder.qodef-text li a {
        font-size: 15px
    }
    .qodef-social-share-holder.qodef-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: bottom
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener {
        display: block;
        color: #939393
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener .qodef-social-share-title {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener .social_share {
        font-size: 12px;
        color: #282828
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener:hover {
        color: #b4b4b4
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown-opener:hover .social_share {
        color: inherit
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown {
        position: relative;
        visibility: hidden;
        z-index: 950
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul {
        position: relative;
        display: block;
        z-index: 990;
        margin: 0;
        padding: 0!important
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li {
        width: 88px;
        height: 28px;
        line-height: 28px;
        visibility: hidden;
        position: absolute;
        text-align: center;
        opacity: 0;
        margin: 0;
        padding: 0;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        font-size: 12px;
        color: #939393;
        box-sizing: border-box;
        -webkit-transition: opacity .2s ease-out 0s, visibility .2s ease-out 0s, background-color .2s ease-out 0s;
        -moz-transition: opacity .2s ease-out 0s, visibility .2s ease-out 0s, background-color .2s ease-out 0s;
        transition: opacity .2s ease-out 0s, visibility .2s ease-out 0s, background-color .2s ease-out 0s
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:not(:first-child) {
        border-top: none
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li.qodef-facebook-share:hover {
        background-color: #3b5998;
        color: #fff
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li.qodef-twitter-share:hover {
        background-color: #00aced;
        color: #fff
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li.qodef-google_plus-share:hover {
        background-color: #dd4b39;
        color: #fff
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li.qodef-linkedin-share:hover {
        background-color: #007bb5;
        color: #fff
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li.qodef-tumblr-share:hover {
        background-color: #32506d;
        color: #fff
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li.qodef-pinterest-share:hover {
        background-color: #cb2027;
        color: #fff
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li.qodef-vk-share:hover {
        background-color: #45668e;
        color: #fff
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li * {
        display: block;
        line-height: inherit
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li a {
        color: inherit!important
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:nth-child(1) {
        bottom: -28px
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:nth-child(2) {
        bottom: -56px
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:nth-child(3) {
        bottom: -84px
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:nth-child(4) {
        bottom: -112px
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:nth-child(5) {
        bottom: -140px
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:nth-child(6) {
        bottom: -168px
    }
    .qodef-social-share-holder.qodef-dropdown .qodef-social-share-dropdown ul li:nth-child(7) {
        bottom: -196px
    }
    .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li {
        opacity: 1;
        visibility: visible;
        cursor: pointer
    }
    .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(2) {
        -webkit-transition: opacity .2s ease-out .2s, visibility .2s ease-out .2s, background-color .2s ease-out;
        -moz-transition: opacity .2s ease-out .2s, visibility .2s ease-out .2s, background-color .2s ease-out;
        transition: opacity .2s ease-out .2s, visibility .2s ease-out .2s, background-color .2s ease-out
    }
    .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(3) {
        -webkit-transition: opacity .2s ease-out .3s, visibility .2s ease-out .3s, background-color .2s ease-out;
        -moz-transition: opacity .2s ease-out .3s, visibility .2s ease-out .3s, background-color .2s ease-out;
        transition: opacity .2s ease-out .3s, visibility .2s ease-out .3s, background-color .2s ease-out
    }
    .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(4) {
        -webkit-transition: opacity .2s ease-out .4s, visibility .2s ease-out .4s, background-color .2s ease-out;
        -moz-transition: opacity .2s ease-out .4s, visibility .2s ease-out .4s, background-color .2s ease-out;
        transition: opacity .2s ease-out .4s, visibility .2s ease-out .4s, background-color .2s ease-out
    }
    .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(5) {
        -webkit-transition: opacity .2s ease-out .5s, visibility .2s ease-out .5s, background-color .2s ease-out;
        -moz-transition: opacity .2s ease-out .5s, visibility .2s ease-out .5s, background-color .2s ease-out;
        transition: opacity .2s ease-out .5s, visibility .2s ease-out .5s, background-color .2s ease-out
    }
    .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(6) {
        -webkit-transition: opacity .2s ease-out .6s, visibility .2s ease-out .6s, background-color .2s ease-out;
        -moz-transition: opacity .2s ease-out .6s, visibility .2s ease-out .6s, background-color .2s ease-out;
        transition: opacity .2s ease-out .6s, visibility .2s ease-out .6s, background-color .2s ease-out
    }
    .qodef-social-share-holder.qodef-dropdown:hover .qodef-social-share-dropdown ul li:nth-child(7) {
        -webkit-transition: opacity .2s ease-out .7s, visibility .2s ease-out .7s, background-color .2s ease-out;
        -moz-transition: opacity .2s ease-out .7s, visibility .2s ease-out .7s, background-color .2s ease-out;
        transition: opacity .2s ease-out .7s, visibility .2s ease-out .7s, background-color .2s ease-out
    }
    .qodef-ss-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-ss-holder .qodef-ss-image img,
    .qodef-vss-responsive {
        display: none
    }
    .qodef-ss-holder.qodef-ss-image-right .qodef-ss-image {
        left: 50%
    }
    .qodef-ss-holder.qodef-ss-image-right .qodef-ss-content {
        left: 0
    }
    .qodef-ss-holder .qodef-ss-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }
    .qodef-ss-holder .qodef-ss-content {
        position: relative;
        display: inline-block;
        vertical-align: top;
        left: 50%;
        width: 50%;
        padding: 30px;
        box-sizing: border-box
    }
    .qodef-tabs,
    .qodef-tabs .qodef-tab-container,
    .qodef-tabs .qodef-tabs-nav {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        position: relative
    }
    .qodef-ss-holder .qodef-ss-title {
        margin: 0
    }
    .qodef-ss-holder .qodef-ss-text {
        margin: 14px 0 0
    }
    .qodef-ss-holder .qodef-ss-link {
        margin: 25px 0 0
    }
    .qodef-tabs .qodef-tabs-nav {
        margin: 0;
        padding: 0;
        list-style: none
    }
    .qodef-tabs .qodef-tabs-nav li {
        float: left;
        margin: 0;
        padding: 0
    }
    .qodef-tabs .qodef-tabs-nav li a {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        -webkit-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
        -moz-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
        transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out
    }
    .qodef-tabs .qodef-tab-container {
        box-sizing: border-box
    }
    .qodef-tabs .qodef-tab-container p {
        margin: 0
    }
    .qodef-tabs.qodef-tabs-standard .qodef-tabs-nav li a {
        padding: 12px 36px;
        font-size: 15px;
        line-height: 1.3em;
        font-weight: 500;
        color: #282828;
        background-color: #f6f6f6
    }
    .qodef-tabs.qodef-tabs-standard .qodef-tabs-nav li.ui-state-active a,
    .qodef-tabs.qodef-tabs-standard .qodef-tabs-nav li.ui-state-hover a {
        color: #fff;
        background-color: #b4b4b4
    }
    .qodef-tabs.qodef-tabs-standard .qodef-tab-container {
        margin: 25px 0 0
    }
    .qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li {
        margin: 0 12px 0 0
    }
    .qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li a {
        padding: 12px 36px;
        font-size: 15px;
        line-height: 1.3em;
        font-weight: 500;
        color: #fff;
        background-color: #282828
    }
    .qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li.ui-state-active a,
    .qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li.ui-state-hover a {
        color: #fff;
        background-color: #b4b4b4
    }
    .qodef-tabs.qodef-tabs-boxed .qodef-tabs-nav li:last-child {
        margin: 0
    }
    .qodef-tabs.qodef-tabs-boxed .qodef-tab-container {
        position: relative;
        top: -1px;
        padding: 25px 28px;
        border: 1px solid #e1e1e1
    }
    .qodef-tabs.qodef-tabs-simple .qodef-tabs-nav {
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-tabs.qodef-tabs-simple .qodef-tabs-nav li {
        margin: 0 31px 0 0
    }
    .qodef-tabs.qodef-tabs-simple .qodef-tabs-nav li a {
        padding: 13px 0;
        font-size: 15px;
        line-height: 1.3em;
        font-weight: 500;
        color: #939393
    }
    .qodef-tabs.qodef-tabs-simple .qodef-tabs-nav li.ui-state-active a,
    .qodef-tabs.qodef-tabs-simple .qodef-tabs-nav li.ui-state-hover a {
        color: #282828
    }
    .qodef-tabs.qodef-tabs-simple .qodef-tabs-nav li:last-child {
        margin: 0
    }
    .qodef-tabs.qodef-tabs-simple .qodef-tab-container {
        padding: 31px 0;
        border-bottom: 1px solid #e1e1e1
    }
    .qodef-tabs.qodef-tabs-vertical {
        display: table
    }
    .qodef-tabs.qodef-tabs-vertical .qodef-tabs-nav {
        display: table-cell;
        vertical-align: top;
        width: 140px;
        height: 100%;
        border-right: 1px solid #e1e1e1;
        box-sizing: border-box
    }
    .qodef-tabs.qodef-tabs-vertical .qodef-tabs-nav li {
        display: block;
        float: none;
        margin: 0 0 24px
    }
    .qodef-tabs.qodef-tabs-vertical .qodef-tabs-nav li a {
        font-size: 15px;
        line-height: 1.3em;
        font-weight: 500;
        color: #939393
    }
    .qodef-tabs.qodef-tabs-vertical .qodef-tabs-nav li.ui-state-active a,
    .qodef-tabs.qodef-tabs-vertical .qodef-tabs-nav li.ui-state-hover a {
        color: #282828
    }
    .qodef-tabs.qodef-tabs-vertical .qodef-tabs-nav li:last-child {
        margin: 0
    }
    .qodef-tabs.qodef-tabs-vertical .qodef-tab-container {
        display: table-cell;
        vertical-align: top;
        width: calc(100% - 140px);
        height: 100%;
        padding: 0 0 0 45px;
        box-sizing: border-box
    }
    .ui-widget-content {
        padding: 0;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        background: 0 0;
        border: 0;
        border-radius: 0
    }
    .ui-widget-content .ui-widget-header {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: initial;
        background: 0 0;
        border: 0;
        border-radius: 0
    }
    .ui-widget-content .ui-tabs-nav li {
        position: initial;
        font-weight: inherit;
        color: inherit;
        background: initial;
        border: 0;
        border-radius: 0
    }
    .ui-widget-content .ui-widget-content {
        color: inherit;
        background: 0 0;
        border: 0;
        border-radius: 0
    }
   @media (max-width: 767px) {
   	.qodef-container{
   		padding-right: 15px;padding-left: 15px;  width: auto;
   	}
   	.qodef-title-holder .qodef-title-inner{
   		padding-left: 15px;padding-right: 15px;
   	}
   	aside.qodef-sidebar {
    margin: 0 0 10px;
}
.qodef-woo-normal-space ul.products {
    margin: 0 0px!important;
}
.wpb_widgetised_column .widget, aside.qodef-sidebar .widget {
    margin: 0 0 14px;
}
       .qodef-section-title-holder .qodef-st-title{
font-size: 22px;
       }
       .qodef-title-holder.qodef-centered-type .qodef-page-title{
       	font-size: 20px;
       }
       .page-id-862 .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner, .page-id-862 .qodef-content .qodef-content-inner > .qodef-full-width > .qodef-full-width-inner {
    padding: 20px 15px 12px 15px!important;
}
       .qodef-eh-item-content.qodef-eh-custom-1235{
        padding:0;
       }
       .qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner.qodef-grid {
    padding: 16px 0 16px;
}
footer .qodef-grid-col-3{
    max-width: 90%;margin: 0 auto;
}
.qodef-page-footer .qodef-footer-bottom-holder .qodef-footer-bottom-inner.qodef-grid {
    padding: 15px;
}
.qodef-page-footer .qodef-footer-bottom-holder .widget.widget_nav_menu ul li {
    margin-right: 20px;
}
   }

 
    @media only screen and (max-width: 680px) {
        .qodef-team-carousel-holder .qodef-owl-slider .owl-nav {
            display: none
        }
        .cotphai_review{
            padding-left: 15px!important;
        }
    }
    .qodef-team-holder,
    .qodef-team-holder .qodef-team-image {
        display: inline-block;
        position: relative;
        width: 100%;
        vertical-align: middle
    }
    .qodef-team-carousel-holder .qodef-owl-slider .owl-nav .owl-prev {
        left: -50px
    }
    .qodef-team-carousel-holder .qodef-owl-slider .owl-nav .owl-next {
        right: -50px
    }
    .touch .qodef-team-holder.qodef-team-info-on-image {
        cursor: pointer
    }
    .qodef-team-holder .qodef-team-image img {
        display: block
    }
    .qodef-team-holder .qodef-team-info {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 28px 0 0
    }
    .qodef-team-holder .qodef-team-name {
        margin: 0
    }
    .qodef-team-holder .qodef-team-position {
        margin: 5px 0 0
    }
    .qodef-team-holder .qodef-team-text {
        margin: 10px 0 0
    }
    .qodef-team-holder .qodef-team-social-wrapper {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(229, 237, 245, .8);
        z-index: 1;
        opacity: 0;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        transition: opacity .3s
    }
    .qodef-team-holder .qodef-team-social-outer {
        position: relative;
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .qodef-team-holder .qodef-team-social-inner {
        position: relative;
        display: table-cell;
        height: 100%;
        width: 100%;
        padding: 20px 40px 33px;
        vertical-align: middle;
        text-align: center;
        -webkit-transition: -webkit-transform .2s ease;
        -moz-transition: -moz-transform .2s ease;
        transition: transform .2s ease;
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    .qodef-team-holder .qodef-team-social-holder .qodef-team-icon {
        font-size: 16px;
        margin: 0 6px 0 0
    }
    .qodef-team-holder .qodef-team-social-holder .qodef-team-icon a {
        color: #282828
    }
    .qodef-team-holder .qodef-team-social-holder .qodef-team-icon a:hover {
        color: #b4b4b4
    }
    .qodef-team-holder .qodef-team-social-holder .qodef-team-icon .qodef-icon-element {
        font-size: inherit;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
    .qodef-team-holder:hover .qodef-team-social-wrapper {
        opacity: 1
    }
    .qodef-team-holder:hover .qodef-team-social-inner {
        -webkit-transition: -webkit-transform .45s cubic-bezier(.64, .01, .15, 1.16), opacity .5s;
        -moz-transition: -moz-transform .45s cubic-bezier(.64, .01, .15, 1.16), opacity .5s;
        transition: transform .45s cubic-bezier(.64, .01, .15, 1.16), opacity .5s;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .qodef-team-holder .qodef-team-social-holder {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 7px 0 0
    }
    .qodef-vss-initialized .qodef-content .qodef-content-inner>.qodef-container>.qodef-container-inner,
    .qodef-vss-initialized .qodef-content .qodef-content-inner>.qodef-full-width>.qodef-full-width-inner {
        padding: 0
    }
    .qodef-vertical-split-slider {
        position: relative;
        opacity: 0;
        margin: 0 -2px;
        overflow: hidden
    }
    .qodef-vertical-split-slider .qodef-vss-ms-left,
    .qodef-vertical-split-slider .qodef-vss-ms-right {
        position: absolute;
        width: 50%;
        height: 100%;
        box-sizing: border-box
    }
    .qodef-vertical-split-slider .qodef-vss-ms-left {
        top: 0;
        left: 0
    }
    .qodef-vertical-split-slider .qodef-vss-ms-left .qodef-vss-ms-section {
        background-position: 100% center;
        background-size: cover
    }
    .qodef-vertical-split-slider .qodef-vss-ms-right {
        top: 10000px;
        right: 0
    }
    .qodef-vertical-split-slider .qodef-vss-ms-right .qodef-vss-ms-section {
        background-position: 0 center;
        background-size: cover
    }
    .qodef-vertical-split-slider .qodef-vss-ms-section.ms-table {
        display: table;
        width: 100%;
        table-layout: fixed;
        box-sizing: border-box
    }
    .qodef-vertical-split-slider .qodef-vss-ms-section .ms-tableCell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        -webkit-transition: padding .45s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: padding .45s cubic-bezier(.4, 0, .2, 1);
        transition: padding .45s cubic-bezier(.4, 0, .2, 1)
    }
    .qodef-vertical-split-slider .qodef-vss-ms-section .ms-easing {
        -webkit-transition: all .7s ease-out;
        -moz-transition: all .7s ease-out;
        transition: all .7s ease-out
    }
    .qodef-vertical-split-slider.qodef-vss-scrolled .qodef-vss-ms-left .qodef-vss-ms-section .ms-tableCell {
        padding: 7.5rem 0 7.5rem 7.5rem
    }
    .qodef-vertical-split-slider.qodef-vss-scrolled .qodef-vss-ms-right .qodef-vss-ms-section .ms-tableCell {
        padding: 7.5rem 7.5rem 7.5rem 0
    }
    .qodef-vertical-split-slider.qodef-vss-scrolled .qodef-vss-horizontal-mask:after,
    .qodef-vertical-split-slider.qodef-vss-scrolled .qodef-vss-horizontal-mask:before {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1)
    }
    .qodef-vertical-split-slider.qodef-vss-scrolled .qodef-vss-vertical-mask:after,
    .qodef-vertical-split-slider.qodef-vss-scrolled .qodef-vss-vertical-mask:before {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
    .qodef-vertical-split-slider .qodef-vss-horizontal-mask:after,
    .qodef-vertical-split-slider .qodef-vss-horizontal-mask:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        background-color: #fff;
        height: 7.5rem;
        z-index: 500;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: -moz-transform .45s cubic-bezier(.4, 0, .2, 1);
        transition: transform .45s cubic-bezier(.4, 0, .2, 1)
    }
    .qodef-vertical-split-slider .qodef-vss-horizontal-mask:before {
        top: 0;
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
    .qodef-vertical-split-slider .qodef-vss-horizontal-mask:after {
        bottom: 0;
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
    .qodef-vertical-split-slider .qodef-vss-vertical-mask:after,
    .qodef-vertical-split-slider .qodef-vss-vertical-mask:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        background-color: #fff;
        width: 7.5rem;
        z-index: 500;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: -moz-transform .45s cubic-bezier(.4, 0, .2, 1);
        transition: transform .45s cubic-bezier(.4, 0, .2, 1)
    }
    .qodef-vertical-split-slider .qodef-vss-vertical-mask:before {
        left: 0;
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left
    }
    .qodef-vertical-split-slider .qodef-vss-vertical-mask:after {
        right: 0;
        -webkit-transform-origin: center right;
        -ms-transform-origin: center right;
        transform-origin: center right
    }
    .qodef-vss-responsive .qodef-vss-ms-section {
        background-position: center;
        background-size: cover
    }
    #multiscroll-nav {
        position: fixed;
        top: 50%;
        right: 64px;
        margin-top: -10px;
        opacity: 1;
        z-index: 1000;
        -webkit-transition: opacity .5s ease-out;
        -moz-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out
    }
    .qodef-fullscreen-menu-opened #multiscroll-nav {
        z-index: -1
    }
    #multiscroll-nav ul {
        margin: 0;
        padding: 0
    }
    #multiscroll-nav ul li {
        position: relative;
        display: block;
        margin: 12px 3px;
        overflow: hidden
    }
    #multiscroll-nav ul li a {
        position: relative;
        display: block;
        width: 12px;
        height: 12px;
        margin: 0 auto;
        background-color: transparent;
        border: 2px solid rgba(40, 40, 40, .5);
        border-radius: 3em;
        z-index: 1;
        box-sizing: border-box
    }
    #multiscroll-nav ul li a.active {
        background-color: #282828;
        border-color: #282828
    }
    .qodef-light-header #multiscroll-nav ul li a {
        border-color: #fff
    }
    .qodef-light-header #multiscroll-nav ul li a.active {
        background-color: #fff
    }
    .qodef-dark-header #multiscroll-nav ul li a {
        border-color: #282828
    }
    .qodef-dark-header #multiscroll-nav ul li a.active {
        background-color: #282828
    }
    #multiscroll-nav ul li a span {
        display: block
    }
    .qodef-video-button-holder {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }
    .qodef-video-button-holder.qodef-vb-has-img .qodef-video-button-play,
    .qodef-video-button-holder.qodef-vb-has-img .qodef-video-button-play-image {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }
    .qodef-video-button-holder.qodef-vb-has-img .qodef-video-button-play .qodef-video-button-play-inner,
    .qodef-video-button-holder.qodef-vb-has-img .qodef-video-button-play-image .qodef-video-button-play-inner {
        position: relative;
        top: 50%;
        left: 0;
        display: block;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .qodef-video-button-holder .qodef-video-button-image {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-video-button-holder .qodef-video-button-image img {
        display: block
    }
    .qodef-video-button-holder .qodef-video-button-play,
    .qodef-video-button-holder .qodef-video-button-play-image {
        position: relative;
        display: inline-block;
        vertical-align: top;
        z-index: 1
    }
    .qodef-video-button-holder .qodef-video-button-play {
        color: #fff;
        font-size: 65px;
        line-height: 1
    }
    .qodef-video-button-holder .qodef-video-button-play .qodef-video-button-play-inner {
        width: 70px;
        height: 70px;
        margin: auto;
        text-align: center;
        line-height: 70px;
        background-color: rgba(255, 255, 255, .5);
        border-radius: 50%;
        -webkit-transition: background-color .15s ease-out;
        -moz-transition: background-color .15s ease-out;
        transition: background-color .15s ease-out
    }
    .qodef-video-button-holder .qodef-video-button-play:hover .qodef-video-button-play-inner {
        background-color: #282828
    }
    .qodef-video-button-holder .qodef-video-button-play span {
        display: block;
        line-height: inherit;
        position: relative;
        left: 2px
    }
    .qodef-video-button-holder .qodef-video-button-play span:before {
        display: block;
        line-height: inherit
    }
    .qodef-video-button-holder .qodef-video-button-play-image.qodef-vb-has-hover-image:hover img:first-child {
        opacity: 0
    }
    .qodef-video-button-holder .qodef-video-button-play-image.qodef-vb-has-hover-image:hover img:nth-child(2) {
        opacity: 1
    }
    .qodef-video-button-holder .qodef-video-button-play-image img {
        display: block;
        margin: 0 auto;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }
    .qodef-video-button-holder .qodef-video-button-play-image img:first-child {
        position: relative;
        opacity: 1
    }
    .qodef-video-button-holder .qodef-video-button-play-image img:nth-child(2) {
        position: absolute;
        top: 0;
        left: 50%;
        opacity: 0;
        -webkit-transform: translateX(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateZ(0);
        transform: translateX(-50%) translateZ(0)
    }
    .rev_slider_wrapper .qodef-video-button-holder .qodef-video-button-play-image img:nth-child(2) {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    .wpb_widgetised_column .widget.widget_qodef_instagram_widget .qodef-widget-title,
    aside.qodef-sidebar .widget.widget_qodef_instagram_widget .qodef-widget-title {
        margin: 0 0 25px
    }
    .qodef-instagram-feed {
        list-style: none;
        padding: 0;
        margin: 0
    }
    .qodef-instagram-feed li {
        float: left;
        box-sizing: border-box;
        border: none!important
    }
    .qodef-instagram-feed li a {
        position: relative;
        display: block;
        overflow: hidden
    }
    .qodef-instagram-feed li a:hover:after {
        opacity: 1
    }
    .qodef-instagram-feed li a:after {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: '';
        background-color: rgba(40, 40, 40, .4);
        opacity: 0;
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }
    .qodef-instagram-feed li a .qodef-instagram-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        opacity: 0;
        z-index: 1;
        -webkit-transition: opacity .2s cubic-bezier(.77, 0, .175, 1);
        -moz-transition: opacity .2s cubic-bezier(.77, 0, .175, 1);
        transition: opacity .2s cubic-bezier(.77, 0, .175, 1);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 24px
    }
    .qodef-instagram-feed li a:hover .qodef-instagram-icon {
        opacity: 1
    }
    .qodef-instagram-feed li img {
        width: 100%;
        display: block
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-no-space {
        margin: 0
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-no-space li {
        padding: 0;
        margin: 0
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-tiny-space {
        margin: 0 -5px -10px
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-tiny-space li {
        padding: 0 5px;
        margin: 0 0 10px
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-small-space {
        margin: 0 -10px -20px
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-small-space li {
        padding: 0 10px;
        margin: 0 0 20px
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-normal-space {
        margin: 0 -15px -30px
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-normal-space li {
        padding: 0 15px;
        margin: 0 0 30px
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-col-2 li {
        width: 50%
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-col-3 li {
        width: 33.33333%
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-col-4 li {
        width: 25%
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-col-6 li {
        width: 16.66667%
    }
    .qodef-instagram-feed.qodef-instagram-gallery.qodef-col-9 li {
        width: 11.11111%
    }
    .qodef-instagram-feed.qodef-instagram-carousel li {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0
    }
    .qodef-instagram-feed.qodef-instagram-carousel li a {
        position: relative;
        display: block;
        height: 100%
    }
    .qodef-twitter-list-holder,
    .qodef-twitter-list-holder .qodef-tl-item,
    .qodef-twitter-list-holder .qodef-tli-content,
    .qodef-twitter-list-holder .qodef-tli-inner,
    .qodef-twitter-list-holder .qodef-twitter-content-top,
    .qodef-twitter-list-holder .qodef-twitter-list {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .qodef-twitter-list-holder {
        clear: both
    }
    .qodef-twitter-list-holder .qodef-twitter-list {
        list-style: none;
        margin: 0;
        padding: 0
    }
    .qodef-twitter-list-holder .qodef-tl-item {
        padding: 0;
        margin: 0;
        box-sizing: border-box
    }
    .qodef-twitter-list-holder .qodef-tli-inner {
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .qodef-twitter-list-holder .qodef-tli-inner:hover {
        box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, .05);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    .qodef-twitter-list-holder .qodef-tli-content {
        padding: 35px 23px;
        border: 1px solid #f2f2f2;
        box-sizing: border-box
    }
    .qodef-twitter-list-holder .qodef-twitter-content-top {
        margin-bottom: 25px;
        box-sizing: border-box
    }
    .qodef-twitter-list-holder .qodef-twitter-link-over {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }
    .qodef-twitter-list-holder .qodef-twitter-user {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding-right: 30px;
        box-sizing: border-box
    }
    .qodef-twitter-list-holder .qodef-twitter-user .qodef-twitter-image {
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
        width: 56px;
        height: 56px
    }
    .qodef-twitter-list-holder .qodef-twitter-user .qodef-twitter-image img {
        border-radius: 50%
    }
    .qodef-twitter-list-holder .qodef-twitter-user .qodef-twitter-name {
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left;
        width: calc(100% - 56px);
        padding-left: 15px;
        box-sizing: border-box
    }
    .qodef-twitter-list-holder .qodef-twitter-user .qodef-twitter-name * {
        margin: 0
    }
    .qodef-twitter-list-holder .qodef-twitter-icon {
        position: absolute;
        top: -7px;
        right: 3px;
        width: 20px;
        display: inline-block;
        vertical-align: top;
        color: #b4b4b4;
        font-size: 24px;
        text-align: right
    }
    .qodef-twitter-list-holder .qodef-tweet-text {
        padding-left: 12px;
        box-sizing: border-box
    }
    .qodef-twitter-list-holder .qodef-tweet-text a {
        position: relative;
        color: grey;
        z-index: 2
    }
    .qodef-twitter-list-holder .qodef-tweet-text a:hover {
        color: #b4b4b4
    }
    .qodef-twitter-list-holder .qodef-twitter-profile a {
        position: relative;
        color: grey;
        z-index: 2
    }
    .qodef-twitter-list-holder .qodef-twitter-profile a:hover {
        color: #b4b4b4
    }
    .widget.widget_qodef_twitter_widget {
        margin: 0 0 20px
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin: 0
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li:not(:last-child) {
        margin: 0 0 22px
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-twitter-icon {
        font-size: 18px;
        color: #b4b4b4
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text {
        position: relative
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text span {
        color: #939393
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a {
        position: relative;
        color: #939393
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a:hover {
        color: #b4b4b4
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a.qodef-tweet-time {
        display: block
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a.qodef-tweet-time span {
        margin: 0 2px 0 0
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-standard li .qodef-twitter-icon {
        position: absolute;
        top: 2px;
        left: 0
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-standard li .qodef-tweet-text {
        padding: 0 0 0 40px
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        padding: 0 40px;
        text-align: center;
        box-sizing: border-box
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider li {
        overflow: hidden
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider li .qodef-tweet-text a.qodef-tweet-time {
        margin: 21px 0 0
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider .owl-nav .owl-prev {
        left: 0
    }
    .widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider .owl-nav .owl-next {
        right: 0
    }