@charset"UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.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 {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%, 100% {
        -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 {
    0%, 100% {
        -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 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);
    }
    100% {
        -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);
    }
    100% {
        -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 {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    11.1% {
        -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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes jello {
    11.1% {
        -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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        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);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        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);
    }
    100% {
        -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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -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;
    }
    100% {
        -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 {
    0% {
        -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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -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;
    }
    100% {
        -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;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -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;
    }
    100% {
        -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 {
    0% {
        -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;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -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;
    }
    100% {
        -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 {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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;
    }
    100% {
        -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;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        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 {
    0% {
        opacity: 1;
    }
    100% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        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 {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.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(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        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(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@font-face {
    font-family:'Droid Arabic Kufi Regular';
    font-style: normal;
    font-weight: 400;
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Regular-eot.eot);
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Regular-eot.eot?#iefix) format('embedded-opentype'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Regular-woff2.woff2) format('woff2'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Regular-woff2.woff) format('woff'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Regular-ttf.ttf) format('truetype');
}
@font-face {
    font-family:'Droid Arabic Kufi Bold';
    font-style: normal;
    font-weight: 700;
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Bold-eot.eot);
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Bold-eot.eot?#iefix) format('embedded-opentype'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Bold-woff2.woff2) format('woff2'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Bold-woff.woff) format('woff'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidKufi-Bold-ttf.ttf) format('truetype');
}
@font-face {
    font-family:'Droid Arabic Naskh Regular';
    font-style: normal;
    font-weight: 400;
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Regular-eot.eot);
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Regular-eot.eot?#iefix) format('embedded-opentype'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Regular-woff2.woff2) format('woff2'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Regular-woff.woff) format('woff'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Regular-ttf.ttf) format('truetype');
}
@font-face {
    font-family:'Droid Arabic Naskh Bold';
    font-style: normal;
    font-weight: 400;
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Bold-eot.eot);
    src: url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Bold-eot.eot?#iefix) format('embedded-opentype'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Bold-woff2.woff2) format('woff2'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Bold-woff.woff) format('woff'), url(/dms/templating-kit/themes/mbc/fonts/droid/DroidNaskh-Bold-ttf.ttf) format('truetype');
}
/*
Utility classes
*/
.group:after, .comments-box-header:after, .comments-box-actions:after, .mbcSlider:after, .mbcSlider-slider__header:after, .mbcSlider-album-item:after, .mbcSlider-next-album__container:after, .mbcSlider-next-album__container .next-album-title:after, .audio-section .items .listing-item .item-content-container .audio-player .player-actions:after {
    content:"";
    display: table;
    clear: both;
}
/*
END Utility classes
*/
.articles #wrapper #wrapper-3-inner {
    background: #fff none repeat scroll 0 0 !important;
    left: 0;
    overflow: visible;
    padding: 0;
    top: 0;
    width: 980px;
    float: right;
}
.articles #wrapper #wrapper-3-inner #main {
    background: #fff none repeat scroll 0 0 !important;
    font: 16px Droid Arabic Naskh Regular,Arial;
    left: 0;
    margin: 0;
    overflow: visible;
    padding: 32px 0 0;
    top: 0;
    width: 640px !important;
}
.articles #main .box .head {
    border: 0 none;
    height: auto;
    margin: 0;
}
.articles #wrapper #wrapper-3-inner #extras {
    margin: 0;
    padding: 20px 20px 0 !important;
    width: 300px;
    font: 16px Droid Arabic Naskh Regular, Arial;
    background: none repeat scroll 0 0 transparent !important;
}

.internals #wrapper-3-inner #extras, #article #wrapper-3-inner #extras {width:300px!important}

.articles #main .box.wrap_article, .articles #wrapper #wrapper-3-inner #main .wrap_article .content {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    padding: 0;
    width: 640px;
    overflow: visible;
    margin: 0;
}
.articles #main .box.wrap_article .box.poll_sml {
    float: right;
}
.articles #main .box.wrap_article .box.poll_sml.special {
    background: none repeat scroll 0 0 transparent !important;
}
.articles #extras .box.wrap_maintt4 {
    width: 300px;
}
.articles #extras #myslide {
    min-height: 340px;
    left: 5px;
}
.articles #extras .related-component-sliding-format2-title h3 {
    padding: 5px 0 0;
    width: 300px;
}
.articles #main .box.wrap_comments .content {
    padding: 0;
}
.articles #site-info {
    background: transparent none repeat scroll 0 0;
}
.articles #main .wrap_article .content .arena h2 {
    color: #1e1e1e;
    /*font-size: 16px !important;*/
    font-weight: bold !important;
    margin-right: 40px;
}
.articles #main .wrap_article .content .table-component-container table ul {
    color: #888888;
}
.articles .wrap_article ul.wrap-options {
    margin: 0;
    position: absolute;
    right: 24px;
    top: -7px;
}
.articles .wrap_article.mbcSlider-box-wrapper ul.wrap-options {
    top: 0px;
    /****top was 25**/
}
.articles .wrap_article .wrap-options .date {
    color: #888888;
    font: 14px Droid Arabic Kufi Regular, Arial;
    margin: 0;
    padding: 0;
}
.articles .share-bar {
    float: right;
    margin: 0 35px 12px 0;
    width: 94%;
}
.articles #main .wrap_article .content .share-bar table, .articles #main .wrap_article .content .share-bar table tr {
    float: right;
    margin: 0;
    width: auto !important;
}
.articles .share-bar table tr td {
    float: right;
}
.block-560 {
    margin-right: 40px;
}
#main .box.poll_sml > div.block-560 {
    margin-right: 40px !important;
}
.box.wrap_comments {
    float: right;
}
.articles #main .box.wrap_article .article-title {
    float: right;
    width: 560px;
    margin-bottom: 18px;
}
.article-category {
    color: #888888;
    float: right;
    font: 14px/18px Droid Arabic Kufi Regular, Arial;
    margin-bottom: 7px;
    width: 93%;
}
.articles #main .box.wrap_article .article-category .icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll 0 0;
    float: right;
    height: 16px;
    margin: 0 0 0 14px;
    width: 16px;
}
.articles #main .box.wrap_article .article-category .category-list {
    float: right;
    width: 50%;
}
.icon-mbcDvd, .icon-mbcRecipe, .icon-mbcOpinion, .icon-mbcInterview, .icon-mbcAbout, .icon-mbcContentStreamVideo {
    background-position: -1px -1888px !important;
}
.icon-mbcNews {
    background-position: -1px -1888px !important;
}
.icon-mbcEpisode {
    background-position: -1px -1911px !important;
}
.icon-mbcMatch {
    background-position: -1px -1936px !important;
}
.icon-mbcPhotoAlbum, .icon-mbcPhoto {
    background-position: -1px -1959px !important;
}
.icon-mbcProfile {
    background-position: -1px -1981px !important;
}
.icon-mbcVideo {
    background-position: -1px -2004px !important;
}
.icon-mbcMobc {
    background-position: -1px -2025px !important;
}
.icon-mbcProgram {
    background-position: -1px -2053px !important;
}
.articles #main .box.wrap_article .content .article-title h2 {
    color: #1e1e1e;
    float: right;
    font: 25px/37px Droid Arabic Kufi Bold, Arial !important;
    margin: 0;
    width: 100%;
}
.articles #main .box.wrap_article .content .article-title h2 span.latin {
    font-weight:bold;
}
.articles #main .box.wrap_article .article-title h2 em {
    color: #888888;
    font: 20px/40px Droid Arabic Kufi Regular, Arial !important;
}
/* -------------------------------- Article Image CSS -------------------------------- */
.cd-popup-trigger {
    border-bottom: 2px groove rgba(231, 231, 231, 0.5);
    border-bottom: 2px groove #e7e7e7\9;
    display: inline;
    float: right;
    height: 100%;
    margin-bottom: 35px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 560px;
}
.cd-popup-trigger img {
    display: list-item;
    margin: 0 auto;
}
.cd-popup-trigger img.largeImg {
    height: auto;
    width: 560px;
}
.cd-popup-container .cd-popup-close {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -2px -568px transparent;
    cursor: pointer;
    height: 41px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 41px;
}
.cd-popup-container img {
    position: relative;
    vertical-align: middle;
}
.ie .cd-popup-container img {
    pointer-events: none;
}
.img-article-copyrights {
    color: #010001;
    float: right;
    font: italic bold 12px Droid Arabic Kufi Regular, Arial;
    padding: 3px 1px 0 0;
    text-align: right;
    width: 100%;
}
.img-article-copyrights .source {
    color: #010001;
}
.pa-main-container {
    position: relative;
}
.cd-popup.is-visible .img-article-copyrights, .pa-main-container .img-article-copyrights {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll 6px -532px #000000;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 5px;
    bottom: 71px;
    color: #fff;
    display: inline;
    font: 17px/13px mytestmedium;
    left: 8px;
    padding: 5px 10px 9px 30px;
    position: absolute;
    width: auto;
}
.cd-popup.is-visible .img980 .img-article-copyrights {
    bottom: 59px !important;
}
.img-article-copyrights > p {
    margin: 0;
}
.cd-popup.is-visible .img-article-copyrights > p {
    float: left;
    height: 16px;
    margin: 0;
    max-height: 16px;
    max-width: 360px;
    overflow: hidden;
}
.cd-popup.is-visible .img-article-copyrights > p span {
    float: left;
    text-align: left;
}

#nav-global a img{width:auto!important}

