@charset "UTF-8";

 .gb_animation_time {
animation-duration: 1s;
animation-fill-mode: both;
}
.gb_animation_time.infinite {
animation-iteration-count: infinite;
}
.gb_animation_time.hinge {
animation-duration: 2s;
}
.gb_animation_time.flipOutX,
.gb_animation_time.flipOutY,
.gb_animation_time.bounceIn,
.gb_animation_time.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.gb_animation_time.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.puffIn {
animation-name: puffIn;
}
@keyframes puffIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2,2);
filter: blur(2px);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1,1);
filter: blur(0px);
}
}
.puffOut {
animation-name: puffOut;
}
@keyframes puffOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1,1);
filter: blur(0px);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2,2);
filter: blur(2px);
}
}
.vanishIn {
animation-name: vanishIn;
}
@keyframes vanishIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2, 2);
filter: blur(90px);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
filter: blur(0px);
}
}
.vanishOut {
animation-name: vanishOut;
}
@keyframes vanishOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
filter: blur(0px);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(2, 2);
filter: blur(20px);
}
}
.boingInUp {
animation-name: boingInUp;
}
@keyframes boingInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(-90deg);
}
50% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(50deg);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: perspective(800px) rotateX(0deg);
}
}
.boingOutDown {
animation-name: boingOutDown;
}
@keyframes boingOutDown {
0% {
opacity: 1;
transform-origin: 100% 100%;
transform: perspective(800px) rotateX(0deg) rotateY(0deg);
}
20% {
opacity: 1;
transform-origin: 100% 100%;
transform: perspective(800px) rotateX(0deg) rotateY(10deg);
}
30% {
opacity: 1;
transform-origin: 0% 100%;
transform: perspective(800px) rotateX(0deg) rotateY(0deg);
}
40% {
opacity: 1;
transform-origin: 0% 100%;
transform: perspective(800px) rotateX(10deg) rotateY(10deg);
}
100% {
opacity: 0;
transform-origin: 100% 100%;
transform: perspective(800px) rotateX(90deg) rotateY(0deg);
}
}
.bombLeftOut {
animation-name: bombLeftOut;
}
@keyframes bombLeftOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: rotate(0deg);
filter: blur(0px);
}
50% {
opacity: 1;
transform-origin: -100% 50%;
transform: rotate(-160deg);
filter: blur(0px);
}
100% {
opacity: 0;
transform-origin: -100% 50%;
transform: rotate(-160deg);
filter: blur(20px);
}
}
.bombRightOut {
animation-name: bombRightOut;
}
@keyframes bombRightOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: rotate(0deg);
filter: blur(0px);
}
50% {
opacity: 1;
transform-origin: 200% 50%;
transform: rotate(160deg);
filter: blur(0px);
}
100% {
opacity: 0;
transform-origin: 200% 50%;
transform: rotate(160deg);
filter: blur(20px);
}
}
.magic {
animation-name: magic;
}
@keyframes magic {
0% {
opacity: 1;
transform-origin: 100% 200%;
transform: scale(1, 1) rotate(0deg);
}
100% {
opacity: 0;
transform-origin: 200% 500%;
transform: scale(0, 0) rotate(270deg);
}
}
.swap {
animation-name: swap;
}
@keyframes swap {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) translate(-700px, 0px);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) translate(0px, 0px);
}
}
.twisterInDown {
animation-name: twisterInDown;
}
@keyframes twisterInDown {
0% {
opacity: 0;
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
transform-origin: 0 100%;
transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
.twisterInUp {
animation-name: twisterInUp;
}
@keyframes twisterInUp {
0% {
opacity: 0;
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
30% {
transform-origin: 100% 0;
transform: scale(0, 0) rotate(360deg) translateY(100%);
}
100% {
opacity: 1;
transform-origin: 0 0;
transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
.foolishIn {
animation-name: foolishIn;
}
@keyframes foolishIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(0deg);
}
}
.foolishOut {
animation-name: foolishOut;
}
@keyframes foolishOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotate(360deg);
}
20% {
opacity: 1;
transform-origin: 0% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
40% {
opacity: 1;
transform-origin: 100% 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
60% {
opacity: 1;
transform-origin: 0%;
transform: scale(0.5, 0.5) rotate(0deg);
}
80% {
opacity: 1;
transform-origin: 0% 100%;
transform: scale(0.5, 0.5) rotate(0deg);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotate(0deg);
}
}
.holeOut {
animation-name: holeOut;
}
@keyframes holeOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1) rotateY(0deg);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0) rotateY(180deg);
}
}
.swashIn {
animation-name: swashIn;
}
@keyframes swashIn {
0% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
90% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(0.9, 0.9);
}
100% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
}
.swashOut {
animation-name: swashOut;
}
@keyframes swashOut {
0% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(1, 1);
}
80% {
opacity: 1;
transform-origin: 50% 50%;
transform: scale(0.9, 0.9);
}
100% {
opacity: 0;
transform-origin: 50% 50%;
transform: scale(0, 0);
}
}
.spaceInDown {
animation-name: spaceInDown;
}
@keyframes spaceInDown {
0% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(.2) translate(0%, 200%);
}
100% {
opacity: 1;
transform-origin: 50% 100%;
transform: scale(1) translate(0%, 0%);
}
}
.spaceInLeft {
animation-name: spaceInLeft;
}
@keyframes spaceInLeft {
0% {
opacity: 0;
transform-origin: 0% 50%;
transform: scale(.2) translate(-200%, 0%);
}
100% {
opacity: 1;
transform-origin: 0% 50%;
transform: scale(1) translate(0%, 0%);
}
}
.spaceInRight {
animation-name: spaceInRight;
}
@keyframes spaceInRight {
0% {
opacity: 0;
transform-origin: 100% 50%;
transform: scale(.2) translate(200%, 0%);
}
100% {
opacity: 1;
transform-origin: 100% 50%;
transform: scale(1) translate(0%, 0%);
}
}
.spaceInUp {
animation-name: spaceInUp;
}
@keyframes spaceInUp {
0% {
opacity: 0;
transform-origin: 50% 0%;
transform: scale(.2) translate(0%, -200%);
}
100% {
opacity: 1;
transform-origin: 50% 0%;
transform: scale(1) translate(0%, 0%);
}
}
.spaceOutDown {
animation-name: spaceOutDown;
}
@keyframes spaceOutDown {
0% {
opacity: 1;
transform-origin: 50% 100%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 50% 100%;
transform: scale(.2) translate(0%, 200%);
}
}
.spaceOutLeft {
animation-name: spaceOutLeft;
}
@keyframes spaceOutLeft {
0% {
opacity: 1;
transform-origin: 0% 50%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 0% 50%;
transform: scale(.2) translate(-200%, 0%);
}
}
.spaceOutRight {
animation-name: spaceOutRight;
}
@keyframes spaceOutRight {
0% {
opacity: 1;
transform-origin: 100% 50%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 100% 50%;
transform: scale(.2) translate(200%, 0%);
}
}
.spaceOutUp {
animation-name: spaceOutUp;
}
@keyframes spaceOutUp {
0% {
opacity: 1;
transform-origin: 50% 0%;
transform: scale(1) translate(0%, 0%);
}
100% {
opacity: 0;
transform-origin: 50% 0%;
transform: scale(.2) translate(0%, -200%);
}
}
.perspectiveDown {
animation-name: perspectiveDown;
}
@keyframes perspectiveDown {
0% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(0deg);
}
100% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(-180deg);
}
}
.perspectiveDownReturn {
animation-name: perspectiveDownReturn;
}
@keyframes perspectiveDownReturn {
0% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(-180deg);
}
100% {
transform-origin: 0 100%;
transform: perspective(800px) rotateX(0deg);
}
}
.perspectiveLeft {
animation-name: perspectiveLeft;
}
@keyframes perspectiveLeft {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(-180deg);
}
}
.perspectiveLeftReturn {
animation-name: perspectiveLeftReturn;
}
@keyframes perspectiveLeftReturn {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(-180deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg);
}
}
.perspectiveRight {
animation-name: perspectiveRight;
}
@keyframes perspectiveRight {
0% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(0deg);
}
100% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(180deg);
}
}
.perspectiveRightReturn {
animation-name: perspectiveRightReturn;
}
@keyframes perspectiveRightReturn {
0% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(180deg);
}
100% {
transform-origin: 100% 0;
transform: perspective(800px) rotateY(0deg);
}
}
.perspectiveUp {
animation-name: perspectiveUp;
}
@keyframes perspectiveUp {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(180deg);
}
}
.perspectiveUpReturn {
animation-name: perspectiveUpReturn;
}
@keyframes perspectiveUpReturn {
0% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(180deg);
}
100% {
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg);
}
}
.rotateDown {
animation-name: rotateDown;
}
@keyframes rotateDown {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity: 0;
transform-origin: 50% 100%;
transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
.rotateLeft {
animation-name: rotateLeft;
}
@keyframes rotateLeft {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
100% {
opacity: 0;
transform-origin: 50% 0;
transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
}
.rotateRight {
animation-name: rotateRight;
}
@keyframes rotateRight {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
100% {
opacity: 0;
transform-origin: 50% 0;
transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
}
.rotateUp {
animation-name: rotateUp;
}
@keyframes rotateUp {
0% {
opacity: 1;
transform-origin: 0 0;
transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
100% {
opacity: 0;
transform-origin: 50% 0;
transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
}
.slideDown {
animation-name: slideDown;
}
@keyframes slideDown {
0% {
transform-origin: 0 0;
transform: translateY(0%);
}
100% {
transform-origin: 0 0;
transform: translateY(100%);
}
}
.slideDownReturn {
animation-name: slideDownReturn;
}
@keyframes slideDownReturn {
0% {
transform-origin: 0 0;
transform: translateY(100%);
}
100% {
transform-origin: 0 0;
transform: translateY(0%);
}
}
.slideLeft {
animation-name: slideLeft;
}
@keyframes slideLeft {
0% {
transform-origin: 0 0;
transform: translateX(0%);
}
100% {
transform-origin: 0 0;
transform: translateX(-100%);
}
}
.slideLeftReturn {
animation-name: slideLeftReturn;
}
@keyframes slideLeftReturn {
0% {
transform-origin: 0 0;
transform: translateX(-100%);
}
100% {
transform-origin: 0 0;
transform: translateX(0%);
}
}
.slideRight {
animation-name: slideRight;
}
@keyframes slideRight {
0% {
transform-origin: 0 0;
transform: translateX(0%);
}
100% {
transform-origin: 0 0;
transform: translateX(100%);
}
}
.slideRightReturn {
animation-name: slideRightReturn;
}
@keyframes slideRightReturn {
0% {
transform-origin: 0 0;
transform: translateX(100%);
}
100% {
transform-origin: 0 0;
transform: translateX(0%);
}
}
.slideUp {
animation-name: slideUp;
}
@keyframes slideUp {
0% {
transform-origin: 0 0;
transform: translateY(0%);
}
100% {
transform-origin: 0 0;
transform: translateY(-100%);
}
}
.slideUpReturn {
animation-name: slideUpReturn;
}
@keyframes slideUpReturn {
0% {
transform-origin: 0 0;
transform: translateY(-100%);
}
100% {
transform-origin: 0 0;
transform: translateY(0%);
}
}
.openDownLeft {
animation-name: openDownLeft;
}
@keyframes openDownLeft {
0% {
transform-origin: bottom left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: bottom left;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
}
.openDownLeftReturn {
animation-name: openDownLeftReturn;
}
@keyframes openDownLeftReturn {
0% {
transform-origin: bottom left;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: bottom left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
}
.openDownRight {
animation-name: openDownRight;
}
@keyframes openDownRight {
0% {
transform-origin: bottom right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: bottom right;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
}
.openDownRightReturn {
animation-name: openDownRightReturn;
}
@keyframes openDownRightReturn {
0% {
transform-origin: bottom right;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: bottom right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
}
.openUpLeft {
animation-name: openUpLeft;
}
@keyframes openUpLeft {
0% {
transform-origin: top left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: top left;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
}
.openUpLeftReturn {
animation-name: openUpLeftReturn;
}
@keyframes openUpLeftReturn {
0% {
transform-origin: top left;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: top left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
}
.openUpRight {
animation-name: openUpRight;
}
@keyframes openUpRight {
0% {
transform-origin: top right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
transform-origin: top right;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
}
.openUpRightReturn {
animation-name: openUpRightReturn;
}
@keyframes openUpRightReturn {
0% {
transform-origin: top right;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
100% {
transform-origin: top right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
}
.openDownLeftOut {
animation-name: openDownLeftOut;
}
@keyframes openDownLeftOut {
0% {
opacity: 1;
transform-origin: bottom left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: bottom left;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
}
.openDownRightOut {
animation-name: openDownRightOut;
}
@keyframes openDownRightOut {
0% {
opacity: 1;
transform-origin: bottom right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: bottom right;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
}
.openUpLeftOut {
animation-name: openUpLeftOut;
}
@keyframes openUpLeftOut {
0% {
opacity: 1;
transform-origin: top left;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: top left;
transform: rotate(110deg);
animation-timing-function: ease-in-out;
}
}
.openUpRightOut {
animation-name: openUpRightOut;
}
@keyframes openUpRightOut {
0% {
opacity: 1;
transform-origin: top right;
transform: rotate(0deg);
animation-timing-function: ease-out;
}
100% {
opacity: 0;
transform-origin: top right;
transform: rotate(-110deg);
animation-timing-function: ease-in-out;
}
}
.tinDownIn {
animation-name: tinDownIn;
}
@keyframes tinDownIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
}
.tinDownOut {
animation-name: tinDownOut;
}
@keyframes tinDownOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(900%);
}
}
.tinLeftIn {
animation-name: tinLeftIn;
}
@keyframes tinLeftIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
}
.tinLeftOut {
animation-name: tinLeftOut;
}
@keyframes tinLeftOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(-900%);
}
}
.tinRightIn {
animation-name: tinRightIn;
}
@keyframes tinRightIn {
0% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
}
.tinRightOut {
animation-name: tinRightOut;
}
@keyframes tinRightOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateX(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateX(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateX(900%);
}
}
.tinUpIn {
animation-name: tinUpIn;
}
@keyframes tinUpIn {
0% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
50%, 70%, 90% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
60%, 80%, 100% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
}
.tinUpOut {
animation-name: tinUpOut;
}
@keyframes tinUpOut {
0%, 20%, 40%, 50% {
opacity: 1;
transform: scale(1, 1) translateY(0);
}
10%, 30% {
opacity: 1;
transform: scale(1.1, 1.1) translateY(0);
}
100% {
opacity: 0;
transform: scale(1, 1) translateY(-900%);
}
}.fbx-close:hover,
.fbx-credit a,
.fbx-next:hover,
.fbx-prev:hover {
text-decoration: none
}
.fbx-modal,
.fbx-modal * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.fbx-modal {
position: fixed;
top: 0;
left: 0;
z-index: 9000001;
visibility: hidden;
width: 100%;
height: 100%;
font-family: "Segoe UI", Helvetica, Arial, "Sans Serif";
line-height: normal;
outline: 0!important
}
.fbx-modal.fbx-loading,
.fbx-modal.fbx-show {
visibility: visible
}
.fbx-inner-spacer {
display: none;
padding: 40px
}
.fbx-inner,
.fbx-loader {
position: absolute;
top: 50%;
left: 50%
}
.fbx-inner {
visibility: hidden;
overflow: visible!important;
margin-top: -5px;
margin-left: -5px;
min-width: 100px;
min-height: 100px;
width: 100px;
height: 100px;
z-index: 100002
}
.fbx-show .fbx-inner {
visibility: visible
}
.fbx-loader {
visibility: hidden;
z-index: 100005;
margin-top: -40px;
margin-left: -40px;
width: 80px;
height: 80px;
font-size: 16px;
-moz-box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
box-shadow: 0 0 3px #000;
box-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.fbx-loading .fbx-loader,
.fbx-show .fbx-caption {
visibility: visible
}
.fbx-loader>div {
margin: 10px;
width: 60px;
height: 60px
}
.fbx-item-current,
.fbx-item-next,
.fbx-stage {
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
padding: 0;
outline: 0;
position: absolute;
border: none
}
.fbx-stage {
overflow: hidden
}
.fbx-item-current,
.fbx-item-next {
-webkit-user-drag: none;
overflow: auto
}
.fbx-loading .fbx-item-current,
.fbx-loading .fbx-item-next {
overflow: hidden
}
.fbx-item-next {
z-index: 100001
}
.fbx-item-current {
z-index: 100002
}
.fbx-error-msg {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px
}
.fbx-error-msg>span {
line-height: 200px;
width: 100%;
height: 100%;
display: block
}
.fbx-error-msg>p {
position: absolute;
top: 100%;
text-align: center;
width: 100%;
margin: 0
}
.fbx-item-iframe,
.fbx-item-image,
.fbx-item-video {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: 0;
border: none;
display: block
}
.fbx-item-video>.fbx-video {
background-color: #000
}
.fbx-ios .fbx-item-current {
-webkit-overflow-scrolling: touch!important;
overflow: auto!important
}
.fbx-ios .fbx-item-iframe {
width: 1px;
min-width: 100%
}
.fbx-close,
.fbx-next,
.fbx-prev {
position: absolute;
z-index: 100006;
display: block;
outline: 0!important;
text-decoration: none;
cursor: pointer
}
.fbx-no-buttons .fbx-next,
.fbx-no-buttons .fbx-prev {
display: none!important
}
.fbx-phone .fbx-count,
.fbx-phone .fbx-credit em,
.fbx-phone.fbx-landscape.fbx-no-nav .fbx-next,
.fbx-phone.fbx-landscape.fbx-no-nav .fbx-prev,
.fbx-rounded .fbx-next.fbx-disabled,
.fbx-rounded .fbx-prev.fbx-disabled {
display: none
}
.fbx-credit {
position: absolute;
z-index: 100003;
text-transform: lowercase;
font-size: 10px
}
.fbx-credit em {
font-style: normal;
font-size: 10px
}
.fbx-credit a {
font-size: 10px
}
.fbx-credit a:hover span {
text-decoration: underline
}
.fbx-credit a span {
letter-spacing: 1px;
font-size: 10px;
color: #fff
}
.fbx-count {
position: absolute;
z-index: 100002;
width: 100%;
text-align: center;
font-size: 10px
}
.fbx-btn-transition,
.fbx-btn-transition:before {
-webkit-transition-property: color, border-color, opacity, -webkit-box-shadow;
-moz-transition-property: color, border-color, opacity, -moz-box-shadow;
-o-transition-property: color, border-color, opacity, -o-box-shadow;
transition-property: color, border-color, opacity, box-shadow;
-webkit-transition-duration: .2s, .2s, .2s, .2s;
-moz-transition-duration: .2s, .2s, .2s, .2s;
-o-transition-duration: .2s, .2s, .2s, .2s;
transition-duration: .2s, .2s, .2s, .2s;
-webkit-transition-timing-function: ease-in, linear, ease-in, ease-in;
-moz-transition-timing-function: ease-in, linear, ease-in, ease-in;
-o-transition-timing-function: ease-in, linear, ease-in, ease-in;
transition-timing-function: ease-in, linear, ease-in, ease-in;
outline: 0
}
.fbx-modal.fbx-phone .fbx-inner {
border: none
}
.fbx-modal.fbx-phone .fbx-close,
.fbx-modal.fbx-phone .fbx-next,
.fbx-modal.fbx-phone .fbx-prev {
position: fixed
}
.fbx-modal.fbx-phone .fbx-prev {
border-radius: 0 6px 6px 0
}
.fbx-modal.fbx-phone .fbx-next {
border-radius: 6px 0 0 6px
}
.fbx-modal.fbx-phone .fbx-close {
top: 0;
right: 0;
opacity: .5;
border-radius: 0 0 0 25%;
-webkit-border-bottom-left-radius: 25%;
-moz-border-radius-bottomleft: 25%
}
.fbx-modal.fbx-phone .fbx-close:hover {
opacity: 1
}
.fbx-modal.fbx-phone .fbx-credit {
bottom: 2px;
left: 2px
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-inner-spacer {
padding: 35px 5px 15px
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-close,
.fbx-modal.fbx-phone.fbx-portrait .fbx-next,
.fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
border: none;
opacity: 1;
margin: 0;
top: 0;
bottom: auto;
width: auto;
height: 40px;
border-radius: 0;
line-height: 40px
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
left: 0;
right: 66%
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-next {
left: 33%;
right: 33%
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-close {
left: 66%;
right: 0
}
.fbx-modal.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close {
left: 0;
right: 0
}
.fbx-modal.fbx-phone.fbx-landscape {
border-right-width: 46px;
border-right-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-inner-spacer {
padding: 5px
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape .fbx-prev {
bottom: auto;
left: auto;
right: 1px;
width: 44px;
height: 44px;
line-height: 44px;
border: none;
opacity: 1;
margin: 0;
border-radius: 0
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-close {
top: 0;
height: 60px
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-prev {
top: 62px
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-next {
top: 108px
}
@font-face {
font-family: foobox;
src: url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.eot);
src: url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.eot#iefix) format('embedded-opentype'), url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.woff) format('woff'), url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.ttf) format('truetype'), url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.svg) format('svg');
font-weight: 400;
font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: foobox;
src: url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.svg) format('svg');
font-weight: 400;
font-style: normal
}
}
.fbx-modal .fbx-error-msg>span,
.fbx-modal .fbx-loader>div,
.fbx-modal a.fbx-close,
.fbx-modal a.fbx-next,
.fbx-modal a.fbx-prev {
font-family: foobox;
font-size: 16px;
font-weight: 400;
text-align: center;
outline: 0;
-webkit-font-smoothing: antialiased
}
.fbx-modal .fbx-loader>div {
font-size: 300%;
line-height: 60px
}
.fbx-modal.fbx-loading .fbx-loader>div {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-ms-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear
}
.fbx-modal .fbx-error-msg>span {
font-size: 1000%
}
.fbx-modal .fbx-error-msg>span:before {
content: "\e028"
}
.fbx-close:before {
content: "\e002"
}
.fbx-prev:before {
content: "\e000"
}
.fbx-next:before {
content: "\e001"
}
.fbx-loader>div:before {
content: "\e012"
}
.fbx-flat .fbx-close:before {
content: "\e117"
}
.fbx-flat .fbx-prev:before {
content: "\e094"
}
.fbx-flat .fbx-next:before {
content: "\e095"
}
.fbx-flat .fbx-loader>div:before {
content: "\e105"
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0)
}
100% {
-moz-transform: rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0)
}
100% {
-o-transform: rotate(359deg)
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0)
}
100% {
-ms-transform: rotate(359deg)
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
.fbx-rounded .fbx-prev.fbx-btn-shadow,
.fbx-rounded .fbx-prev.fbx-btn-shadow:hover {
-moz-box-shadow: -2px 0 2px #000;
-moz-box-shadow: -2px 0 2px rgba(0, 0, 0, .8);
-webkit-box-shadow: -2px 0 2px #000;
-webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, .8);
box-shadow: -2px 0 2px #000;
box-shadow: -2px 0 2px rgba(0, 0, 0, .8)
}
.fbx-rounded .fbx-next.fbx-btn-shadow,
.fbx-rounded .fbx-next.fbx-btn-shadow:hover {
-moz-box-shadow: 2px 0 2px #000;
-moz-box-shadow: 2px 0 2px rgba(0, 0, 0, .8);
-webkit-box-shadow: 2px 0 2px #000;
-webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, .8);
box-shadow: 2px 0 2px #000;
box-shadow: 2px 0 2px rgba(0, 0, 0, .8)
}
.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-inner-shadow,
.fbx-rounded .fbx-btn-shadow,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:before,
.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow {
-moz-box-shadow: 0 0 12px #000;
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 12px #000;
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
box-shadow: 0 0 12px #000;
box-shadow: 0 0 12px rgba(0, 0, 0, .8)
}
.fbx-fullscreen-mode .fbx-btn-shadow:hover,
.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,
.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,
.fbx-rounded .fbx-btn-shadow:hover,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:hover:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:hover:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:hover:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:hover:before,
.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,
.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover {
-moz-box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
box-shadow: 0 0 6px #000;
box-shadow: 0 0 6px rgba(0, 0, 0, .8)
}
.fbx-flat .fbx-inner-shadow,
.fbx-flat .fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow:hover,
.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,
.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,
.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,
.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,
.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover,
.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-rounded .fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow:before,
.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow:before,
.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,
.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.fbx-rounded .fbx-inner {
border: 8px solid transparent;
border-radius: 6px
}
.fbx-rounded .fbx-item-current,
.fbx-rounded .fbx-item-image,
.fbx-rounded .fbx-item-next {
border-radius: 3px
}
.fbx-rounded .fbx-loader,
.fbx-rounded .fbx-loader>div {
border-radius: 50%
}
.fbx-rounded .fbx-error-msg {
margin-top: -115px
}
.fbx-rounded .fbx-close {
top: -21px;
right: -21px;
width: 28px;
height: 28px;
line-height: 28px;
border: 3px solid transparent;
border-radius: 50%
}
.fbx-rounded .fbx-next,
.fbx-rounded .fbx-prev {
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
line-height: 100px;
border: 3px solid transparent
}
.fbx-rounded .fbx-prev {
left: -40px;
border-radius: 6px 0 0 6px
}
.fbx-rounded .fbx-next {
right: -40px;
border-radius: 0 6px 6px 0
}
.fbx-rounded.fbx-phone .fbx-next.fbx-disabled,
.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled {
display: block;
cursor: default
}
.fbx-rounded.fbx-phone .fbx-next.fbx-disabled:before,
.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled:before {
opacity: 0
}
.fbx-rounded.fbx-desktop .fbx-next,
.fbx-rounded.fbx-desktop .fbx-prev {
position: absolute
}
.fbx-rounded .fbx-count,
.fbx-rounded .fbx-credit {
bottom: -25px
}
.fbx-rounded .fbx-inner-spacer {
padding: 40px 40px 50px
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait .fbx-inner-spacer {
padding: 60px 5px 0
}
.fbx-rounded.fbx-sticky-buttons .fbx-next,
.fbx-rounded.fbx-sticky-buttons .fbx-prev {
position: fixed;
top: 50%;
margin-top: -50px;
width: 40px;
height: 100px;
line-height: 100px
}
.fbx-rounded.fbx-sticky-buttons .fbx-prev {
left: 0;
border-radius: 0 6px 6px 0
}
.fbx-rounded.fbx-sticky-buttons .fbx-next {
right: 0;
border-radius: 6px 0 0 6px
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 40px 60px
}
.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 35px 5px 15px
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 5px
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: 0;
border-radius: 0;
width: 4%;
min-width: 45px;
height: auto;
opacity: .3
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: fixed;
width: 4%;
min-width: 45px;
height: 30px;
line-height: 30px;
top: 50%;
margin-top: -15px
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
left: 0;
right: auto
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before {
left: auto;
right: 0
}
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: relative;
width: auto;
min-width: 0;
height: auto;
line-height: inherit;
top: auto;
margin-top: auto
}
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: auto;
border-radius: 0;
width: auto;
min-width: 0;
height: auto;
opacity: 1
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
left: 0;
right: 66%
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
left: 33%;
right: 33%
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 66%;
right: 0
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 0;
right: 0
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
bottom: auto;
width: 34px;
height: 80px;
opacity: .5
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-prev,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-prev,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 62px
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
top: 108px
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
border-radius: 0 6px 6px 0
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
border-radius: 6px 0 0 6px
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev {
z-index: 100003;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 25%;
margin: 0;
border-radius: 0;
background-color: transparent;
box-sizing: border-box
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev {
left: 0
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next {
right: 0
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev:before {
width: 28px;
height: 28px;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -14px;
line-height: 28px;
border-width: 3px;
border-style: solid;
opacity: 0
}
.fbx-rounded.fbx-inset-buttons .fbx-prev:before {
left: 10px
}
.fbx-rounded.fbx-inset-buttons .fbx-next:before {
right: 10px
}
.fbx-rounded.fbx-inset-buttons .fbx-next:hover:before,
.fbx-rounded.fbx-inset-buttons .fbx-prev:hover:before {
opacity: 1
}
.fbx-light,
.fbx-light .fbx-caption,
.fbx-light .fbx-open-caption,
.fbx-light.fbx-phone .fbx-social {
background-color: #000;
background-color: rgba(0, 0, 0, .7)
}
.fbx-ie7.fbx-light,
.fbx-ie7.fbx-light .fbx-caption,
.fbx-ie8.fbx-light,
.fbx-ie8.fbx-light .fbx-caption,
.fbx-ie8.fbx-light.fbx-phone .fbx-social {
background: 0 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff)';
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
zoom: 1
}
.fbx-light .fbx-progress {
background-color: #838383;
background-color: rgba(255, 255, 255, .5)
}
.fbx-fullscreen-mode.fbx-light {
background-color: #d3d3d3
}
.fbx-light .fbx-caption,
.fbx-light .fbx-inner,
.fbx-light .fbx-social,
.fbx-light.fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before,
.fbx-light.fbx-modal,
.fbx-modal.fbx-light.fbx-phone .fbx-close:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-fullscreen-toggle:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-next:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-pause:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-play:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-prev:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-social-toggle:hover,
.fbx-rounded.fbx-light .fbx-close,
.fbx-rounded.fbx-light .fbx-fullscreen-toggle,
.fbx-rounded.fbx-light .fbx-pause,
.fbx-rounded.fbx-light .fbx-play,
.fbx-rounded.fbx-light .fbx-social-toggle {
border-color: #FFF
}
.fbx-light .fbx-close,
.fbx-light .fbx-fullscreen-toggle,
.fbx-light .fbx-inner,
.fbx-light .fbx-loader,
.fbx-light .fbx-next,
.fbx-light .fbx-pause,
.fbx-light .fbx-play,
.fbx-light .fbx-prev,
.fbx-light .fbx-social-toggle,
.fbx-light.fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before {
background-color: #FFF
}
.fbx-flat.fbx-light .fbx-close,
.fbx-flat.fbx-light .fbx-fullscreen-toggle,
.fbx-flat.fbx-light .fbx-next,
.fbx-flat.fbx-light .fbx-pause,
.fbx-flat.fbx-light .fbx-play,
.fbx-flat.fbx-light .fbx-prev,
.fbx-flat.fbx-light .fbx-social-toggle {
background-color: transparent
}
.fbx-light .fbx-close,
.fbx-light .fbx-error-msg,
.fbx-light .fbx-fullscreen-toggle,
.fbx-light .fbx-loader,
.fbx-light .fbx-next,
.fbx-light .fbx-pause,
.fbx-light .fbx-play,
.fbx-light .fbx-prev,
.fbx-light .fbx-social-toggle,
.fbx-light.fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before,
.fbx-metro.fbx-light .fbx-count,
.fbx-metro.fbx-light .fbx-credit a {
color: #666!important
}
.fbx-flat.fbx-light .fbx-close,
.fbx-flat.fbx-light .fbx-count,
.fbx-flat.fbx-light .fbx-credit a,
.fbx-flat.fbx-light .fbx-fullscreen-toggle,
.fbx-flat.fbx-light .fbx-next,
.fbx-flat.fbx-light .fbx-pause,
.fbx-flat.fbx-light .fbx-play,
.fbx-flat.fbx-light .fbx-prev,
.fbx-flat.fbx-light .fbx-social-toggle {
color: #FFF!important
}
.fbx-light .fbx-close:hover,
.fbx-light .fbx-fullscreen-toggle:hover,
.fbx-light .fbx-next:hover,
.fbx-light .fbx-pause:hover,
.fbx-light .fbx-play:hover,
.fbx-light .fbx-prev:hover,
.fbx-light .fbx-social-toggle:hover,
.fbx-light.fbx-inset-buttons .fbx-next:hover:before,
.fbx-light.fbx-inset-buttons .fbx-prev:hover:before,
.fbx-metro.fbx-light .fbx-credit a:hover {
color: #bababa!important
}
.fbx-metro.fbx-light .fbx-close:hover,
.fbx-metro.fbx-light .fbx-fullscreen-toggle:hover,
.fbx-metro.fbx-light .fbx-next:hover,
.fbx-metro.fbx-light .fbx-pause:hover,
.fbx-metro.fbx-light .fbx-play:hover,
.fbx-metro.fbx-light .fbx-prev:hover,
.fbx-metro.fbx-light .fbx-social-toggle:hover {
border-color: #bababa
}
.fbx-rounded.fbx-light .fbx-count,
.fbx-rounded.fbx-light .fbx-credit a {
color: #888
}
.fbx-rounded.fbx-light .fbx-credit a:hover span {
color: #ddd
}
.fbx-light .fbx-caption {
color: #FFF
}
.fbx-light .fbx-caption-desc,
.fbx-light .fbx-caption-desc a {
color: #eee
}
.fbx-light .fbx-item-current::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-light .fbx-item-current::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-light .fbx-item-current::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .5)
}
.fbx-light .fbx-item-current::-webkit-scrollbar,
.fbx-light .fbx-item-next::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-light .fbx-item-current::-webkit-scrollbar-track,
.fbx-light .fbx-item-next::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-light .fbx-item-current::-webkit-scrollbar-corner,
.fbx-light .fbx-item-current::-webkit-scrollbar-thumb,
.fbx-light .fbx-item-next::-webkit-scrollbar-corner,
.fbx-light .fbx-item-next::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3)
}
.fbx-caption {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
z-index: 100004;
width: 100%;
font-size: 14px;
transition: visible .3s ease, opacity .3s ease, transform .3s ease;
opacity: 1;
transform: translateY(0)
}
.fbx-loading .fbx-caption.fbx-hide-caption,
.fbx-open-caption,
.fbx-show .fbx-caption.fbx-hide-caption {
visibility: hidden
}
.fbx-show .fbx-caption.fbx-fade-caption {
opacity: 0;
visibility: hidden
}
.fbx-caption.fbx-slide-caption {
transform: translateY(100%)
}
.fbx-fullscreen-mode .fbx-caption,
.fbx-sticky-caption .fbx-caption {
position: fixed;
z-index: 100007
}
.fbx-close-caption,
.fbx-open-caption {
position: absolute;
color: #FFF;
font-size: 24px;
text-decoration: none;
line-height: 20px
}
.fbx-rounded .fbx-caption {
border-radius: 0 0 3px 3px
}
.fbx-modal.fbx-phone .fbx-caption,
.fbx-sticky-caption.fbx-rounded .fbx-caption {
border-radius: 0
}
.fbx-close-caption {
top: 0;
right: 0;
padding: 3px 3px 10px 10px
}
.fbx-open-caption {
z-index: 100004;
bottom: 0;
right: 5px;
padding: 0 10px 10px;
opacity: 0;
transition: opacity .3s ease;
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.fbx-pannable-item.fbx-captions-hidden .fbx-open-caption {
opacity: 1;
visibility: visible
}
.fbx-caption-desc a {
font-size: 12px
}
.fbx-caption-title+.fbx-caption-desc {
margin-top: -30px
}
.fbx-phone .fbx-caption {
min-height: 20px;
font-size: 12px;
line-height: 20px
}
.fbx-phone .fbx-caption-title {
font-size: 13px;
padding: 10px
}
.fbx-phone .fbx-caption-desc {
font-size: 11px;
line-height: 15px;
padding: 10px
}
.fbx-phone .fbx-caption-title+.fbx-caption-desc {
margin-top: -20px
}
.fbx-modal.fbx-phone .fbx-caption {
z-index: 100004;
bottom: 0;
position: fixed
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-caption,
.fbx-phone.fbx-landscape.fbx-sticky-caption .fbx-caption {
z-index: 100004
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-caption {
border-right-width: 46px;
border-right-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fbx-modal.fbx-flat.fbx-phone.fbx-landscape .fbx-caption {
border-right-width: 0
}
.fbx-pannable {
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab
}
.fbx-pannable.fbx-panning {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
cursor: grabbing
}
.fbx-pannable>div>img.fbx-item {
max-width: none;
max-height: none
}
.fbx-pan-overview {
cursor: pointer;
max-width: 150px;
max-height: 150px;
overflow: hidden;
background-position: top left;
background-size: cover;
position: absolute;
z-index: 100006;
border: 2px solid #666;
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
box-shadow: 0 0 12px rgba(0, 0, 0, .8)
}
.fbx-pan-overview.fbx-top-left {
top: 20px;
left: 20px
}
.fbx-pan-overview.fbx-top-right {
top: 20px;
right: 32px
}
.fbx-pan-overview.fbx-bottom-left {
bottom: 32px;
left: 20px
}
.fbx-pan-overview.fbx-bottom-right {
bottom: 32px;
right: 32px
}
.fbx-pan-viewport {
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0 300px 300px rgba(0, 0, 0, .7)
}
.fbx-ie7 .fbx-close {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e002')"
}
.fbx-ie7 .fbx-prev {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e000')"
}
.fbx-ie7 .fbx-next {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e001')"
}
.fbx-ie7.fbx-arrows-1 .fbx-prev {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e01b')"
}
.fbx-ie7.fbx-arrows-1 .fbx-next {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e01c')"
}
.fbx-ie7.fbx-arrows-2 .fbx-prev {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e01d')"
}
.fbx-ie7.fbx-arrows-2 .fbx-next {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e01e')"
}
.fbx-ie7.fbx-arrows-3 .fbx-prev {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e01f')"
}
.fbx-ie7.fbx-arrows-3 .fbx-next {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e020')"
}
.fbx-ie7.fbx-arrows-4 .fbx-prev {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e021')"
}
.fbx-ie7.fbx-arrows-4 .fbx-next {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e022')"
}
.fbx-ie7.fbx-arrows-5 .fbx-prev {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e023')"
}
.fbx-ie7.fbx-arrows-5 .fbx-next {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e024')"
}
.fbx-ie7.fbx-arrows-6 .fbx-prev {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e025')"
}
.fbx-ie7.fbx-arrows-6 .fbx-next {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e026')"
}
.fbx-ie7 .fbx-play {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e003')"
}
.fbx-ie7 .fbx-pause {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e004')"
}
.fbx-ie7 .fbx-fullscreen-toggle {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e00e')"
}
.fbx-fullscreen-mode.fbx-ie7 .fbx-fullscreen-toggle {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e00d')"
}
.fbx-ie7 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e012')"
}
.fbx-ie7.fbx-spinner-1 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e005')"
}
.fbx-ie7.fbx-spinner-2 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e011')"
}
.fbx-ie7.fbx-spinner-3 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e027')"
}
.fbx-ie7.fbx-spinner-4 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e013')"
}
.fbx-ie7.fbx-spinner-5 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e014')"
}
.fbx-ie7.fbx-spinner-6 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e015')"
}
.fbx-ie7.fbx-spinner-7 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e016')"
}
.fbx-ie7.fbx-spinner-8 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e017')"
}
.fbx-ie7.fbx-spinner-9 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e018')"
}
.fbx-ie7.fbx-spinner-10 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e019')"
}
.fbx-ie7.fbx-spinner-11 .fbx-loader>div {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e01a')"
}
.fbx-ie7 .fbx-facebook {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e00a')"
}
.fbx-ie7 .fbx-google-plus {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e006')"
}
.fbx-ie7 .fbx-twitter {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e009')"
}
.fbx-ie7 .fbx-pinterest {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e007')"
}
.fbx-ie7 .fbx-linkedin {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e008')"
}
.fbx-ie7 .fbx-buffer {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e00b')"
}
.fbx-ie7 .fbx-download {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e00f')"
}
.fbx-ie7 .fbx-email {
zoom: "expression(this.runtimeStyle['zoom']='1', this.innerHTML='\e010')"
}.fbx-close:hover,
.fbx-credit a,
.fbx-next:hover,
.fbx-prev:hover {
text-decoration: none
}
.fbx-effect-5,
.fbx-effect-6 {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
-ms-perspective: 1300px;
-o-perspective: 1300px
}
.fbx-modal,
.fbx-modal * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.fbx-modal {
position: fixed;
top: 0;
left: 0;
z-index: 9000001;
visibility: hidden;
width: 100%;
height: 100%;
font-family: "Segoe UI", Helvetica, Arial, "Sans Serif";
line-height: normal;
outline: 0!important
}
.fbx-modal.fbx-loading,
.fbx-modal.fbx-show {
visibility: visible
}
.fbx-inner-spacer {
display: none;
padding: 40px
}
.fbx-inner,
.fbx-loader {
position: absolute;
top: 50%;
left: 50%
}
.fbx-inner {
visibility: hidden;
overflow: visible!important;
margin-top: -5px;
margin-left: -5px;
min-width: 100px;
min-height: 100px;
width: 100px;
height: 100px;
z-index: 100002
}
.fbx-show .fbx-inner {
visibility: visible
}
.fbx-loader {
visibility: hidden;
z-index: 100005;
margin-top: -40px;
margin-left: -40px;
width: 80px;
height: 80px;
font-size: 16px;
-moz-box-shadow: 0 0 3px #000;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
box-shadow: 0 0 3px #000;
box-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.fbx-loading .fbx-loader,
.fbx-show .fbx-caption {
visibility: visible
}
.fbx-loader>div {
margin: 10px;
width: 60px;
height: 60px
}
.fbx-item-current,
.fbx-item-next,
.fbx-stage {
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
padding: 0;
outline: 0;
position: absolute;
border: none
}
.fbx-stage {
overflow: hidden
}
.fbx-item-current,
.fbx-item-next {
-webkit-user-drag: none;
overflow: auto
}
.fbx-loading .fbx-item-current,
.fbx-loading .fbx-item-next {
overflow: hidden
}
.fbx-item-next {
z-index: 100001
}
.fbx-item-current {
z-index: 100002
}
.fbx-error-msg {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px
}
.fbx-error-msg>span {
line-height: 200px;
width: 100%;
height: 100%;
display: block
}
.fbx-error-msg>p {
position: absolute;
top: 100%;
text-align: center;
width: 100%;
margin: 0
}
.fbx-item-iframe,
.fbx-item-image,
.fbx-item-video {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: 0;
border: none;
display: block
}
.fbx-item-video>.fbx-video {
background-color: #000
}
.fbx-ios .fbx-item-current {
-webkit-overflow-scrolling: touch!important;
overflow: auto!important
}
.fbx-ios .fbx-item-iframe {
width: 1px;
min-width: 100%
}
.fbx-close,
.fbx-next,
.fbx-prev {
position: absolute;
z-index: 100006;
display: block;
outline: 0!important;
text-decoration: none;
cursor: pointer
}
.fbx-no-buttons .fbx-next,
.fbx-no-buttons .fbx-prev {
display: none!important
}
.fbx-metro.fbx-inset-buttons .fbx-next.fbx-disabled,
.fbx-metro.fbx-inset-buttons .fbx-prev.fbx-disabled,
.fbx-metro.fbx-sticky-buttons .fbx-next.fbx-disabled,
.fbx-metro.fbx-sticky-buttons .fbx-prev.fbx-disabled,
.fbx-phone .fbx-count,
.fbx-phone .fbx-credit em,
.fbx-phone.fbx-landscape.fbx-no-nav .fbx-next,
.fbx-phone.fbx-landscape.fbx-no-nav .fbx-prev {
display: none
}
.fbx-credit {
position: absolute;
z-index: 100003;
text-transform: lowercase;
font-size: 10px
}
.fbx-credit em {
font-style: normal;
font-size: 10px
}
.fbx-credit a {
font-size: 10px
}
.fbx-credit a:hover span {
text-decoration: underline
}
.fbx-credit a span {
letter-spacing: 1px;
font-size: 10px;
color: #fff
}
.fbx-count {
position: absolute;
z-index: 100002;
width: 100%;
text-align: center;
font-size: 10px
}
.fbx-btn-transition,
.fbx-btn-transition:before {
-webkit-transition-property: color, border-color, opacity, -webkit-box-shadow;
-moz-transition-property: color, border-color, opacity, -moz-box-shadow;
-o-transition-property: color, border-color, opacity, -o-box-shadow;
transition-property: color, border-color, opacity, box-shadow;
-webkit-transition-duration: .2s, .2s, .2s, .2s;
-moz-transition-duration: .2s, .2s, .2s, .2s;
-o-transition-duration: .2s, .2s, .2s, .2s;
transition-duration: .2s, .2s, .2s, .2s;
-webkit-transition-timing-function: ease-in, linear, ease-in, ease-in;
-moz-transition-timing-function: ease-in, linear, ease-in, ease-in;
-o-transition-timing-function: ease-in, linear, ease-in, ease-in;
transition-timing-function: ease-in, linear, ease-in, ease-in;
outline: 0
}
.fbx-modal.fbx-phone .fbx-inner {
border: none
}
.fbx-modal.fbx-phone .fbx-close,
.fbx-modal.fbx-phone .fbx-next,
.fbx-modal.fbx-phone .fbx-prev {
position: fixed
}
.fbx-modal.fbx-phone .fbx-prev {
border-radius: 0 6px 6px 0
}
.fbx-modal.fbx-phone .fbx-next {
border-radius: 6px 0 0 6px
}
.fbx-modal.fbx-phone .fbx-close {
top: 0;
right: 0;
opacity: .5;
border-radius: 0 0 0 25%;
-webkit-border-bottom-left-radius: 25%;
-moz-border-radius-bottomleft: 25%
}
.fbx-modal.fbx-phone .fbx-close:hover {
opacity: 1
}
.fbx-modal.fbx-phone .fbx-credit {
bottom: 2px;
left: 2px
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-inner-spacer {
padding: 35px 5px 15px
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-close,
.fbx-modal.fbx-phone.fbx-portrait .fbx-next,
.fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
border: none;
opacity: 1;
margin: 0;
top: 0;
bottom: auto;
width: auto;
height: 40px;
border-radius: 0;
line-height: 40px
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
left: 0;
right: 66%
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-next {
left: 33%;
right: 33%
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-close {
left: 66%;
right: 0
}
.fbx-modal.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close {
left: 0;
right: 0
}
.fbx-modal.fbx-phone.fbx-landscape {
border-right-width: 46px;
border-right-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-inner-spacer {
padding: 5px
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape .fbx-prev {
bottom: auto;
left: auto;
right: 1px;
width: 44px;
height: 44px;
line-height: 44px;
border: none;
opacity: 1;
margin: 0;
border-radius: 0
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-close {
top: 0;
height: 60px
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-prev {
top: 62px
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-next {
top: 108px
}
@font-face {
font-family: foobox;
src: url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.eot);
src: url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.eot#iefix) format('embedded-opentype'), url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.woff) format('woff'), url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.ttf) format('truetype'), url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.svg) format('svg');
font-weight: 400;
font-style: normal
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: foobox;
src: url(../../../plugins/gallery-bank/user-views/assets/lightboxes/foobox/css/font/foobox.svg) format('svg');
font-weight: 400;
font-style: normal
}
}
.fbx-modal .fbx-error-msg>span,
.fbx-modal .fbx-loader>div,
.fbx-modal a.fbx-close,
.fbx-modal a.fbx-next,
.fbx-modal a.fbx-prev {
font-family: foobox;
font-size: 16px;
font-weight: 400;
text-align: center;
outline: 0;
-webkit-font-smoothing: antialiased
}
.fbx-modal .fbx-loader>div {
font-size: 300%;
line-height: 60px
}
.fbx-modal.fbx-loading .fbx-loader>div {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-ms-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear
}
.fbx-modal .fbx-error-msg>span {
font-size: 1000%
}
.fbx-modal .fbx-error-msg>span:before {
content: "\e028"
}
.fbx-close:before {
content: "\e002"
}
.fbx-prev:before {
content: "\e000"
}
.fbx-next:before {
content: "\e001"
}
.fbx-loader>div:before {
content: "\e012"
}
.fbx-flat .fbx-close:before {
content: "\e117"
}
.fbx-flat .fbx-prev:before {
content: "\e094"
}
.fbx-flat .fbx-next:before {
content: "\e095"
}
.fbx-flat .fbx-loader>div:before {
content: "\e105"
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0)
}
100% {
-moz-transform: rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0)
}
100% {
-o-transform: rotate(359deg)
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0)
}
100% {
-ms-transform: rotate(359deg)
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
.fbx-modal a.fbx-fullscreen-toggle,
.fbx-modal a.fbx-pause,
.fbx-modal a.fbx-play,
.fbx-modal a.fbx-social-toggle {
font-family: foobox;
font-size: 16px;
font-weight: 400;
text-align: center;
outline: 0;
-webkit-font-smoothing: antialiased
}
.fbx-modal a.fbx-pause,
.fbx-modal a.fbx-play {
font-size: 90%
}
.fbx-modal.fbx-fullscreen-mode.fbx-playpause-center a.fbx-pause,
.fbx-modal.fbx-fullscreen-mode.fbx-playpause-center a.fbx-play {
font-size: 340%
}
.fbx-modal.fbx-arrows-1 .fbx-prev:before {
content: "\e01b"
}
.fbx-modal.fbx-arrows-1 .fbx-next:before {
content: "\e01c"
}
.fbx-modal.fbx-arrows-2 .fbx-prev:before {
content: "\e01d"
}
.fbx-modal.fbx-arrows-2 .fbx-next:before {
content: "\e01e"
}
.fbx-modal.fbx-arrows-3 .fbx-prev:before {
content: "\e01f"
}
.fbx-modal.fbx-arrows-3 .fbx-next:before {
content: "\e020"
}
.fbx-modal.fbx-arrows-4 .fbx-prev:before {
content: "\e021"
}
.fbx-modal.fbx-arrows-4 .fbx-next:before {
content: "\e022"
}
.fbx-modal.fbx-arrows-5 .fbx-prev:before {
content: "\e023"
}
.fbx-modal.fbx-arrows-5 .fbx-next:before {
content: "\e024"
}
.fbx-modal.fbx-arrows-6 .fbx-prev:before {
content: "\e025"
}
.fbx-modal.fbx-arrows-6 .fbx-next:before {
content: "\e026"
}
.fbx-modal.fbx-arrows-7 .fbx-prev:before {
content: "\e3d7"
}
.fbx-modal.fbx-arrows-7 .fbx-next:before {
content: "\e3d3"
}
.fbx-modal.fbx-arrows-8 .fbx-prev:before {
content: "\e3e7"
}
.fbx-modal.fbx-arrows-8 .fbx-next:before {
content: "\e3e3"
}
.fbx-modal.fbx-arrows-9 .fbx-prev:before {
content: "\e417"
}
.fbx-modal.fbx-arrows-9 .fbx-next:before {
content: "\e415"
}
.fbx-modal.fbx-arrows-10 .fbx-prev:before {
content: "\e40b"
}
.fbx-modal.fbx-arrows-10 .fbx-next:before {
content: "\e409"
}
.fbx-modal.fbx-arrows-11 .fbx-prev:before {
content: "\e3cf"
}
.fbx-modal.fbx-arrows-11 .fbx-next:before {
content: "\e3cb"
}
.fbx-social-toggle:before {
content: "\e48c"
}
.fbx-play:before {
content: "\e003";
position: relative;
left: 1px
}
.fbx-pause:before {
content: "\e004"
}
.fbx-fullscreen-toggle:before {
content: "\e00e"
}
.fbx-fullscreen-mode .fbx-fullscreen-toggle:before {
content: "\e00d"
}
.fbx-spinner-1 .fbx-loader>div:before {
content: "\e005"
}
.fbx-spinner-2 .fbx-loader>div:before {
content: "\e011"
}
.fbx-spinner-3 .fbx-loader>div:before {
content: "\e027"
}
.fbx-spinner-4 .fbx-loader>div:before {
content: "\e013"
}
.fbx-spinner-5 .fbx-loader>div:before {
content: "\e014"
}
.fbx-spinner-6 .fbx-loader>div:before {
content: "\e015"
}
.fbx-spinner-7 .fbx-loader>div:before {
content: "\e016"
}
.fbx-spinner-8 .fbx-loader>div:before {
content: "\e017"
}
.fbx-spinner-9 .fbx-loader>div:before {
content: "\e018"
}
.fbx-spinner-10 .fbx-loader>div:before {
content: "\e019"
}
.fbx-spinner-11 .fbx-loader>div:before {
content: "\e01a"
}
.fbx-fullscreen-mode.fbx-playpause-center .fbx-play:before {
position: relative;
left: 5px
}
.fbx-flat .fbx-play:before {
content: "\e037";
position: relative;
left: auto
}
.fbx-flat .fbx-pause:before {
content: "\e034"
}
.fbx-flat .fbx-fullscreen-toggle:before {
content: "\e110"
}
.fbx-flat.fbx-fullscreen-mode .fbx-fullscreen-toggle:before {
content: "\e111"
}
.fbx-social a {
font-family: foobox;
font-weight: 400;
text-align: center;
-webkit-font-smoothing: antialiased
}
.fbx-facebook:before {
content: "\e00a"
}
.fbx-google-plus:before {
content: "\e006"
}
.fbx-twitter:before {
content: "\e009"
}
.fbx-pinterest:before {
content: "\e007"
}
.fbx-linkedin:before {
content: "\e008"
}
.fbx-buffer:before {
content: "\e00b"
}
.fbx-download:before {
content: "\e00f"
}
.fbx-email:before {
content: "\e010"
}
.fbx-reddit:before {
content: "\003e"
}
.fbx-digg:before {
content: "\003b"
}
.fbx-tumblr:before {
content: "\0074"
}
.fbx-stumble-upon:before {
content: "\002f"
}
.fbx-rounded .fbx-prev.fbx-btn-shadow,
.fbx-rounded .fbx-prev.fbx-btn-shadow:hover {
-moz-box-shadow: -2px 0 2px #000;
-moz-box-shadow: -2px 0 2px rgba(0, 0, 0, .8);
-webkit-box-shadow: -2px 0 2px #000;
-webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, .8);
box-shadow: -2px 0 2px #000;
box-shadow: -2px 0 2px rgba(0, 0, 0, .8)
}
.fbx-rounded .fbx-next.fbx-btn-shadow,
.fbx-rounded .fbx-next.fbx-btn-shadow:hover {
-moz-box-shadow: 2px 0 2px #000;
-moz-box-shadow: 2px 0 2px rgba(0, 0, 0, .8);
-webkit-box-shadow: 2px 0 2px #000;
-webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, .8);
box-shadow: 2px 0 2px #000;
box-shadow: 2px 0 2px rgba(0, 0, 0, .8)
}
.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-inner-shadow,
.fbx-rounded .fbx-btn-shadow,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:before,
.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow {
-moz-box-shadow: 0 0 12px #000;
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 12px #000;
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
box-shadow: 0 0 12px #000;
box-shadow: 0 0 12px rgba(0, 0, 0, .8)
}
.fbx-fullscreen-mode .fbx-btn-shadow:hover,
.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,
.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,
.fbx-rounded .fbx-btn-shadow:hover,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:hover:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:hover:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:hover:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:hover:before,
.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,
.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover {
-moz-box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
box-shadow: 0 0 6px #000;
box-shadow: 0 0 6px rgba(0, 0, 0, .8)
}
.fbx-flat .fbx-inner-shadow,
.fbx-flat .fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow:hover,
.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,
.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,
.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,
.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,
.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover,
.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-rounded .fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow:before,
.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow:before,
.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,
.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.fbx-metro .fbx-inner {
border: 15px solid transparent;
border-top-width: 50px;
border-bottom-width: 20px
}
.fbx-metro .fbx-loader,
.fbx-metro .fbx-loader>div {
border-radius: 3px
}
.fbx-metro .fbx-error-msg {
margin-top: -130px
}
.fbx-metro .fbx-close,
.fbx-metro .fbx-next,
.fbx-metro .fbx-prev {
top: -41px;
width: 28px;
height: 28px;
line-height: 28px;
border: 3px solid transparent;
border-radius: 50%
}
.fbx-metro .fbx-close {
right: 0
}
.fbx-metro .fbx-prev {
left: 0
}
.fbx-metro .fbx-next {
left: 40px
}
.fbx-metro .fbx-count,
.fbx-metro .fbx-credit {
bottom: -15px
}
.fbx-metro .fbx-next.fbx-disabled,
.fbx-metro .fbx-prev.fbx-disabled {
cursor: default
}
.fbx-modal.fbx-metro .fbx-next.fbx-disabled:hover,
.fbx-modal.fbx-metro .fbx-prev.fbx-disabled:hover {
border-color: transparent
}
.fbx-metro .fbx-next.fbx-disabled:before,
.fbx-metro .fbx-prev.fbx-disabled:before {
opacity: .2
}
.fbx-metro.fbx-phone .fbx-next.fbx-disabled:before,
.fbx-metro.fbx-phone .fbx-prev.fbx-disabled:before {
opacity: 0
}
.fbx-metro.fbx-phone.fbx-inset-buttons .fbx-next.fbx-disabled,
.fbx-metro.fbx-phone.fbx-inset-buttons .fbx-prev.fbx-disabled,
.fbx-metro.fbx-phone.fbx-sticky-buttons .fbx-next.fbx-disabled,
.fbx-metro.fbx-phone.fbx-sticky-buttons .fbx-prev.fbx-disabled {
display: block
}
.fbx-metro .fbx-inner-spacer {
padding: 0 40px 90px
}
.fbx-metro.fbx-tablet .fbx-inner-spacer {
padding: 0 10px 90px
}
.fbx-modal.fbx-metro.fbx-phone.fbx-portrait .fbx-inner-spacer {
padding: 60px 5px 0
}
.fbx-metro.fbx-sticky-buttons .fbx-next,
.fbx-metro.fbx-sticky-buttons .fbx-prev {
position: fixed;
top: 50%;
left: auto;
right: auto;
margin-top: -50px;
width: 40px;
height: 100px;
line-height: 100px;
border: none;
border-radius: 0
}
.fbx-metro.fbx-sticky-buttons .fbx-prev {
left: 0
}
.fbx-metro.fbx-sticky-buttons .fbx-next {
right: 0
}
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 40px 60px
}
.fbx-metro.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 35px 5px 15px
}
.fbx-metro.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 5px
}
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: 0;
border-radius: 0;
width: 4%;
min-width: 45px;
height: auto;
opacity: .3
}
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: fixed;
width: 4%;
min-width: 45px;
height: 30px;
line-height: 30px;
top: 50%;
margin-top: -15px
}
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-prev,
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
left: 0;
right: auto
}
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before {
left: auto;
right: 0
}
.fbx-metro.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-metro.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: relative;
width: auto;
min-width: 0;
height: auto;
line-height: inherit;
top: auto;
margin-top: auto
}
.fbx-metro.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-metro.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: auto;
border-radius: 0;
width: auto;
min-width: 0;
height: auto;
opacity: 1
}
.fbx-metro.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
left: 0;
right: 66%
}
.fbx-metro.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
left: 33%;
right: 33%
}
.fbx-metro.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-metro.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 50%;
bottom: auto;
width: 34px;
height: 80px;
opacity: .5
}
.fbx-metro.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,
.fbx-metro.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-metro.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
border-radius: 0 6px 6px 0
}
.fbx-metro.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
border-radius: 6px 0 0 6px
}
.fbx-metro.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-metro.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-metro.fbx-inset-buttons.fbx-tablet .fbx-next,
.fbx-metro.fbx-inset-buttons.fbx-tablet .fbx-prev {
z-index: 100003;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 25%;
margin: 0;
border-radius: 0;
background-color: transparent;
box-sizing: border-box;
border: none
}
.fbx-metro.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-metro.fbx-inset-buttons.fbx-tablet .fbx-prev {
left: 0;
right: auto
}
.fbx-metro.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-metro.fbx-inset-buttons.fbx-tablet .fbx-next {
left: auto;
right: 0
}
.fbx-metro.fbx-inset-buttons.fbx-desktop .fbx-next:before,
.fbx-metro.fbx-inset-buttons.fbx-desktop .fbx-prev:before,
.fbx-metro.fbx-inset-buttons.fbx-tablet .fbx-next:before,
.fbx-metro.fbx-inset-buttons.fbx-tablet .fbx-prev:before {
width: 28px;
height: 28px;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -14px;
line-height: 28px;
border-width: 3px;
border-style: solid;
opacity: 0
}
.fbx-metro.fbx-inset-buttons .fbx-prev:before {
left: 10px
}
.fbx-metro.fbx-inset-buttons .fbx-next:before {
right: 10px
}
.fbx-metro.fbx-inset-buttons .fbx-next:hover:before,
.fbx-metro.fbx-inset-buttons .fbx-prev:hover:before {
opacity: 1
}
.fbx-rounded .fbx-inner {
border: 8px solid transparent;
border-radius: 6px
}
.fbx-rounded .fbx-item-current,
.fbx-rounded .fbx-item-image,
.fbx-rounded .fbx-item-next {
border-radius: 3px
}
.fbx-rounded .fbx-loader,
.fbx-rounded .fbx-loader>div {
border-radius: 50%
}
.fbx-rounded .fbx-error-msg {
margin-top: -115px
}
.fbx-rounded .fbx-close {
top: -21px;
right: -21px;
width: 28px;
height: 28px;
line-height: 28px;
border: 3px solid transparent;
border-radius: 50%
}
.fbx-rounded .fbx-next,
.fbx-rounded .fbx-prev {
position: absolute;
top: 50%;
margin-top: -50px;
width: 30px;
height: 100px;
line-height: 100px;
border: 3px solid transparent
}
.fbx-rounded .fbx-prev {
left: -40px;
border-radius: 6px 0 0 6px
}
.fbx-rounded .fbx-next {
right: -40px;
border-radius: 0 6px 6px 0
}
.fbx-rounded .fbx-next.fbx-disabled,
.fbx-rounded .fbx-prev.fbx-disabled {
display: none
}
.fbx-rounded.fbx-phone .fbx-next.fbx-disabled,
.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled {
display: block;
cursor: default
}
.fbx-rounded.fbx-phone .fbx-next.fbx-disabled:before,
.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled:before {
opacity: 0
}
.fbx-rounded.fbx-desktop .fbx-next,
.fbx-rounded.fbx-desktop .fbx-prev {
position: absolute
}
.fbx-rounded .fbx-count,
.fbx-rounded .fbx-credit {
bottom: -25px
}
.fbx-rounded .fbx-inner-spacer {
padding: 40px 40px 50px
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait .fbx-inner-spacer {
padding: 60px 5px 0
}
.fbx-rounded.fbx-sticky-buttons .fbx-next,
.fbx-rounded.fbx-sticky-buttons .fbx-prev {
position: fixed;
top: 50%;
margin-top: -50px;
width: 40px;
height: 100px;
line-height: 100px
}
.fbx-rounded.fbx-sticky-buttons .fbx-prev {
left: 0;
border-radius: 0 6px 6px 0
}
.fbx-rounded.fbx-sticky-buttons .fbx-next {
right: 0;
border-radius: 6px 0 0 6px
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 40px 60px
}
.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 35px 5px 15px
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 5px
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: 0;
border-radius: 0;
width: 4%;
min-width: 45px;
height: auto;
opacity: .3
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: fixed;
width: 4%;
min-width: 45px;
height: 30px;
line-height: 30px;
top: 50%;
margin-top: -15px
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
left: 0;
right: auto
}
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before {
left: auto;
right: 0
}
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: relative;
width: auto;
min-width: 0;
height: auto;
line-height: inherit;
top: auto;
margin-top: auto
}
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: auto;
border-radius: 0;
width: auto;
min-width: 0;
height: auto;
opacity: 1
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
left: 0;
right: 66%
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
left: 33%;
right: 33%
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 66%;
right: 0
}
.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 0;
right: 0
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
bottom: auto;
width: 34px;
height: 80px;
opacity: .5
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-prev,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-prev,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 62px
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-next,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
top: 108px
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
border-radius: 0 6px 6px 0
}
.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
border-radius: 6px 0 0 6px
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev {
z-index: 100003;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 25%;
margin: 0;
border-radius: 0;
background-color: transparent;
box-sizing: border-box
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev {
left: 0
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next {
right: 0
}
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev:before {
width: 28px;
height: 28px;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -14px;
line-height: 28px;
border-width: 3px;
border-style: solid;
opacity: 0
}
.fbx-rounded.fbx-inset-buttons .fbx-prev:before {
left: 10px
}
.fbx-rounded.fbx-inset-buttons .fbx-next:before {
right: 10px
}
.fbx-rounded.fbx-inset-buttons .fbx-next:hover:before,
.fbx-rounded.fbx-inset-buttons .fbx-prev:hover:before {
opacity: 1
}
.fbx-modal.fbx-flat.fbx-phone.fbx-landscape {
border-color: transparent
}
.fbx-flat .fbx-loader,
.fbx-flat .fbx-loader>div {
border-radius: 50%
}
.fbx-flat .fbx-error-msg {
margin-top: -115px
}
.fbx-flat .fbx-inner-spacer {
padding: 80px
}
.fbx-modal.fbx-flat.fbx-phone.fbx-portrait .fbx-inner-spacer {
padding: 60px 5px 0
}
.fbx-modal.fbx-flat .fbx-close,
.fbx-modal.fbx-flat .fbx-fullscreen-toggle,
.fbx-modal.fbx-flat .fbx-next,
.fbx-modal.fbx-flat .fbx-pause,
.fbx-modal.fbx-flat .fbx-play,
.fbx-modal.fbx-flat .fbx-prev,
.fbx-modal.fbx-flat .fbx-social-toggle {
font-size: 24px
}
.fbx-modal.fbx-flat.fbx-phone .fbx-close,
.fbx-modal.fbx-flat.fbx-phone .fbx-fullscreen-toggle,
.fbx-modal.fbx-flat.fbx-phone .fbx-next,
.fbx-modal.fbx-flat.fbx-phone .fbx-pause,
.fbx-modal.fbx-flat.fbx-phone .fbx-play,
.fbx-modal.fbx-flat.fbx-phone .fbx-prev,
.fbx-modal.fbx-flat.fbx-phone .fbx-social-toggle {
font-size: 18px
}
.fbx-flat .fbx-close {
top: -40px;
right: -40px;
width: 32px;
height: 32px;
line-height: 32px
}
.fbx-flat .fbx-next,
.fbx-flat .fbx-prev {
position: absolute;
top: 50%;
margin-top: -50px;
width: 32px;
height: 100px;
line-height: 100px
}
.fbx-flat .fbx-prev {
left: -40px
}
.fbx-flat .fbx-next {
right: -40px
}
.fbx-flat .fbx-next.fbx-disabled,
.fbx-flat .fbx-prev.fbx-disabled {
display: none
}
.fbx-flat.fbx-phone .fbx-next.fbx-disabled,
.fbx-flat.fbx-phone .fbx-prev.fbx-disabled {
display: block;
cursor: default
}
.fbx-flat.fbx-phone .fbx-next.fbx-disabled:before,
.fbx-flat.fbx-phone .fbx-prev.fbx-disabled:before {
opacity: 0
}
.fbx-flat.fbx-desktop .fbx-next,
.fbx-flat.fbx-desktop .fbx-prev {
position: absolute
}
.fbx-flat .fbx-count,
.fbx-flat .fbx-credit {
bottom: -25px
}
.fbx-flat.fbx-sticky-buttons .fbx-close {
top: 0;
right: 0;
width: 63px;
height: 63px;
line-height: 63px
}
.fbx-flat.fbx-sticky-buttons .fbx-next,
.fbx-flat.fbx-sticky-buttons .fbx-prev {
position: fixed;
top: 50%;
margin-top: -50px;
width: 63px;
height: 100px;
line-height: 100px
}
.fbx-flat.fbx-sticky-buttons .fbx-prev {
left: 0
}
.fbx-flat.fbx-sticky-buttons .fbx-next {
right: 0
}
.fbx-flat.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 80px
}
.fbx-flat.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 35px 5px 15px
}
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer {
padding: 5px
}
.fbx-flat.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-flat.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: 0;
height: auto
}
.fbx-flat.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-flat.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: absolute;
height: 32px;
width: 32px;
line-height: 32px;
top: 50%;
margin-top: -16px
}
.fbx-flat.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
right: 4px
}
.fbx-flat.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before {
left: 4px
}
.fbx-flat.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-flat.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: relative;
width: auto;
min-width: 0;
height: auto;
line-height: inherit;
top: auto;
margin-top: auto
}
.fbx-flat.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-flat.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 0;
bottom: auto;
border-radius: 0;
width: auto;
min-width: 0;
height: auto;
opacity: 1
}
.fbx-modal.fbx-flat.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
left: 0;
right: 66%
}
.fbx-modal.fbx-flat.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
left: 33%;
right: 33%
}
.fbx-modal.fbx-flat.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 66%;
right: 0
}
.fbx-modal.fbx-flat.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 0;
right: 0
}
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
bottom: auto;
width: 34px;
height: 80px;
opacity: .5
}
.fbx-flat.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-prev,
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-prev,
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
top: 62px
}
.fbx-flat.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-next,
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-next,
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
top: 108px
}
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,
.fbx-flat.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-flat.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-flat.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-flat.fbx-inset-buttons.fbx-tablet .fbx-next,
.fbx-flat.fbx-inset-buttons.fbx-tablet .fbx-prev {
z-index: 100003;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 25%;
margin: 0;
border-radius: 0;
background-color: transparent;
box-sizing: border-box
}
.fbx-flat.fbx-inset-buttons.fbx-desktop .fbx-prev,
.fbx-flat.fbx-inset-buttons.fbx-tablet .fbx-prev {
left: 0
}
.fbx-flat.fbx-inset-buttons.fbx-desktop .fbx-next,
.fbx-flat.fbx-inset-buttons.fbx-tablet .fbx-next {
right: 0
}
.fbx-flat.fbx-inset-buttons.fbx-desktop .fbx-next:before,
.fbx-flat.fbx-inset-buttons.fbx-desktop .fbx-prev:before,
.fbx-flat.fbx-inset-buttons.fbx-tablet .fbx-next:before,
.fbx-flat.fbx-inset-buttons.fbx-tablet .fbx-prev:before {
width: 28px;
height: 28px;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -14px;
line-height: 28px;
border-width: 3px;
border-style: solid;
opacity: 0
}
.fbx-flat.fbx-inset-buttons .fbx-prev:before {
left: 10px
}
.fbx-flat.fbx-inset-buttons .fbx-next:before {
right: 10px
}
.fbx-flat.fbx-inset-buttons .fbx-next:hover:before,
.fbx-flat.fbx-inset-buttons .fbx-prev:hover:before {
opacity: 1
}
.fbx-blue,
.fbx-blue .fbx-caption,
.fbx-blue .fbx-open-caption,
.fbx-blue.fbx-phone .fbx-social {
background-color: #000;
background-color: rgba(0, 0, 0, .7)
}
.fbx-ie7.fbx-blue,
.fbx-ie7.fbx-blue .fbx-caption,
.fbx-ie8.fbx-blue,
.fbx-ie8.fbx-blue .fbx-caption,
.fbx-ie8.fbx-blue.fbx-phone .fbx-social {
background: 0 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff)';
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
zoom: 1
}
.fbx-blue .fbx-progress {
background-color: #838383;
background-color: rgba(255, 255, 255, .5)
}
.fbx-fullscreen-mode.fbx-blue {
background-color: #133e81
}
.fbx-blue .fbx-caption,
.fbx-blue .fbx-inner,
.fbx-blue .fbx-social,
.fbx-blue.fbx-inset-buttons .fbx-next:before,
.fbx-blue.fbx-inset-buttons .fbx-prev:before,
.fbx-blue.fbx-modal,
.fbx-modal.fbx-blue.fbx-phone .fbx-close:hover,
.fbx-modal.fbx-blue.fbx-phone .fbx-fullscreen-toggle:hover,
.fbx-modal.fbx-blue.fbx-phone .fbx-next:hover,
.fbx-modal.fbx-blue.fbx-phone .fbx-pause:hover,
.fbx-modal.fbx-blue.fbx-phone .fbx-play:hover,
.fbx-modal.fbx-blue.fbx-phone .fbx-prev:hover,
.fbx-modal.fbx-blue.fbx-phone .fbx-social-toggle:hover,
.fbx-rounded.fbx-blue .fbx-close,
.fbx-rounded.fbx-blue .fbx-fullscreen-toggle,
.fbx-rounded.fbx-blue .fbx-pause,
.fbx-rounded.fbx-blue .fbx-play,
.fbx-rounded.fbx-blue .fbx-social-toggle {
border-color: #1b58b7
}
.fbx-blue .fbx-close,
.fbx-blue .fbx-fullscreen-toggle,
.fbx-blue .fbx-inner,
.fbx-blue .fbx-loader,
.fbx-blue .fbx-next,
.fbx-blue .fbx-pause,
.fbx-blue .fbx-play,
.fbx-blue .fbx-prev,
.fbx-blue .fbx-social-toggle,
.fbx-blue.fbx-inset-buttons .fbx-next:before,
.fbx-blue.fbx-inset-buttons .fbx-prev:before {
background-color: #1b58b7
}
.fbx-blue .fbx-close,
.fbx-blue .fbx-close:hover,
.fbx-blue .fbx-error-msg,
.fbx-blue .fbx-fullscreen-toggle,
.fbx-blue .fbx-fullscreen-toggle:hover,
.fbx-blue .fbx-loader,
.fbx-blue .fbx-next,
.fbx-blue .fbx-next:hover,
.fbx-blue .fbx-pause,
.fbx-blue .fbx-pause:hover,
.fbx-blue .fbx-play,
.fbx-blue .fbx-play:hover,
.fbx-blue .fbx-prev,
.fbx-blue .fbx-prev:hover,
.fbx-blue .fbx-social-toggle,
.fbx-blue .fbx-social-toggle:hover,
.fbx-blue.fbx-inset-buttons .fbx-next:before,
.fbx-blue.fbx-inset-buttons .fbx-next:hover:before,
.fbx-blue.fbx-inset-buttons .fbx-prev:before,
.fbx-blue.fbx-inset-buttons .fbx-prev:hover:before,
.fbx-metro.fbx-blue .fbx-count,
.fbx-metro.fbx-blue .fbx-credit a,
.fbx-metro.fbx-blue .fbx-credit a:hover {
color: #FFF!important
}
.fbx-metro.fbx-blue .fbx-close:hover,
.fbx-metro.fbx-blue .fbx-fullscreen-toggle:hover,
.fbx-metro.fbx-blue .fbx-next:hover,
.fbx-metro.fbx-blue .fbx-pause:hover,
.fbx-metro.fbx-blue .fbx-play:hover,
.fbx-metro.fbx-blue .fbx-prev:hover,
.fbx-metro.fbx-blue .fbx-social-toggle:hover {
border-color: #FFF
}
.fbx-rounded.fbx-blue .fbx-count,
.fbx-rounded.fbx-blue .fbx-credit a {
color: #888
}
.fbx-rounded.fbx-blue .fbx-credit a:hover span {
color: #ddd
}
.fbx-blue .fbx-caption {
color: #FFF
}
.fbx-blue .fbx-caption-desc,
.fbx-blue .fbx-caption-desc a {
color: #eee
}
.fbx-blue .fbx-item-current::-webkit-scrollbar,
.fbx-blue .fbx-item-next::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-blue .fbx-item-current::-webkit-scrollbar-track,
.fbx-blue .fbx-item-next::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-blue .fbx-item-current::-webkit-scrollbar-corner,
.fbx-blue .fbx-item-current::-webkit-scrollbar-thumb,
.fbx-blue .fbx-item-next::-webkit-scrollbar-corner,
.fbx-blue .fbx-item-next::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3)
}
.fbx-dark,
.fbx-dark .fbx-caption,
.fbx-dark .fbx-open-caption,
.fbx-dark.fbx-phone .fbx-social {
background-color: #000;
background-color: rgba(0, 0, 0, .7)
}
.fbx-ie7.fbx-dark,
.fbx-ie7.fbx-dark .fbx-caption,
.fbx-ie8.fbx-dark,
.fbx-ie8.fbx-dark .fbx-caption,
.fbx-ie8.fbx-dark.fbx-phone .fbx-social {
background: 0 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff)';
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
zoom: 1
}
.fbx-dark .fbx-progress {
background-color: #838383;
background-color: rgba(255, 255, 255, .5)
}
.fbx-fullscreen-mode.fbx-dark {
background-color: #0f0f0f
}
.fbx-dark .fbx-caption,
.fbx-dark .fbx-inner,
.fbx-dark .fbx-social,
.fbx-dark.fbx-inset-buttons .fbx-next:before,
.fbx-dark.fbx-inset-buttons .fbx-prev:before,
.fbx-dark.fbx-modal,
.fbx-modal.fbx-dark.fbx-phone .fbx-close:hover,
.fbx-modal.fbx-dark.fbx-phone .fbx-fullscreen-toggle:hover,
.fbx-modal.fbx-dark.fbx-phone .fbx-next:hover,
.fbx-modal.fbx-dark.fbx-phone .fbx-pause:hover,
.fbx-modal.fbx-dark.fbx-phone .fbx-play:hover,
.fbx-modal.fbx-dark.fbx-phone .fbx-prev:hover,
.fbx-modal.fbx-dark.fbx-phone .fbx-social-toggle:hover,
.fbx-rounded.fbx-dark .fbx-close,
.fbx-rounded.fbx-dark .fbx-fullscreen-toggle,
.fbx-rounded.fbx-dark .fbx-pause,
.fbx-rounded.fbx-dark .fbx-play,
.fbx-rounded.fbx-dark .fbx-social-toggle {
border-color: #1b1b1b
}
.fbx-dark .fbx-close,
.fbx-dark .fbx-fullscreen-toggle,
.fbx-dark .fbx-inner,
.fbx-dark .fbx-loader,
.fbx-dark .fbx-next,
.fbx-dark .fbx-pause,
.fbx-dark .fbx-play,
.fbx-dark .fbx-prev,
.fbx-dark .fbx-social-toggle,
.fbx-dark.fbx-inset-buttons .fbx-next:before,
.fbx-dark.fbx-inset-buttons .fbx-prev:before {
background-color: #1b1b1b
}
.fbx-dark .fbx-close,
.fbx-dark .fbx-error-msg,
.fbx-dark .fbx-fullscreen-toggle,
.fbx-dark .fbx-loader,
.fbx-dark .fbx-next,
.fbx-dark .fbx-pause,
.fbx-dark .fbx-play,
.fbx-dark .fbx-prev,
.fbx-dark .fbx-social-toggle,
.fbx-dark.fbx-inset-buttons .fbx-next:before,
.fbx-dark.fbx-inset-buttons .fbx-prev:before,
.fbx-metro.fbx-dark .fbx-count,
.fbx-metro.fbx-dark .fbx-credit a {
color: #636463!important
}
.fbx-dark .fbx-close:hover,
.fbx-dark .fbx-fullscreen-toggle:hover,
.fbx-dark .fbx-next:hover,
.fbx-dark .fbx-pause:hover,
.fbx-dark .fbx-play:hover,
.fbx-dark .fbx-prev:hover,
.fbx-dark .fbx-social-toggle:hover,
.fbx-dark.fbx-inset-buttons .fbx-next:hover:before,
.fbx-dark.fbx-inset-buttons .fbx-prev:hover:before,
.fbx-metro.fbx-dark .fbx-credit a:hover {
color: #FFF!important
}
.fbx-metro.fbx-dark .fbx-close:hover,
.fbx-metro.fbx-dark .fbx-fullscreen-toggle:hover,
.fbx-metro.fbx-dark .fbx-next:hover,
.fbx-metro.fbx-dark .fbx-pause:hover,
.fbx-metro.fbx-dark .fbx-play:hover,
.fbx-metro.fbx-dark .fbx-prev:hover,
.fbx-metro.fbx-dark .fbx-social-toggle:hover {
border-color: #FFF
}
.fbx-rounded.fbx-dark .fbx-count,
.fbx-rounded.fbx-dark .fbx-credit a {
color: #888
}
.fbx-rounded.fbx-dark .fbx-credit a:hover span {
color: #ddd
}
.fbx-dark .fbx-caption {
color: #FFF
}
.fbx-dark .fbx-caption-desc,
.fbx-dark .fbx-caption-desc a {
color: #eee
}
.fbx-dark .fbx-item-current::-webkit-scrollbar,
.fbx-dark .fbx-item-next::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-dark .fbx-item-current::-webkit-scrollbar-track,
.fbx-dark .fbx-item-next::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-dark .fbx-item-current::-webkit-scrollbar-corner,
.fbx-dark .fbx-item-current::-webkit-scrollbar-thumb,
.fbx-dark .fbx-item-next::-webkit-scrollbar-corner,
.fbx-dark .fbx-item-next::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3)
}
.fbx-fullscreen-mode.fbx-dark .fbx-btn-shadow,
.fbx-fullscreen-mode.fbx-dark .fbx-social a,
.fbx-fullscreen-mode.fbx-dark.fbx-rounded .fbx-btn-shadow {
-moz-box-shadow: 0 0 12px #888;
-moz-box-shadow: 0 0 12px rgba(128, 128, 128, .8);
-webkit-box-shadow: 0 0 12px #888;
-webkit-box-shadow: 0 0 12px rgba(128, 128, 128, .8);
box-shadow: 0 0 12px #888;
box-shadow: 0 0 12px rgba(128, 128, 128, .8)
}
.fbx-fullscreen-mode.fbx-dark .fbx-btn-shadow:hover,
.fbx-fullscreen-mode.fbx-dark .fbx-social a:hover,
.fbx-fullscreen-mode.fbx-dark.fbx-rounded .fbx-btn-shadow:hover {
-moz-box-shadow: 0 0 6px #888;
-moz-box-shadow: 0 0 6px rgba(128, 128, 128, .8);
-webkit-box-shadow: 0 0 6px #888;
-webkit-box-shadow: 0 0 6px rgba(128, 128, 128, .8);
box-shadow: 0 0 6px #888;
box-shadow: 0 0 6px rgba(128, 128, 128, .8)
}
.fbx-green,
.fbx-green .fbx-caption,
.fbx-green .fbx-open-caption,
.fbx-green.fbx-phone .fbx-social {
background-color: #000;
background-color: rgba(0, 0, 0, .7)
}
.fbx-ie7.fbx-green,
.fbx-ie7.fbx-green .fbx-caption,
.fbx-ie8.fbx-green,
.fbx-ie8.fbx-green .fbx-caption,
.fbx-ie8.fbx-green.fbx-phone .fbx-social {
background: 0 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff)';
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
zoom: 1
}
.fbx-green .fbx-progress {
background-color: #838383;
background-color: rgba(255, 255, 255, .5)
}
.fbx-fullscreen-mode.fbx-green {
background-color: #2a7e2a
}
.fbx-green .fbx-caption,
.fbx-green .fbx-inner,
.fbx-green .fbx-social,
.fbx-green.fbx-inset-buttons .fbx-next:before,
.fbx-green.fbx-inset-buttons .fbx-prev:before,
.fbx-green.fbx-modal,
.fbx-modal.fbx-green.fbx-phone .fbx-close:hover,
.fbx-modal.fbx-green.fbx-phone .fbx-fullscreen-toggle:hover,
.fbx-modal.fbx-green.fbx-phone .fbx-next:hover,
.fbx-modal.fbx-green.fbx-phone .fbx-pause:hover,
.fbx-modal.fbx-green.fbx-phone .fbx-play:hover,
.fbx-modal.fbx-green.fbx-phone .fbx-prev:hover,
.fbx-modal.fbx-green.fbx-phone .fbx-social-toggle:hover,
.fbx-rounded.fbx-green .fbx-close,
.fbx-rounded.fbx-green .fbx-fullscreen-toggle,
.fbx-rounded.fbx-green .fbx-pause,
.fbx-rounded.fbx-green .fbx-play,
.fbx-rounded.fbx-green .fbx-social-toggle {
border-color: #393
}
.fbx-light .fbx-caption,
.fbx-light .fbx-inner,
.fbx-light .fbx-social,
.fbx-light.fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before,
.fbx-light.fbx-modal,
.fbx-metro.fbx-green .fbx-close:hover,
.fbx-metro.fbx-green .fbx-fullscreen-toggle:hover,
.fbx-metro.fbx-green .fbx-next:hover,
.fbx-metro.fbx-green .fbx-pause:hover,
.fbx-metro.fbx-green .fbx-play:hover,
.fbx-metro.fbx-green .fbx-prev:hover,
.fbx-metro.fbx-green .fbx-social-toggle:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-close:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-fullscreen-toggle:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-next:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-pause:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-play:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-prev:hover,
.fbx-modal.fbx-light.fbx-phone .fbx-social-toggle:hover,
.fbx-rounded.fbx-light .fbx-close,
.fbx-rounded.fbx-light .fbx-fullscreen-toggle,
.fbx-rounded.fbx-light .fbx-pause,
.fbx-rounded.fbx-light .fbx-play,
.fbx-rounded.fbx-light .fbx-social-toggle {
border-color: #FFF
}
.fbx-green .fbx-close,
.fbx-green .fbx-fullscreen-toggle,
.fbx-green .fbx-inner,
.fbx-green .fbx-loader,
.fbx-green .fbx-next,
.fbx-green .fbx-pause,
.fbx-green .fbx-play,
.fbx-green .fbx-prev,
.fbx-green .fbx-social-toggle,
.fbx-green.fbx-inset-buttons .fbx-next:before,
.fbx-green.fbx-inset-buttons .fbx-prev:before {
background-color: #393
}
.fbx-green .fbx-close,
.fbx-green .fbx-close:hover,
.fbx-green .fbx-error-msg,
.fbx-green .fbx-fullscreen-toggle,
.fbx-green .fbx-fullscreen-toggle:hover,
.fbx-green .fbx-loader,
.fbx-green .fbx-next,
.fbx-green .fbx-next:hover,
.fbx-green .fbx-pause,
.fbx-green .fbx-pause:hover,
.fbx-green .fbx-play,
.fbx-green .fbx-play:hover,
.fbx-green .fbx-prev,
.fbx-green .fbx-prev:hover,
.fbx-green .fbx-social-toggle,
.fbx-green .fbx-social-toggle:hover,
.fbx-green.fbx-inset-buttons .fbx-next:before,
.fbx-green.fbx-inset-buttons .fbx-next:hover:before,
.fbx-green.fbx-inset-buttons .fbx-prev:before,
.fbx-green.fbx-inset-buttons .fbx-prev:hover:before,
.fbx-metro.fbx-green .fbx-count,
.fbx-metro.fbx-green .fbx-credit a,
.fbx-metro.fbx-green .fbx-credit a:hover {
color: #FFF!important
}
.fbx-rounded.fbx-green .fbx-count,
.fbx-rounded.fbx-green .fbx-credit a {
color: #888
}
.fbx-rounded.fbx-green .fbx-credit a:hover span {
color: #ddd
}
.fbx-green .fbx-caption {
color: #FFF
}
.fbx-green .fbx-caption-desc,
.fbx-green .fbx-caption-desc a {
color: #eee
}
.fbx-green .fbx-item-current::-webkit-scrollbar,
.fbx-green .fbx-item-next::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-green .fbx-item-current::-webkit-scrollbar-track,
.fbx-green .fbx-item-next::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-green .fbx-item-current::-webkit-scrollbar-corner,
.fbx-green .fbx-item-current::-webkit-scrollbar-thumb,
.fbx-green .fbx-item-next::-webkit-scrollbar-corner,
.fbx-green .fbx-item-next::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3)
}
.fbx-light,
.fbx-light .fbx-caption,
.fbx-light .fbx-open-caption,
.fbx-light.fbx-phone .fbx-social {
background-color: #000;
background-color: rgba(0, 0, 0, .7)
}
.fbx-ie7.fbx-light,
.fbx-ie7.fbx-light .fbx-caption,
.fbx-ie8.fbx-light,
.fbx-ie8.fbx-light .fbx-caption,
.fbx-ie8.fbx-light.fbx-phone .fbx-social {
background: 0 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff)';
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
zoom: 1
}
.fbx-fullscreen-mode.fbx-light {
background-color: #d3d3d3
}
.fbx-light .fbx-close,
.fbx-light .fbx-fullscreen-toggle,
.fbx-light .fbx-inner,
.fbx-light .fbx-loader,
.fbx-light .fbx-next,
.fbx-light .fbx-pause,
.fbx-light .fbx-play,
.fbx-light .fbx-prev,
.fbx-light .fbx-social-toggle,
.fbx-light.fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before {
background-color: #FFF
}
.fbx-flat.fbx-light .fbx-close,
.fbx-flat.fbx-light .fbx-fullscreen-toggle,
.fbx-flat.fbx-light .fbx-next,
.fbx-flat.fbx-light .fbx-pause,
.fbx-flat.fbx-light .fbx-play,
.fbx-flat.fbx-light .fbx-prev,
.fbx-flat.fbx-light .fbx-social-toggle {
background-color: transparent
}
.fbx-light .fbx-close,
.fbx-light .fbx-error-msg,
.fbx-light .fbx-fullscreen-toggle,
.fbx-light .fbx-loader,
.fbx-light .fbx-next,
.fbx-light .fbx-pause,
.fbx-light .fbx-play,
.fbx-light .fbx-prev,
.fbx-light .fbx-social-toggle,
.fbx-light.fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before,
.fbx-metro.fbx-light .fbx-count,
.fbx-metro.fbx-light .fbx-credit a {
color: #666!important
}
.fbx-flat.fbx-light .fbx-close,
.fbx-flat.fbx-light .fbx-count,
.fbx-flat.fbx-light .fbx-credit a,
.fbx-flat.fbx-light .fbx-fullscreen-toggle,
.fbx-flat.fbx-light .fbx-next,
.fbx-flat.fbx-light .fbx-pause,
.fbx-flat.fbx-light .fbx-play,
.fbx-flat.fbx-light .fbx-prev,
.fbx-flat.fbx-light .fbx-social-toggle {
color: #FFF!important
}
.fbx-light .fbx-close:hover,
.fbx-light .fbx-fullscreen-toggle:hover,
.fbx-light .fbx-next:hover,
.fbx-light .fbx-pause:hover,
.fbx-light .fbx-play:hover,
.fbx-light .fbx-prev:hover,
.fbx-light .fbx-social-toggle:hover,
.fbx-light.fbx-inset-buttons .fbx-next:hover:before,
.fbx-light.fbx-inset-buttons .fbx-prev:hover:before,
.fbx-metro.fbx-light .fbx-credit a:hover {
color: #bababa!important
}
.fbx-metro.fbx-light .fbx-close:hover,
.fbx-metro.fbx-light .fbx-fullscreen-toggle:hover,
.fbx-metro.fbx-light .fbx-next:hover,
.fbx-metro.fbx-light .fbx-pause:hover,
.fbx-metro.fbx-light .fbx-play:hover,
.fbx-metro.fbx-light .fbx-prev:hover,
.fbx-metro.fbx-light .fbx-social-toggle:hover {
border-color: #bababa
}
.fbx-rounded.fbx-light .fbx-count,
.fbx-rounded.fbx-light .fbx-credit a {
color: #888
}
.fbx-rounded.fbx-light .fbx-credit a:hover span {
color: #ddd
}
.fbx-light .fbx-caption {
color: #FFF
}
.fbx-light .fbx-caption-desc,
.fbx-light .fbx-caption-desc a {
color: #eee
}
.fbx-light .fbx-item-current::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-light .fbx-item-current::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-light .fbx-item-current::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .5)
}
.fbx-light .fbx-item-current::-webkit-scrollbar,
.fbx-light .fbx-item-next::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-light .fbx-item-current::-webkit-scrollbar-track,
.fbx-light .fbx-item-next::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-light .fbx-item-current::-webkit-scrollbar-corner,
.fbx-light .fbx-item-current::-webkit-scrollbar-thumb,
.fbx-light .fbx-item-next::-webkit-scrollbar-corner,
.fbx-light .fbx-item-next::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3)
}
.fbx-pink,
.fbx-pink .fbx-caption,
.fbx-pink .fbx-open-caption,
.fbx-pink.fbx-phone .fbx-social {
background-color: #000;
background-color: rgba(0, 0, 0, .7)
}
.fbx-ie7.fbx-pink,
.fbx-ie7.fbx-pink .fbx-caption,
.fbx-ie8.fbx-pink,
.fbx-ie8.fbx-pink .fbx-caption,
.fbx-ie8.fbx-pink.fbx-phone .fbx-social {
background: 0 0;
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff)';
filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
zoom: 1
}
.fbx-light .fbx-progress {
background-color: #838383;
background-color: rgba(255, 255, 255, .5)
}
.fbx-fullscreen-mode.fbx-pink {
background-color: #a64a87
}
.fbx-modal.fbx-pink.fbx-phone .fbx-close:hover,
.fbx-modal.fbx-pink.fbx-phone .fbx-fullscreen-toggle:hover,
.fbx-modal.fbx-pink.fbx-phone .fbx-next:hover,
.fbx-modal.fbx-pink.fbx-phone .fbx-pause:hover,
.fbx-modal.fbx-pink.fbx-phone .fbx-play:hover,
.fbx-modal.fbx-pink.fbx-phone .fbx-prev:hover,
.fbx-modal.fbx-pink.fbx-phone .fbx-social-toggle:hover,
.fbx-pink .fbx-caption,
.fbx-pink .fbx-inner,
.fbx-pink .fbx-social,
.fbx-pink.fbx-inset-buttons .fbx-next:before,
.fbx-pink.fbx-inset-buttons .fbx-prev:before,
.fbx-pink.fbx-modal,
.fbx-rounded.fbx-pink .fbx-close,
.fbx-rounded.fbx-pink .fbx-fullscreen-toggle,
.fbx-rounded.fbx-pink .fbx-pause,
.fbx-rounded.fbx-pink .fbx-play,
.fbx-rounded.fbx-pink .fbx-social-toggle {
border-color: #df64b6
}
.fbx-pink .fbx-close,
.fbx-pink .fbx-fullscreen-toggle,
.fbx-pink .fbx-inner,
.fbx-pink .fbx-loader,
.fbx-pink .fbx-next,
.fbx-pink .fbx-pause,
.fbx-pink .fbx-play,
.fbx-pink .fbx-prev,
.fbx-pink .fbx-social-toggle,
.fbx-pink.fbx-inset-buttons .fbx-next:before,
.fbx-pink.fbx-inset-buttons .fbx-prev:before {
background-color: #df64b6
}
.fbx-metro.fbx-pink .fbx-count,
.fbx-metro.fbx-pink .fbx-credit a,
.fbx-metro.fbx-pink .fbx-credit a:hover,
.fbx-pink .fbx-close,
.fbx-pink .fbx-close:hover,
.fbx-pink .fbx-error-msg,
.fbx-pink .fbx-fullscreen-toggle,
.fbx-pink .fbx-fullscreen-toggle:hover,
.fbx-pink .fbx-loader,
.fbx-pink .fbx-next,
.fbx-pink .fbx-next:hover,
.fbx-pink .fbx-pause,
.fbx-pink .fbx-pause:hover,
.fbx-pink .fbx-play,
.fbx-pink .fbx-play:hover,
.fbx-pink .fbx-prev,
.fbx-pink .fbx-prev:hover,
.fbx-pink .fbx-social-toggle,
.fbx-pink .fbx-social-toggle:hover,
.fbx-pink.fbx-inset-buttons .fbx-next:before,
.fbx-pink.fbx-inset-buttons .fbx-next:hover:before,
.fbx-pink.fbx-inset-buttons .fbx-prev:before,
.fbx-pink.fbx-inset-buttons .fbx-prev:hover:before {
color: #FFF!important
}
.fbx-metro.fbx-pink .fbx-close:hover,
.fbx-metro.fbx-pink .fbx-fullscreen-toggle:hover,
.fbx-metro.fbx-pink .fbx-next:hover,
.fbx-metro.fbx-pink .fbx-pause:hover,
.fbx-metro.fbx-pink .fbx-play:hover,
.fbx-metro.fbx-pink .fbx-prev:hover,
.fbx-metro.fbx-pink .fbx-social-toggle:hover {
border-color: #FFF
}
.fbx-rounded.fbx-pink .fbx-count,
.fbx-rounded.fbx-pink .fbx-credit a {
color: #888
}
.fbx-rounded.fbx-pink .fbx-credit a:hover span {
color: #ddd
}
.fbx-pink .fbx-caption {
color: #FFF
}
.fbx-pink .fbx-caption-desc,
.fbx-pink .fbx-caption-desc a {
color: #eee
}
.fbx-pink .fbx-item-current::-webkit-scrollbar,
.fbx-pink .fbx-item-next::-webkit-scrollbar {
width: 12px;
height: 12px
}
.fbx-pink .fbx-item-current::-webkit-scrollbar-track,
.fbx-pink .fbx-item-next::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .1)
}
.fbx-pink .fbx-item-current::-webkit-scrollbar-corner,
.fbx-pink .fbx-item-current::-webkit-scrollbar-thumb,
.fbx-pink .fbx-item-next::-webkit-scrollbar-corner,
.fbx-pink .fbx-item-next::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .3)
}
.fbx-caption {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
z-index: 100004;
width: 100%;
text-align: center;
font-size: 14px;
transition: visible .3s ease, opacity .3s ease, transform .3s ease;
opacity: 1;
transform: translateY(0)
}
.fbx-show .fbx-caption.fbx-fade-caption {
opacity: 0;
visibility: hidden
}
.fbx-caption.fbx-slide-caption {
transform: translateY(100%)
}
.fbx-loading .fbx-caption.fbx-hide-caption,
.fbx-show .fbx-caption.fbx-hide-caption {
visibility: hidden
}
.fbx-fullscreen-mode .fbx-caption,
.fbx-sticky-caption .fbx-caption {
position: fixed;
z-index: 100007
}
.fbx-close-caption,
.fbx-open-caption {
position: absolute;
color: #FFF;
font-size: 24px;
line-height: 20px;
text-decoration: none
}
.fbx-rounded .fbx-caption {
border-radius: 0 0 3px 3px
}
.fbx-modal.fbx-phone .fbx-caption,
.fbx-sticky-caption.fbx-rounded .fbx-caption {
border-radius: 0
}
.fbx-close-caption {
top: 0;
right: 0;
padding: 3px 3px 10px 10px
}
.fbx-open-caption {
z-index: 100004;
bottom: 0;
right: 5px;
padding: 0 10px 10px;
opacity: 0;
transition: opacity .3s ease;
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.fbx-effect-1 .fbx-inner,
.fbx-effect-3 .fbx-inner {
-moz-transition: -moz-transform .3s, opacity .3s;
-ms-transition: -ms-transform .3s, opacity .3s
}
.fbx-captions-hidden .fbx-open-caption {
opacity: 1
}
.fbx-caption-desc a {
font-size: 12px
}
.fbx-caption-title+.fbx-caption-desc {
margin-top: -30px
}
.fbx-phone .fbx-caption {
min-height: 20px;
font-size: 12px;
line-height: 20px
}
.fbx-phone .fbx-caption-title {
font-size: 13px;
padding: 10px
}
.fbx-phone .fbx-caption-desc {
font-size: 11px;
line-height: 15px;
padding: 10px
}
.fbx-phone .fbx-caption-title+.fbx-caption-desc {
margin-top: -20px
}
.fbx-modal.fbx-phone .fbx-caption {
z-index: 100004;
bottom: 0;
position: fixed
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-caption,
.fbx-phone.fbx-landscape.fbx-sticky-caption .fbx-caption {
z-index: 100004
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-caption {
border-right-width: 46px;
border-right-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fbx-modal.fbx-flat.fbx-phone.fbx-landscape .fbx-caption {
border-right-width: 0
}
.fbx-fullscreen-toggle {
display: none
}
.fbx-fullscreen .fbx-fullscreen-toggle {
position: absolute;
z-index: 100007;
display: block;
outline: 0;
text-decoration: none;
cursor: pointer;
width: 28px;
height: 28px;
line-height: 28px;
border: 3px solid transparent;
border-radius: 50%
}
.fbx-fullscreen .fbx-fullscreen-toggle:hover {
text-decoration: none
}
.fbx-flat.fbx-fullscreen .fbx-fullscreen-toggle {
width: 32px;
height: 32px;
line-height: 32px;
top: -40px;
left: -40px;
border: none;
border-radius: 0
}
.fbx-flat.fbx-fullscreen.fbx-sticky-buttons .fbx-fullscreen-toggle {
width: 63px;
height: 63px;
line-height: 63px;
top: 0;
left: 0
}
.fbx-metro.fbx-fullscreen .fbx-fullscreen-toggle {
top: -41px;
left: 0
}
.fbx-rounded.fbx-fullscreen .fbx-fullscreen-toggle {
top: -21px;
left: -21px
}
.fbx-metro.fbx-fullscreen .fbx-prev {
left: 40px
}
.fbx-metro.fbx-fullscreen .fbx-next {
left: 80px
}
.fbx-metro.fbx-sticky-buttons.fbx-fullscreen .fbx-prev {
left: 0
}
.fbx-metro.fbx-sticky-buttons.fbx-fullscreen .fbx-next {
left: auto;
right: 0
}
.fbx-metro.fbx-inset-buttons.fbx-fullscreen .fbx-prev {
left: 0
}
.fbx-metro.fbx-inset-buttons.fbx-fullscreen .fbx-next {
left: auto;
right: 0
}
.fbx-rounded.fbx-fullscreen.fbx-phone .fbx-fullscreen-toggle {
display: none
}
.fbx-fullscreen-mode.fbx-desktop .fbx-inner-spacer,
.fbx-fullscreen-mode.fbx-metro.fbx-desktop .fbx-inner-spacer,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet .fbx-inner-spacer,
.fbx-fullscreen-mode.fbx-rounded.fbx-desktop .fbx-inner-spacer,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet .fbx-inner-spacer,
.fbx-fullscreen-mode.fbx-tablet .fbx-inner-spacer {
padding: 10px
}
.fbx-fullscreen-mode .fbx-inner,
.fbx-fullscreen-mode.fbx-metro .fbx-inner,
.fbx-fullscreen-mode.fbx-rounded .fbx-inner {
border: none
}
.fbx-fullscreen-mode .fbx-caption,
.fbx-fullscreen-mode .fbx-inner,
.fbx-fullscreen-mode .fbx-item-current,
.fbx-fullscreen-mode .fbx-item-image,
.fbx-fullscreen-mode .fbx-item-next,
.fbx-fullscreen-mode.fbx-rounded .fbx-caption,
.fbx-fullscreen-mode.fbx-rounded .fbx-inner,
.fbx-fullscreen-mode.fbx-rounded .fbx-item-current,
.fbx-fullscreen-mode.fbx-rounded .fbx-item-image,
.fbx-fullscreen-mode.fbx-rounded .fbx-item-next {
border-radius: 0
}
.fbx-fullscreen-mode.fbx-flat .fbx-next,
.fbx-fullscreen-mode.fbx-flat .fbx-prev,
.fbx-fullscreen-mode.fbx-flat.fbx-inset-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-flat.fbx-inset-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro .fbx-next,
.fbx-fullscreen-mode.fbx-metro .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded .fbx-next,
.fbx-fullscreen-mode.fbx-rounded .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-prev {
position: fixed;
top: 50%;
margin-top: -40px;
width: 28px;
height: 80px;
line-height: 80px;
border-radius: 6px;
border: 3px solid transparent;
opacity: .5;
min-width: 0;
box-sizing: content-box
}
.fbx-slideshow .fbx-progress,
.fbx-social {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
.fbx-fullscreen-mode.fbx-flat .fbx-next:hover,
.fbx-fullscreen-mode.fbx-flat .fbx-prev:hover,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons .fbx-next:hover,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons .fbx-prev:hover,
.fbx-fullscreen-mode.fbx-metro .fbx-next:hover,
.fbx-fullscreen-mode.fbx-metro .fbx-prev:hover,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-next:hover,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-prev:hover,
.fbx-fullscreen-mode.fbx-rounded .fbx-next:hover,
.fbx-fullscreen-mode.fbx-rounded .fbx-prev:hover,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-next:hover,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-prev:hover {
opacity: 1
}
.fbx-error.fbx-fullscreen-mode.fbx-metro .fbx-prev,
.fbx-error.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-prev,
.fbx-error.fbx-fullscreen-mode.fbx-rounded .fbx-prev,
.fbx-error.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-flat .fbx-prev,
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev {
left: 25px
}
.fbx-error.fbx-fullscreen-mode.fbx-metro .fbx-next,
.fbx-error.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-next,
.fbx-error.fbx-fullscreen-mode.fbx-rounded .fbx-next,
.fbx-error.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-flat .fbx-next,
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-metro .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-rounded .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-next {
right: 25px;
left: auto
}
.fbx-error.fbx-fullscreen-mode.fbx-metro.fbx-tablet .fbx-prev,
.fbx-error.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons .fbx-prev,
.fbx-error.fbx-fullscreen-mode.fbx-rounded.fbx-tablet .fbx-prev,
.fbx-error.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet .fbx-prev,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev {
left: 20px
}
.fbx-error.fbx-fullscreen-mode.fbx-metro.fbx-tablet .fbx-next,
.fbx-error.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons .fbx-next,
.fbx-error.fbx-fullscreen-mode.fbx-rounded.fbx-tablet .fbx-next,
.fbx-error.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet .fbx-next,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-next {
right: 20px;
left: auto
}
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
position: relative;
display: inline-block;
min-width: 0;
width: 28px;
height: auto;
line-height: inherit;
bottom: auto;
right: auto;
margin-top: 0;
border: 3px solid transparent;
border-radius: 6px;
opacity: 1
}
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-prev:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before {
top: -3px;
left: -3px
}
.fbx-fullscreen-mode.fbx-flat .fbx-close,
.fbx-fullscreen-mode.fbx-flat .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-metro .fbx-close,
.fbx-fullscreen-mode.fbx-metro .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-rounded .fbx-close,
.fbx-fullscreen-mode.fbx-rounded .fbx-fullscreen-toggle {
position: fixed;
opacity: .5;
border-radius: 6px
}
.fbx-fullscreen-mode.fbx-flat .fbx-close:hover,
.fbx-fullscreen-mode.fbx-flat .fbx-fullscreen-toggle:hover,
.fbx-fullscreen-mode.fbx-metro .fbx-close:hover,
.fbx-fullscreen-mode.fbx-metro .fbx-fullscreen-toggle:hover,
.fbx-fullscreen-mode.fbx-rounded .fbx-close:hover,
.fbx-fullscreen-mode.fbx-rounded .fbx-fullscreen-toggle:hover {
opacity: 1
}
.fbx-fullscreen-mode.fbx-flat .fbx-close,
.fbx-fullscreen-mode.fbx-flat.fbx-desktop .fbx-close,
.fbx-fullscreen-mode.fbx-metro .fbx-close,
.fbx-fullscreen-mode.fbx-metro.fbx-desktop .fbx-close,
.fbx-fullscreen-mode.fbx-rounded .fbx-close,
.fbx-fullscreen-mode.fbx-rounded.fbx-desktop .fbx-close {
right: 25px;
top: 25px;
left: auto
}
.fbx-fullscreen-mode.fbx-flat .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-flat.fbx-desktop .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-metro .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-metro.fbx-desktop .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-rounded .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-rounded.fbx-desktop .fbx-fullscreen-toggle {
left: 25px;
top: 25px
}
.fbx-modal.fbx-fullscreen-mode.fbx-flat.fbx-tablet .fbx-close,
.fbx-modal.fbx-fullscreen-mode.fbx-metro.fbx-tablet .fbx-close,
.fbx-modal.fbx-fullscreen-mode.fbx-rounded.fbx-tablet .fbx-close {
right: 20px;
top: 20px;
left: auto
}
.fbx-fullscreen-mode.fbx-metro.fbx-flat .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet .fbx-fullscreen-toggle {
left: 20px;
top: 20px
}
.fbx-fullscreen-mode .fbx-caption {
position: fixed;
bottom: 0
}
.fbx-fullscreen-mode.fbx-metro .fbx-close:hover,
.fbx-fullscreen-mode.fbx-metro .fbx-fullscreen-toggle:hover,
.fbx-fullscreen-mode.fbx-metro .fbx-next:hover,
.fbx-fullscreen-mode.fbx-metro .fbx-prev:hover {
border: 3px solid transparent
}
.fbx-fullscreen-mode .fbx-credit {
left: 10px
}
.fbx-fullscreen-mode.fbx-flat .fbx-count,
.fbx-fullscreen-mode.fbx-flat .fbx-credit,
.fbx-fullscreen-mode.fbx-metro .fbx-count,
.fbx-fullscreen-mode.fbx-metro .fbx-credit,
.fbx-fullscreen-mode.fbx-rounded .fbx-count,
.fbx-fullscreen-mode.fbx-rounded .fbx-credit {
bottom: 5px
}
.fbx-fullscreen-mode .fbx-social.fbx-above,
.fbx-fullscreen-mode .fbx-social.fbx-aboveleft,
.fbx-fullscreen-mode .fbx-social.fbx-aboveright,
.fbx-fullscreen-mode.fbx-metro .fbx-social.fbx-above,
.fbx-fullscreen-mode.fbx-metro .fbx-social.fbx-aboveleft,
.fbx-fullscreen-mode.fbx-metro .fbx-social.fbx-aboveright {
top: -45px;
margin: 0
}
.fbx-fullscreen-mode .fbx-social.fbx-below,
.fbx-fullscreen-mode .fbx-social.fbx-belowleft,
.fbx-fullscreen-mode .fbx-social.fbx-belowright,
.fbx-fullscreen-mode.fbx-metro .fbx-social.fbx-below,
.fbx-fullscreen-mode.fbx-metro .fbx-social.fbx-belowleft,
.fbx-fullscreen-mode.fbx-metro .fbx-social.fbx-belowright {
bottom: -45px;
margin: 0
}
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow.fbx-fullscreen .fbx-play {
position: fixed;
opacity: .5;
border: 3px solid transparent;
border-radius: 6px;
z-index: 100008;
width: 28px;
height: 28px;
line-height: 28px
}
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-play {
top: auto;
bottom: 25px;
right: 25px;
left: auto
}
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-play {
top: auto;
bottom: 20px;
right: 20px;
left: auto
}
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-flat.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-metro.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-pause,
.fbx-fullscreen-mode.fbx-rounded.fbx-tablet.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen.fbx-playpause-center .fbx-play {
position: fixed;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
margin-top: -40px;
margin-left: -40px;
width: 80px;
height: 80px;
line-height: 80px;
opacity: .5;
border: 3px solid transparent;
border-radius: 6px
}
.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause:hover,
.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play:hover,
.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause:hover,
.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play:hover,
.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause:hover,
.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play:hover {
opacity: 1
}
.fbx-error.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause,
.fbx-error.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play,
.fbx-error.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause,
.fbx-error.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play,
.fbx-error.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause,
.fbx-error.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play,
.fbx-loading.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause,
.fbx-loading.fbx-flat.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play,
.fbx-loading.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause,
.fbx-loading.fbx-metro.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play,
.fbx-loading.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-pause,
.fbx-loading.fbx-rounded.fbx-slideshow.fbx-fullscreen.fbx-fullscreen-mode .fbx-play {
display: none!important
}
.fbx-slideshow .fbx-progress {
z-index: 100005;
width: 0;
position: absolute;
display: none;
top: auto;
left: 0;
bottom: 0;
height: 5px;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.fbx-fullscreen-mode.fbx-slideshow .fbx-progress,
.fbx-sticky-caption.fbx-slideshow .fbx-progress {
position: fixed;
z-index: 100008
}
.fbx-slideshow .fbx-pause:hover,
.fbx-slideshow .fbx-play:hover {
text-decoration: none
}
.fbx-slideshow .fbx-pause,
.fbx-slideshow .fbx-play {
z-index: 100007;
width: 28px;
height: 28px;
line-height: 28px;
border: 3px solid transparent;
border-radius: 50%;
position: absolute;
text-align: center;
text-decoration: none;
display: block;
outline: 0;
cursor: pointer
}
.fbx-no-buttons .fbx-pause,
.fbx-no-buttons .fbx-play,
.fbx-no-buttons .fbx-progress {
display: none!important
}
.fbx-metro.fbx-slideshow .fbx-pause,
.fbx-metro.fbx-slideshow .fbx-play {
top: -41px;
left: 40px
}
.fbx-rounded.fbx-slideshow .fbx-pause,
.fbx-rounded.fbx-slideshow .fbx-play {
right: -21px;
bottom: -21px
}
.fbx-flat.fbx-slideshow .fbx-pause,
.fbx-flat.fbx-slideshow .fbx-play {
width: 32px;
height: 32px;
line-height: 32px;
right: -40px;
bottom: -40px;
border: none;
border-radius: 0
}
.fbx-flat.fbx-slideshow.fbx-sticky-buttons .fbx-pause,
.fbx-flat.fbx-slideshow.fbx-sticky-buttons .fbx-play {
width: 63px;
height: 63px;
line-height: 63px;
right: 0;
bottom: 0
}
.fbx-metro.fbx-slideshow .fbx-next,
.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-play {
left: 80px
}
.fbx-metro.fbx-slideshow.fbx-fullscreen .fbx-next {
left: 120px
}
.fbx-metro.fbx-slideshow.fbx-no-fullscreen .fbx-prev {
left: 0
}
.fbx-metro.fbx-slideshow.fbx-no-fullscreen .fbx-pause,
.fbx-metro.fbx-slideshow.fbx-no-fullscreen .fbx-play {
left: 40px
}
.fbx-metro.fbx-slideshow.fbx-no-fullscreen .fbx-next {
left: 80px
}
.fbx-metro.fbx-inset-buttons.fbx-slideshow .fbx-prev,
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-prev,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow .fbx-prev,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-prev {
left: 0;
right: auto
}
.fbx-metro.fbx-inset-buttons.fbx-slideshow .fbx-pause,
.fbx-metro.fbx-inset-buttons.fbx-slideshow .fbx-play,
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-pause,
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-play,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow .fbx-pause,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow .fbx-play,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-pause,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-play {
left: 0
}
.fbx-metro.fbx-inset-buttons.fbx-slideshow .fbx-next,
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-next,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow .fbx-next,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-no-fullscreen .fbx-next {
left: auto;
right: 0
}
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-play,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-pause,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-play {
left: 40px
}
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-prev {
left: 0;
right: auto
}
.fbx-metro.fbx-inset-buttons.fbx-slideshow.fbx-fullscreen .fbx-next,
.fbx-metro.fbx-sticky-buttons.fbx-slideshow.fbx-fullscreen .fbx-next {
left: auto;
right: 0
}
.fbx-modal.fbx-phone .fbx-progress {
height: 3px;
bottom: 0;
position: fixed
}
.fbx-modal.fbx-phone .fbx-pause,
.fbx-modal.fbx-phone .fbx-play {
position: fixed;
border-radius: 0
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-pause,
.fbx-modal.fbx-phone.fbx-portrait .fbx-play {
border: none;
top: 0;
bottom: auto;
left: 25%;
right: 50%;
width: auto;
height: 40px;
line-height: 40px
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait .fbx-prev,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons .fbx-prev,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
right: 75%;
left: 0
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait .fbx-next,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons .fbx-next,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
right: 25%;
left: 50%
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
right: 0;
left: 75%
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
right: 0;
left: 0
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-next,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-pause,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-play,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-prev,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-no-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-no-buttons.fbx-sticky-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-next,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-pause,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-play,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-prev,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
bottom: auto;
left: auto;
right: 1px;
width: 44px;
height: 44px;
line-height: 44px;
border: none;
opacity: 1;
margin: 0;
border-radius: 0
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-pause,
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-play {
top: 154px
}
.fbx-progress {
background-color: #838383;
background-color: rgba(255, 255, 255, .5)
}
.fbx-effects .fbx-inner {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.fbx-effect-1 .fbx-inner {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
-webkit-transition: -webkit-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-animate.fbx-effect-1 .fbx-inner {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
.fbx-effect-2 .fbx-inner {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .3s cubic-bezier(.25, .5, .5, .9), opacity .3s linear;
-moz-transition: -moz-transform .3s cubic-bezier(.25, .5, .5, .9), opacity .3s linear;
-ms-transition: -ms-transform .3s cubic-bezier(.25, .5, .5, .9), opacity .3s linear;
-o-transition: -o-transform .3s cubic-bezier(.25, .5, .5, .9), opacity .3s linear;
transition: transform .3s cubic-bezier(.25, .5, .5, .9), opacity .3s linear;
opacity: 0
}
.fbx-effect-3 .fbx-inner,
.fbx-effect-4 .fbx-inner {
-webkit-transition: -webkit-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-2 .fbx-inner {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
.fbx-effect-3 .fbx-inner {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-effect-4 .fbx-inner,
.fbx-effect-5 .fbx-inner {
-moz-transition: -moz-transform .3s, opacity .3s;
-ms-transition: -ms-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-3 .fbx-inner {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.fbx-effect-4 .fbx-inner {
-webkit-transform: scale(0) rotate(720deg);
-moz-transform: scale(0) rotate(720deg);
-ms-transform: scale(0) rotate(720deg);
-o-transform: scale(0) rotate(720deg);
transform: scale(0) rotate(720deg);
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-effect-5 .fbx-inner,
.fbx-effect-6 .fbx-inner {
-webkit-transition: -webkit-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-4 .fbx-inner {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
opacity: 1
}
.fbx-effect-5 {
perspective: 1300px
}
.fbx-effect-5 .fbx-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(600px) rotateX(20deg);
-moz-transform: translateZ(600px) rotateX(20deg);
-ms-transform: translateZ(600px) rotateX(20deg);
-o-transform: translateZ(600px) rotateX(20deg);
transform: translateZ(600px) rotateX(20deg);
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-effect-6 .fbx-inner,
.fbx-effect-7 .fbx-inner {
-moz-transition: -moz-transform .3s, opacity .3s;
-ms-transition: -ms-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-5 .fbx-inner {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0);
opacity: 1
}
.fbx-effect-6 {
perspective: 1300px
}
.fbx-effect-7,
.fbx-effect-8 {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
-ms-perspective: 1300px;
-o-perspective: 1300px
}
.fbx-effect-6 .fbx-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
-o-transform: translate(30%) translateZ(600px) rotate(10deg);
transform: translate(30%) translateZ(600px) rotate(10deg);
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-effect-7 .fbx-inner,
.fbx-effect-8 .fbx-inner {
-webkit-transition: -webkit-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-6 .fbx-inner {
-webkit-transform: translate(0) translateZ(0) rotate(0);
-moz-transform: translate(0) translateZ(0) rotate(0);
-ms-transform: translate(0) translateZ(0) rotate(0);
-o-transform: translate(0) translateZ(0) rotate(0);
transform: translate(0) translateZ(0) rotate(0);
opacity: 1
}
.fbx-effect-7 {
perspective: 1300px
}
.fbx-effect-7 .fbx-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
-moz-transform: rotateY(-70deg);
-ms-transform: rotateY(-70deg);
-o-transform: rotateY(-70deg);
transform: rotateY(-70deg);
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-effect-8 .fbx-inner,
.fbx-effect-9 .fbx-inner {
-moz-transition: -moz-transform .3s, opacity .3s;
-ms-transition: -ms-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-7 .fbx-inner {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
opacity: 1
}
.fbx-effect-8 {
perspective: 1300px
}
.fbx-effect-11,
.fbx-effect-9 {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
-ms-perspective: 1300px;
-o-perspective: 1300px
}
.fbx-effect-8 .fbx-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-70deg);
-moz-transform: rotateX(-70deg);
-ms-transform: rotateX(-70deg);
-o-transform: rotateX(-70deg);
transform: rotateX(-70deg);
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-effect-10 .fbx-inner,
.fbx-effect-9 .fbx-inner {
-webkit-transition: -webkit-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-8 .fbx-inner {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
opacity: 1
}
.fbx-effect-9 {
perspective: 1300px
}
.fbx-effect-9 .fbx-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-60deg);
-moz-transform: rotateX(-60deg);
-ms-transform: rotateX(-60deg);
-o-transform: rotateX(-60deg);
transform: rotateX(-60deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-effect-10 .fbx-inner,
.fbx-effect-11 .fbx-inner {
-moz-transition: -moz-transform .3s, opacity .3s;
-ms-transition: -ms-transform .3s, opacity .3s
}
.fbx-animate.fbx-effect-9 .fbx-inner {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
opacity: 1
}
.fbx-effect-10 .fbx-inner {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-animate.fbx-effect-10 .fbx-inner {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
.fbx-effect-11 {
perspective: 1300px
}
.fbx-effect-11 .fbx-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateY(100%) rotateX(90deg);
-moz-transform: translateY(100%) rotateX(90deg);
-ms-transform: translateY(100%) rotateX(90deg);
-o-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transition: -webkit-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-animate.fbx-effect-11 .fbx-inner {
-webkit-transform: translateY(0) rotateX(0);
-moz-transform: translateY(0) rotateX(0);
-ms-transform: translateY(0) rotateX(0);
-o-transform: translateY(0) rotateX(0);
transform: translateY(0) rotateX(0);
opacity: 1
}
.fbx-effect-12 {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
-ms-perspective: 1300px;
-o-perspective: 1300px;
perspective: 1300px
}
.fbx-effect-12 .fbx-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
-o-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
transform: translateZ(100px) translateX(-30%) rotateY(90deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transition: -webkit-transform .3s, opacity .3s;
-moz-transition: -moz-transform .3s, opacity .3s;
-ms-transition: -ms-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
opacity: 0
}
.fbx-animate.fbx-effect-12 .fbx-inner {
-webkit-transform: translateZ(0) translateX(0) rotateY(0);
-moz-transform: translateZ(0) translateX(0) rotateY(0);
-ms-transform: translateZ(0) translateX(0) rotateY(0);
-o-transform: translateZ(0) translateX(0) rotateY(0);
transform: translateZ(0) translateX(0) rotateY(0);
opacity: 1
}
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-social-toggle,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-social-toggle,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-social-toggle,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-social-toggle,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-social-toggle,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-social-toggle,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-social-toggle,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-11.fbx-full-buttons .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-12.fbx-full-buttons .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-5.fbx-full-buttons .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-6.fbx-full-buttons .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-7.fbx-full-buttons .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-8.fbx-full-buttons .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9 .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9 .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9 .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9 .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9 .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9.fbx-full-buttons .fbx-close,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9.fbx-full-buttons .fbx-next,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9.fbx-full-buttons .fbx-pause,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9.fbx-full-buttons .fbx-play,
.fbx-modal.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-effect-9.fbx-full-buttons .fbx-prev {
right: -45px
}
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-caption,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-11 .fbx-social,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-caption,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-12 .fbx-social,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-caption,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-5 .fbx-social,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-caption,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-6 .fbx-social,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-caption,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-7 .fbx-social,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-caption,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-8 .fbx-social,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-caption,
.fbx-modal.fbx-phone.fbx-landscape.fbx-effect-9 .fbx-social {
border-right: none
}
.fbx-social {
z-index: 100005;
position: absolute;
width: 100%;
left: 0;
display: none;
padding: 5px 0 0 5px;
box-sizing: border-box
}
.fbx-social-share .fbx-social {
display: block
}
.fbx-social-toggle {
display: none
}
.fbx-sticky-social .fbx-social {
position: fixed
}
.fbx-social.fbx-top {
top: 0;
text-align: center
}
.fbx-social.fbx-topleft {
top: 0;
text-align: left
}
.fbx-social.fbx-topright {
top: 0;
text-align: right
}
.fbx-social.fbx-bottom {
bottom: 0;
text-align: center
}
.fbx-social.fbx-bottomleft {
bottom: 0;
text-align: left
}
.fbx-social.fbx-bottomright {
bottom: 0;
text-align: right
}
.fbx-social.fbx-above {
top: -55px;
text-align: center
}
.fbx-social.fbx-aboveleft {
top: -55px;
text-align: left
}
.fbx-social.fbx-aboveright {
top: -55px;
text-align: right
}
.fbx-metro .fbx-social.fbx-above,
.fbx-metro .fbx-social.fbx-aboveleft,
.fbx-metro .fbx-social.fbx-aboveright {
top: -95px
}
.fbx-social.fbx-below {
bottom: -70px;
text-align: center
}
.fbx-social.fbx-belowleft {
bottom: -70px;
text-align: left
}
.fbx-social.fbx-belowright {
bottom: -70px;
right: 0;
text-align: right
}
.fbx-metro .fbx-social.fbx-below,
.fbx-metro .fbx-social.fbx-belowleft,
.fbx-metro .fbx-social.fbx-belowright {
bottom: -65px
}
.fbx-social a {
width: 32px;
height: 32px;
margin: 0 5px 5px 0;
opacity: .5;
display: inline-block;
line-height: 32px;
-webkit-transition-property: opacity, color, background-color, -webkit-transform, -webkit-box-shadow;
-moz-transition-property: opacity, color, background-color, -moz-transform, -moz-box-shadow;
-o-transition-property: opacity, color, background-color, -o-transform, -o-box-shadow;
transition-property: opacity, color, background-color, transform, box-shadow;
-webkit-transition-duration: .2s, .2s, .2s, .2s, .2s;
-moz-transition-duration: .2s, .2s, .2s, .2s, .2s;
-o-transition-duration: .2s, .2s, .2s, .2s, .2s;
transition-duration: .2s, .2s, .2s, .2s, .2s;
-webkit-transition-timing-function: ease-in, linear, linear, linear, linear;
-moz-transition-timing-function: ease-in, linear, linear, linear, linear;
-o-transition-timing-function: ease-in, linear, linear, linear, linear;
transition-timing-function: ease-in, linear, linear, linear, linear
}
.fbx-social.fbx-stacked {
display: inline-block;
width: auto;
padding: 5px
}
.fbx-social.fbx-stacked a {
display: block
}
.fbx-social.fbx-stacked.fbx-bottomright,
.fbx-social.fbx-stacked.fbx-topright {
left: auto;
right: 0
}
.fbx-social.fbx-stacked.fbx-bottomright a,
.fbx-social.fbx-stacked.fbx-topright a {
margin: 0 0 5px
}
.fbx-modal.fbx-phone .fbx-social a {
width: 48px;
height: 48px;
line-height: 48px;
font-size: 32px
}
.fbx-modal.fbx-social-share.fbx-phone .fbx-social-toggle {
display: block;
top: 0;
left: 0;
opacity: .5;
position: fixed;
border-radius: 0 0 25%;
-webkit-border-bottom-right-radius: 25%;
-moz-border-radius-bottomright: 25%;
text-decoration: none;
cursor: pointer;
width: 28px;
height: 28px;
line-height: 28px;
border: 3px solid transparent;
z-index: 100006
}
.fbx-modal.fbx-social-share.fbx-phone .fbx-social-toggle:hover {
opacity: 1
}
.fbx-modal.fbx-phone .fbx-social {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.fbx-modal.fbx-phone .fbx-social a {
float: left;
margin: 10px;
opacity: 1
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-social {
padding: 50px 10px 0
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-social {
padding: 10px;
border-right-width: 46px;
border-right-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fbx-flat.fbx-modal.fbx-phone.fbx-landscape .fbx-social {
border-color: transparent
}
.fbx-modal.fbx-phone.fbx-portrait .fbx-social-toggle {
opacity: 1;
margin: 0;
border: 0;
top: 0;
bottom: auto;
width: auto;
height: 40px;
border-radius: 0;
line-height: 40px
}
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait .fbx-social-toggle {
left: 0;
right: 75%
}
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-social-toggle {
left: 0;
right: 50%
}
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait .fbx-close,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-sticky-buttons .fbx-close,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 75%;
right: 0
}
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons .fbx-close,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 50%;
right: 0
}
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait .fbx-prev,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-sticky-buttons .fbx-prev,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
left: 25%;
right: 50%
}
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait .fbx-next,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-sticky-buttons .fbx-next,
.fbx-modal.fbx-social-share.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
left: 50%;
right: 25%
}
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait .fbx-social-toggle {
left: 0;
right: 80%
}
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-social-toggle {
left: 0;
right: 50%
}
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait .fbx-close {
left: 80%;
right: 0
}
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close,
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons .fbx-close,
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close {
left: 50%;
right: 0
}
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait .fbx-pause,
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait .fbx-play {
left: 40%;
right: 40%
}
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait .fbx-prev,
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev {
left: 20%;
right: 60%
}
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait .fbx-next,
.fbx-modal.fbx-social-share.fbx-slideshow.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next {
left: 60%;
right: 20%
}
.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle {
top: 154px;
bottom: auto;
left: auto;
right: 1px;
width: 44px;
height: 44px;
line-height: 44px;
border: none;
opacity: 1;
margin: 0;
border-radius: 0
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape .fbx-social-toggle {
top: 200px
}
.fbx-modal.fbx-slideshow.fbx-phone.fbx-landscape.fbx-no-buttons .fbx-social-toggle {
top: 62px
}
.fbx-social a {
text-decoration: none;
border-radius: 3px;
border: 1px solid #777;
border-color: rgba(0, 0, 0, .2);
border-bottom-color: #333;
border-bottom-color: rgba(0, 0, 0, .4);
font-size: 24px;
-moz-box-shadow: 0 0 12px #000;
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 12px #000;
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
box-shadow: 0 0 12px #000;
box-shadow: 0 0 12px rgba(0, 0, 0, .8)
}
.fbx-social:hover a {
opacity: 1
}
.fbx-social a:hover {
text-decoration: none;
-moz-box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
box-shadow: 0 0 6px #000;
box-shadow: 0 0 6px rgba(0, 0, 0, .8);
transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1)
}
.fbx-social a:before,
.fbx-social a:hover:before {
color: #fff!important
}
.fbx-social .fbx-facebook {
background-color: #4863ae
}
.fbx-social .fbx-google-plus {
background-color: #dd4b39
}
.fbx-social .fbx-twitter {
background-color: #46c0fb
}
.fbx-social .fbx-pinterest {
background-color: #c91618
}
.fbx-social .fbx-linkedin {
background-color: #0083a8
}
.fbx-social .fbx-buffer {
background-color: #000
}
.fbx-social .fbx-download {
background-color: #FFF
}
.fbx-social a.fbx-download:before,
.fbx-social a.fbx-download:hover:before {
color: #000!important
}
.fbx-social .fbx-email {
background-color: #888
}
.fbx-social .fbx-digg {
background-color: #164673
}
.fbx-social .fbx-reddit {
background-color: #FFF;
color: red!important
}
.fbx-social a.fbx-reddit:before,
.fbx-social a.fbx-reddit:hover:before {
color: red!important
}
.fbx-social .fbx-tumblr {
background-color: #374a61
}
.fbx-social .fbx-stumble-upon {
background-color: #eb4924
}
.fbx-social .fbx-myspace {
background-color: #000
}
.fbx-pannable {
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab
}
.fbx-pannable.fbx-panning {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
cursor: grabbing
}
.fbx-pannable>div>img.fbx-item {
max-width: none;
max-height: none
}
.fbx-pan-overview {
cursor: pointer;
max-width: 150px;
max-height: 150px;
overflow: hidden;
background-position: top left;
background-size: cover;
position: absolute;
z-index: 100006;
border: 2px solid #666;
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .8);
box-shadow: 0 0 12px rgba(0, 0, 0, .8)
}
.fbx-pan-overview.fbx-top-left {
top: 20px;
left: 20px
}
.fbx-pan-overview.fbx-top-right {
top: 20px;
right: 32px
}
.fbx-pan-overview.fbx-bottom-left {
bottom: 32px;
left: 20px
}
.fbx-pan-overview.fbx-bottom-right {
bottom: 32px;
right: 32px
}
.fbx-pan-viewport {
position: absolute;
top: 0;
left: 0;
box-shadow: 0 0 300px 300px rgba(0, 0, 0, .7)
}