.cd-popup.is-visible .img-article-copyrights > p .source {
    display: none;
}
.img-article-title {
    color: #999999;
    float: right;
    font: 14px/24px Droid Arabic Naskh Regular, Arial;
    text-align: right;
    width: 100%;
    padding-top: 8px;
}
.cd-popup.is-visible .cd-popup-container .img-article-title {
    background-color: rgba(0, 0, 0, 0.6);
    background: url("../img/iconsGFX/img-article-title-bg-shadow.png") repeat scroll 0 0 transparent;
    bottom: 0;
    color: #fff;
    direction: ltr;
    font: 16px/25px Droid Arabic Naskh Regular, Arial;
    left: 0;
    max-height: 40px;
    overflow: hidden;
    padding: 12px 22px;
    position: absolute;
    text-align: right;
    width: 98%;
}
.img-article-title > h1 {
    color: #666666;
    font: 14px/24px Droid Arabic Naskh Regular, Arial !important;
    margin: 0;
}
.cd-popup-container .img-article-title h1 {
    color: #fff;
    direction: rtl;
    margin: 0 auto;
    width: 50%;
}
/* -------------------------------- Article Image POPUP CSS -------------------------------- */
.cd-popup {
    background-color: rgba(0, 0, 0, 0.94);
    background: url("../img/iconsGFX/popup-shadow.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
    width: 100%;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    z-index: 1000;
}
.cd-popup-container {
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}
.cd-popup-trigger .imgSize, .cd-popup-container .imgSize {
    height: 0;
    display: none;
}
.img980 .cd-popup-container img.largeImg {
    height: 100%;
    width: auto;
}
.img-container {
    display: inline;
    float: left;
    margin: 0 auto;
    width: 100%;
}
.img-container .img-con {
    background: #0f0f0f none repeat scroll 0 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    float: right;
    width: 100%;
    height: 100%;
}
.img980 .img-container {
    height: 100%;
    width: auto;
}
.cd-popup-container .img-container {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: auto;
}
.ie .cd-popup-container .img-container {
    display: inline;
    float: left;
}
.img980 .largeImg {
    height: 100%;
    width: auto;
}
.no-h .largeImg {
    height: auto;
    width: 100%;
}
.no-h .img-article-copyrights {
    bottom: 10px !important;
}
/* -------------------------------- Question Answer Section CSS -------------------------------- */
.question-answer-section {
    font: 16px Droid Arabic Kufi Regular, Arial;
    width: 560px;
    position: relative;
    float: right;
}
.question-answer-section-title {
    font-size: 20px;
    padding-bottom: 16px;
    width: 100%;
}
.question-answer-section-list {
    width: 100%;
    border-bottom: 2px groove rgba(215, 215, 215, 0.4);
    border-bottom: 2px groove #d7d7d7\9;
    margin-bottom: 45px;
    padding-bottom: 30px;
    float: right;
}
.is-collapsed .question-answer-section-list {
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.question-answer-section .question-answer-section-list.last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
}
.qa-section-question {
    float: right;
    padding: 0 0 15px;
    width: 100%;
}
.qa-section-question h3 {
    float: right;
    font: 16px Droid Arabic Kufi Regular, Arial;
    width: 93%;
}
.qa-section-answer {
    display: block;
    float: right;
    font-family: Droid Arabic Naskh Regular, Arial;
    line-height: 27px;
    padding: 0 0 5px;
    position: relative;
    width: 100%;
}
.qa-section-answer p {
    float: right;
    width: 93%;
}
.qa-section-question span.icon, .qa-section-answer span.icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -492px transparent;
    float: right;
    height: 16px;
    margin-left: 19px;
    margin-top: 7px;
    width: 16px;
}
.qa-section-answer span.icon {
    background-position: -1px -515px;
    margin-top: 3px;
}
.qa-section-answer p {
    float: right;
}
.is-collapsed .qa-section-answer {
    display: none;
    padding-bottom: 0px;
}
.is-collapsed .qa-section-question h3 {
    cursor: pointer;
}
.qa-section-inject-components {
    width: 580px;
    margin-right: -35px;
}
.social-media-embed-post .twitter-tweet.twitter-tweet-rendered {
    width: 560px !important;
}
/***********************article main image **************************/
.article-main-image {
    border-bottom: 2px groove rgba(231, 231, 231, 0.5);
    border-bottom: 2px groove #e7e7e7\9;
    height: auto;
    margin-bottom: 29px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 560px;
}
.article-main-image img, .article-main-image img.article-old-img {
    background: none repeat scroll 0 0 #ededed;
    height: auto;
    width: 100%;
    float: right;
}
/*********************************************************************/
.social-media-embed-post, .video-embed-post, .audio-embed-post {
    width: 560px;
    margin-bottom: 40px;
    text-align: center;
    float: right;
}
.video-embed-post {
    margin-bottom: 0px;
    margin-top: 20px;
}
.video-caption {
    border-bottom: 2px groove rgba(231, 231, 231, 0.5);
    color: #666;
    float: right;
    font: 14px/24px Droid Arabic Naskh Regular, Arial !important;
    margin-bottom: 20px;
    margin-right: 40px;
    padding-bottom: 10px;
    width: 560px;
}
.social-media-embed-post span span {
    direction: ltr;
}
.article-shahid-box {
    float: right;
    margin-bottom: 17px;
    width: 560px;
}
.article-social-media-box {
    float: right;
    overflow: hidden;
    width: 600px;
}
.article-social-media-box div {
    float: right;
    margin-left: 40px;
    min-height: 60px;
}
.article-shahid-box span.icon, .article-social-media-box span.icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll 0 0 transparent;
    float: right;
    height: 40px;
    width: 40px;
}
.articles .article-shahid-box a.watch-on-shahid-link, .articles .article-social-media-box a.asml {
    color: #888;
    float: right;
    font: 16px/30px Droid Arabic Kufi Regular;
    margin: 0;
    min-height: 56px;
    padding-right: 13px;
    width: 207px;
}
.articles .article-shahid-box a.watch-on-shahid-link {
    margin: 0;
    font: 20px/30px Droid Arabic Kufi Regular;
    min-height: 33px;
    padding-top: 7px;
    width: 507px;
}
.articles .article-social-media-box a {
    font-size: 16px;
}
.article-shahid-box span.icon {
    background-position: -1px -1px;
}
.download-app-android-asml span.icon {
    background-position: -1px -47px;
}
.download-app-mac-asml span.icon {
    background-position: -1px -95px;
}
.download-app-generic-asml span.icon {
    background-position: -1px -143px;
}
.twitter-asml span.icon {
    background-position: -1px -191px;
}
.facebook-asml span.icon, .-asml span.icon {
    background-position: -1px -238px;
}
.instagram-asml span.icon {
    background-position: -1px -285px;
}
.gplus-asml span.icon {
    background-position: -1px -427px;
}
.youtube-asml span.icon {
    background-position: -1px -379px;
}
.vine-asml span.icon {
    background-position: -1px -332px;
}
/* Photo Album CSS*/
.articles.alboum-page #wrapper #wrapper-3-inner #main.photo-album-article {
    position: relative;
    width: 100% !important;
}
.articles #wrapper #wrapper-3-inner #main.photo-album-article .box.wrap_article {
    float: right;
    width: 100%;
}
.articles #wrapper #wrapper-3-inner #main.photo-album-article .box.wrap_article .content {
    width: 100%;
}
.articles #main.photo-album-article .box.wrap_article .article-title {
    float: right;
    width: 920px;
}
.photo-album-article .photo-album-container {
    background: #f1f1f1 none repeat scroll 0 0;
    float: right;
    height: 572px;
    margin-bottom: 33px;
    width: 980px;
}
.photo-album-article .photo-album-container #slider_container {
    float: right;
    height: 572px;
    margin: 0 0 0 21px;
    overflow: visible;
    width: 639px;
}
.photo-album-article .photo-album-desc {
    float: right;
    height: 236px;
    width: 283px;
    margin: 35px 0 10px;
    overflow: hidden;
}
.photo-album-article .photo-album-desc .caption-content-container {
    height: 212px;
    overflow: hidden;
    font-size: 14px;
    line-height: 27px;
    margin: 0;
}
.photo-album-article .full-mode-container .photo-album-desc .caption-content-container {
    height: auto;
}
.photo-album-article .photo-album-desc .caption-content-container p {
    margin: 0;
}
.photo-album-article .photo-album-desc p.scroll-caption {
    height: 200px;
}
#main.photo-album-article .form-wrapper {
    float: right;
    min-height: auto;
    width: 640px;
}
.en #main.photo-album-article .form-wrapper {
    float: left;
}
#main .form-wrapper {
    min-height: auto;
}
.photo-album-container {
    float: right;
    margin-bottom: 33px;
    width: 627px;
}
.jssora01l, .jssora01r, .jssora01ldn, .jssora01rdn, .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll transparent;
    overflow: hidden;
}
.jssora01l, .jssora03l {
    background-position: -18px -872px;
}
.jssora01r, .jssora03r {
    background-position: -1px -872px;
}
.jssora01l:hover, .jssora03l:hover {
    background-position: -18px -903px;
}
.jssora01r:hover, .jssora03r:hover {
    background-position: -1px -903px;
}
.jssora01ldn, .jssora03ldn {
    background-position: -18px -903px;
}
.jssora01rdn, .jssora03rdn {
    background-position: -1px -903px;
}
#slider_container {
    position: relative;
    width: 611px;
    height: 339px;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 30px;
}
.injected-photo-album #slider_container.injected-pa-area {
    background: #000 none repeat scroll 0 0;
    height: 340px;
    margin: 0 40px 0 0;
    width: 560px;
}
#slider_container_full {
    position: relative;
    width: 1033px;
    height: 623px;
    overflow: hidden;
    margin-right: 0px;
    margin-bottom: 0px;
    display: none;
}
#slider_container_full > div > div {
    height: 100%;
    width: 100%;
}
.injected-photo-album.full-mode-container #slider_container_full {
    display: block;
    height: 100% !important;
    width: 100% !important;
}
#slides-list {
    background: none repeat scroll 0 0 #000;
    border-left: 1px solid #686868;
    border-right: 1px solid #686868;
    cursor: move;
    height: 339px;
    left: 24px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 560px;
}
#slider_container_full #slides-list {
    border-color: #000;
    height: 100% !important;
    left: 0;
    overflow: visible !important;
    width: 100% !important;
}
.photo-album-article #slides-list {
    border: 0 none;
    height: 572px;
    left: 0;
    width: 639px;
}
.photo-album-article .related-albums-block {
    background: transparent url("../img/iconsGFX/sliderPopup.png") repeat scroll 0 0;
    height: 222px;
    padding-right: 58px;
    padding-top: 30px;
    width: 581px;
}
.photo-album-article .related-album-details {
    padding-right: 16px;
}
#slider-l-arrow, #slider-r-arrow {
    width: 17px;
    height: 31px;
    top: 155px;
}
#slider_container #slider-l-arrow, #slider_container .hide-left-arrow {
    height: 30px;
    width: 18px;
}
#slider-r-arrow {
    display: block !important;
}
#slider-l-arrow, .hide-left-arrow {
    right: 0;
}
#slider_container #slider-l-arrow, #slider_container .hide-left-arrow {
    background-position: -28px -1691px;
    right: 20px;
}
#slider_container #slider-r-arrow, #slider_container .next-album-link {
    background-position: -1px -1691px;
    left: 20px;
}
#slider_container #slider-r-arrow:hover, #slider_container .next-album-link:hover {
    background-position: -1px -1728px;
}
#slider_container #slider-l-arrow:hover, #slider_container .hide-left-arrow:hover {
    background-position: -28px -1728px;
}
#slider_container_full #slider-l-arrow, #slider_container_full .hide-left-arrow {
    background-position: -24px -1347px;
    height: 36px;
    right: 39px;
    width: 24px;
    top: 50% !important;
}
#slider_container_full #slider-l-arrow:hover, #slider_container_full .hide-left-arrow:hover {
    background-position: -24px -1386px;
}
.hide-left-arrow {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -18px -872px #ffffff;
    cursor: pointer;
    display: none;
    height: 31px;
    position: absolute;
    top: 155px;
    width: 17px;
}
.hide-left-arrow:hover {
    background-position: -18px -903px;
}
.next-album-link {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -872px #ffffff;
    height: 31px;
    position: absolute;
    width: 17px;
    display: none;
}
.next-album-link:hover {
    background-position: -1px -903px;
}
.photo-album-article .hide-left-arrow {
    top: 232px;
}
#slider-r-arrow, .next-album-link {
    left: 0px;
}
#slider_container_full #slider-r-arrow, #slider_container_full .next-album-link {
    background-position: -1px -1347px;
    height: 36px;
    left: 39px;
    width: 24px;
    top: 50% !important;
}
#slider_container_full #slider-r-arrow:hover, #slider_container_full .next-album-link:hover {
    background-position: -1px -1386px;
}
.prevslideNum, .nextSlideNum {
    background: none repeat scroll 0 0 #111111;
    color: #fff;
    font: bold 13px/24px arial;
    height: 27px;
    position: absolute;
    text-align: center;
    top: 156px;
    width: 25px;
}
.photo-album-article .prevslideNum, .photo-album-article .nextSlideNum {
    background: transparent none repeat scroll 0 0;
    color: transparent;
}
.prevslideNum {
    right: 25px;
}
.nextSlideNum {
    left: 25px;
}
.sliderPopup {
    background: url("../img/iconsGFX/sliderPopup.png") repeat scroll 0 0 transparent;
    display: none;
    height: 339px;
    left: 24px;
    position: absolute;
    top: 0;
    width: 562px;
}
#slider_container_full .sliderPopup {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.photo-album-article .sliderPopup {
    height: 476px;
    left: 0;
    padding-top: 96px;
    width: 639px;
}
.participate-link {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -621px transparent;
    height: 17px;
    left: 36px;
    position: absolute;
    top: 11px;
    width: 52px;
    cursor: pointer;
}
.full-mode-container .participate-link {
    z-index: 100;
}
.photo-album-article .participate-link {
    left: 13px;
    display: none;
}
.photo-album-article .photo-album-container .participate-link {
    display: block;
}
#slides-list .caption, #slides-list .copyright, #slides-list .share, #slides-list .more-count {
    display: none;
}
.participate-link .share-button, .participate-link-realted-album .share-button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    float: left;
    height: 17px;
    padding: 0;
    text-indent: 9999px;
    width: 52px;
    margin: 0px;
}
.full-mode-btn {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -688px;
    cursor: pointer;
    height: 29px;
    position: absolute;
    right: 13px;
    top: 10px;
    width: 29px;
}
.next-album-block {
    height: 134px;
    margin: 0 0 90px 93px;
    width: 450px;
    float: left;
}
#slider_container_full .next-album-block {
    float: left;
    height: 35%;
    margin: 0 auto;
    padding-top: 10%;
    width: 100%;
}
.replay-btn-block {
    float: right;
    height: 134px;
    width: 66px;
}
.replay-btn {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -744px transparent;
    cursor: pointer;
    float: right;
    height: 54px;
    width: 51px;
    margin-top: 39px;
}
.next-album-title {
    background: url("../img/iconsGFX/next-album-bg.png") repeat scroll 0 0 transparent;
    color: #686767;
    float: right;
    font: 16px/26px Droid Arabic Kufi Regular, Arial;
    height: 97px;
    padding-right: 11px;
    padding-top: 37px;
    width: 80px;
}
.next-album-title .arrow-icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -722px transparent;
    float: left;
    height: 18px;
    margin-left: 8px;
    margin-top: -3px;
    width: 10px;
}
.next-album-details {
    background: none repeat scroll 0 0 #fff;
    float: right;
    height: 125px;
    padding-right: 8px;
    padding-top: 9px;
    width: 285px;
}
.next-album-details-img {
    float: right;
    position: relative;
    text-align: right;
    width: 102px;
}
.next-album-details-img img {
    height: 59px;
    width: 91px;
    border: 0 none;
}
.img-icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -805px transparent;
    height: 27px;
    position: absolute;
    width: 27px;
}
.next-album-details-img .img-icon {
    left: 11px;
    top: 32px;
}
.next-album-details-data {
    float: right;
    text-align: right;
    width: 175px;
}
.next-album-details-data .title {
    float: right;
    height: 59px;
    overflow: hidden;
    width: 100%;
}
.next-album-details-data .title a {
    color: #4a4a4a !important;
    font: 14px/27px Droid Arabic Naskh Regular, Arial;
}
.next-album-details-data .interest-tags {
    float: right;
    height: 38px;
    width: 100%;
}
.next-album-details-data .interest-tags a {
    color: #888888 !important;
    font: 13px Droid Arabic Kufi Regular, Arial;
}
.next-album-details-data .next-article-participate-link {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -644px transparent;
    float: right;
    height: 18px;
    left: 0;
    position: relative;
    top: 0;
    width: 54px;
}
.next-album-details-data .next-article-participate-link .share-button {
    background: none repeat scroll 0 0 transparent;
    float: right;
    margin: 0;
    padding: 0;
}
.related-albums-block {
    background: none repeat scroll 0 0 #000;
    height: 177px;
    width: 539px;
    padding-right: 23px;
    float: left;
}
#slider_container_full .related-albums-block {
    background: #000 none repeat scroll 0 0;
    float: left;
    height: 50%;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
}
.related-albums-block-title {
    color: #fff;
    float: right;
    font: 18px/64px Droid Arabic Kufi Regular, Arial;
    height: 67px;
    text-align: right;
    width: 539px;
}
#slider_container_full .related-albums-block .related-albums-block-title {
    float: left;
    width: 99%;
}
/*sliderPopup slider CSS*/
#related-album-container .jssora01l, #related-album-container .jssora01r, #related-album-container .jssora01ldn, #related-album-container .jssora01rdn {
    position: absolute;
    cursor: pointer;
    display: block !important;
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll transparent;
    overflow: hidden;
}
#related-album-container .jssora01l, #related-album-container .jssora01r {
    width: 9px;
    height: 16px;
    top: 21px !important;
}
#related-album-container .jssora01l {
    background-position: -10px -836px;
    right: 0;
    display: none !important;
}
#slider_container #related-album-container .jssora01l.show-arrow {
    display: block !important;
}
#slider_container_full #related-album-container .jssora01l.show-arrow {
    display: block !important;
}
#related-album-container .jssora01r {
    background-position: -1px -836px;
    left: 0;
}
#slider_container #related-album-container .jssora01r.hide-arrow {
    display: none !important;
}
#slider_container_full #related-album-container .jssora01r.hide-arrow {
    display: none !important;
}
#related-album-container .jssora01l:hover {
    background-position: -10px -852px;
}
#related-album-container .jssora01r:hover {
    background-position: -1px -852px;
}
#related-album-container .jssora01ldn {
    background-position: -10px -852px;
}
#related-album-container .jssora01rdn {
    background-position: -1px -852px;
}
#related-album-container {
    float: right;
    height: 83px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 516px;
}
#slider_container_full #related-album-container {
    width: 95%;
}
#related-album-container #slides {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 500px;
    height: 83px;
    overflow: hidden;
}
#slider_container_full #related-album-container #slides {
    width: 100%;
}
.related-album-details {
    padding-right: 16px;
    position: absolute;
    width: 240px;
}
.related-album-details-img {
    float: right;
    position: relative;
    text-align: right;
    width: 102px;
}
.related-album-details-img img {
    height: 59px;
    width: 91px;
    border: 0 none;
}
.related-album-details-img .img-icon {
    left: 11px;
    top: 32px;
}
.related-album-details-data {
    float: right;
    text-align: right;
    width: 136px;
}
.related-album-details-data .title {
    float: right;
    height: 55px;
    overflow: hidden;
    width: 95%;
}
.related-album-details-data .title a {
    color: #fff !important;
    float: right;
    font: 14px/25px Droid Arabic Naskh Regular, Arial;
}
.related-album-details-data .participate-link, .related-album-details-data .participate-link-realted-album {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1768px;
    float: right;
    height: 18px;
    left: 0;
    position: relative;
    top: 10px;
    width: 54px;
}
#slider_container .img-article-copyrights {
    bottom: 0;
    display: table;
    left: 35px;
    top: 298px;
}
.photo-album-title {
    float: right;
    margin-bottom: 7px;
    width: 562px;
}
.photo-album-title span.icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1051px transparent;
    float: right;
    height: 24px;
    margin-left: 10px;
    margin-top: 8px;
    width: 24px;
}
.photo-album-title h3 {
    color: #4a4a4a;
    float: right;
    font: 20px Droid Arabic Kufi Regular, Arial;
    width: 93.8%;
}
.photo-album-desc {
    float: right;
    width: 560px;
    color: #666;
}
.photo-album-desc p a {
    color: #1e1e1e !important;
    font: 16px Droid Arabic Naskh Regular, Arial;
}
#slider_container.show-slider-popup, #slider_container.show-slider-popup > div {
    height: 339px !important;
}
.photo-album-article #slider_container.show-slider-popup, .photo-album-article #slider_container.show-slider-popup > div {
    height: 495px !important;
}
.show-slider-popup #slider-l-arrow, .show-slider-popup #slider-r-arrow, .show-slider-popup .hide-left-arrow, .show-slider-popup .next-album-link {
    top: 155px !important;
}
.photo-album-article .show-slider-popup #slider-l-arrow, .photo-album-article .show-slider-popup #slider-r-arrow, .photo-album-article .show-slider-popup .hide-left-arrow, .photo-album-article .show-slider-popup .next-album-link {
    background-color: transparent;
    top: 271px !important;
    z-index: 1;
}
.count-photos {
    color: #666666;
    direction: ltr;
    display: none;
    font-family: Myriad Pro;
    font-size: 20px;
    font-weight: lighter;
    text-align: right;
}
.photo-album-article .count-photos {
    display: block;
}
.photo-album-article .box.agt-live-killer.killerbanner {
    float: right;
}
.photo-album-desc-area {
    float: right;
    margin-bottom: 18px;
    position: relative;
}
.en .photo-album-desc-area {
    float: left;
    margin: 10px 0 10px 40px;
}
.photo-album-desc-area > p {
    color: #4a4a4a;
    float: none;
    font: 16px Droid Arabic Naskh Regular, Arial !important;
    margin: 0 40px 0 0;
    width: 920px;
}
/* End Photo Album CSS*/

/* Realted links box CSS*/
.related-links-container {
    background: none repeat scroll 0 0 #ededed;
    border-radius: 3px;
    margin-bottom: 35px;
    padding: 13px;
    width: 534px;
    float: right;
}
.related-links-container h3.subline {
    color: #4a4a4a;
    font: 18px Droid Arabic Kufi Regular, Arial;
}
.articles .wrap_article .related-links-container ul {
    color: #1e1e1e;
    font: 11px "Times New Roman";
    margin: 0;
    padding: 0;
    width: 100%;
}
.related-links-container ul li, .related-links-container ul li a {
    color: #1e1e1e !important;
    font: 16px Droid Arabic Naskh Regular, Arial;
}
.related-links-container ul li:hover, .related-links-container ul li a:hover {
    color: #666666 !important;
}
.related-links-container ul li {
    font-size: 9px;
}
.related-links-container ul li .program-text {
    font: 16px Droid Arabic Naskh Regular, Arial;
    display: inline-block;    
}
/* End Realted links box CSS*/

/* Quote Container box CSS*/
.quote-container {
    color: #4a4a4a;
    font: 18px Droid Arabic Naskh Regular, Arial;
    margin-bottom: 40px;
    padding-left: 115px;
    padding-right: 62px;
    text-align: center;
}
.quote-block {
    quotes:"”""“";
}
.quote-block:before {
    color: #1e1e1e;
    content: open-quote;
    font: 63px/0px mytestbold;
    margin-left: 4px;
    vertical-align: -0.25em;
}
.quote-block:after {
    color: #1e1e1e;
    content: close-quote;
    font: 63px/0px mytestbold;
    margin-left: 0;
    vertical-align: -0.27em;
}
.quote-block > a {
    font: 18px Droid Arabic Naskh Regular, Arial;
    color: #1e1e1e;
}
.quote-source-name {
    color: #1e1e1e;
    font-family: Droid Arabic Kufi Regular, Arial;
    padding-top: 7px;
}
.quote-source-information {
    font-size: 14px;
}
.quote-source-information .source-info {
    display: inline;
}
.quote-source-information .source-date {
    color: #999999;
    padding-right: 3px;
    display: inline;
}
.quote-source-information .space {
    border-left: 1px solid #4a4a4a;
    border-right: 1px solid #c4c4c4;
    display: inline-block;
    height: 14px;
    margin-right: 3px;
    vertical-align: -3px;
}
.quote-container .quote-source-name span.latin {
    direction: ltr;
    float: right;
    width: 100%;
}
/* End Quote Container box CSS*/

/* related component sliding format2 CSS*/
.related-component-sliding-format2 {
    float: right;
    margin-right: 14px;
    width: 612px;
    margin-bottom: 40px;
}
.related-component-sliding-format2-title h3 {
    color: #4a4a4a;
    font: 20px Droid Arabic Kufi Regular, Arial;
    padding-right: 40px;
}

#audio-listing-component {
    height: 190px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 628px;
}

.related-component-list {
    border-radius: 3px;
    height: 244px;
    padding: 5px;
    width: 173px;
}
.related-component-list:hover {
    background: none repeat scroll 0 0 #ececec;
}
.related-component-list .related-component-list-img {
    float: right;
    height: 117px;
    width: 100%;
    position: relative;
}
.related-component-list .related-component-list-img img {
    height: 100%;
    width: 100%;
}
.related-component-list .related-component-list-img .img-icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
}
.related-component-list .title {
    float: right;
    height: 55px;
    margin-bottom: 11px;
    overflow: hidden;
    padding-top: 6px;
    width: 100%;
}
.related-component-list .title a {
    color: #4a4a4a !important;
    font: 16px/27px Droid Arabic Naskh Regular, Arial;
}
.related-component-list:hover .title a {
    color: #1e1e1e;
}
.related-component-list .interest-tags {
    float: right;
    height: 37px;
    overflow: hidden;
    width: 100%;
}
.related-component-list .interest-tags h3 {
    color: #888888;
    font: 13px/30px Droid Arabic Kufi Regular, Arial;
}
.related-component-list .participate-link {
    background-position: -1px -644px;
    float: right;
    height: 18px;
    left: 0;
    position: relative;
    top: 0;
    width: 54px;
}
#mbcFeaturedArticle_slider, #slides-list-rc {
    width: 560px;
    margin-right: 18px;
}
#mbcFeaturedArticle_slider .slick-disabled, #slides-list-rc .slick-disabled, {
    display: none !important;
}
#mbcFeaturedArticle_slider .slick-next, #mbcFeaturedArticle_slider .slick-prev, #slides-list-rc .slick-next, #slides-list-rc .slick-prev {
    top: 35% !important;
    width: 17px !important;
    height: 31px !important;
}
#mbcFeaturedArticle_slider .slick-next, #slides-list-rc .slick-next {
    left: -25px;
    background-position: -1px -872px;
}
#mbcFeaturedArticle_slider .slick-prev, #slides-list-rc .slick-prev {
    right: -25px;
    background-position: -19px -872px;
}
.related-component-list .participate-link input.share-button {
    background: transparent none repeat scroll 0 0;
    float: left;
    width: 55px;
}
.related-component-sliding-format2 #less-3-item, .audio-section #less-3-item {
    padding-right: 25px;
}
#less-3-item #slides-list-rc > div {
    float: right;
}
#less-3-item .jssora01l, #less-3-item .jssora01r {
    display: none !important;
}
/* End related component sliding format2 CSS*/

/* comments box component CSS*/
.comments-box-component {
    margin-bottom: 32px;
    width: 560px;
}
.comments-box-component .insert-name span:first-child {
    color: #888;
    display: inline;
    float: right;
    font: 14px Droid Arabic Naskh Regular, Arial;
}
.comments-box-header {
    width: 100%;
    border-bottom: 2px groove rgba(206, 205, 205, 0.5);
    border-bottom: 2px groove #cecdcd\9;
}
.comments-box-header .add-comments {
    float: right;
    color: #1e1e1e;
    font: 20px Droid Arabic Kufi Regular, Arial;
}
.comments-box-header .add-comments span.icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1120px transparent;
    float: left;
    height: 16px;
    margin-right: 8px;
    margin-top: 12px;
    width: 20px;
}
.comments-box-header .comments-count {
    color: #888888;
    float: left;
    padding-top: 6px;
}
.comments-box-actions {
    width: 100%;
}
.comments-box-actions .login-area {
    float: right;
    width: 100%;
    height: 44px;
    border-bottom: 2px groove rgba(206, 205, 205, 0.5);
    border-bottom: 2px groove #cecdcd\9;
    font-size: 13px;
    color: #aaaaaa;
    line-height: 42px;
}
.comments-box-actions .login-area span {
    border-bottom: 1px solid #1e1e1e;
    color: #1e1e1e;
    font: 13px Droid Arabic Naskh Regular, Arial;
    cursor: pointer;
}
.comments-box-actions .comments-form {
    color: #888888;
    font-size: 14px;
    margin-top: -4px;
    width: 100%;
    margin-bottom: 10px;
}
.comments-box-actions .comments-form .insert-name, .comments-box-actions .comments-form .insert-comments {
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 3px;
    float: right;
    height: 32px;
    margin-bottom: 2px;
    padding-right: 12px;
    padding-top: 6px;
    width: 548px;
}
.comments-box-actions .comments-form .insert-name input, .comments-box-actions .comments-form .insert-comments textarea, .comments-box-actions .comments-form .insert-comments input {
    background: transparent none repeat scroll 0 0;
    border: 0 none !important;
    color: #888888;
    font: 14px Droid Arabic Naskh Regular, Arial;
    margin-right: 10px;
    padding: 0 !important;
    resize: none;
    width: 90% !important;
}
.comments-box-actions .comments-form .insert-comments textarea {
    height: 22px !important;
    margin: 5px 10px 5px 0;
    width: 96% !important;
}
.comments-box-actions .comments-form .comments-submit-btn {
    float: left;
}
.comments-box-actions .comments-form .comments-submit-btn input {
    background: #1e1e1e none repeat scroll 0 0;
    border: 0 none !important;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font: 14px Droid Arabic Naskh Bold, Arial;
    height: 33px;
    padding: 0 12px 2px 11px !important;
    width: 59px !important;
}
.comments-box-actions .comments-err, .comments-box-actions .comments-err-gwt {
    float: right;
    width: 100%;
    height: 44px;
    border-bottom: 2px groove rgba(206, 205, 205, 0.5);
    border-bottom: 2px groove #cecdcd\9;
    font-size: 13px;
    color: #aaaaaa;
    line-height: 42px;
    display: none;
}
.comments-box-actions .comments-err-gwt {
    display: block;
}
.comments-box-list {
    width: 100%;
    overflow: hidden;
}
.comments-box-list .comment-block {
    width: 100%;
    color: #888888;
    padding-top: 24px;
    padding-bottom: 29px;
    border-bottom: 2px groove rgba(206, 205, 205, 0.5);
    border-bottom: 2px groove #cecdcd\9;
}
.comments-box-list .comment-block:last-child {
    border: 0 none;
}
.comments-box-list .comment-block .user-name {
    padding-bottom: 3px;
    width: 100%;
}
.comments-box-list .comment-block .comment-desc {
    font-size: 14px;
    line-height: 27px;
    width: 100%;
}
.comments-box-footer, .comments-box-footer-gwt {
    background: url("../img/iconsGFX/comments-box-footer.png") no-repeat scroll bottom center transparent;
    width: 100%;
    height: 44px;
}
.comments-box-footer {
    display: none;
}
.comments-box-footer .more-comment-link, .comments-box-footer-gwt .more-comment-link {
    text-align: center;
    background: #ebebeb;
    border-radius: 3px;
    width: 100%;
    height: 36px;
    line-height: 37px;
    color: #888888;
    cursor: pointer;
}
.articles.en .comments-box-component {
    float: left;
    margin: 0 0 32px 40px;
}
.articles.en .comments-box-component .insert-name span:first-child {
    float: left;
}
.articles.en .comments-box-header .add-comments {
    float: left;
}
.articles.en .comments-box-header .add-comments span.icon {
    float: right;
    margin: 12px 0 0 8px;
}
.articles.en .comments-count {
    float: right;
}
.articles.en .comments-form .insert-name, .articles.en .insert-comments {
    padding: 6px 0 0 12px;
}
.articles.en .insert-name input, .articles.en .insert-comments textarea {
    margin-left: 10px;
    margin-right: 0;
}
.articles.en .comments-box-actions .comments-form .comments-submit-btn {
    float: right;
}
.articles.en #extras .related-component-sliding-format2-title h3 {
    margin-left: 9px;
}
.articles.en #extras #myslide .alboum-list {
    margin-left: 0;
    margin-right: 9px;
}
/* End comments box component CSS*/
.photo-album-desc-area.expand-text {
    display: inline;
    height: 65px;
    overflow: hidden;
}
.more-expand-text-link, .less-expand-text-link {
    color: #1e1e1e;
    cursor: pointer;
    font: 16px Droid Arabic Naskh Regular, Arial !important;
}
.photo-album-desc-area .more-expand-text-link {
    display: none;
}
.photo-album-desc-area.expand-text .more-expand-text-link {
    display: inline;
}
.ie .photo-album-desc-area.expand-text {
    height: 60px;
    overflow: hidden;
}
/* featured article section component CSS*/
.featured-article-section-component {
    float: right;
    margin-right: 36px;
    width: 588px;
    margin-bottom: 40px;
}
.featured-article-section-component-title {
    padding-bottom: 5px;
    padding-right: 4px;
    width: 100%;
}
.featured-article-section-component-title h3 {
    color: #4a4a4a;
    font: 20px Droid Arabic Kufi Regular, Arial;
}
.featured-article-section-component .related-component-list {
    float: right;
    margin-left: 13px;
}
.featured-article-section-component .content {
    width: 590px !important;
}
.featured-article-section-component .content .pager {
    display: none;
}
.featured-article-section-component .content .rack ul {
    margin: 0;
    padding: 0;
}
/* End featured article section component CSS*/

/* poll CSS */
.poll-section {
    float: right;
    width: 537px !important;
    padding: 10px 12px 5px;
    background: #f7f7f7;
    border-radius: 3px;
    margin-bottom: 40px;
}
.poll-section-title {
    border-bottom: 1px solid #e3e3e3;
    float: right;
    min-height: 42px;
    width: 100%;
}
.poll-section-title span.icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1081px transparent;

    float: right;
    height: 32px;
    margin-left: 10px;
    width: 32px;
}
.poll-section-title h3 {
    color: #494949;
    float: right;
    font: 20px Droid Arabic Kufi Regular, Arial;
    margin-top: 2px;
    width: 92%;
}
.poll-section-qa-block {
    border-top: 1px solid #fbfbfb;
    float: right;
    width: 100%;
    padding-top: 4px;
}
.poll-section-qa-block .poll-question {
    float: right;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 12px;
    width: 98%;
    color: #888888;
    padding-right: 2px;
}
.poll-options-block {
    float: right;
    width: 100%;
}
.poll-options-block .option-list-block {
    float: right;
    min-height: 46px;
    width: 100%;
    margin: 5px 0;
}
.poll-options-block.special .option-list-block {
    width: 171px;
}
.poll-options-block.special .answer-percentage {
    min-width: 54px;
}
.poll-options-block .option-list-block .answer-block {
    float: right;
    min-height: 55px;
    width: 100%;
}
.poll-options-block .option-list-block .answer-block a.videolightbox, .poll-options-block .option-list-block a.videolightbox {
    display: block;
    float: right;
    margin-left: 8px;
    overflow: hidden;
    position: relative;
}
.poll-options-block .option-list-block .answer-block .play-btn, .poll-options-block .option-list-block .play-btn {
    background: transparent url("/dms/templating-kit/themes/mbc/img/iconsGFX/play-btn/play-btn.png") no-repeat scroll 0 0;
    bottom: -3px;
    height: 30px;
    left: 5px;
    position: absolute;
    width: 40px;
    z-index: 100;
}
.poll-options-block .option-list-block .answer-block .answer {
    color: #666666;
    float: right;
    padding-right: 13px;
    padding-top: 11px;
    font: 14px/22px Droid Arabic Naskh Regular, Arial !important;
}
.answer {
    font: 14px/22px Droid Arabic Naskh Regular, Arial !important;
}
.poll-options-block .option-list-block .answer-block .answer:hover {
    color: #1e1e1e;
    cursor: pointer;
}
.poll-options-block .option-list-block .result-block {
    float: right;
    min-height: 51px;
    position: relative;
    width: 100%;
    color: #666666;
}
.poll-options-block .option-list-block.horizontal.special .result-block {
    position: static;
}
.poll-options-block .option-list-block .result-block .answer {
    color: #666666;
    float: right;
    max-width: 85%;
    padding-right: 13px;
    padding-top: 11px;
}
.poll-options-block .option-list-block .result-block.selected-poll .answer {
    color: #1e1e1e;
    font: 14px/22px Droid Arabic Naskh Bold, Arial !important;
}
.poll-options-block .option-list-block .result-block .result-percentage {
    background: none repeat scroll 0 0 #dcdcdc;
    border-radius: 3px;
    float: right;
    height: 51px;
    margin-bottom: 8px 0;
    position: relative;
}
.poll-options-block .option-list-block .result-block .result-percentage .display-result {
    float: right;
    height: 48px;
    overflow: hidden;
    width: 540px;
    position: relative;
}
.poll-options-block .option-list-block.special {
    margin-left: 8px;
}
.poll-options-block .option-list-block.special, .poll-options-block .option-list-block.special .result-block img {
    height: auto;
    width: 171px;
}
.poll-section.image-poll .poll-options-block .option-list-block.special {
    width: 112px;
}
.poll-section.image-poll .poll-options-block .option-list-block.special .result-block img {
    height: auto;
    width: 76px;
}
.poll-section.image-poll .poll-options-block.special .option-list-block .answer-block {
    padding: 4px 0;
}
.poll-section.imgs-poll .poll-options-block .option-list-block.special .result-block img {
    height: 171px;
}
.poll-options-block .option-list-block.special .result-block .answer-percentage {
    display: none;
}
.poll-section.text-poll .poll-options-block .option-list-block .result-block .result-percentage {
    position: relative;
}
.poll-section.text-poll .poll-options-block .option-list-block .result-block .answer-percentage, .poll-section.text-poll .poll-options-block .option-list-block .result-block .answer-percentage, .poll-section.imgs-poll .poll-options-block .option-list-block .result-block .answer-percentage, .poll-section.text-bimg-poll .poll-options-block .option-list-block .result-block .answer-percentage, .poll-section.image-poll .poll-options-block .option-list-block .result-block .answer-percentage {
    display: none;
    font-size: 16px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: left;
    width: 64px;
}
.poll-section.image-poll .poll-options-block .option-list-block .result-block .answer-percentage {
    left: 4px;
    margin: 0;
    padding-top: 4px;
    width: 56px;
}
.poll-options-block .option-list-block .result-block .answer-percentage {
    float: right;
    font: 18px tahoma;
    margin-right: 80px;
    padding-top: 15px;
}
.poll-section.image-poll .poll-options-block .option-list-block .result-block .answer-percentage.outside, .poll-options-block .option-list-block .result-block .answer-percentage.outside {
    left: -65px;
    top: 0;
}
.answer-percentage.single-val {
    top: 0;
}
.poll-options-block .option-list-block .result-block .answer-percentage.zero {
    float: right;
    position: relative;
    right: 10px;
    top: -3px;
}
.poll-options-block .option-list-block .result-block .answer-percentage.single-val.zero {
    display: block;
    margin-right: 10px;
    position: relative;
}
.poll-options-block .option-list-block .result-block .answer-percentage.stick-to-border {
    left: 0;
    min-width: 54px;
    position: absolute;
}
.poll-options-block .option-list-block .result-block.selected-poll .answer-percentage {
    color: #1e1e1e;
    font-weight: bold;
}
.result-percentage answer-percentage {
    font-size: 16px;
}
.poll-options-block.text-poll .option-list-block .result-block.selected-poll .answer-percentage, .poll-options-block.text-bimg-poll .option-list-block .result-block.selected-poll .answer-percentage {
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.question-image {
    height: auto;
    width: 100%;
    border: 0 none;
}
#extras .poll-section {
    background: none repeat scroll 0 0 #fff;
    width: 277px;
}
#extras .poll-section-title {
    border-bottom: 1px solid #d0d0d0;
}
#extras .poll-section-title h3 {
    width: 84%;
}
#extras .poll-section-qa-block {
    border-top: 1px solid #ededed;
}
#extras .poll-options-block .option-list-block .result-block .answer-percentage {
    line-height: 11px;
    padding: 13px 0 0;
    text-align: left;
}
#extras .poll-options-block .option-list-block .result-block .answer-percentage span.vote {
    color: #666666;
    font: 12px Droid Arabic Naskh Regular, Arial;
}
.image-poll img {
    border-radius: 3px;
    cursor: pointer;
    float: right;
    height: auto;
    width: 100%;
    margin-left: 5px;
}
.image-poll .poll-options-block .option-list-block .result-block {
    width: 83%;
}
#extras .image-poll .poll-options-block .option-list-block .result-block {
    width: 70%;
}
.image-poll .poll-options-block .option-list-block .result-block .result-percentage .display-result {
    position: relative;
    width: 440px;
}
.image-poll .poll-options-block .option-list-block.special .result-block .result-percentage .display-result {
    width: 171px;
}
.image-poll .poll-options-block .option-list-block .result-block .answer {
    max-width: 83%;
}
.option-list-block.special .result-block .answer {
    float: none;
}
#extras .image-poll .poll-options-block .option-list-block .answer-block .answer {
    width: 65%;
}
#extras .text-poll .display-result, #extras .text-bimg-poll .display-result, #extras .vote-poll .display-result, #extras .vote-bimg-poll .display-result {
    width: 275px;
}
#extras .text-poll .display-result .answer, #extras .text-bimg-poll .display-result .answer {
    max-width: 81%;
}
#extras .image-poll .poll-options-block .option-list-block .result-block .result-percentage .display-result {
    width: 195px;
}
#extras .image-poll .poll-options-block .option-list-block .result-block .answer-percentage span.vote {
    direction: ltr;
    float: left;
}
#extras .image-poll .poll-options-block .option-list-block .result-block .answer {
    max-width: 69%;
}
.poll-options-block .option-list-block .result-block.selected-poll .answer-percentage .vote .number {
    color: #1e1e1e;
}
.text-bimg-poll .poll-bimg, .vote-bimg-poll .poll-bimg {
    float: right;
    height: auto;
    margin-bottom: 17px;
    margin-right: -13px;
    width: 560px;
}
.text-bimg-poll .poll-section-title, #extras .text-bimg-poll .poll-section-title, .text-bimg-poll .poll-section-qa-block, #extras .text-bimg-poll .poll-section-qa-block, .vote-bimg-poll .poll-section-title, #extras .vote-bimg-poll .poll-section-title, .vote-bimg-poll .poll-section-qa-block, #extras .vote-bimg-poll .poll-section-qa-block {
    border: 0 none;
}
#extras .text-bimg-poll .poll-bimg, #extras .vote-bimg-poll .poll-bimg {
    width: 300px;
}
.vote-bimg-poll .poll-section-qa-block, #extras .vote-bimg-poll .poll-section-qa-block {
    position: relative;
}
.vote-bimg-poll .poll-section-qa-block .poll-question, #extras .vote-bimg-poll .poll-section-qa-block .poll-question {
    color: #fff;
    position: absolute;
    top: 18px;
}
.imgs-poll .poll-options-block .option-list-block {
    margin-left: 13px;
    width: 171px;
}
.imgs-poll .poll-options-block {
    margin-right: -3px;
    width: 103%;
}
.imgs-poll .answer-block img, .imgs-poll .result-block img {
    height: 257px;
    float: right;
    width: 171px;
}
.imgs-poll .poll-options-block .option-list-block .answer-block .answer {
    float: right;
    padding-bottom: 37px;
    padding-right: 5px;
    text-align: right;
    width: 99%;
}
.imgs-poll .poll-options-block .option-list-block .result-block .answer {
    max-width: 100%;
    padding-right: 0;
    width: 171px;
}
.imgs-poll .poll-options-block .option-list-block .result-block .result-percentage {
    margin-bottom: 7px;
    height: 29px;
    position: relative;
}
.imgs-poll .poll-options-block .option-list-block .result-block .result-percentage .display-result {
    width: 171px;
}
.imgs-poll .poll-options-block .option-list-block .result-block .answer-percentage {
    font-size: 12px;
    padding: 6px 0 0 8px;
}
#main .box.wrap_article .box.poll_sml .poll-section.imgs-poll td {
    float: right;
    padding: 0;
    width: 184px;
}
.poll-section .gig-bar-container.gig-reaction-bar-container {
    padding: 0;
}
body.articles .box.poll_sml.special div.gig-button-container {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}
body.article .box.poll_sml.special .gig-bar-container table tr td {
    border: 0;
    text-align: right;
}
*.gig-bar-container .normal-photo img.answer-photo, .poll-options-block .option-list-block.normal-photo img.answer-photo, .image-poll .option-list-block img {
    border: 0;
    float: right;
    height: 50px;
    width: 76px;
}
.poll-section.imgs-poll .option-list-block img {
    height: 257px;
    width: 171px;
}
.poll-section.imgs-poll.with-large-height .option-list-block img {
    height: 257px;
    top: 0;
}
.image-poll .poll-bimg {
    height: auto;
    width: auto;
}
.zero-width {
    background: none repeat scroll 0 0 transparent !important;
    width: 100% !important;
}
.articles #main .wrap_article .poll_sml .poll-section table {
    margin: 0;
    width: 537px !important;
}
.gig-button-down .poll-options-block .option-list-block .answer-block .answer {
    color: #1e1e1e !important;
    font: bold 14px/22px Droid Arabic Naskh Bold, Arial !important;
}
#fancybox-content iframe, #fancybox-content div {
    background: #fff none repeat scroll 0 0;
}
.poll-section.image-poll .poll-section-qa-block .gig-button-container-horizontal .answer-photo {
    height: 114px;
    left: 0;
    margin: 0;
    width: 169px;
}
.poll-section.image-poll .poll-section-qa-block .gig-button-container-horizontal .answer {
    padding-right: 0;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal {
    width: 170px;
    position: relative;
    height: 215px;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block {
    width: 100%;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block img {
    height: 114px;
    width: 170px;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block .answer {
    float: right;
    height: 55px;
    max-width: 100%;
    padding-right: 0;
    width: 100%;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block .result-percentage {
    height: 30px;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block .result-percentage .display-result {
    height: 30px;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal .result-block .result-percentage .display-result .answer-percentage {
    font: 12px tahoma;
    padding: 6px 0 0 4px;
}
.poll-section.image-poll .poll-options-block .option-list-block.horizontal.special .result-block .result-percentage .display-result .answer-percentage {
    padding-top: 0;
}
.articles #main .poll_sml .poll-section table tr td {
    float: right;
    padding: 0px;
    white-space: normal !important;
}
.gig-button-container-horizontal .poll-options-block .option-list-block {
    width: 169px;
    margin-left: 10px;
}
#main .text-poll .poll-section-qa-block .option-list-block .result-block .display-result .answer-percentage {
    padding-top: 15px;
    margin-left: 10px;
}
#main .text-poll .poll-section-qa-block .option-list-block .result-block .display-result .answer-percentage.count-plus-percentage {
    padding-top: 6px;
}
#main .poll-options-block .option-list-block .answer-block.img-text .answer {
    text-align: right;
    width: 425px;
    padding-top: 0;
}
#main .poll-options-block .option-list-block.img-text .result-block .result-percentage .display-result {
    height: auto;
}
#main .poll-options-block .option-list-block.img-text .result-block .result-percentage {
    height: auto;
    min-height: 51px;
}
#main .text-bimg-poll .option-list-block .result-block .result-percentage .display-result .answer-percentage {
    padding-top: 7px;
    margin-left: 10px;
}
/* end poll CSS */
@media all and (min-width: 0 \0) and (min-resolution: 0.001dpcm) {
    .img-container {
        float: none;
    }
}
.is-ie8 .img-article-copyrights {
    font: 10px/21px mytestmedium;
}
.is-ie8 .img-container {
    float: none !important;
}
.is-ie8 .cd-popup-container .img-container {
    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
}
.is-ie8 .cd-popup-container img {
    vertical-align: bottom;
}
.is-ie8 .no-h .img-article-copyrights {
    bottom: 20px !important;
}
.is-ie8 .img980 .img-article-copyrights {
    bottom: 82px !important;
}
.is-ie8 .cd-popup-container .img-container {
    left: 0;
    top: 0;
}
.is-ie8 .cd-popup-container.no-h .img-container {
    top: 25%;
}
.is-ie8 #slides-list DIV IMG {
    left: 0px !important;
    top: 0px !important;
    margin: auto;
    right: 0px !important;
    bottom: 0px !important;
}
/* table component container CSS*/
.table-component-container {
    color: #888888 !important;
    float: right;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    width: 610px;
}
.table-component-container.more-560 {
    margin-right: 15px;
}
.table-component-container .table-area {
    float: right;
    margin-right: 25px;
    overflow: hidden;
    width: 560px;
}
.table-component-container #next_nav, .table-component-container #prev_nav {
    display: none;
}
.table-component-container.more-560 #next_nav, .table-component-container.more-560 #prev_nav {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1818px;
    cursor: pointer;
    display: block;
    height: 19px;
    left: 0;
    position: absolute;
    width: 10px;
    top: 46px;
    z-index:1000
}
.table-component-container.more-560 #prev_nav {
    background-position: -17px -1818px;
    right: 0;
}
.table-component-container h3 {
    color: #4a4a4a;
    float: right;
    font: 20px/27px Droid Arabic Kufi Regular, Arial;
    margin-bottom: 13px;
    width: 100%;
}
.articles #main .wrap_article .content .table-component-container table {
    background: none repeat scroll 0 0 transparent;
    width: 100%;
    margin: 0;
    float: right;
}
.articles.en #main .wrap_article .content .table-component-container table
{
    float: left;
}

.en .table-component-container.more-560 #next_nav, .en .table-component-container.more-560 #prev_nav {
    background-position: -17px -1818px;
    left: auto;
    right: 0;
}

.en .table-component-container.more-560 #prev_nav {
    background-position: -1px -1818px;
    left: 0;
    right: auto;
}
.articles #main .table-component-container table tr {
    border-bottom: 1px solid #ccc;
}
.articles #main .table-component-container table tr:nth-child(even) {
    background: none repeat scroll 0 0 #fff;
}
.articles #main .table-component-container table tr td, .articles #main .table-component-container table tr th {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #888;
    font: 16px Droid Arabic Naskh Regular, Arial;
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}
.table-component-container .cd-popup-trigger {
    display: block;
    margin: 0 auto;
    width: 79px;
}
.table-component-container .cd-popup-trigger img {
    height: auto;
    width: 79px;
}
.table-component-container .cd-popup-trigger .img-article-copyrights, .table-component-container .cd-popup-trigger .img-article-title {
    display: none;
}
.articles #main .table-component-container table a {
    color: #1e1e1e;
    text-decoration: underline;
}
.articles #main .table-component-container table tbody tr:hover td:first-child {
    color: #1e1e1e;
}
.table-component-container .table-caption {
    float: right;
    width: 100%;
}
.articles #main .table-component-container table thead tr {
    background: none repeat scroll 0 0 #ebebeb !important;
    border-bottom: 3px solid #fff;
    border-top: 2px solid #d1d1d1;
}
.articles #main .table-component-container table thead tr th {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #888;
    font-weight: normal;
    padding: 0 20px 0 0;
}
/*end table component container CSS*/

/*render page content stream CSS*/
#article #wrapper-3-inner #main .content-stream.content-stream-rp.box.wrap, #wrapper-3-inner #main .content-stream.content-stream-rp.box.wrap {
    float: right;
    padding: 0;
    width: 640px;
}
#wrapper-3-inner #main .content-stream.content-stream-rp .content {
    padding: 0;
}
.content-stream-rp-title {
    float: right;
    margin-bottom: 13px;
    width: 100%;
}
.content-stream-rp-title h3 {
    color: #4a4a4a;
    font: 20px/27px Droid Arabic Kufi Regular, Arial;
    margin-right: 14px;
}
.content-stream-rp-block-container {
    float: right;
    margin-right: 15px;
    width: 630px;
}
.content-stream-box {
    border-radius: 3px;
    float: right;
    height: 315px;
    margin-bottom: 20px;
    margin-left: 5px;
    padding: 5px;
    width: 300px;
}
.content-stream-box:hover {
    background: #f2f2f2;
}
.content-stream-box div {
    float: right;
    width: 100%;
}
.content-stream-box .img-box {
    height: 168px;
    overflow: hidden;
    position: relative;
    width: 300px;
}
.content-stream-box .img-box .img-icon {
    position: absolute;
    left: 0;
    bottom: 0;
}
.content-stream-box .date {
    color: #898989;
    font: 10px Tahoma;
    margin-top: 14px;
    margin-bottom: 6px;
}
.content-stream-box .title {
    height: 65px;
    margin-bottom: 6px;
    overflow: hidden;
}
.content-stream-box .title > h1 {
    display: none;
}
.content-stream-rp-block-container .content-stream-box .title a {
    color: #4a4a4a;
    float: right;
    font: 18px/27px Droid Arabic Naskh Regular, Arial;
    height: 58px;
    overflow: hidden;
}
.content-stream-box:hover .title a {
    color: #1e1e1e;
}
.content-stream-box .interest-tags {
    color: #888888;
    font: 14px Droid Arabic Kufi Regular, Arial;
    height: 25px;
    overflow: hidden;
}
.content-stream-box .participate-link {
    background-position: -1px -644px;
    display: block;
    float: right;
    left: 0;
    margin-top: 12px;
    position: relative;
    top: 0;
    width: 55px;
}
.mains #wrapper #wrapper-2 #wrapper-3-inner .content-stream.content-stream-rp.cs-full-width {
    margin-right: 0;
}
#wrapper #wrapper-2 #wrapper-3-inner .content-stream.content-stream-rp.cs-full-width {
    margin-bottom: 0;
    margin-right: -16px;
    width: 980px !important;
    z-index: 1;
}
.articles #wrapper #wrapper-2 #wrapper-3-inner .content-stream.content-stream-rp.cs-full-width {
    margin-right: 0;
}
.cs-full-width .content-stream-rp-block-container .box.kill-banner.win-killer {
    display: none;
}
.content-stream-rp.cs-full-width .content-stream-rp-block-container {
    width: 100%;
    margin-right: 0;
}
.content-stream-rp.cs-full-width .content-stream-rp-block-container .content-stream-box {
    margin-right: 10px;
}
.content-stream-box.kill-banner.win-killer:hover {
    background: none repeat scroll 0 0 transparent;
}
.content-stream-box .participate-link .share-button {
    background: none repeat scroll 0 0 transparent;
    float: right;
}
.content-stream-box.mbcNews .img-box .img-icon {
    background-position: -1px -1016px;
}
.content-stream-box.mbcMobc .img-box .img-icon {
    background-position: -1px -2075px;
}
.content-stream-box.mbcProfile .img-box .img-icon {
    background-position: -1px -2108px;
}
.content-stream-box.mbcEpisode .img-box .img-icon {
    background-position: -1px -2141px;
}
.content-stream-box.mbcPhoto .img-box .img-icon, .content-stream-box.mbcPhotoAlbum .img-box .img-icon {
    background-position: -1px -2173px;
}
.content-stream-box.mbcVideo .img-box .img-icon {
    background-position: -1px -2205px;
}
.content-stream-box.mbcMatch .img-box .img-icon {
    background-position: -1px -2238px;
}
.content-stream-box.mbcProgram .img-box .img-icon {
    background-position: -1px -2491px;
}
.content-stream-box .img-box a img {
    border: 0 none;
    height: auto;
}
.content-stream-rp-block-container .loadmore {
    background: none repeat scroll 0 0 #ebebeb;
    border: 0 none;
    border-radius: 3px;
    color: #888888;
    font: 16px Droid Arabic Naskh Regular, Arial;
    width: 630px;
    cursor: pointer;
}
.content-stream.content-stream-rp.cs-full-width .content .loadmore {
    width: 952px;
    margin-right: 15px;
}
.content-stream-box.kill-banner.win-killer.left {
    float: left;
    margin-left: 10px;
    margin-right: 0;
}
.content-stream-rp.cs-full-width .content-stream-box.kill-banner.win-killer {
    float: left;
    margin-left: 10px;
    margin-right: 0;
}
.articles .content-stream-rp .tabs, .content-stream-rp .tabs {
    background: transparent url("../img/iconsGFX/related-content-tabs.jpg") repeat-x scroll center bottom;
    height: 41px;
    margin: 0 13px 10px 0 !important;
    padding: 0 !important;
    width: 96%;
}
.articles .content-stream.content-stream-rp .content .tabs li, .content-stream.content-stream-rp .content .tabs li {
    background: none;
    margin: 0 !important
}
.articles .content-stream.content-stream-rp .content .tabs li:last-child, .content-stream.content-stream-rp .content .tabs li:last-child {
    background: none repeat scroll 0 0 transparent;
}
.articles .content-stream.content-stream-rp .content .tabs li a, .content-stream.content-stream-rp .content .tabs li a {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    color: #4a4a4a;
    display: block;
    font: 18px Droid Arabic Kufi Regular,Arial !important;
    height: 37px;
    padding: 0 21px !important;
}
.articles .content-stream.content-stream-rp .content .tabs li a:hover, .articles .content-stream.content-stream-rp .content .tabs .active a, .content-stream.content-stream-rp .content .tabs li a:hover, .content-stream.content-stream-rp .content .tabs .active a {
    border-bottom: 4px solid #1e1e1e;
    color: #1e1e1e;
}
.articles .cs-full-width.content-stream-rp .tabs, .cs-full-width.content-stream-rp .tabs {
    width: 953px;
}
/*end render page content stream CSS*/
.articles #main .content .arena > p {
    color: #4a4a4a;
    float: none;
    font: 16px Droid Arabic Naskh Regular, Arial;
    margin: 12px 40px 18px 0;
    width: 560px;
}
.articles #main .content .arena > p strong {
    color: #1e1e1e;
}
.articles #main .content .arena > p a {
    color: #1e1e1e;
    font: bold 16px Droid Arabic Naskh Regular, Arial;
}
.articles #main .content .arena > p a:hover {
    text-decoration: underline;
}
/* profile extra box CSS*/
.article-extras-box {
    background: #ededed none repeat scroll 0 0;
    float: right;
    margin: 1px 40px 10px 15px;
    padding: 14px 25px 20px;
    width: 218px;
}
.articles .wrap_article .article-extras-box .multimedia-details-box {
    color: #888;
    font: 14px Droid Arabic Naskh Regular, Arial;
}
.articles #main .wrap_article .article-extras-box .multimedia-details-box h2 {
    color: #888888;
    font: 18px Droid Arabic Naskh Bold, Arial !important;
    margin: 13px 0 -5px;
    width: 100%;
}
.articles .wrap_article .article-extras-box .multimedia-details-box > p {
    margin: 0;
}
.articles .wrap_article .article-extras-box .multimedia-details-box > ul {
    color: #888888;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.articles .wrap_article .article-extras-box .multimedia-details-box > ul li {
    margin-right: 0;
}
.articles .wrap_article .article-extras-box .multimedia-details-box > p span.latin {
    font-family: tahoma;
}
.articles .wrap_article .article-extras-box .multimedia-details-box > ul li a {
    color: #888;
    font: 14px Droid Arabic Naskh Regular, Arial;
}
.articles .wrap_article .article-extras-box .multimedia-details-box > ul li a:hover {
    color: #1e1e1e;
}
/*End profile extra box CSS*/

/* Individual Audio Component */
.audo-embed-post-content {
    background: none repeat scroll 0 0 #cfcfcf;
    height: 235px;
    width: 561px;
}
.audo-embed-post-content .audo-embed-post-title .program-link {
    color: #1e1e1e;
    font: 16px Droid Arabic Naskh Regular, Arial;
    height: auto;
    padding-top: 20px;
}
.audo-embed-post-title h3 {
    color: #4a4a4a;
    font: bold 20px/30px Droid Arabic Naskh Regular, Arial;
}
/* End Individual Audio Component */
.share-bar-box {
    background: none repeat scroll 0 0 #dbdbdb;
    padding-top: 20px;
    position: absolute;
    right: -69px;
    top: -40px;
    width: 68px;
}
.fb-share-icon, .twitter-share-icon, .gplus-share-icon {
    float: right;
    height: 32px;
    margin-bottom: 20px;
    margin-right: 19px;
    width: 32px;
}
.fb-share-icon {
    background: url("../img/iconsGFX/fb-share-icon.png") repeat scroll 0 0 transparent;
}
.twitter-share-icon {
    background: url("../img/iconsGFX/twitter-share-icon.png") repeat scroll 0 0 transparent;
}
.gplus-share-icon {
    background: url("../img/iconsGFX/gplus-share-icon.png") repeat scroll 0 0 transparent;
}
.cd-popup .current .img-article-copyrights {
    display: none;
}
.cd-popup-container.current .img-article-title {
    display: none;
}
.insert-name > span, .insert-comments > span {
    color: red;
    display: none;
}
.articles .box.agt-live-killer.killerbanner > div, .content-stream-box.kill-banner.win-killer div, #section #extras .agt-live-killer.killerbanner > div {
    background: transparent url("../img/iconsGFX/killer-bg.png?") no-repeat scroll center bottom !important;
    padding-bottom: 21px;
}
#slider1_container2 #slider-l-arrow.jssora01l, #audio-listing-component #slider-l-arrow.jssora01l {
    background-position: -19px -872px;
    display: none !important;
    right: 0;
}
#slider1_container2 #slider-l-arrow.jssora01l:hover, #audio-listing-component #slider-l-arrow.jssora01l:hover {
    background-position: -19px -903px;
}
#slider1_container2 #slider-r-arrow.jssora01r, #audio-listing-component #slider-r-arrow.jssora01r {
    background-position: -1px -872px;
    left: 0;
    right: auto;
}
#slider1_container2 #slider-r-arrow.jssora01r:hover, #audio-listing-component #slider-r-arrow.jssora01r:hover {
    background-position: -1px -903px;
}
#slider1_container2 #slider-l-arrow.jssora01l.show-arrow, #audio-listing-component #slider-l-arrow.jssora01l.show-arrow {
    display: block !important;
}
#slider1_container2 #slider-r-arrow.jssora01r.hide-arrow, #audio-listing-component #slider-r-arrow.jssora01r.hide-arrow {
    display: none !important;
}
.articles #main .slideshow.multimedia {
    float: right;
    margin: 0 15px 0 0;
    padding: 10px 25px 32px;
}
/* Common Components */

/* CSS for Audio Components*/
.audio-embed-post .audo-embed-post-image {
    float: right;
    height: 100%;
    margin: 0;
    width: 50%;
}
.audio-embed-post .audo-embed-post-image a, .audio-embed-post .audo-embed-post-title a {
    display: block;
    height: 100%;
    padding-right: 9px;
    padding-top: 46px;
}
.audio-embed-post .audo-embed-post-title {
    float: right;
    height: 143px;
    margin: 0;
    overflow: hidden;
    padding: 92px 54px 0 0;
    text-align: right;
    width: 40%;
}
.audio-embed-post .audo-embed-post-image img {
    border-color: #ebebeb;
}
.audio-section {
    float: right;
    margin-bottom: 25px;
    margin-right: 12px;
    width: 628px;
}
.audio-section .title {
    color: #4a4a4a;
    font: 20px Droid Arabic Kufi Regular, Arial !important;
    margin-right: 33px;
}
.audio-section .audio-listing-object {
    display: block;
    float: left;
    height: 1px;
    overflow: hidden;
    width: 1px;
}
.audio-section .items {
    float: right;
    width: 628px;
}
.audio-section .items .items-container {
    height: 222px;
    position: relative;
    transition: all 0.8s ease 0s;
    width: 628px;
}
.audio-section .items .listing-item {
    margin: 10px 0 0 10px;
    width: 180px;
}
.audio-section .items .listing-item .item-title {
    margin-bottom: 10px;
    color: #1e1e1e;
}
.audio-section .items .listing-item .item-title a {
    font-family: Droid Arabic Naskh Regular, Arial;
    font-size: 16px;
}
.audio-section .items .listing-item .item-title a::hover {
    color: #1e1e1e;
}
.audio-section .items .listing-item:last-child {
    margin-left: 0;
}
.audio-section .items .listing-item .item-content-container {
    position: relative;
}
.audio-section .items .listing-item .item-content-container .item-content {
    position: absolute;
    bottom: 11px;
}
.audio-section .items .listing-item .item-content-container .audio-player {
    height: auto;
    position: relative;
    margin-bottom: 0 !important;
    background-color: rgba(127, 127, 127, 0.6);
}
.audio-section .items .listing-item .item-content-container .audio-player .player-actions {
    padding: 8px 0px;
}
.audio-section .items .listing-item .item-content-container .audio-player .duration {
    bottom: 15px;
    font: normal 12px Tahoma;
    position: absolute;
    right: 10px;
    color: #DCDCDC;
}
.audio-section .items .listing-item .item-content-container .audio-player .play-btn {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1186px transparent;
    height: 32px;
    cursor: pointer;
    width: 32px;
    float: left;
}
.audio-section .items .listing-item .item-content-container .audio-player .play-btn:hover {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -29px -1186px transparent;
}
.audio-section .items .listing-item .item-content-container .audio-player .play-btn.pause {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1143px transparent;
}
.audio-section .items .listing-item .item-content-container .audio-player .play-btn.pause:hover {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -29px -1143px transparent;
}
.audio-section .items .listing-item .item-content-container .audio-player .progress {
    background-color: #aaa;
    height: 7px;
    width: 179px;
}
.audio-section .items .listing-item .item-content-container .audio-player .progress-indicator {
    background-color: #1e1e1e;
    height: 7px;
    width: auto;
    float: left;
}
/* End CSS for Audio Components*/

/*old realted in photo album CSS*/
.articles #main.photo-album-article .box.wrap_maintt4 {
    margin-right: 40px;
    padding: 0;
    width: 560px;
}
.articles #main.photo-album-article .box.wrap_maintt4 .related-component-sliding-format2-title h3 {
    padding: 0;
}
.articles #main.photo-album-article .box.wrap_maintt4 #myslide .cover .mystuff {
    width: 560px;
}
.articles #main.photo-album-article .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list {
    height: 165px;
    width: 140px;
}
.articles #main.photo-album-article .box.wrap_maintt4 #myslide {
    margin: 0;
    width: 560px;
}
.articles #wrapper #wrapper-3-inner #main.photo-album-article #extras .box.wrap_maintt4 {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    margin: 0;
    width: 300px;
}
.articles #wrapper #wrapper-3-inner #main.photo-album-article #extras .box.wrap_maintt4 #myslide {
    height: 350px;
    left: 0;
    width: 300px;
}
.articles #wrapper #wrapper-3-inner #main.photo-album-article #extras .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list {
    width: 140px;
}
.articles #wrapper #wrapper-3-inner #main.photo-album-article #extras .box.wrap_maintt4 #myslide .cover .mystuff {
    width: 300px;
}
/*end old realted in photo album CSS*/
.articles .wrap_article ul, .articles .wrap_article ol {
    color: #4a4a4a;
    margin: 0 0 20px;
    padding: 0 40px;
    float: right;
}
.articles strong.highlight {
    color: #1e1e1e !important;
    font-size: 18px;
}
.injected-photo-album {
    float: right;
    margin-top: 14px;
}
.injected-photo-album .participate-link, .injected-photo-album .photo-album-desc {
    display: none;
}
.injected-photo-album .injected-pa-area .participate-link, .injected-photo-album.full-mode-container .photo-album-desc {
    display: block;
}
.injected-pa-area .full-mode-btn {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.injected-pa-area .full-mode-btn .full-mode-btn-inside {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1605px;
    height: 50px;
    right: 257px;
    top: 105px;
    width: 50px;
    position: absolute;
}
.injected-pa-area .participate-link {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1662px;
    bottom: 11px;
    height: 18px;
    left: 11px;
    top: auto;
    width: 54px;
    z-index: 1;
}
#slider_container.injected-pa-area h3 {
    color: #fff;
    font: 17px Droid Arabic Kufi Regular, Arial;
    position: absolute;
    text-align: center;
    top: 163px;
    width: 100%;
}
#slider_container.injected-pa-area h3 .count {
    color: #a9a9a9;
    font-size: 12px;
}
#slider_container.injected-pa-area > img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
#slider_container.injected-pa-area .container {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
body.articles #extras .box.killerbanner {
    margin: 0 !important;
}
body.articles #extras .box.agt-live-killer.killerbanner {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: auto;
    margin: 0 0 30px !important;
    padding: 0;
    width: 300px;
}
.articles #main #your-comment.form-wrapper {
    float: right;
    width: 100%;
}
/*expand mode CSS*/
.expand-mode .injected-photo-album .comments-box-component {
    display: block;
}
.expand-mode .injected-photo-album {
    background: none repeat scroll 0 0 #161616;
    height: 691px;
    padding-top: 18px;
    position: absolute;
    width: 980px;
    z-index: 1;
}
.expand-mode > div:nth-child(2) {
    margin-top: 755px !important;
}
.expand-mode .photo-album-title span.icon {
    background-position: -1px -1252px;
}
.expand-mode #slides-list {
    border-color: #161616;
}
.close-expand-mode {
    display: none;
}
.expand-mode .injected-photo-album .close-expand-mode {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1227px transparent;
    cursor: pointer;
    display: block;
    height: 17px;
    left: 21px;
    position: absolute;
    top: 14px;
    width: 18px;
}
.injected-photo-album .form-wrapper {
    display: none !important;
}
.injected-photo-album .pa-main-container {
    float: right;
    height: 100%;
}
/*full mode CSS*/
.photo-album-fm-container {
    background-color: rgba(0, 0, 0, 0.94);
    background: url("../img/iconsGFX/popup-shadow.png") repeat scroll 0 0 transparent;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    right: 0;
}
.full-mode-container {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.full-mode-container .photo-album-container {
    height: 100%;
    margin: 0;
    position: relative;
    background: #000;
}
#slider_container > div {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
#slider_container_full > div {
    height: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
}
.full-mode-container .photo-album-title {
    background: transparent url("../img/iconsGFX/fullmode-title-shadow.png") repeat scroll 0 0;
    height: 44px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}
.injected-photo-album.full-mode-container #slider_container {
    display: none;
}
.full-mode-container .photo-album-desc {
    background: rgba(3, 3, 3, 0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #bcbcbc;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: absolute;
    width: 100%;
}
.photo-album-article .full-mode-container .photo-album-desc p {
    padding: 0 40px;
    height: auto;
}
.injected-photo-album.full-mode-container .form-wrapper {
    display: block !important;
    float: left;
    width: 333px !important;
}
.injected-photo-album.full-mode-container .box.agt-live-killer.killerbanner {
    bottom: 13px;
    display: block;
    left: 13px;
    margin: 0 !important;
    position: absolute !important;
}
.injected-photo-album.full-mode-container #slider_container_full .hide-left-arrow, .injected-photo-album.full-mode-container #slider_container_full .next-album-link {
    background-color: transparent;
    z-index: 1;
}
.photo-album-title span.close-icon {
    display: none;
}
.full-mode-container .photo-album-title span.close-icon {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1287px transparent;
    display: block;
    float: right;
    height: 21px;
    margin: 11px 13px 0 16px;
    width: 20px;
    cursor: pointer;
}
.articles #main .wrap_article .content .arena .full-mode-container .photo-album-title h3, .articles #main .wrap_article .content .arena .photo-album-fm-container .full-mode-container .photo-album-title h2 {
    color: #ffffff !important;
    font: 16px/38px Droid Arabic Kufi Regular, Arial !important;
    width: auto;
}
.articles #main .wrap_article .content .arena .full-mode-container.hide-slider-options .photo-album-title, .full-mode-container.hide-slider-options .photo-album-desc, .photo-album-article .full-mode-container.hide-slider-options .participate-link, .photo-album-article .full-mode-container.hide-slider-options .prevslideNum, .photo-album-article .full-mode-container.hide-slider-options .nextSlideNum {
    display: none !important;
}
.articles #main .wrap_article .content .arena .photo-album-fm-container .full-mode-container .photo-album-title h2 em {
    float: right;
    margin-left: 5px;
}
.full-mode-container .photo-album-title span.icon {
    background-position: -1px -1315px;
}
.photo-album-article .full-mode-container .prevslideNum, .photo-album-article .full-mode-container .nextSlideNum {
    background: transparent url("../img/iconsGFX/fullmode-title-shadow.png") repeat scroll 0 0;
    color: #fff;
    font: bold 16px/31px arial;
    height: 33px;
    left: 0;
    top: 50%;
    width: 32px;
}
.full-mode-container .prevslideNum {
    right: 0;
    top: 50%;
}
.full-mode-container .nextSlideNum {
    left: 0;
    top: 50%;
}
.photo-album-article .photo-album-fm-container .pa-a-cont.full-mode-container .photo-album-container #slider_container {
    display: none;
}
.photo-album-article .photo-album-fm-container .pa-a-cont.full-mode-container .photo-album-container #slider_container_full {
    display: block;
    height: 100% !important;
    width: 100% !important;
}
.photo-album-article .photo-album-fm-container .pa-a-cont.full-mode-container .box.agt-live-killer.killerbanner {
    bottom: 0;
    left: 20px;
    position: fixed !important;
}
#main.photo-album-article .photo-album-fm-container .pa-a-cont.full-mode-container .form-wrapper {
    float: left;
    width: 333px;
}
.photo-album-article .photo-album-fm-container .pa-a-cont.full-mode-container .count-photos {
    display: none;
}
.photo-album-article .photo-album-fm-container .pa-a-cont #slider_container_full .next-album-link, .photo-album-article .photo-album-fm-container .pa-a-cont #slider_container_full .hide-left-arrow {
    background-color: transparent;
    z-index: 1000;
}
.photo-album-article .full-mode-container .participate-link {
    left: 360px;
    z-index: 100;
    display: block;
}
.photo-album-fm-container .scrollable.gray-skin .scroll-bar.vertical {
    display: block !important;
    height: 100% !important;
    margin-top: 15px;
}
/*.full-mode-container .scrollable.gray-skin .scroll-bar .thumb {height: 75% !important; width:8px;}*/
.articles-comments-mblock {
    float: right;
    margin-bottom: 32px;
    margin-right: 40px;
    margin-top: -32px;
    width: 560px;
}
/* Extended on Comments Box */
.wrap_comments .comments_err, .wrap_comments .login-area {
    color: #aaa !important;
    font-size: 13px;
}
.wrap_comments .login-area .register-span {
    border-bottom: 1px solid;
    color: #1e1e1e;
    cursor: pointer;
}
/* Common Classes */
.ml-6px {
    margin-left: 6px;
}
/* Override it */
#main #your-comment.form-wrapper {
    min-height: initial;
}
/*css for chrome only*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .photo-album-desc-area.expand-text {
        height: 62px;
    }
    .wrap_comments .arena {
        float: right;
        margin: 0px !important;
        width: 100% !important;
    }
}
/*scrollbar css*/
.scrollable {
    position: relative;
}
.scrollable:focus {
    outline: 0;
}
.scrollable .viewport {
    position: relative;
    overflow: hidden;
}
.scrollable .viewport .overview {
    position: absolute;
    width: 100%;
}
.scrollable .scroll-bar {
    display: none;
}
.scrollable .scroll-bar.vertical {
    position: absolute;
    right: 0;
    height: 100%;
}
.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%;
}
.scrollable .scroll-bar .thumb {
    position: absolute;
}
.scrollable .scroll-bar.vertical .thumb {
    width: 100%;
    min-height: 10px;
}
.scrollable .scroll-bar.horizontal .thumb {
    height: 100%;
    min-width: 10px;
    left: 0;
}
.not-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*Default skin*/
.scrollable.default-skin {
    padding-right: 10px;
    padding-bottom: 6px;
}
.scrollable.default-skin .scroll-bar.vertical {
    width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px;
}
.scrollable.default-skin .scroll-bar .thumb {
    background-color: black;
    opacity: 0.4;
    border-radius: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.scrollable.default-skin .scroll-bar:hover .thumb {
    opacity: 0.6;
}
/*Gray skin*/
.scrollable.gray-skin {
    padding-right: 10px;
}
.scrollable.gray-skin .scroll-bar {
    border: 0px solid gray;
    background-color: none;
}
.scrollable.gray-skin .scroll-bar .thumb {
    background-color: #cccccc;
    cursor: pointer;
    width: 2px;
}
.scrollable.gray-skin .scroll-bar:hover .thumb {
    background-color: #1e1e1e;
}
.scrollable.gray-skin .scroll-bar.vertical {
    width: 10px;
}
.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}
/*Modern skin*/
.scrollable.modern-skin {
    padding-right: 17px;
}
.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: inset 0 0 5px #888;
}
.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #536984;
}
.scrollable.modern-skin .scroll-bar.vertical .thumb {
    width: 8px;
    background: linear-gradient(to right, #95aabf 0%, #547092 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}
.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    height: 8px;
    background-image: linear-gradient(#95aabf, #547092);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}
.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px;
}
.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}
/*end scrollbar css*/

/* Slider Components of Audio Listing */
#main #form-wrapper-gwt-id.form-wrapper {
    background: transparent none repeat scroll 0 0;
    min-height: 1px;
}
.less-size {
    height: auto !important;
    width: auto !important;
}
.less-size.vert-size {
    height: inherit !important;
}
#slider_container_full.show-slider-popup {
    z-index: 1;
}
.pa-main-container .photo-album-title {
    display: none;
}
.injected-photo-album.full-mode-container .pa-main-container .photo-album-title {
    display: block;
}
.pa-main-container.full-mode-container .photo-album-title {
    display: block;
}
.full-mode-container #slider_container_full #related-album-container {
    margin: 0 2% 2%;
    width: 95%;
}
.next-album-block-cont {
    margin-right: -225.5px;
    position: relative;
    right: 50%;
}
.full-mode-container .scrollable .viewport .overview {
    width: 100%;
}
.full-mode-container .scrollable .viewport .overview.scrollTop {
    top: 0 !important;
}
.pa-main-container .viewport {
    width: auto !important;
}
.full-mode-container .pa-main-container .scroll-bar.vertical {
    display: block !important;
}
.full-mode-container .pa-main-container .viewport {
    width: 300px !important;
}
.pa-main-container .scroll-caption .scroll-bar.vertical {
    display: block !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main {
    background: #fff none repeat scroll 0 0 !important;
    float: right !important;
    overflow: visible !important;
    width: auto !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article {
    width: 980px;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article .content {
    overflow: hidden;
    width: 980px;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article .article-title {
    width: 96%;
    margin: 10px 40px 10px 0;
}
.en.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article .article-title {
    margin: 10px 0 10px 40px;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article .article-title h2 {
    margin-right: 0;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow {
    float: right;
    height: 750px;
    margin-right: 40px;
    margin-top: 10px;
    position: relative;
    width: 900px;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content {
    width: 900px;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .slideshow-container {
    height: 504px !important;
    right: 0;
    top: 0;
    width: 900px !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .caption-container {
    float: none;
    left: 0;
    margin: 0;
    right: 0;
    top: 0;
    width: 900px !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .image-wrapper {
    height: 594px;
    right: 0;
    top: 0;
    width: 900px !important;
}
.alboum-page .advance-link {
    display: block;
    height: 560px !important;
    position: relative;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .image-wrapper .advance-link > img {
    left: 0;
    margin: 0;
    position: absolute;
    top: 0 !important;
    width: 900px !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .slideshow-container div.ss-controls a {
    top: 520px !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow .content .caption-container .image-caption {
    width: 900px !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article #slideshow ul.thumbs {
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 600px;
    width: 900px;
}
.articles.alboum-page #wrapper #wrapper-3-inner #extras {
    margin-top: -300px;
    top: 0 !important;
}
.articles.alboum-page .article-main-image {
    display: none;
}
.articles.alboum-page #alboum-list {
    float: right;
    margin-bottom: 25px;
    margin-right: 40px;
    min-height: 600px;
    padding: 40px;
    width: 820px;
}
.articles.alboum-page .photolist {
    float: right;
    margin: auto;
    padding: 0;
    width: 100%;
}
.articles.alboum-page #main ul.thumbs li {
    margin: 5px 0 5px 9px;
}
.articles.alboum-page div.nav-controls .prev, .articles.alboum-page div.nav-controls .next {
    height: 504px !important;
    margin: 0;
    padding: 0;
    top: 0 !important;
}
.articles.alboum-page div.nav-controls .prev {
    right: 0;
}
.articles.alboum-page div.nav-controls .next {
    left: 0;
}
.alboum-page #main .wrap_article .content .arena {
    margin: 0;
    padding: 0;
}
.articles.alboum-page #wrapper #wrapper-3-inner .photo-album-article #extras {
    margin-top: 0;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 {
    margin-right: 40px;
    padding: 0;
    width: 560px;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 .related-component-sliding-format2-title h3 {
    padding: 0;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide {
    height: 165px;
    margin-bottom: 9px;
    min-height: 165px;
    width: 560px;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide .cover .mystuff {
    width: 560px;
    left: 0;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list {
    height: 150px;
    margin: 6px 0 6px 4px;
    overflow: hidden;
    padding: 0;
    width: 136px;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_comments {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 615px;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list .photo {
    height: 76px;
    margin: 3px 0 7px;
    overflow: hidden;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list .photo img {
    border: 0 none;
    box-shadow: none;
    height: auto;
    width: 136px;
}
.box.wrap_maintt4 #button {
    direction: ltr;
}
.articles #extras .mystuff .alboum-list h3 {
    height: 58px;
    overflow: hidden;
    width: 130px;
}
.articles #wrapper-3 {
    margin: 0 auto;
    overflow: visible;
    width: 980px;
}
.articles #main .opta-widget-container {
    margin-bottom: 25px;
    margin-right: 40px;
    width: 560px;
}
.articles #extras .opta-widget-container {
    float: right;
    width: 303px;
}
.articles #main .wrap_article .content .opta-widget-container table {
    margin: 0;
    width: 100% !important;
}
.articles #main .wrap_article .content .opta-widget-container ul {
    margin: 0;
    padding: 0;
}
.articles #main .wrap_article .content .arena .opta-widget-container h2 {
    color: #fff;
    font: 28px/40px mytestbold !important;
    margin: 0;
}
.articles .logo-image {
    left: 40px !important;
}
.articles #main .wrap_article .content table {
    margin-bottom: 40px;
    margin-right: 40px;
    width: 560px !important;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_GSMcodes {
    background: #ededed none repeat scroll 0 0;
    margin-right: 40px;
    width: 560px;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_GSMcodes h3 {
    color: #4a4a4a;
    font: 18px Droid Arabic Kufi Regular, Arial;
    padding: 0;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_GSMcodes ul.lnklst {
    color: #1e1e1e;
    font: 11px"Times New Roman";
    list-style: outside none disc;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_GSMcodes .lnklst li {
    background: transparent none repeat scroll 0 0;
    color: #1e1e1e;
    font: 16px Droid Arabic Naskh Regular, Arial;
    margin: 5px 15px 5px 0;
    padding: 0;
}
/*
Slideshow styles
*/
#main .slideshow .pager .next, #main .slideshow .pager .prev {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1536px transparent !important;
    width: 16px;
    height: 28px;
    position: absolute;
    top: 40%;
}
#main .slideshow .pager .prev {
    background: url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -22px -1536px transparent !important;
}
#main .slideshow img {
    border: none !important;
}
#main .slideshow .info {
    background-color: #ffffff !important;
    color: #666666 !important;
    font-family:'Droid Arabic Naskh Regular', Arial !important;
    font-size: 14px !important;
    height: auto !important;
    line-height: 18px !important;
    opacity: 1 !important;
    padding: 10px 0 10px 10px !important;
    position: initial;
}
#main .slideshow .pagination {
    display: none;
}
#main .box .content .arena .text-box h3 {
    font: 30px/28px mytestmedium;
}
.external-media {
    float: right;
    margin-bottom: 20px;
    width: 93%;
}
/*content stream CSS */
#article.articles #wrapper-3-inner #main .wrap_article .content .content-stream.box.wrap {
    float: right;
    margin: 0;
    padding: 0;
    width: 640px;
}
/*.articles #wrapper #wrapper-3-inner #main .wrap_article .content ul.tabs {
border-bottom: 2px solid #ececec;
margin: 0 40px 0 0;
padding: 0 !important;
width: 560px;
background: none;
height: 42px; }*/
.articles #wrapper #wrapper-3-inner #main .wrap_article .content ul.tabs li {
    background: transparent none repeat scroll 0 0;
    height: 41px;
    margin: 0;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content ul.tabs li a {
    background: transparent none repeat scroll 0 0;
    color: #4a4a4a;
    font: 18px Droid Arabic Kufi Regular, Arial;
    margin: 0;
    padding: 0 18px !important;
    border-radius: 0;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content ul.tabs li.active a, .articles #wrapper #wrapper-3-inner #main .wrap_article .content ul.tabs li a:hover {
    border-bottom: 4px solid #1e1e1e;
    color: #1e1e1e;
}
/*.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive {
margin: 0 40px 35px 0;
padding: 29px 0 0;
width: 600px; }*/
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .loadmore {
    width: 560px;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .img-box {
    height: 169px;
    overflow: hidden;
    padding: 0;
    width: 100% !important;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .img-box a {
    border: 0 none;
    margin: 0;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .img-box img {
    border: 0 none;
    box-shadow: 0 0;
    height: 100%;
    margin: 0;
    width: 100%;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt {
    background: transparent none repeat scroll 0 0;
    padding: 0;
    width: 100% !important;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt .headline a {
    color: #4a4a4a;
    font: 18px/27px Droid Arabic Naskh Regular, Arial;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01:hover .txt .headline a {
    color: #1e1e1e;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt .caption {
    clear: both;
    color: #898989;
    display: block;
    font: 10px tahoma;
    margin: 6px 0;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt input {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -644px;
    height: 17px;
    padding: 0;
    width: 54px;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 {
    border: 0 none;
    border-radius: 3px;
    clear: none;
    float: right;
    height: 295px;
    margin-bottom: 25px;
    margin-right: 0;
    padding: 5px !important;
    width: 270px;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01:hover {
    background: #f2f2f2 none repeat scroll 0 0;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt .headline {
    margin-bottom: 6px;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt h4.headline {
    height: 55px;
    margin-top: 3px;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt p {
    display: none;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt .photos-browser {
    float: right !important;
    height: 12px !important;
    width: 100%;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .img-box .videos {
    display: none;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .content .tabactive .box01 .txt .photos-browser .stream-photo {
    display: none;
}
/*end content stream CSS*/

/*css for English site*/
.articles.en #main .box.wrap_article .block-560 {
    float: left;
    margin-left: 40px;
    margin-right: 0;
}
.articles.en #main .box.wrap_article .article-category .icon {
    float: left;
    margin: 0 14px 0 0;
}
.articles.en .wrap_article ul.wrap-options {
    left: 24px;
    right: auto;
}
.articles.en #main .box.wrap_article .content .arena h2 {
    float: left;
    font: 18px Arial, Verdana, sans-serif !important;
}
.articles.en .share-bar {
    float: left;
    margin: 0 0 12px 35px;
}
.articles.en #main .wrap_article .content .share-bar table, .articles.en #main .wrap_article .content .share-bar table tr, .articles.en #main .wrap_article .content .share-bar table tr td {
    float: left;
}
.articles.en .article-extras-box {
    float: left;
    margin: 1px 15px 10px 40px;
}
.articles.en #main .content .arena > p {
    font: 13px Arial, Verdana, sans-serif;
    margin: 12px 0 18px 40px;
}
.articles.en #wrapper #wrapper-3-inner #main .box.wrap_comments {
    float: left;
}
.articles.en .articles-comments-mblock {
    float: left;
    margin: -32px 0 32px 40px;
}
.articles.en #wrapper #wrapper-3-inner #extras {
    right: 0;
    top: 0;
    width: 300px !important;
}
.articles.en .wrap_article ul, .articles.en .wrap_article ol {
    float: left;
    font: 13px Arial,Verdana,sans-serif;
    width: 80%;
}
#section.en #main .archttl .img-box {
    margin: 0 20px 10px 0;
}
/*
#section .content-stream .content .box01 {
height: 301px;
width: 300px; }
*/
#section .content-stream .content .img-box {
    height: 168px !important;
    overflow: hidden;
    padding: 0;
    width: 300px !important;
}
#section.internals .content-stream .content .img-box {
    height: 168px !important;
    overflow: hidden;
    padding: 0;
    width: 300px !important;
}
#section .content-stream .content .img-box b img {
    border: 0 none;
    box-shadow: none;
    height: auto !important;
    width: 100% !important;
}
#section .content-stream.content-stream-full-width .content .box01 {
    height: 304px;
    width: 306px;
}
#section .content-stream.content-stream-full-width .content .img-box {
    height: 169px;
    overflow: hidden;
    width: 306px !important;
}
#section .content-stream.content-stream-full-width .content .img-box b img {
    height: auto;
    width: 100%;
}
#section .content-stream .tabactive .img-box a {
    display: block;
}
#section .content-stream .content .img-box b .videos {
    left: 5px;
    top: 120px;
}
.content-stream.content-stream-rp .content .loadmore {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #888888;
    float: right;
    font: 16px/21px Droid Arabic Naskh Regular,Arial !important;
    height: 42px;
    margin-top: 10px;
    text-shadow: none;
    width: 627px;
}
/*CSS for realated component box*/
.articles #main .box.wrap_maintt4, .articles #extras .box.wrap_maintt4 {
    background: #fff none repeat scroll 0 0;
}
.articles #main .box.wrap_maintt4 #button, .articles #extras .box.wrap_maintt4 #button {
    background: #ececec none repeat scroll 0 0 !important;
    height: 41px;
}
.articles .wrap_maintt4 .related-component-sliding-format2-title > h3 {
    border-bottom: 2px groove rgba(208, 208, 208, 0.5);
    border-bottom: 2px groove #d0d0d0\9;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list h3 a {
    color: #888888 !important;
    font: 16px/30px Droid Arabic Naskh Regular, Arial;
    display: block;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list h3 {
    float: right;
    height: 83px;
    margin: 0;
    width: 133px;
}
.articles #wrapper #wrapper-3-inner #main .box.wrap_maintt4 #myslide .cover .mystuff .alboum-list h3 a:hover {
    color: #1e1e1e !important;
}
.articles #main .box.wrap_maintt4 #button .disabledArrow, .articles #main .box.wrap_maintt4 #button > a, .articles #extras .box.wrap_maintt4 #button .disabledArrow, .articles #extras .box.wrap_maintt4 #button > a {
    border-radius: 10px;
    display: inline-block;
    float: none;
    left: auto;
    top: 4px;
}
.articles #main .box.wrap_maintt4 #button .disabledArrow, .articles #extras .box.wrap_maintt4 #button .disabledArrow, .articles #main .box.wrap_maintt4 #button > a.button0, .articles #extras .box.wrap_maintt4 #button > a.button0, .articles #main .box.wrap_maintt4 #button > a.button4, .articles #extras .box.wrap_maintt4 #button > a.button4 {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll 0 0 !important;
    height: 15px;
    margin: 0;
    padding: 0;
    top: 0;
    width: 8px;
    position: relative;
}
.articles #main .box.wrap_maintt4 #button .disabledArrow, .articles #extras .box.wrap_maintt4 #button .disabledArrow {
    background-position: -1px -1843px !important;
    margin-right: 22px;
    top: 8px;
}
.articles #main .box.wrap_maintt4 #button > a.button4, .articles #extras .box.wrap_maintt4 #button > a.button4 {
    background-position: -16px -1863px !important;
    margin-left: 22px;
    top: 8px;
    right: auto;
}
.articles #extras .box.wrap_maintt4 #button > a, .articles #main .box.wrap_maintt4 #button > a {
    background-color: #c4c4c4 !important;
    margin: 0 8px;
    padding: 3px;
}
.articles #extras .box.wrap_maintt4 #button > a.active, .articles #main .box.wrap_maintt4 #button > a.active {
    background: #727272 none repeat scroll 0 0 !important;
    padding: 4px;
    top: 5px;
}
.articles #main .box.wrap_maintt4 #button > a.button0, .articles #extras .box.wrap_maintt4 #button > a.button0 {
    background-position: -1px -1863px !important;
    margin-right: 22px;
    top: 8px;
}
.articles #extras #myslide .alboum-list {
    height: 150px;
    margin: 4px 0 11px 7px;
    overflow: hidden;
    width: 137px;
    padding: 0px;
}
.articles #extras #myslide .alboum-list h3 a {
    color: #888 !important;
    font: 16px/20px Droid Arabic Naskh Regular, Arial;
}
.articles #extras #myslide .alboum-list h3 a:hover {
    color: #1e1e1e !important;
}
#extras .box.wrap_maintt4 #button > a.active, #main .box.wrap_maintt4 #button > a.active, #extras .box.wrap_maintt4 #button > a, #main .box.wrap_maintt4 #button > a {
    border: 0 none !important;
    box-shadow: none !important;
}
.articles #extras .mystuff .alboum-list .photo img {
    border: 0 none;
    box-shadow: none;
    height: auto;
    margin: 0;
    width: 130px;
}
.articles #extras #myslide .alboum-list .photo {
    display: inline-block;
    float: right;
    height: 73px;
    margin: 3px 0 10px 20px;
    overflow: hidden;
    width: 137px;
}
.articles .mystuff .alboum-list:hover {
    background: transparent none repeat scroll 0 0;
}
#section #main .archttl {
    padding: 10px;
}
#section #main .wrap .archttl h3, #section #main .wrap .archttl .info, #section #main .wrap .archttl p {
    width: 350px;
}
#section #main .wrap.grid-view .archttl h3 {
    width: 182px;
}
#main .grid-view .archttl {
    width: 185px !important;
}
#section #main .archttl .img-box {
    height: 109px;
    overflow: hidden;
    margin: 0 0 10px 5px;
}
#section #main .text-box-section .archttl .img-box {
    height: auto;
}
#section #main .archttl .img-box img {
    border: 0 none;
    box-shadow: none;
    height: auto;
}
.featured-articles div.main-img a {
    border: 2px solid #fff;
    box-shadow: 0 0 2px #999;
    clear: both;
    display: inline-block;
    float: none;
    height: 158px;
    margin: auto;
    overflow: hidden;
    width: auto;
}
#main .featured-articles.special div.main-img a {
    border: 0 none;
    box-shadow: none;
    height: 152px;
    overflow: hidden;
}
.featured-articles img {
    border: 0 none !important;
    box-shadow: none;
    height: auto !important;
    margin: 0 !important;
    width: 281px !important;
}
.featured-articles .sub-articles img {
    height: auto !important;
    margin: 0 !important;
    width: 111px !important;
}
.featured-articles .sub-articles a div {
    border: 2px solid #fff;
    box-shadow: 0 0 2px #999;
    float: right;
    height: 62px;
    margin-right: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 111px !important;
}
.featured-articles.infographicBlock .sub-articles .item a p {
    width: 57% !important;
}
.featured-articles.special div.main-img a {
    border: 0 none;
    box-shadow: none;
    height: 154px;
}
#main .featured-articles.special img {
    height: auto;
    width: 271px;
}
#main .featured-articles.special .sub-articles a div {
    border: 0 none;
    box-shadow: none;
    height: 57px;
    overflow: hidden;
}
#main .featured-articles.special .sub-articles img {
    height: auto;
    width: 102px;
}
.main-page .program-listing .SS_roll .main-img a {
    height: 120px;
    margin: 3px 2px 8px;
    overflow: hidden;
}
.main-page .program-listing .SS_roll .main-img img {
    border: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    height: auto;
    margin: 5px 0 0;
    width: 213px;
}
.main-page .videos .program-listing .SS_roll .main-img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    height: 120px;
    margin: 3px 2px 8px;
    overflow: hidden;
    width: 213px;
}
.main-page .videos .program-listing .SS_roll .main-img img {
    border: medium none;
    box-shadow: none;
    float: right;
    margin: 0;
}
.main-page .stars .program-listing .SS_roll .main-img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    height: 120px;
    margin: 3px 2px 8px;
    overflow: hidden;
    width: 213px;
}
.main-page .stars .program-listing .SS_roll .main-img img {
    border: medium none;
    box-shadow: none;
    float: right;
    height: auto;
    margin: 0;
    width: 213px;
}
.main-page .videos .program-listing .SS_roll .main-title {
    width: 225px;
}
.main-page .program-listing-block.promos .program-listing .SS_roll .main-img a {
    border: 0 none;
    box-shadow: none;
    height: 225px;
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider-rtl .slick-slide {
    float: right;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    content:"";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-loading {
    background: transparent url('/dms/templating-kit/themes/mbc/img/iconsGFX/loading.GIF') center center no-repeat;
}
/*Icons start*/
.mbc-icon, .mbc-icon-full-mode, .mbc-icon-full-mode-close, .mbc-icon-share-link, .mbc-icon-arrow-left, .mbc-icon-replay, .mbc-icon-img, .mbc-icon-img-white, .copyright-caption, .slick-prev, .slick-next, .popup-arrow-prev, .popup-arrow-next {
    background: url('../img/iconsGFX/articles-icon.png') no-repeat scroll transparent;
}
.mbc-icon-full-mode {
    background-position: -1px -688px;
    width: 29px;
    height: 29px;
    cursor: pointer;
}
.mbc-icon-full-mode-close {
    background-position: -1px -1287px;
    width: 20px;
    height: 21px;
    cursor: pointer;
}
.mbc-icon-share-link {
    background-position: -1px -621px;
    width: 52px;
    height: 17px;
    cursor: pointer;
}
.en .mbc-icon-share-link {
    background-position: -1px -2760px;
    height: 18px;
}
.mbc-icon-share-link .share-button {
    width: 100%;
    height: 17px;
    background: transparent;
    border: 0;
    color: transparent;
    outline: none;
    margin: 0;
    padding: 0;
    vertical-align: super;
}
.mbc-icon-arrow-left {
    width: 10px;
    height: 18px;
    background-position: -1px -722px;
}

.en .mbc-icon-arrow-left {
    background-position: -18px -722px;
}
.mbc-icon-replay {
    width: 51px;
    height: 54px;
    background-position: -1px -744px;
    cursor: pointer;
}
.mbc-icon-img {
    background-position: -1px -804px;
    width: 27px;
    height: 27px;
}
.mbc-icon-img-white {
    background-position: -1px -1315px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-top: 8px;
}
.copyright-caption {
    background-color: #000;
    background-position: 6px -532px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 5px;
    height: 18px;
    padding: 5px 10px 8px 30px;
    color: #ffffff;
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 12;
    font: 17px/16px mytestmedium;
}
/* Utils Section */
.mbcSlider-show-default, .mbcSlider-hide-full, .mbcSlider-hideon-popup {
    display: block !important;
}
.mbcSlider-hide-default, .mbcSlider-show-full, .mbcSlider-showon-popup {
    display: none ;
}
@media screen and (max-width: 980px) {
    .mbcSlider-hide-mobile {
        display: none !important;
    }
}
.group:after, .comments-box-header:after, .comments-box-actions:after, .mbcSlider:after, .mbcSlider-slider__header:after, .mbcSlider-album-item:after, .mbcSlider-next-album__container:after, .mbcSlider-next-album__container .next-album-title:after {
    content:"";
    display: table;
    clear: both;
}
/* Utils Section end */

/*Slick overrides*/
.slick-prev, .slick-next, .popup-arrow-prev, .popup-arrow-next {
    transition: .7s opacity ease;
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -18px;
    background-position: -1px -1347px;
    width: 24px;
    height: 36px;
    cursor: pointer;
    border: none;
    outline: none;
    text-indent: 9999px;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled, .popup-arrow-prev.slick-disabled, .popup-arrow-next.slick-disabled {
    opacity: 0.25;
}
.slick-prev, .popup-arrow-prev {
    background-position: -23px -1347px;
    right: 25px;
    left: auto;
}
.en .slick-next {
    background-position: -23px -1347px;
    right: 25px !important;
    left: auto;
}
.en .slick-prev {
    background-position: -1px -1347px;
    left: 25px;
}

.en .popup-arrow-prev {
    left: 35px;
    right: auto !important;
    background-position: -1px -1347px;
}

.en .popup-arrow-next {
    background-position: -23px -1347px;
    right: 25px;
    left: auto !important;
}
/*Slick overrides end*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10000;
}
.overlay h3 {
    font: 7em/1em mytestmedium;
    text-align: center;
    color: #ffffff;
    width: 700px;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-top: 50px;
    margin-left: -350px;
}
@media only screen and (orientation: landscape) {
    .overlay h3 {
        font: 5em/1em mytestmedium;
    }
}
.landscape-phone-img {
    background: transparent;
    width: 518px;
    height: 574px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -259px;
    margin-left: -287px;
}
@media only screen and (orientation: landscape) {
    .landscape-phone-img {
        width: 278px;
        height: 308px;
        margin-left: -139px;
        margin-top: -154px;
    }
}
.landscape-phone-img img {
    width: 100%;
    height: auto;
}
.mbcSlider-box-wrapper {
    position: static;
}
.mbcSlider {
    z-index: 10;
    margin-bottom: 35px;
}

.mbcSlider .share-button {
    background: transparent !important;
}
.mbcSlider-slider {
    width: 640px;
    height: 572px;
    background-color: #000;
    position: relative;
    display: inline-block;
    float: right;
}
.en .mbcSlider-slider {
    float: left;
}
.mbcSlider-slider__header {
    position: absolute;
    width: 100%;
    height: 40px;
    z-index: 11;
}
.mbcSlider-slider__header .mbc-icon-share-link {
    display: inline-block;
    float: left;
    margin: 14px 0 0 16px;
}

.en .mbcSlider-slider__header .mbc-icon-share-link {
    display: inline-block;
    float: right;
    margin: 10px 16px 0 0;
}

.mbcSlider-slider__header .mbc-icon-full-mode {
    display: inline-block;
    float: right;
    margin: 7px 12px 0 0;
}

.en .mbcSlider-slider__header .mbc-icon-full-mode {
    display: inline-block;
    float: left;
    margin: 7px 0 0 12px;
}
.mbcSlider-slider__header .mbc-icon-full-mode-close {
    display: inline-block;
    float: right;
    margin: 10px 12px 0 0;
}

.en .mbcSlider-slider__header .mbc-icon-full-mode-close {
    display: inline-block;
    float: left;
    margin: 10px 0 0 12px;
}

.mbcSlider-slider__slide {
    height: 572px;
    overflow: hidden;
}
.mbcSlider-slider__slide-info {
    display: none;
}
.mbcSlider-slider__slide img {
    max-width: 100%;
    max-height: 572px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.mbcSlider-slider__popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    display: none;
}
.mbcSlider-sidebar {
    width: 340px;
    height: 572px;
    background-color: #f7f7f7;
    display: inline-block;
    float: right;
}
.en .mbcSlider-sidebar {
    width: 299px;
}
.mbcSlider-sidebar .mbcSlider-description {
    padding: 20px;
}
.mbcSlider-sidebar .mbcSlider-description__count {
    padding-right: 8px;
    direction: ltr;
    text-align: right;
}

.en .mbcSlider-sidebar .mbcSlider-description__count {
    text-align: left;
}

.mbcSlider-sidebar .mbcSlider-description__container {
    height: 200px;
    overflow: hidden;
}
.mbcSlider-sidebar .mbcSlider-description__container p, .mbcSlider-sidebar .mbcSlider-description__container div, .mbcSlider-sidebar .mbcSlider-description__container a {
    margin: 0;
    font: 14px/28px Droid Arabic Naskh Regular, Arial;
    color: #666666;
}
.mbcSlider-sidebar .mbcSlider-description__container a {
    color: #1e1e1e !important;
    font-weight: bold;
}
.mbcSlider-sidebar .box.agt-live-killer.killerbanner {
    padding: 20px;
}
.mbcSlider-album-item {
    background-color: #fff;
}
.mbcSlider-album-item__img, .mbcSlider-album-item__data {
    margin-top: 8px;
    margin-right: 8px;
}

.en .mbcSlider-album-item__data {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 0;
}

.mbcSlider-album-item__img {
    display: inline-block;
    float: right;
    position: relative;
    height: 59px;
    width: 91px;
}
.mbcSlider-album-item__img img {
    width: 100%;
    height: 100%;
}
.mbcSlider-album-item__img .mbc-icon-img {
    position: absolute;
    bottom: 0;
    left: 0;
}
.mbcSlider-album-item__data {
    display: inline-block;
    float: right;
    width: 175px;
}
.mbcSlider-album-item__data div, .mbcSlider-album-item__data a {
    font: 16px/22px Droid Arabic Naskh Regular, Arial;
    color: #888888;
}
.mbcSlider-next-album__container {
    width: 450px;
    margin: 0 auto;
    padding-top: 80px;
}
.mbcSlider-next-album__container .replay-btn-block, .mbcSlider-next-album__container .next-album-title, .mbcSlider-next-album__container .mbcSlider-album-item {
    display: inline-block;
    float: right;
    height: 135px;
}

.en .mbcSlider-next-album__container .next-album-title, .en .mbcSlider-next-album__container .mbcSlider-album-item {
    display: inline-block;
    float: left;
    height: 135px;
}
.en .mbcSlider-next-album__container .replay-btn-block {
    float: right;
}
.mbcSlider-next-album__container .mbc-icon-replay {
    margin: 40px 0 40px 15px;
}
.mbcSlider-next-album__container .next-album-title {
    padding: 0px 10px;
    background: #A8A8A8;
    color: #686767;
}
.mbcSlider-next-album__container .next-album-title p {
    display: inline-block;
    float: right;
    width: 60px;
    margin: 41px 0;
}
.en .mbcSlider-next-album__container .next-album-title p {
    float: left;
}

.mbcSlider-next-album__container .next-album-title .mbc-icon-arrow-left {
    display: inline-block;
    float: right;
    margin: 58px 0;
}
.mbcSlider-related-albums-slider {
    width: 100%;
    height: 250px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}
.mbcSlider-related-albums-slider h3 {
    color: white;
    margin-right: 8%;
    margin-top: 20px;
    margin-bottom: 0;
}
.mbcSlider-related-albums-slider__slides {
    width: 75%;
    margin: 20px auto 50px;
}
.mbcSlider-related-albums-slider .mbcSlider-album-item {
    background-color: transparent;
}
.mbcSlider-related-albums-slider .mbcSlider-album-item__data {
    width: 125px;
}
.mbcSlider-related-albums-slider .mbcSlider-album-item__data div, .mbcSlider-related-albums-slider .mbcSlider-album-item__data a {
    font: 14px/24px Droid Arabic Naskh Regular, Arial;
    color: #fff;
}
.mbcSlider-related-albums-slider .mbcSlider-album-item__data a:hover {
    color: #fff;
}
.mbcSlider-related-albums-slider .slick-next {
    background-position: -1px -836px;
    left: -25px;
    width: 10px;
    height: 15px;
    padding: 0;
    margin-top: -7px;
}
.mbcSlider-related-albums-slider .slick-prev {
    background-position: -10px -836px;
    right: -25px;
    width: 10px;
    height: 15px;
    padding: 0;
    margin-top: -7px;
}
.mbcSlider-fullscreen {
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 100020;
}
.mbcSlider-fullscreen .mbcSlider-sidebar {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0px 12px;
}
.en .mbcSlider-fullscreen .mbcSlider-sidebar {
    left: auto;
    right: 0;
}
.mbcSlider-fullscreen .mbcSlider-sidebar .box.agt-live-killer.killerbanner {
    padding: 0;
    position: absolute !important;
    bottom: 10px;
}
.mbcSlider-fullscreen .mbcSlider-sidebar .comments-box-component {
    width: 300px;
}
@media screen and (max-width: 980px) {
    .mbcSlider-fullscreen .mbcSlider-sidebar {
        display: none;
    }
}
.mbcSlider-fullscreen .mbcSlider-slider {
    width: calc(100% - 324px);
    height: 100%;
}
.mbcSlider-fullscreen .mbcSlider-slider__header {
    background-color: rgba(0, 0, 0, 0.7);
}
.mbcSlider-fullscreen .mbcSlider-slider__header .mbcSlider-slider__page-title {
    display: inline-block !important;
    float: right;
    color: white;
    margin-right: 15px;
}

.en .mbcSlider-fullscreen .mbcSlider-slider__header .mbcSlider-slider__page-title {
    display: inline-block !important;
    float: left;
    color: white;
    margin-left: 15px;
}
.mbcSlider-fullscreen .mbcSlider-slider__header .mbcSlider-slider__page-title p {
    margin-top: 7px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.mbcSlider-fullscreen .mbcSlider-slider__slide {
    height: 100vh;
}
.mbcSlider-fullscreen .mbcSlider-slider__slide img {
    max-width: 100%;
    max-height: 100%;
}
.mbcSlider-fullscreen .mbcSlider-slider__counter-full {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    color: #fff;
}
.mbcSlider-fullscreen .mbcSlider-slider__counter-full .prev-count, .mbcSlider-fullscreen .mbcSlider-slider__counter-full .next-count {
    background-color: rgba(0, 0, 0, 0.7);
    width: 32px;
    height: 32px;
    position: absolute;
    text-align: center;
    line-height: 36px;
}
.mbcSlider-fullscreen .mbcSlider-slider__counter-full .prev-count {
    right: 0;
}
.en .mbcSlider-fullscreen .mbcSlider-slider__counter-full .prev-count {
    left: 0;
    right: auto;
}
.mbcSlider-fullscreen .mbcSlider-slider__counter-full .next-count {
    left: 0;
}
.en .mbcSlider-fullscreen .mbcSlider-slider__counter-full .next-count {
    right: 0;
    left: auto;
}
.mbcSlider-fullscreen .mbcSlider-slider .slick-next, .mbcSlider-fullscreen .mbcSlider-slider .popup-arrow-next {
    left: 35px;
}
.en .mbcSlider-fullscreen .mbcSlider-slider .slick-next {
    right: 35px !important;
    left: auto;
}
.mbcSlider-fullscreen .mbcSlider-slider .slick-prev, .mbcSlider-fullscreen .mbcSlider-slider .popup-arrow-prev {
    right: 35px;
}
.en .mbcSlider-fullscreen .mbcSlider-slider .slick-prev {
    left: 35px !important;
    right: auto;
}
@media screen and (max-width: 980px) {
    .mbcSlider-fullscreen .mbcSlider-slider {
        width: 100%;
    }
}
.mbcSlider-fullscreen .mbcSlider-description-full {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    position: absolute;
    color: white;
    bottom: 0;
    max-height: 130px;
    padding: 10px 0;
}
.mbcSlider-fullscreen .mbcSlider-description-full .mbcSlider-description__container {
    height: 100px;
    margin: 10px 30px 10px 10px;
    overflow: hidden;
}
.mbcSlider-fullscreen .mbcSlider-description-full p, .mbcSlider-fullscreen .mbcSlider-description-full div, .mbcSlider-fullscreen .mbcSlider-description-full a {
    margin: 0;
    font: 14px/28px Droid Arabic Naskh Regular, Arial;
    color: #bcbcbc;
}
.mbcSlider-fullscreen .mbcSlider-description-full a {
    color: #fff;
}
.mbcSlider-fullscreen .mbcSlider-description-full a:hover {
    color: #fff;
}
.mbcSlider-fullscreen .copyright-caption {
    left: 8px;
    top: auto;
    bottom: 150px;
}
@media screen and (max-width: 980px) {
    .mbcSlider-fullscreen .copyright-caption {
        display: none;
    }
}
.mbcSlider-fullscreen .mbcSlider-next-album__container {
    padding-top: 10%;
}
.mbcSlider-fullscreen .mbcSlider-related-albums-slider {
    height: 170px;
    margin-bottom: 120px;
}
.mbcSlider-fullscreen .mbcSlider-related-albums-slider__slides {
    width: 85%;
}
.mbcSlider-fullscreen .mbcSlider-related-albums-slider .mbcSlider-album-item__data {
    width: 100px;
}
.mbcSlider-fullscreen .mbcSlider-show-default, .mbcSlider-fullscreen .mbcSlider-hide-full {
    display: none !important;
}
.mbcSlider-fullscreen .mbcSlider-hide-default, .mbcSlider-fullscreen .mbcSlider-show-full {
    display: block !important;
}
.mbcSlider-fullscreen__hide-tools .mbcSlider-slider__header, .mbcSlider-fullscreen__hide-tools .mbcSlider-description-full, .mbcSlider-fullscreen__hide-tools .copyright-caption, .mbcSlider-fullscreen__hide-tools .prev-count, .mbcSlider-fullscreen__hide-tools .next-count {
    display: none !important;
}
.mbcSlider-fullscreen .comments-box-actions .comments-form .insert-name, .mbcSlider-fullscreen .comments-box-actions .comments-form .insert-comments {
    background: none repeat scroll 0 0 #f1f1f1;
    width: 96%;
}
.mbcSlider-fullscreen .comments-box-actions .comments-form .insert-name input {
    width: 80% !important;
}
.mbcSlider-popup .mbcSlider-slider__popup {
    display: block !important;
}
.mbcSlider-popup .mbcSlider-slider__popup-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.mbcSlider-popup .mbcSlider-hideon-popup {
    display: none !important;
}
.mbcSlider-popup .mbcSlider-showon-popup {
    display: block !important;
}
.mbcSlider-injected .mbcSlider {
    position: absolute;
    visibility: hidden;
}
.mbcSlider-injected .mbcSlider.mbcSlider-fullscreen {
    position: fixed;
    visibility: visible;
}
.mbcSlider-injected .mbcSlider.mbcSlider-fullscreen .mbcSlider-slider {
    width: 100% !important;
}
.mbcSlider-injected div#injected-photo-ads-300x250-left {
    width: 300px;
    height: 250px;
    background-color: #2e2e2e;
    display: block;
}
.articles.en.alboum-page .insert-name input {
    margin-left: 0;
}
.comments-box-component.photo-album-box.comments-box-component__full.mbcSlider-show-full {
    margin: 0;
}
/* mbcSlider Start */

/* States Section */

/* States Section end */

/* mbcSlider Start */
.box.tabsBlock .program-listing .SS_roll .main-img {
    clear: both;
    float: right;
}
.box.tabsBlock .program-listing .SS_roll .main-img a {
    height: auto;
}
.box.tabsBlock .program-listing .SS_roll .main-title {
    float: right;
    width: 90%;
}
.program-listing h3 a {
    width: 90%;
}
#section #main .wrap_grid .archttl .img-box {
    height: auto;
}
#main .archttl .img-box {
    width: auto;
}
#main .wrap .archttl h3, #main .wrap .archttl .info, #main .wrap .archttl p {
    float: right;
    margin-right: 10px;
}
.box01.photos .txt .headline {
    top: 234px;
}
.box01.photos .txt .share-strmphoto {
    top: 300px;
}
#section .content-stream.content-stream-full-width .content .appsVariation .img-box {
    float: right;
    height: auto;
    overflow: hidden;
    width: auto !important;
}
.featured-articles.app-content div.main-img a {
    border: 0 none;
    box-shadow: none;
    height: auto;
    width: auto;
}
.main-page .videos .program-listing .SS_roll > div .main-anchor-1 {
    top: -19px;
}
.main-page .videos .program-listing .SS_roll .main-img a, .main-page .stars .program-listing .SS_roll .main-img a {
    margin: 0;
}
.en.alboum-page #main .wrap_article .content .arena {
    width: auto !important;
}
.en.alboum-page #main ul.thumbs li {
    left: 0 !important;
}
#section #extras .agt-live-killer.killerbanner {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: 275px;
    margin: 0 0 0 13px;
    padding: 10px 10px 0;
    width: 300px;
}
.content-stream .tabactive .img-box a {
    float: right;
    height: 168px;
    position: relative;
    width: 300px;
}
div[id^="loadingImage"] {
    float: right;
    width: 100%;
}
.slide-item.mbcNews .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -1016px;
}
.slide-item.mbcMobc .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2075px;
}
.slide-item.mbcProfile .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2108px;
}
.slide-item.mbcEpisode .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2141px;
}
.slide-item.mbcProgram .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2491px;
}
.slide-item.mbcPhoto .img-icon, .slide-item.mbcPhotoAlbum .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2173px;
}
.slide-item.mbcVideo .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2205px;
}
.slide-item.mbcMatch .img-icon {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2238px;
}
.mains .content-stream-rp .tabs {
    margin-top: 10px;
}
.content-stream.content-stream-rp .content {
    margin-bottom: 10px;
    padding: 0;
}
#extras .slide-item {
    border-bottom: 2px groove rgba(231, 231, 231, 0.5);
    border-bottom: 2px groove #e7e7e7\9;
    float: right;
    width: 300px;
}
#extras .slide-item-container div:last-child {
    border: 0 none;
}
#extras .slide-item .related-component-list {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-radius: 0;
    height: auto;
    padding: 19px 0 0;
    width: 300px;
}
#extras .slide-item .related-component-list .related-component-list-img {
    float: right;
    height: 100%;
    position: relative;
    width: 112px;
}
#extras .slide-item .related-component-list .related-component-list-img a {
    float: right;
    height: 59px;
    overflow: hidden;
    position: relative;
    width: 104px;
}
#extras .slide-item .related-component-list .related-component-list-img a img {
    border: 0 none;
    height: auto;
    width: 104px;
}
#extras .slide-item .related-component-list .title {
    float: right;
    padding: 0;
    width: 188px;
}
#extras .slide-item .related-component-list .participate-link {
    display: block;
    float: right;
    margin-bottom: 20px;
    width: 166px;
}
#audio-listing-component div#slides-list-rc {
    margin-right: 35px;
}
#main .related-content-slider {
    width: 640px;
}
.alboum-page #main .related-content-slider {
    float: right;
}
#main .mbcSlider-box-wrapper .related-content-slider {
    float:right;
}
.related-content-slider .slide-item-container {
    margin-right: 36px;
}
#extras .related-content-slider .slide-item-container {
    margin-right: 0;
}
/*.related-content-slider .slick-slider-rtl .slick-slide {
  width: 604px !important;
}*/
.related-content-slider .slick-list {
    width: 555px;
}
.related-content-slider .slick-slide > div {
    width: 565px;
}
.related-content-slider .slick-prev {
    right: -25px;
}
.related-content-slider .slick-next {
    left: 13px;
}
.articles .related-content .tabs-block {
    background: transparent url("../img/iconsGFX/related-content-tabs.jpg") repeat-x scroll center bottom;
    float: right;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}
.related-content .tabs-block li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
    list-style: outside none none;
    margin: 0;
    width: 50%;
}
.related-content .tabs-block li a {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll 0 0;
    border-bottom: 4px solid transparent;
    color: #4a4a4a;
    float: right;
    font: 18px Droid Arabic Kufi Regular, Arial;
    height: 35px;
    padding-right: 38px;
    width: 112px;
}
#extras .box.tabsBlock {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
// float: right;
}
.related-content .container {
    float: right;
}
.related-content .tabs-block li.tab-related-content-tab1 a, .related-content .tabs-block li.tab-related-content-tab1 a {
    background-position: 121px -2271px;
    border-bottom: 4px solid transparent;
    color: #4a4a4a;
}
.related-content .tabs-block li.tab-related-content-tab2 a, .related-content .tabs-block li.tab-related-content-tab2 a {
    background-position: 119px -2331px;
    border-bottom: 4px solid transparent;
    color: #4a4a4a;
}
.related-content .tabs-block li.tab-related-content-tab1.selected a, .related-content .tabs-block li.tab-related-content-tab2.selected a, .related-content .tabs-block li.tab-related-content-tab1 a:hover, .related-content .tabs-block li.tab-related-content-tab2 a:hover {
    border-bottom: 4px solid #1e1e1e;
    color: #1e1e1e;
}
.related-content .tabs-block li.tab-related-content-tab1.selected a, .related-content .tabs-block li.tab-related-content-tab1 a:hover {
    background-position: 121px -2301px;
}
.related-content .tabs-block li.tab-related-content-tab2.selected a, .related-content .tabs-block li.tab-related-content-tab2 a:hover {
    background-position: 119px -2362px;
}
.show-next-article-component {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2557px;
    border: 0 none;
    border-radius: 0 6px 6px 0;
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 154px;
    position: fixed;
    width: 47px;
    z-index: 1000;
}
.show-next-article-component .arrow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 100%;
}
.next-article-component {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 3px 3px 0;
    bottom: 0;
    box-shadow: 0 0 5px #888888;
    display: none;
    height: 176px;
    position: fixed;
    width: 349px;
    z-index: 1000;
}
.next-article-component.closed, .show-next-article-component.closed {
    display: none !important;
}
.mbcSlider-box-wrapper .next-article-component {
    top: 330px;
}
.next-article-component-title {
    border-bottom: 1px solid #e9e9e9;
    height: 49px;
    width: 100%;
}
.next-article-close-btn {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2531px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 15px 0 0 12px;
    width: 20px;
}
.next-article-title-text {
    color: #525252;
    float: right;
    font: 15px/50px Droid Arabic Kufi Regular, Arial;
    height: 40px;
    padding-right: 16px;
}
.next-article-component-desc {
    height: 105px;
    padding: 21px 16px 0 0;
    width: 334px;
}
.next-article-component-desc-img {
    float: right;
    height: 105px;
    width: 128px;
}
.next-article-component-desc-img a {
    border: 0 none;
    float: right;
    height: 63px;
    overflow: hidden;
    position: relative;
    width: 112px;
}
.next-article-component-desc-img a img {
    border: 0 none;
    height: auto;
    width: 112px;
}
.next-article-component-desc-img a .img-icon {
    bottom: -1px;
    left: 0;
}
.next-article-component-desc-img.mbcNews a .img-icon {
    background-position: -1px -1016px;
}
.next-article-component-desc-img.mbcMobc a .img-icon {
    background-position: -1px -2075px;
}
.next-article-component-desc-img.mbcProfile a .img-icon {
    background-position: -1px -2108px;
}
.next-article-component-desc-img.mbcEpisode a .img-icon {
    background-position: -1px -2141px;
}
.next-article-component-desc-img.mbcPhoto a .img-icon, .next-article-component-desc-img.mbcPhotoAlbum a .img-icon {
    background-position: -1px -2173px;
}
.next-article-component-desc-img.mbcVideo a .img-icon {
    background-position: -1px -2205px;
}
.next-article-component-desc-img.mbcMatch a .img-icon {
    background-position: -1px -2238px;
}
.next-article-component-desc-img.mbcProgram a .img-icon {
    background-position: -1px -2491px;
}
.next-article-component-desc .title {
    float: right;
    height: 105px;
    overflow: hidden;
    width: 195px;
}
.next-article-component-desc .title h3 a {
    color: #888888 !important;
    float: right;
    font: 16px/27px Droid Arabic Naskh Regular, Arial;
    text-align: right;
}
.next-article-component-desc .participate-link {
    float: right;
    left: 0;
    margin-top: 10px;
    position: relative;
    top: 0;
    display: none;
}
.alboum-page #main .wrap_article.mbcSlider-box-wrapper .content .arena.content-stream-rp-block-container {
    margin-bottom: 20px !important;
    margin-right: 14px !important;
}
.articles.alboum-page #wrapper #wrapper-3-inner #main .wrap_article.mbcSlider-box-wrapper .content .arena.content-stream-rp-block-container .loadmore {
    width: 627px;
}
.articles .cs-injected .content-stream-rp-block-container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.articles #wrapper #wrapper-3-inner #main .wrap_article .cs-injected .content .tabactive .loadmore {
    margin-bottom: 40px;
    width: 627px;
}
.articles .cs-injected .content-stream-rp-block-container .content-stream-box {
    margin-left: 0;
    margin-right: 10px;
}
.related-content-slider .slide-item {
    float: right;
}

#extras .ventures-navigation {
    height: 40px !important;
    padding: 8px 20px 20px !important;
    position: relative !important;
    top: -8px !important;
}
#extras div[class^="slider"] {
    float: left;
    width: 300px;
}
#extras .slide-item-container {
    float: left;
    width: 300px;
}
#extras .related-component-sliding-format2-title {
    float: left;
    width: 300px;
}
#extras .ventures-related-content .related-component-sliding-format2-title {
    border-bottom: 1px solid #b3b3b3;
    float: right;
    width: 291px;
}
#extras .ventures-related-content .slide-item-container {
    border-right: 1px solid #b3b3b3;
    margin-top: 20px;
    padding-right: 15px;
}
#extras .ventures-related-content .slide-item {
    border-bottom: 0 none;
    height: 90px;
    width: 150px;
}
#extras .ventures-related-content .slide-item .related-component-list .title, #extras .ventures-related-content .slide-item .related-component-list .participate-link, #extras .ventures-related-content .slide-item .related-component-list .related-component-list-img .img-icon {
    display: none;
}
#extras .ventures-related-content .slide-item .related-component-list .related-component-list-img {
    width: 140px;
}
#extras .ventures-related-content .slide-item .related-component-list .related-component-list-img a {
    height: 79px;
    width: 140px;
}
/*#extras .ventures-related-content .slide-item .related-component-list .related-component-list-img a img {
  width: 140px;
}*/
#extras .ventures-related-content .slide-item .related-component-list {
    padding: 0;
}
.en .related-content .tabs-block li {
    float: left;
}
.en .related-content .tabs-block li a {
    float: left;
    padding-left: 38px;
    padding-right: 0;
}
.en .related-content .tabs-block li.tab-related-content-tab1 a, .en .related-content .tabs-block li.tab-related-content-tab1 a {
    background-position: 12px -2271px;
}
.en .related-content .tabs-block li.tab-related-content-tab1.selected a, .en .related-content .tabs-block li.tab-related-content-tab1 a:hover {
    background-position: 12px -2301px;
}
.en .related-content .tabs-block li.tab-related-content-tab2 a, .en .related-content .tabs-block li.tab-related-content-tab2 a {
    background-position: 12px -2331px;
}
.en .related-content .tabs-block li.tab-related-content-tab2.selected a, .en .related-content .tabs-block li.tab-related-content-tab2 a:hover {
    background-position: 12px -2362px;
}
.en #extras .slide-item .related-component-list .related-component-list-img {
    float: left;
}
.en #extras .slide-item .related-component-list .related-component-list-img a {
    float: left;
}
.en #extras .slide-item .related-component-list .title {
    float: left;
}
.en #extras .slide-item .related-component-list .participate-link {
    background-position: 110px -2728px;
    float: left;
}
.en #extras .slide-item .related-component-list .participate-link input.share-button {
    float: right;
}

.en.articles.alboum-page #wrapper-1 {
    position: relative;
    z-index: 1001;
}
.related-component-list .title h3, .related-component-list .title h4 {
    font: 16px/27px Droid Arabic Naskh Regular,Arial;
}

.box.wrap.content-stream {
    top: 0 !important;
}
#stage_0 .box.wrap.content-stream {
    background: #fff none repeat scroll 0 0;
    margin-top: 15px;
}
.en .content-stream-box .participate-link {
    background-position: -1px -2727px;
    float: left;
    height: 20px;
}
.en .content-stream-box {
    float: left;
}
.en .content-stream-box .img-box .img-icon {
    left: auto;
    right: 0;
}
.en .content-stream-rp-block-container .content-stream-box .title a {
    float: left;
}
.en .next-article-component {
    border-radius: 3px 0 0 3px;
    left: auto;
    right: 0;
}
.en .next-article-component-desc {
    padding: 21px 0 0 16px;
}
.en .next-article-component-desc-img, .en .next-article-component-desc .title, .en .next-article-component-desc-img a, .en .next-article-component-desc .title h3 a {
    float: left;
    text-align: left;
}
.en .next-article-close-btn {
    float: right;
    margin: 15px 12px 0 0;
}
.en .next-article-title-text {
    float: left;
    padding-left: 16px;
    padding-right: 0;
}

.en .show-next-article-component {
    background: transparent url("../img/iconsGFX/articles-icon.png?") no-repeat scroll -1px -2800px;
    left: auto;
    right: 0;
}

.talent-show-live-streaming {
    padding-bottom: 0 !important;
}

.internals #wrapper #main .content-stream.has-killer .box.kill-banner.win-killer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 330px;
    margin: 0 5px 15px !important;
    padding-top: 0;
    width: 317px !important;
    display: block;
}
.articles.video-article .box .arena {
    width: 980px;
}
.articles.video-article .article-category,.articles.video-article #main .box.wrap_article .article-title, .articles.video-article .share-bar {
    width: 900px;
}
.articles.video-article #main .slideshow.multimedia {
    margin: 0 0 20px;
    padding: 0;
    width: 980px;
}
.articles.video-article #main .slideshow .info {
    float: right;
    padding-right: 40px !important;
    width: 930px;
}
.js-on .articles.video-article #main .slideshow .rack, .articles.video-article #main .slideshow .teaser {
    height: 551px !important;
    margin-top: 0;
    width: 980px;
}
.js-on .articles.video-article #main .slideshow .rack-design {
    height: 100% !important;
    width: 100% !important;
}
.articles.video-article .external-media {
    float: right;
    margin-bottom: 0;
    width: 100%;
}
.articles.video-article .external-media iframe {
    height: 551px;
    width: 980px !important;
}
.js-on .articles #main .slideshow .rack{
    float: right;
    height: 420px !important;
    margin-top: -17px;
    overflow: hidden;
    width: 560px;
}
.slideshow.multimedia #video_overlays {
    display: none;
}
.en .wrap_article .wrap-options li.date {
    float: left;
}
.video-article.articles #wrapper #wrapper-3-inner #extras {
    margin-top: 720px;
}

.social_sml .social-bar-iframe{background-color: #ffffff; border: medium none; overflow: hidden; width: 300px; height: 110px;margin-top: -1px;}
.social_sml .social-bar-container{margin-top: -3px !important;border: 1px solid #aaaaaa;border-top: 0;padding: 5px;padding-top: 11px !important;background-color: #ffffff;margin-right: 0 !important;}
.social_sml .hashtagbox p{color: #000000;}
#wrapper #wrapper-3-inner #extras .social_sml .content .arena div.social-feed {margin-right: 0 !important;}
#extras .social_sml .social-feed iframe.social-bar-iframe{width: 298px !important;}
#wrapper #wrapper-3-inner #extras .social_sml .content .arena div.social-bar-container {width: 288px !important;}
#wrapper #wrapper-3-inner #extras .social_sml .content .arena div.hashtagbox {margin-top: 5px !important;margin-right: 0 !important;}
.content-stream-without-thumb .content-stream-box {height: 140px;}