@charset "UTF-8";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-transform-origin:left bottom;
-transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-transform-origin:left bottom;
-transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
body {
-webkit-font-smoothing: antialiased
}
body.hyphenated {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: 700
}
h1.headings-caps, h2.headings-caps, h3.headings-caps, h4.headings-caps, h5.headings-caps, h6.headings-caps {
text-transform: uppercase
}
h1 {
font-size: 36px;
line-height: 48px
}
h1 small {
font-size: 24px
}
h2 {
font-size: 24px;
line-height: 24px
}
h2 small {
font-size: 18px
}
h3 {
font-size: 18px;
line-height: 24px
}
h3 small {
font-size: 16px;
font-weight: light
}
h4, h5, h6 {
line-height: 24px
}
h4 {
font-size: 16px
}
h4 small, h5 {
font-size: 13px
}
h6 {
font-size: 11px;
text-transform: uppercase;
margin: 0
}
a {
text-decoration: none;
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
a:hover {
text-decoration: none
}
a:active, a:focus {
outline: 0;
text-decoration: none
}
small {
font-size: 14px;
line-height: inherit
}
.lead {
font-size: 24px;
line-height: 36px
}
.condensed {
max-width: 80%;
margin-left: auto;
margin-right: auto
}
figure {
margin: 0 0 24px
}
abbr, acronym, code, dir, kbd, listing, plaintext, pre, q, samp, tt, var, xmp {
font-size: 14px;
word-break: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
border: 0
}
pre {
text-shadow: none
}
.black {
font-weight: bolder
}
.bold {
font-weight: 700
}
.regular {
font-weight: 400
}
.hairline, .light {
font-weight: lighter
}
.big {
font-size: 36px;
line-height: 48px
}
.bigger {
font-size: 48px;
line-height: 1.2
}
.super {
font-size: 60px;
line-height: 1.2;
margin-bottom: 0
}
.super small {
font-size: .35em
}
.hyper {
font-size: 96px;
line-height: 1.2
}
.hyper small {
font-size: .35em
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
.text-caps {
text-transform: uppercase!important
}
.text-italic {
font-style: italic
}
.text-lowercase {
text-transform: lowercase!important
}
.text-none {
text-transform: none!important
}
@media (max-width:992px) {
.small-screen-center {
text-align: center!important
}
.small-screen-left {
text-align: left!important
}
.small-screen-right {
text-align: right!important
}
}
@media (max-width:767px) {
h1 {
font-size: 24px;
line-height: 36px
}
h1 small {
font-size: 16px
}
h2 {
font-size: 21px;
line-height: 36px
}
h2 small {
font-size: 14px
}
h3 {
font-size: 18px;
line-height: 24px
}
h3 small {
font-size: 14px
}
.big {
font-size: 24px;
line-height: 1.2em
}
.bigger {
font-size: 36px;
line-height: 1.2em
}
.super {
font-size: 48px
}
.super small {
margin-top: 12px;
display: block
}
.hyper {
font-size: 72px;
line-height: 1.2em
}
.condensed {
max-width: 100%
}
.lead {
font-size: 18px;
line-height: 27px;
font-weight: 400
}
}
@media (max-width:480px) {
.big {
font-size: 24px;
line-height: 1
}
.bigger {
font-size: 32px;
line-height: 1.2em
}
.super {
font-size: 36px;
line-height: 1.2em
}
.hyper {
font-size: 48px;
line-height: 1.2em
}
}
@media (max-width:320px) {
body {
font-size: 14px
}
h1 {
font-size: 21px;
line-height: 24px
}
h1 small {
font-size: 14px
}
h2 {
font-size: 18px;
line-height: 24px
}
h2 small {
font-size: 12px
}
h3 {
font-size: 16px
}
h3 small {
font-size: 11px
}
}
.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
font-weight: light;
-webkit-font-smoothing: antialiased
}
.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
outline: 0
}
.form-icon-group {
position: relative
}
.form-icon-group input, .form-icon-group textarea {
text-indent: 16px
}
.form-icon-group i {
font-size: 11px;
display: inline-block;
position: absolute;
left: 10px;
top: 13px
}
.form-control:focus {
outline: 0
}
.select-wrap {
position: relative;
width: 100%;
vertical-align: middle;
overflow: hidden
}
.select-wrap select {
background: transparent!important;
position: relative;
z-index: 1;
border-radius: 0;
padding-right: 24px;
padding-left: 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: .01px;
text-overflow: '';
line-height: 36px;
width: 100%
}
.select-wrap select::-ms-expand {
display:none
}
.select-wrap:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 0;
width: 36px;
top: 0;
line-height: 36px;
text-align: center;
z-index: 0
}
.ie9 select {
border-width: 1px
}
input[type=button], input[type=submit] {
-webkit-font-smoothing: antialiased;
border: 0;
padding: 6px 12px
}
input[type=button]:focus, input[type=submit]:focus {
outline: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none
}
input[type=number] {
-moz-appearance: textfield
}
#content {
overflow: hidden;
-moz-transition: -moz-filter 1s ease;
-o-transition: -o-filter 1s ease;
-webkit-transition: -webkit-filter 1s ease;
transition: filter 1s ease;
-webkit-filter: none;
-moz-filter: none;
filter: none
}
#content.blur {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px)
}
.container, .container-fullwidth {
position: relative;
z-index: 3
}
.section {
position: relative;
overflow: hidden
}
.background-media, .background-overlay {
position: absolute;
width: 100%;
left: 0;
top: 0;
bottom: 0
}
.background-media {
background-position: 0 0;
background-repeat: no-repeat;
z-index: 1;
overflow: hidden
}
.section-fullheight {
min-height: 100vh
}
.section-fullheight .container, .section-fullheight .container-fullwidth {
min-height: 100vh!important
}
.section-fullheight .row, .section-fullheight [class*=col-md] {
position: static!important
}
.background-overlay {
z-index: 2
}
.section .section .container {
width: auto
}
[class*=oxy-agent-] .background-media {
background-attachment: scroll!important
}
.section-transparent {
background: none!important
}
.element-tall-top {
margin-top: 36px!important
}
.element-tall-bottom {
margin-bottom: 96px!important
}
.element-normal-top {
margin-top: 72px!important
}
.element-normal-bottom {
margin-bottom: 72px!important
}
.element-medium-top {
margin-top: 48px!important
}
.element-medium-bottom {
margin-bottom: 48px!important
}
.element-short-top {
margin-top: 24px!important
}
.element-short-bottom {
margin-bottom: 24px!important
}
.element-no-top {
margin-top: 0!important
}
.element-no-bottom {
margin-bottom: 0!important
}
@media (min-width:993px) {
.vertical-bottom, .vertical-middle {
display: table
}
.vertical-bottom>*, .vertical-middle>* {
display: table-cell;
float: none
}
.vertical-middle>* {
vertical-align: middle
}
.vertical-bottom>* {
vertical-align: bottom
}
}
@media (max-width:992px) {
#content.blur {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
filter: blur(0px)
}
}
@media (max-width:767px) {
.section .section .container {
padding: 0;
width: auto
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-right: 0;
margin-left: 0
}
}
#masthead .navbar-brand {
padding: 0;
line-height: 90px;
height: 90px
}
#masthead .navbar-brand img {
left: 0;
vertical-align: middle;
max-height: 100%
}
#masthead .nav>li>a {
padding-top: 33px;
padding-bottom: 33px
}
#masthead .nav>li>a:before {
margin-bottom: -18.5px
}
#masthead .nav>li.active>a:before, #masthead .nav>li.current-menu-ancestor>a:before, #masthead .nav>li.current-menu-parent>a:before, #masthead .nav>li.current-page-ancestor>a:before, #masthead .nav>li.current-page-parent>a:before, #masthead .nav>li>a:hover:before {
opacity: 1;
margin-bottom: -16.5px
}
#masthead .navbar-text {
line-height: 24px;
margin-top: 33px;
margin-bottom: 33px
}
#masthead.navbar {
min-height: 90px
}
#masthead.navbar-scrolled {
min-height: 90px
}
/*to make nav animate on scroll add in 70px to min-height, ling-height and height. Add padding of 23px to padding and margin*/
#masthead.navbar-scrolled .navbar-brand {
line-height: 90px;
height: 90px
}
#masthead.navbar-scrolled .navbar-nav>li>a {
padding-top: px;
padding-bottom: px
}
#masthead.navbar-scrolled .navbar-text {
margin-top: px;
margin-bottom: px
}
.navbar-toggle {
margin-top: 28px;
margin-bottom: 28px
}
.navbar-scrolled .navbar-toggle {
margin-top: 18px;
margin-bottom: 18px
}
#masthead .dropdown-menu {
min-width: 220px
}
#masthead .search-close {
top: 0;
height: 90px;
width: 90px
}
#masthead .menu-sidebar .form-control {
height: 90px
}
#masthead.navbar-scrolled .menu-sidebar .search-close {
top: 0;
height: 70px;
width: 70px
}
#masthead.navbar-scrolled .menu-sidebar .form-control {
height: 70px
}
#masthead .navbar-brand {
font-weight: 700;
font-size: 24px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
position: relative;
text-shadow: none;
-webkit-transition: height .4s, width .4s, line-height .4s;
-moz-transition: height .4s, width .4s, line-height .4s;
-o-transition: height .4s, width .4s, line-height .4s;
transition: height .4s, width .4s, line-height .4s;
white-space: nowrap;
-webkit-backface-visibility: hidden
}
#masthead .navbar-brand img {
position: relative;
top: -12px;
margin-right: 4px
}
#masthead .navbar-brand.text-image {
margin-right: 4px
}
.navbar-nav {
margin-left: 20PX;
margin-right: 0;
}
#masthead .navbar-text {
float: none;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
#masthead {
-webkit-transition: -webkit-box-shadow .5s, opacity .3s, min-height .4s;
-moz-transition: -moz-box-shadow .5s, opacity .3s, min-height .4s;
-o-transition: -o-box-shadow .5s, opacity .3s, min-height .4s;
transition: box-shadow .5s, opacity .3s, min-height .4s;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
margin-bottom: 0;
width: 100%;
top: 0;
left: 0;
border: 0;
-webkit-backface-visibility: hidden
}
#masthead .container {
position: relative
}
#masthead .container-fullwidth {
padding-left: 15px;
padding-right: 15px
}
#masthead .nav>li>a {
text-shadow: none;
font-style: normal;
position: relative;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
font-weight:900;
text-transform:uppercase;
}
#masthead .nav>li>a:before {
opacity: 0;
content: "";
position: absolute;
left: 20px;
right: 20px;
height: 1px;
bottom: 50%;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
#masthead .nav>li>a:focus {
outline: 0
}
#masthead .nav>.active>a, #masthead .nav>.active>a:focus, #masthead .nav>.active>a:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent
}
#masthead .nav .open>a, #masthead .nav .open>a:focus, #masthead .nav .open>a:hover, #masthead .nav li.dropdown.active>.dropdown-toggle, #masthead .nav li.dropdown.open.active>.dropdown-toggle, #masthead .nav li.dropdown.open>.dropdown-toggle {
background-color: transparent
}
#masthead .dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
text-shadow: none;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
border: 0
}
#masthead .dropdown-menu>li>a {
font-size: 14px;
padding-top: 8px;
padding-bottom: 8px;
-webkit-transition: background .1s;
-moz-transition: background .1s;
-o-transition: background .1s;
transition: background .1s
}
#masthead .dropdown-menu>li>a:focus {
outline: 0
}
#masthead .dropdown-menu .dropdown-menu {
margin-top: 0
}
#masthead .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu, #masthead .navbar .pull-right>li>.dropdown-menu .dropdown-menu {
left: 100%;
right: auto
}
#masthead.no-underline .nav>li>a:before {
display: none
}
#masthead .dropdown-menu .divider {
margin: 0
}
#masthead .nav-highlight-ghost>a:before, #masthead .nav-highlight>a:before {
display: none
}
#masthead .nav-highlight-ghost>a:after, #masthead .nav-highlight>a:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 36px;
top: 50%;
margin-top: -18px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
z-index: -1;
border-radius: 6px
}
.menu-icon {
font-size: .8em;
width: 1em;
margin-right: 3px;
-webkit-transition: background .1s;
-moz-transition: background .1s;
-o-transition: background .1s;
transition: background .1s
}
#masthead .menu-label {
float: right;
position: relative;
top: 4px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
#masthead .nav>li>a>.menu-label {
margin-left: 16px
}
#masthead.navbar-stuck {
position: fixed;
z-index: 1100
}
#masthead .dropdown-submenu {
position: relative
}
#masthead .dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%
}
#masthead .dropdown-submenu:hover>.dropdown-menu {
display: block
}
#masthead .dropdown-submenu>a:after {
display: block;
content: "\f105";
float: right;
margin-right: -6px;
font-family: FontAwesome
}
#masthead .navbar-collapse {
padding-left: 0;
padding-right: 0
}
.navbar-toggle {
width: 44px;
height: 34px;
background: 0 0;
box-shadow: none;
border: 0;
margin-right: 0;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.navbar-toggle .icon-bar {
position: absolute;
left: 50%;
margin-left: -11px;
margin-top: 0!important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all .1s;
-moz-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-transform-origin: 50% 50% 50%;
-moz-transform-origin: 50% 50% 50%;
-ms-transform-origin: 50% 50% 50%;
-o-transform-origin: 50% 50% 50%;
transform-origin: 50% 50% 50%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.navbar-toggle .icon-bar:nth-child(1) {
top: 10px
}
.navbar-toggle .icon-bar:nth-child(2) {
opacity: 1;
top: 50%
}
.navbar-toggle .icon-bar:nth-child(3) {
top: 24px
}
.navbar-toggle:not(.collapsed) .icon-bar {
top: 50%
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
opacity: 0
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.top-bar {
line-height: 36px;
position: relative;
-webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1) inset;
-moz-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1) inset;
box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1) inset
}
.top-bar .container {
position: static
}
.top-bar .top {
float: left;
width: 50%;
text-align: left
}
.top-bar .top-right {
float: right;
text-align: right
}
.top-bar .navbar-text {
margin: 0!important
}
.top-bar .top-right .navbar-text {
float: right
}
.top-bar.has-shopping-cart {
z-index: 1001
}
.top-bar .top-bar .top {
float: none;
width: 100%;
text-align: center
}
.top-bar .menu-sidebar {
display: none
}
.no-header {
padding-top: 0
}
.no-header #masthead, .no-header .top-bar, .transparent-header .top-bar {
display: none
}
.transparent-header #masthead {
position: absolute;
top: 0;
left: 0;
background: 0 0;
border: 0!important;
box-shadow: none
}
.transparent-header #masthead.navbar-sticky {
position: fixed
}
@media (max-width:992px) {
#masthead.navbar .navbar-nav>li>a {
padding-top: 8px!important;
padding-bottom: 8px!important
}
#masthead .navbar {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.nav>li>a:before {
display: none
}
.nav>.active>a, .navbar .nav>.active>a:focus, .navbar .nav>.active>a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.nav-collapse .dropdown-menu a, .nav-collapse .nav>li>a {
padding: 9px 15px!important
}
#masthead .dropdown-menu {
margin: 0;
width: 100%
}
#masthead .dropdown-menu>li>a {
padding-left: 15px
}
#masthead .dropdown-submenu>a:after {
content: "\f107"
}
#masthead.navbar-sticky .navbar-collapse {
max-height: 340px
}
}
@media (max-width:768px) {
.top-bar .top-left, .top-bar .top-right {
width: 100%;
float: none;
text-align: center
}
}
.layout-boxed #content, .layout-boxed #masthead, .layout-boxed .top-bar {
max-width: 1200px;
margin: 0 auto;
right: 0
}
.layout-boxed .container {
max-width: 100%
}
@media (max-width:1200px) {
.layout-boxed #content, .layout-boxed #masthead, .layout-boxed .top-bar {
max-width: 1000px
}
.layout-boxed #masthead.navbar-scrolled.navbar-animated {
margin-left: -500px
}
}
@media (max-width:991px) {
.layout-boxed #content, .layout-boxed #masthead, .layout-boxed .top-bar {
max-width: 780px
}
.layout-boxed #masthead.navbar-scrolled.navbar-animated {
margin-left: -390px
}
}
@media (max-width:767px) {
.layout-boxed #masthead.navbar-scrolled.navbar-animated {
left: 0;
margin-left: 0
}
}
.lead {
font-weight: 400
}
.btn, button {
outline: 0;
border: 0;
box-shadow: none;
text-shadow: none!important;
font-weight: 400;
-webkit-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
-webkit-font-smoothing: antialiased
}
.btn:focus, button:focus {
outline: 0
}
.btn:after, button:after {
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear
}
.btn i, button i {
font-size: 14px
}
.btn-lg {
padding: 11px 24px
}
.btn-lg i {
font-size: 16px
}
.btn-custom:hover {
opacity: .9
}
[class*=btn-icon] {
position: relative
}
[class*=btn-icon] span {
width: 36px;
position: absolute;
top: 0;
bottom: 0;
text-align: center;
line-height: 36px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
[class*=btn-icon] i {
position: relative
}
[class*=btn-icon].btn-lg span {
width: 48px;
line-height: 48px
}
[class*=btn-icon].btn-sm span {
width: 31px;
line-height: 31px
}
[class*=btn-icon].btn-sm span i {
font-size: 12px
}
.btn-icon-left {
padding-left: 48px;
padding-right: 12px
}
.btn-icon-left span {
left: 0
}
.btn-icon-left.btn-sm {
padding-left: 41px;
padding-right: 10px
}
.btn-icon-left.btn-lg {
padding-right: 24px;
padding-left: 72px
}
.btn-icon-right {
padding-left: 12px;
padding-right: 48px
}
.btn-icon-right span {
right: 0
}
.btn-icon-right.btn-sm {
padding-left: 10px;
padding-right: 41px
}
.btn-icon-right.btn-lg {
padding-left: 24px;
padding-right: 72px
}
.btn-icon-simple span {
background: none!important
}
.btn-group .btn {
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.btn-group .dropdown-menu {
margin: 0;
border: 0;
padding: 0
}
.btn-group .dropdown-menu a {
padding: 6px 20px;
cursor: pointer
}
.btn-group b {
font-weight: 400
}
.btn-group .btn-sm+.dropdown-menu a {
font-size: 13px
}
@media (max-width:767px) {
.btn-group .dropdown-menu {
min-width: 100%
}
}
.form-control {
border: 0;
height: 36px;
box-shadow: none
}
.jumbotron {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.jumbotron h1 {
line-height: 1
}
.tooltip-inner {
border-radius: 0;
font-weight: 400!important
}
.thumbnail {
border: 0;
padding: 0;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
blockquote {
border: 0;
position: relative;
padding-top: 0;
padding-bottom: 0
}
blockquote:before {
content: "";
position: absolute;
width: 3px;
left: 0;
top: 0;
bottom: 0
}
.text-right blockquote:before, blockquote.text-right:before {
left: auto;
right: 0
}
.text-center blockquote:before, blockquote.text-center:before {
display: none
}
blockquote p {
font-size: 24px;
line-height: 36px
}
blockquote footer {
font-weight: 700
}
blockquote cite {
font-weight: 400
}
blockquote cite:before {
content: ", "
}
blockquote img {
display: inline-block!important;
margin: 0 0 12px!important
}
blockquote .box {
display: inline-block!important
}
.breadcrumb {
padding: 6px 15px
}
ul.inline {
margin-left: 0;
padding-left: 0;
list-style-type: none
}
ul.inline li {
display: inline-block;
padding: 0 5px
}
.well {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.panel-group {
border: 0;
margin-bottom: 12px
}
.panel {
border: 0;
box-shadow: none
}
.panel p:last-child {
margin-bottom: 0
}
.panel-group .panel+.panel {
margin-top: 1px
}
.panel-heading {
font-size: 16px;
position: relative;
border: 0;
font-weight: 700
}
.panel-heading .accordion-toggle:after {
position: absolute;
display: block;
font-family: FontAwesome;
content: "\f106";
font-size: 14px;
right: 0;
top: 0;
width: 40px;
height: 44px;
line-height: 44px;
text-align: center
}
.panel-heading .accordion-toggle.collapsed:after {
content: "\f107"
}
.panel-title {
margin-bottom: 0!important
}
.panel th {
font-weight: 400
}
.pagination {
margin: 24px 0
}
.pagination>li span, .pagination>li>a {
padding: 6px 14px;
border: 0;
font-weight: 400
}
.pager li>a, .pager li>span {
display: inline-block;
padding: 6px 14px;
line-height: 24px;
border-radius: 0;
border: 0;
box-shadow: none
}
.pager li:first-child i {
margin-right: 6px
}
.pager li:last-child i {
margin-left: 6px
}
.affix-bottom {
position: absolute;
bottom: 20px;
margin-bottom: 20px
}
.nav-tabs {
margin-bottom: 0;
border: 0
}
.nav-tabs>li {
margin-bottom: 0
}
.nav-tabs>li>a {
border-radius: 0!important;
border-width: 0;
font-weight: 700;
-webkit-transition: background .2s;
-moz-transition: background .2s;
-o-transition: background .2s;
transition: background .2s
}
.nav-tabs>li>a:hover {
border-width: 0;
text-shadow: none!important
}
.nav-tabs>li.active>a {
text-shadow: none!important;
border-width: 0
}
.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border-width: 0
}
.tab-content {
padding: 12px;
text-shadow: none!important
}
.tab-content a {
text-decoration: underline
}
.tab-content .btn {
text-decoration: none
}
.tab-content p:last-child, .tab-pane>:last-child {
margin-bottom: 0
}
.tabs-below .tab-content {
border-top: 0;
border-bottom: 0
}
.tabs-left>.nav-tabs {
margin-right: 0;
border-right: 0
}
.tabs-left>.nav-tabs>li.active>a {
border: 0;
margin-right: 0
}
.tabs-left>.nav-tabs>li>a {
border: 0
}
.tabs-left>.nav-tabs>li>a:hover {
border: 0;
margin-right: 0
}
.tabs-left .tab-content {
border-top: 0
}
.tabs-right>.nav-tabs {
margin-left: 0;
border-left: 0
}
.tabs-right>.nav-tabs>li.active>a, .tabs-right>.nav-tabs>li>a:hover {
border: 0;
margin-left: 0
}
.tabs-right .tab-content {
border-top: 0
}
.nav-pills>li>a {
border-radius: 0;
-webkit-transition: background .2s;
-moz-transition: background .2s;
-o-transition: background .2s;
transition: background .2s
}
.tab-pills .tab-content {
border-top: 0
}
.carousel-control.left span, .carousel-control.right span {
display: block;
position: absolute;
top: 50%
}
.carousel-control.left span {
left: 30%
}
.carousel-control.right span {
right: 30%
}
.carousel-indicators {
bottom: 0
}
.carousel-indicators li, .carousel-indicators li.active {
width: 12px;
height: 12px;
border-width: 3px;
border-radius: 50%;
margin: 0 4px
}
.progress {
box-shadow: none
}
.alert {
text-shadow: none;
border: 0
}
.badge {
font-size: 12px;
min-width: 24px;
line-height: 12px;
padding: 6px;
border-radius: 50%
}
.fa-li {
line-height: inherit!important
}
.lead.fa-ul {
margin-left: 36px
}
.lead .fa-li {
font-size: .7em
}
.docs-heading {
padding-top: 100px
}
.docs-sidebar-nav {
max-width: 240px;
margin-top: 12px
}
.docs-sidebar-nav li {
line-height: 24px;
margin-bottom: 1px
}
.docs-sidebar-nav li a {
text-align: right;
padding: 6px 16px;
text-transform: uppercase;
text-shadow: none
}
.affix {
position: fixed;
width: 17%;
top: 90px
}
@media (max-width:992px) {
.docs-sidebar-nav.affix, .docs-sidebar-nav.affix-bottom {
width: 17%
}
}
@media (min-width:768px) and (max-width:992px) {
.docs-sidebar-nav.affix, .docs-sidebar-nav.affix-bottom {
width: 17.75%
}
}
@media (max-width:767px) {
.affix {
top: 0
}
.docs-sidebar-nav, .docs-sidebar-nav.affix, .docs-sidebar-nav.affix-bottom, .docs-sidebar-nav.affix-top {
position: relative;
width: 100%;
max-width: inherit;
margin-top: 0;
margin-bottom: 24px;
padding: 0;
border-bottom: 0
}
.docs-sidebar-nav li, .docs-sidebar-nav.affix li, .docs-sidebar-nav.affix-bottom li, .docs-sidebar-nav.affix-top li {
line-height: 24px;
margin-bottom: 1px
}
.docs-sidebar-nav li a, .docs-sidebar-nav.affix li a, .docs-sidebar-nav.affix-bottom li a, .docs-sidebar-nav.affix-top li a {
border-right: 0;
text-align: center;
padding-right: 0
}
}
.box-rect, .box-round, .box-square {
display: block;
text-align: center;
margin: 0 auto 24px;
position: relative;
z-index: 100;
width: 168px;
max-width: 100%
}
.box-dummy {
padding-top: 100%;
-webkit-backface-visibility: hidden
}
.box-dummy:after {
content: "";
display: block;
height: 1px
}
.box-rect .box-dummy {
padding-top: 75%
}
.box-inner {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.box-inner i {
font-size: 48px;
color: #fff;
line-height: 1em;
display: block;
position: absolute;
width: 1em;
height: 1em;
top: 50%;
left: 50%;
margin-top: -.5em;
margin-left: -.5em
}
.box-inner img {
max-width: 100%
}
.box-round .box-inner, .box-round .box-inner img {
border-radius: 50%
}
.box-animate {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 100%
}
.box-mini {
width: 48px
}
.box-mini i {
font-size: 16px
}
.box-small {
width: 78px
}
.box-small i {
font-size: 24px
}
.box-medium {
width: 100px
}
.box-medium i {
font-size: 36px
}
.box-big {
width: 200px
}
.box-big i {
font-size: 60px
}
.box-huge {
width: 250px
}
.box-huge i {
font-size: 72px
}
ul.social-icons {
margin-bottom: 0;
padding-bottom: 12px;
position: relative;
z-index: 1;
list-style-type: none;
padding-left: 0
}
ul.social-icons li {
display: inline-block;
text-align: center;
padding-left: 0;
line-height: 36px;
margin-bottom: 12px
}
ul.social-icons li a {
display: inline-block;
font-size: 16px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
vertical-align: top
}
ul.social-icons.social-lg li {
padding-right: 10px
}
ul.social-icons.social-lg a {
font-size: 24px;
width: 48px;
height: 48px;
line-height: 48px
}
ul.social-icons.social-simple i {
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
ul.social-icons.social-simple a {
width: 1.4em;
background: none!important
}
ul.social-icons.social-rect li a {
border-radius: 0
}
.text-right ul.social-icons li {
padding-right: 0;
padding-left: 5px
}
.text-right ul.social-icons.social-lg li {
padding-left: 10px
}
@media (max-width:767px) {
.social-icons li a {
font-size: 24px;
width: 48px;
height: 48px;
line-height: 48px
}
}
.icons-ul {
padding-left: 0
}
.features-list {
list-style-type: none;
padding: 0;
margin-bottom: 24px;
position: relative
}
.features-list li {
position: relative;
padding-bottom: 12px;
padding-left: 88px
}
.features-list .features-list-icon {
display: block;
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 72px;
margin-right: 16px;
text-align: center;
border-radius: 50%;
z-index: 1
}
.features-list .features-list-icon i {
line-height: 72px;
font-size: 24px
}
.features-list .features-list-icon svg {
height: 72px;
width: 72px;
stroke-width: 2px
}
.features-list .features-list-icon-inner {
border-radius: 50%
}
.features-list.features-connected li .features-connected-line {
position: absolute;
content: "";
top: 1%;
height: 150%;
left: 36px;
border-left: 1px dashed;
z-index: 0
}
.features-list.features-connected li:last-child .features-connected-line {
display: none
}
.tag-list {
margin: 0 0 24px;
padding: 0;
list-style-type: none
}
.tag-list span {
display: inline-block;
text-align: center;
padding: 6px 12px;
margin-bottom: 12px
}
.tag-list.tag-list-lg span {
padding: 11px 16px;
font-size: 20px;
line-height: 1.33333em
}
.tag-list.tag-list-sm span {
padding: 5px 10px;
font-size: 14px;
line-height: 21px
}
.tag-list.tag-list-inline li {
display: inline-block
}
.pricing-col {
text-align: center;
padding-bottom: 24px;
margin-bottom: 24px
}
.pricing-head {
font-size: 18px;
line-height: 1em;
margin-bottom: 0;
padding: 12px
}
.pricing-body {
padding-bottom: 24px
}
.pricing-body .btn {
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.pricing-body .btn:hover {
opacity: .95
}
.pricing-price h4 {
font-size: 60px;
font-weight: 700;
padding: 24px;
line-height: 1em;
position: relative;
box-shadow: 0 1px 1px rgba(0,0,0,.15) inset, 0 -1px 1px rgba(0,0,0,.15) inset
}
.pricing-price h4 small {
display: inline-block;
font-size: 16px;
font-weight: 700;
text-indent: 0
}
.pricing-list {
list-style-type: none;
margin: 0 0 24px;
padding-left: 0;
text-align: center
}
.pricing-list li {
padding: 12px;
border-bottom: 1px solid
}
.pricing-featured {
position: relative;
padding-bottom: 32px;
top: -16px
}
.pricing-featured .pricing-head {
padding: 24px
}
@media (max-width:767px) {
.pricing-featured {
top: 0
}
}
.blockquote-list {
padding: 0;
position: relative;
margin-left: 72px
}
.blockquote-list:before {
display: none
}
.blockquote-list p {
font-size: 16px;
line-height: 24px;
padding: 0 16px;
margin-bottom: 0
}
.blockquote-list .box {
width: 72px;
position: absolute;
left: -72px;
top: 0
}
.blockquote-list footer {
padding: 6px 16px 24px;
font-weight: 400
}
.blockquote-list.blockquote-list-noimage {
margin-left: 0
}
.blockquote-list.blockquote-list-noimage footer, .blockquote-list.blockquote-list-noimage p {
padding: 0
}
@media (max-width:992px) {
.blockquote-list {
margin-left: 0
}
.blockquote-list p {
padding: 0 16px
}
.blockquote-list .box {
position: relative;
left: 0;
margin: 0 auto 12px;
display: block!important
}
.blockquote-list footer {
text-align: center
}
.blockquote-list footer:before {
content: ""
}
.blockquote-list.blockquote-list-noimage footer {
text-align: left
}
}
.go-top {
position: fixed!important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
font-size: 16px;
width: 2em;
height: 2em;
text-align: center;
bottom: -44px;
opacity: 0;
right: 12px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
z-index: 100
}
.go-top i {
line-height: 32px
}
.go-top.go-top-circle {
border-radius: 50%
}
@media (max-width:992px) {
.go-top {
display: none!important
}
}
.scroll-to {
display: inline-block;
width: 60px;
height: 60px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
border: 2px solid;
border-radius: 50%;
position: relative;
z-index: 10
}
.scroll-to svg {
stroke-width: 4px
}
.scroll-to.place-bottom {
position: absolute;
bottom: 24px;
left: 50%;
margin-left: -30px
}
.mejs-audio {
height: 36px!important
}
.mejs-audio .mejs-controls {
background: none!important;
height: 32px!important
}
.mejs-controls .mejs-button button:focus {
outline: 0!important
}
.divider-wrapper {
-webkit-transition: height, .2s;
-moz-transition: height, .2s;
-o-transition: height, .2s;
transition: height, .2s
}
.bullet-nav ul {
list-style-type: none;
padding: 0;
margin: 0;
position: fixed;
right: 24px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1100
}
.bullet-nav li {
height: 12px;
width: 12px;
margin-bottom: 24px;
text-align: center;
position: relative
}
.bullet-nav li a {
display: inline-block;
height: 9px;
width: 9px;
border-radius: 50%;
background: #000;
-webkit-transition: width .2s, height .2s, box-shadow .4;
-moz-transition: width .2s, height .2s, box-shadow .4;
-o-transition: width .2s, height .2s, box-shadow .4;
transition: width .2s, height .2s, box-shadow .4;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-indent: -9000px;
box-shadow: 0 0 0 2px rgba(255,255,255,.4)
}
.bullet-nav li a.active {
width: 12px;
height: 12px;
background: #fff;
box-shadow: 0 0 0 2px rgba(0,0,0,.2)
}
.bullet-nav li:last-child {
margin-bottom: 0
}
.bullet-nav .tooltip {
width: 200px;
text-align: center
}
.bullet-nav .tooltip-inner {
padding: 12px
}
@media (max-width:767px) {
.bullet-nav {
display: none!important
}
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1101;
overflow: hidden;
position: fixed;
background: #fff;
opacity: .9;
filter: alpha(opacity=80)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1102;
position: fixed;
outline: 0!important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
display: none
}
button.mfp-arrow, button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
padding: 0;
z-index: 1046
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
width: 36px;
height: 36px;
line-height: 36px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 1;
padding: 0 0 18px 10px;
color: #222;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:focus, .mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #222
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
font-size: 16px;
text-align: center;
right: 0;
top: 40px;
position: absolute;
display: block;
padding: 0;
font-weight: lighter;
line-height: 1.1em
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px
}
.mfp-arrow {
position: absolute;
opacity: 1;
margin: 0;
top: 50%;
margin-top: -18px;
padding: 0;
width: 36px;
height: 36px;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transform: scale(1)!important;
transform: scale(1)!important
}
.mfp-arrow:active {
margin-top: -18px
}
.mfp-arrow:focus, .mfp-arrow:hover {
opacity: 1
}
.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:before {
display: inline-block;
font-family: FontAwesome;
font-size: 24px;
line-height: 36px
}
.mfp-arrow-left {
left: 10px;
margin-left: -4px
}
.mfp-arrow-left:before {
content: "\f104"
}
.mfp-arrow-right {
right: 10px;
margin-right: -4px
}
.mfp-arrow-right:before {
content: "\f105"
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
background: #444
}
.mfp-figure {
line-height: 0
}
.mfp-figure figure {
margin-bottom: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
line-height: 24px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
color: #222;
word-break: break-word;
padding-right: 36px
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0,0,0,.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0,0,0,.6);
position: fixed;
text-align: center;
padding: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
}
@media all and (max-width:1300px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 0px;
padding-right: 0px
}
}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .97
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transform: scale(0.8, .8);
-moz-transform: scale(0.8, .8);
-ms-transform: scale(0.8, .8);
-o-transform: scale(0.8, .8);
transform: scale(0.8, .8);
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
-webkit-transform: scale(0.8, .8);
-moz-transform: scale(0.8, .8);
-ms-transform: scale(0.8, .8);
-o-transform: scale(0.8, .8);
transform: scale(0.8, .8);
opacity: 0
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-ms-transition-property: -ms-transform;
-o-transition-property: -o-transform;
transition-property: transform
}
.isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none
}
#infscr-loading {
position: absolute;
left: 50%;
bottom: 0;
text-align: center;
padding: 8px 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 15px;
color: #fff;
border-radius: 0;
z-index: 10
}
#infscr-loading img {
display: none
}
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
outline: 0
}
.flex-control-nav, .flex-direction-nav, .flexslider .slides, .slides {
margin: 0;
padding: 0;
list-style: none
}
.flexslider {
margin: 0;
padding: 0;
position: relative
}
.flexslider .slides>li {
display: none;
-webkit-backface-visibility: hidden
}
.flexslider .slides img {
width: 100%;
display: block;
margin: 0 auto
}
.flexslider .slides blockquote img {
max-width: 100%;
width: auto
}
.flex-pauseplay span {
text-transform: capitalize
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
html[xmlns] .slides {
display: block
}
* html .slides {
height: 1%
}
.no-js .slides>li:first-child {
display: block
}
.flex-control-nav {
position: absolute;
bottom: 0;
margin: 0;
padding: 0;
list-style-type: none;
margin-top: 12px;
margin-bottom: 12px
}
.flex-control-nav li {
display: inline-block;
cursor: pointer;
position: relative;
z-index: 1000
}
.flex-control-nav a {
display: inline-block;
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-indent: -9000em;
-webkit-transition: background .5s, box-shadow .3s;
-moz-transition: background .5s, box-shadow .3s;
-o-transition: background .5s, box-shadow .3s;
transition: background .5s, box-shadow .3s;
margin: 0 8px;
vertical-align: middle;
text-align: left
}
.flex-controls-left .flex-control-nav {
left: 24px
}
.flex-controls-right .flex-control-nav {
right: 24px;
text-align: right
}
.flex-controls-center .flex-control-nav {
width: 100%;
text-align: center
}
.flex-controls-top .flex-control-nav {
bottom: auto;
top: 0
}
.flex-controls-outside .flex-control-nav {
position: relative;
width: 100%;
left: 0;
margin: 0
}
.flex-direction-nav a {
display: block;
position: absolute;
font-size: 2em;
width: 1em;
height: 1em;
top: 50%;
margin-top: -.5em;
font-family: FontAwesome;
text-align: center;
vertical-align: middle;
line-height: 1;
z-index: 3
}
.flex-direction-nav a:before {
display: inline-block
}
.flex-prev {
left: 0
}
.flex-prev:before {
content: "\f104"
}
.flex-next {
right: 0
}
.flex-next:before {
content: "\f105"
}
.flexslider {
margin-bottom: 0
}
.flexslider figure {
position: relative;
margin: 0
}
.flexslider figcaption {
display: inline-block;
position: absolute;
bottom: 48px;
left: 24px;
padding: 12px;
max-width: 400px
}
.flexslider figcaption h3 {
margin-bottom: 0
}
.flexslider figcaption p {
margin-top: 0;
margin-bottom: 0
}
.flexslider.flex-caption-right figcaption {
left: auto;
right: 24px
}
.flexslider.flex-caption-alternate li:nth-child(even) figcaption {
left: 24px;
right: auto
}
.flexslider.flex-caption-alternate li:nth-child(odd) figcaption {
right: 24px;
left: auto
}
@media (max-width:480px) {
.flexslider figcaption {
display: none
}
}
[data-flex-itemwidth] {
margin-top: -36px;
text-align: center
}
[data-flex-itemwidth] .slides>li>a, [data-flex-itemwidth] .slides>li>figure {
padding-top: 36px;
display: inline-block;
max-width: 100%
}
[data-flex-itemwidth] .flex-next, [data-flex-itemwidth] .flex-prev {
margin-top: -0px
}
.flexslider blockquote {
margin-bottom: 0
}
.ls-fullwidth .ls-nav-next, .ls-fullwidth .ls-nav-prev {
background: none!important
}
.ls-fullwidth .ls-nav-next:after, .ls-fullwidth .ls-nav-prev:after {
display: block;
width: 40px;
line-height: 40px;
font-size: 40px;
font-family: FontAwesome
}
.ls-fullwidth .ls-nav-prev:after {
content: "\f104"
}
.ls-fullwidth .ls-nav-next:after {
content: "\f105"
}
.tparrows {
font-family: FontAwesome;
text-align: center;
vertical-align: middle;
background: none!important;
position: relative
}
.tparrows:after {
display: block;
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
font-size: 36px;
line-height: 40px;
text-align: center;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,.5)
}
.tp-leftarrow:after {
content: "\f104"
}
.tp-rightarrow:after {
content: "\f105"
}
.tp-bullets.simplebullets.round .bullet {
width: 12px;
height: 12px;
margin-left: 6px;
margin-right: 6px;
border-radius: 50%;
background-color: #fff;
background-image: none;
opacity: .8
}
.tp-bullets.simplebullets.round .bullet.selected {
opacity: 1
}
.chart {
position: relative;
text-align: center;
left: 0!important;
margin-left: 0!important
}
.chart i {
display: block;
font-size: 3em;
position: absolute;
top: 50%;
left: 50%;
margin-top: -.5em;
margin-left: -.5em
}
.chart input, .chart span {
display: none
}
.wp-chart-wrap {
display: inline-block
}
.counter {
margin-bottom: 12px;
padding-bottom: 12px;
position: relative
}
.counter .value {
display: block;
width: 100%;
background: none!important;
box-shadow: none!important;
border: 0;
line-height: 1
}
.counter .value:active, .counter .value:focus, .counter .value:hover {
background: none!important;
box-shadow: none!important
}
.counter:after {
content: "";
height: 2px;
position: absolute;
width: 60px;
top: 100%;
left: 50%;
margin-left: -30px
}
.countdown {
text-align: center
}
.countdown .counter-element {
display: inline-block;
min-width: 1.5em;
line-height: 1em
}
.countdown b {
position: relative;
display: block;
width: 100%;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 12px
}
.countdown b:before {
height: 2px;
width: 2em;
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -1em
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align:auto;
position: relative;
*display:inline
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align:auto;
position: relative;
*display:inline
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align:auto;
visibility: hidden;
*display:inline
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-ms-transition: -ms-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-ms-transition: -ms-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
text-align: center
}
video.section-background-video {
display: none
}
.mejs-container {
position: relative;
background: 0 0;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
height: 100%
}
.mejs-container video {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 0
}
.me-plugin {
position: absolute;
height: auto;
width: auto
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden
}
.mejs-fullscreen {
overflow: hidden!important
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000
}
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
width: 100%;
height: 100%
}
.mejs-clear {
clear: both
}
.mejs-background {
position: absolute;
top: 0;
left: 0
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
width: 100%;
height: 100%
}
:root .mejs-poster img {
display: none
}
.mejs-poster img {
padding: 0;
border: 0
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.mejs-overlay-play {
cursor: pointer
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(../images/svg/bigplay.svg) no-repeat
}
.no-svg .mejs-overlay-button {
background-image: url(../images/bigplay.png)
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px
}
.mejs-overlay-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
background: rgba(0,0,0,.5)
}
.mejs-overlay-loading span {
position: absolute;
display: block;
top: 50%;
left: 50%;
border-top: 6px solid rgba(255,255,255,.2);
border-right: 6px solid rgba(255,255,255,.2);
border-bottom: 6px solid rgba(255,255,255,.2);
border-left: 6px solid #fff;
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
margin-top: -20px;
margin-left: -40px;
background: 0 0;
border-radius: 50%;
width: 80px;
height: 80px
}
@-moz-keyframes spinner {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes spinner {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-ms-keyframes spinner {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spinner {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.mejs-container .mejs-controls {
display: none
}
.mejs-container.mejs-audio .mejs-controls {
display: block;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
background: url(background.png);
background: rgba(0,0,0,.7);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50,50,50,.7)), to(rgba(0,0,0,.7)));
background: -webkit-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: -moz-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: -o-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: -ms-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: linear-gradient(rgba(50,50,50,.7), rgba(0,0,0,.7));
height: 30px;
width: 100%
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
font-family: Helvetica, Arial;
border: 0
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(../images/svg/mejs-controls.svg) no-repeat
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(../images/controls.png)
}
.mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 3px 0;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.mejs-container .mejs-controls .mejs-time span {
color: #fff;
font-size: 11px;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto
}
.mejs-controls .mejs-play button {
background-position: 0 0
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px
}
.mejs-controls .mejs-stop button {
background-position: -112px 0
}
.mejs-controls div.mejs-time-rail {
direction: ltr;
width: 200px;
padding-top: 5px
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
background: rgba(50,50,50,.8);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30,30,30,.8)), to(rgba(60,60,60,.8)));
background: -webkit-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: -moz-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: -o-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: -ms-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: linear-gradient(rgba(30,30,30,.8), rgba(60,60,60,.8))
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,.15)), color-stop(0.75, rgba(255,255,255,.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite
}
@-webkit-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@-moz-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@-ms-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@-o-keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
@keyframes buffering-stripes {
from {
background-position:0 0
}
to {
background-position:30px 0
}
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3caac8;
background: rgba(60,170,200,.8);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(44,124,145,.8)), to(rgba(78,183,212,.8)));
background: -webkit-linear-gradient(top, rgba(44,124,145,.8), rgba(78,183,212,.8));
background: -moz-linear-gradient(top, rgba(44,124,145,.8), rgba(78,183,212,.8));
background: -o-linear-gradient(top, rgba(44,124,145,.8), rgba(78,183,212,.8));
background: -ms-linear-gradient(top, rgba(44,124,145,.8), rgba(78,183,212,.8));
background: linear-gradient(rgba(44,124,145,.8), rgba(78,183,212,.8));
width: 0
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff;
background: rgba(255,255,255,.8);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.9)), to(rgba(200,200,200,.8)));
background: -webkit-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: -moz-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: -o-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: -ms-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: linear-gradient(rgba(255,255,255,.9), rgba(200,200,200,.8));
width: 0
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #333;
top: -2px;
text-align: center
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px
}
.mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0
}
.mejs-controls .mejs-volume-button {
position: relative
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: url(background.png);
background: rgba(50,50,50,.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255,255,255,.5);
margin: 0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255,255,255,.9);
margin: 0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #ddd;
background: rgba(255,255,255,.9);
cursor: N-resize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0
}
.mejs-controls div.mejs-horizontal-volume-slider {
height: 26px;
width: 60px;
position: relative
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #333;
background: rgba(50,50,50,.8);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30,30,30,.8)), to(rgba(60,60,60,.8)));
background: -webkit-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: -moz-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: -o-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: -ms-linear-gradient(top, rgba(30,30,30,.8), rgba(60,60,60,.8));
background: linear-gradient(rgba(30,30,30,.8), rgba(60,60,60,.8))
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff;
background: rgba(255,255,255,.8);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,.9)), to(rgba(200,200,200,.8)));
background: -webkit-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: -moz-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: -o-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: -ms-linear-gradient(top, rgba(255,255,255,.9), rgba(200,200,200,.8));
background: linear-gradient(rgba(255,255,255,.9), rgba(200,200,200,.8))
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none
}
.mejs-controls .mejs-captions-button {
position: relative
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -51px;
width: 85px;
height: 100px;
background: url(background.png);
background: rgba(50,50,50,.7);
border: solid 1px transparent;
padding: 10px 10px 0;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none!important;
overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px;
padding: 0;
list-style-type: none!important;
display: block;
color: #fff;
overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 55px;
float: left;
padding: 4px 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
z-index: 1
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;
background: rgba(0,0,0,.7);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50,50,50,.7)), to(rgba(0,0,0,.7)));
background: -webkit-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: -moz-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: -o-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: -ms-linear-gradient(top, rgba(50,50,50,.7), rgba(0,0,0,.7));
background: linear-gradient(rgba(50,50,50,.7), rgba(0,0,0,.7));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
overflow: hidden;
border: 0
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: 0
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #666;
background: rgba(102,102,102,.7);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102,102,102,.7)), to(rgba(50,50,50,.6)));
background: -webkit-linear-gradient(top, rgba(102,102,102,.7), rgba(50,50,50,.6));
background: -moz-linear-gradient(top, rgba(102,102,102,.7), rgba(50,50,50,.6));
background: -o-linear-gradient(top, rgba(102,102,102,.7), rgba(50,50,50,.6));
background: -ms-linear-gradient(top, rgba(102,102,102,.7), rgba(50,50,50,.6));
background: linear-gradient(rgba(102,102,102,.7), rgba(50,50,50,.6));
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: 700;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px;
line-height: 12px
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px;
display: block;
white-space: nowrap;
text-overflow: ellipsis
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
line-height: 20px;
font-size: 16px;
color: #fff
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: 400
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0
}
.mejs-captions-position-hover {
bottom: 35px
}
.mejs-captions-text {
padding: 3px 5px;
background: url(background.png);
background: rgba(20,20,20,.5);
white-space: pre-wrap
}
.me-cannotplay a {
color: #fff;
font-weight: 700
}
.me-cannotplay span {
padding: 15px;
display: block
}
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0
}
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0
}
.mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0
}
.mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001
}
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: Helvetica, Arial;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff
}
.mejs-controls .mejs-sourcechooser-button {
position: relative
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(background.png);
background: rgba(50,50,50,.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none!important;
overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px;
padding: 0;
list-style-type: none!important;
display: block;
color: #fff;
overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px
}
.mejs-postroll-layer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: url(background.png);
background: rgba(50,50,50,.7);
z-index: 1000;
overflow: hidden
}
.mejs-postroll-layer-content {
width: 100%;
height: 100%
}
.mejs-postroll-close {
position: absolute;
right: 0;
top: 0;
background: url(background.png);
background: rgba(50,50,50,.7);
color: #fff;
padding: 4px;
z-index: 100;
cursor: pointer
}
div.mejs-speed-button {
width: 46px!important;
position: relative
}
.mejs-controls .mejs-button.mejs-speed-button button {
background: 0 0;
width: 36px;
font-size: 11px;
line-height: normal;
color: #fff
}
.mejs-controls .mejs-speed-button .mejs-speed-selector {
visibility: hidden;
position: absolute;
top: -100px;
left: -10px;
width: 60px;
height: 100px;
background: url(background.png);
background: rgba(50,50,50,.7);
border: solid 1px transparent;
padding: 0;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
visibility: visible
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
color: #21f8f8
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none!important;
overflow: hidden
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
margin: 0 0 6px;
padding: 0 10px;
list-style-type: none!important;
display: block;
color: #fff;
overflow: hidden
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
display: none
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
width: 60px;
float: left;
padding: 4px 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 11.5px;
color: #fff;
margin-left: 5px;
cursor: pointer
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
background-color: #c8c8c8!important;
background-color: rgba(255,255,255,.4)!important
}
.mejs-mediaelement>video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.screen-reader-response {
display: none
}
[role=alert] {
font-size: 14px;
line-height: 24px
}
.wpcf7 img.ajax-loader {
background: #fff;
margin: 0 12px;
opacity: .8;
border-radius: 50%
}
.gform_wrapper .gsection {
clear: both;
padding: 24px 0 12px;
border-bottom: 1px solid
}
.gform_footer, .gform_heading {
margin-bottom: 24px
}
.gform_wrapper ul {
padding-left: 0;
list-style: none
}
.gform_wrapper li {
margin-bottom: 16px;
min-height: 36px
}
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
margin-bottom: 12px
}
.gfield_checkbox li, .gform_wrapper .gfield_radio li {
margin-bottom: 6px
}
.gform_wrapper form {
margin-bottom: 0
}
.gform_wrapper .gfield_required {
padding-left: 1px
}
.gform_wrapper label {
font-weight: 400
}
.gform_wrapper label span {
font-weight: lighter
}
.gform_wrapper .gfield_label {
margin-top: 12px;
margin-bottom: 6px;
font-weight: 700
}
.ginput_container input, .ginput_container select, .ginput_container textarea {
display: block;
width: 100%;
vertical-align: middle;
min-height: 36px;
padding-left: 6px;
padding-right: 6px
}
.ginput_container input[type=text]+label, .ginput_container select+label, .ginput_container textarea+label {
font-size: .8em;
font-weight: 400
}
.ginput_container input[type=checkbox], .ginput_container input[type=radio] {
display: inline-block;
width: 24px;
margin-bottom: 6px
}
.ginput_container input[type=checkbox]:focus, .ginput_container input[type=radio]:focus {
box-shadow: none!important
}
.ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus {
outline: 0
}
.ginput_container input[disabled], .ginput_container input[readonly], .ginput_container select[disabled], .ginput_container select[readonly], .ginput_container textarea[disabled], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea {
cursor: not-allowed
}
.ginput_container textarea, textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea {
height: auto
}
.gfield_checkbox input[type=text], .gfield_radio input[type=text] {
display: inline-block;
width: auto;
margin-bottom: 0
}
.gform_button:hover {
box-shadow: none
}
.gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65)
}
.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
outline: 0
}
.validation_error {
padding: 6px 15px;
margin-bottom: 24px;
border: 1px solid transparent
}
.validation_error h4 {
margin-top: 0;
color: inherit
}
.validation_error .alert-link {
font-weight: 700
}
.validation_error>p, .validation_error>ul {
margin-bottom: 0
}
.validation_error>p+p {
margin-top: 5px
}
#gforms_confirmation_message {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px
}
#gforms_confirmation_message h4 {
margin-top: 0;
color: inherit
}
#gforms_confirmation_message .alert-link {
font-weight: 700
}
#gforms_confirmation_message>p, #gforms_confirmation_message>ul {
margin-bottom: 0
}
#gforms_confirmation_message>p+p {
margin-top: 5px
}
.gf_progressbar {
margin-bottom: 24px
}
.gf_progressbar, .gf_progressbar_percentage {
height: 36px;
line-height: 36px
}
.gf_progressbar_percentage {
text-align: center
}
.gf_left_half, .gf_right_half, .ginput_full, .ginput_left, .ginput_right {
display: block;
margin-bottom: 16px;
overflow: hidden
}
.gf_left_half input, .gf_right_half input, .ginput_full input, .ginput_left input, .ginput_right input {
margin-bottom: 0
}
.gf_left_half label, .gf_right_half label, .ginput_full label, .ginput_left label, .ginput_right label {
display: block
}
.gf_left_half, .gf_right_half, .ginput_left, .ginput_right {
width: 49%;
display: block;
overflow: hidden
}
.gf_left_half, .ginput_left {
float: left
}
.gf_right_half, .ginput_right {
float: right
}
.gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
width: 50%;
float: left
}
.gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_3col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
width: 33%;
float: left
}
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li {
width: 25%;
float: left
}
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
width: 20%;
float: left
}
@media (max-width:992px) {
.gf_left_half, .gf_right_half, .ginput_left, .ginput_right {
float: none;
width: 100%
}
.gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_3col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
width: 100%;
float: none
}
}
.portfolio {
text-align: center
}
.portfolio .figure {
text-align: initial;
opacity: 0;
display: inline-block
}
.isotope .figure.animated, .isotope .figure:not(.portfolio-os-animation), .portfolio-active .figure {
opacity: 1
}
[class*=oxy-agent-] .isotope .figure {
opacity: 1!important
}
[class*=oxy-agent-] .isotope .figure.animated {
-webkit-animation-name: none!important;
animation-name: none!important
}
.portfolio-title {
font-size: 14px;
font-weight: 400;
padding: 0 20px;
line-height: 31px;
margin-bottom: 12px
}
.portfolio-title strong {
font-weight: 700
}
.portfolio-filters .btn-group {
margin-bottom: 12px
}
.portfolio-masonry img {
width: 100%
}
.portfolio-nav {
position: absolute;
right: 0;
top: 0;
height: 100%
}
.portfolio-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: table;
height: 100%
}
.portfolio-nav li {
display: table-cell;
vertical-align: middle
}
.portfolio-nav a {
display: inline-block
}
.portfolio-nav svg {
width: 48px;
vertical-align: middle;
height: 48px
}
.portfolio-nav .tooltip-inner {
min-width: 120px
}
@media (max-width:767px) {
.portfolio-header .portfolio-header-title {
margin-bottom: 24px;
text-align: center
}
.portfolio-header .btn, .portfolio-header .btn-group {
width: 100%;
float: none;
text-align: left
}
.portfolio-nav {
position: relative
}
.portfolio-nav ul {
text-align: center;
height: auto;
width: 100%
}
.portfolio-nav li {
display: inline-block
}
.portfolio-nav svg {
height: 36px;
width: 36px
}
.portfolio-filters, .portfolio-title {
float: none!important
}
}
.breadcrumb-blog {
background: 0 0;
font-size: 14px;
position: absolute;
margin-bottom: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0
}
.breadcrumb-blog>li+li:before {
padding: 0 0 0 5px
}
.post {
margin-bottom: 96px;
position: relative
}
.post:after {
content: "";
box-sizing: border-box;
-moz-box-sizing: border-box;
position: absolute;
bottom: -48px;
left: 0;
right: 0;
height: 1px
}
.single .post {
margin-bottom: 72px
}
.single .post p {
margin-bottom: 24px
}
.single .post:after {
bottom: -36px
}
.post-head {
margin-bottom: 24px;
position: relative
}
.post-head.no-title {
margin-bottom: 0
}
.post-head small {
display: block;
font-style: italic;
line-height: 18px
}
.post-title {
margin-bottom: 0;
font-size: 24px;
line-height: 30px
}
.post-media>* {
margin-bottom: 24px!important
}
.post-body {
margin-bottom: 48px
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4 {
margin-top: 24px;
margin-bottom: 12px
}
.post-more-link {
margin: 24px 0 0
}
.post-more-link i {
width: 16px;
text-align: center;
line-height: 24px;
vertical-align: middle
}
.post-more-link.btn i {
text-align: right;
vertical-align: baseline
}
.post-extras {
font-size: 14px;
position: relative;
line-height: 36px;
margin-bottom: 24px
}
.post-extras span {
display: inline-block;
padding-right: 5px
}
.post-extras span:last-child {
padding-right: 0
}
.post-extras i {
font-size: 12px;
display: inline-block
}
.post-share {
margin-bottom: 24px
}
.post-share ul {
padding-bottom: 0
}
.post-share small {
line-height: 36px
}
.post-navigation {
margin-bottom: 48px
}
.post-navigation a, .post-navigation span {
font-size: 14px
}
.post .author-info {
padding: 12px
}
.post .author-info .media {
margin-top: 0
}
.post .author-info img {
max-width: 72px
}
.post .author-info p {
margin-bottom: 0
}
.post-related {
margin-bottom: 24px
}
.post-related-head {
margin-bottom: 24px;
position: relative
}
.post-related-title {
font-weight: 700
}
.post-related-post {
padding-top: 75%;
margin-bottom: 24px;
background-position: center;
background-size: cover;
position: relative;
overflow: hidden
}
.post-related-post h4 {
position: absolute;
display: inline-block;
bottom: 8px;
left: 8px;
margin-right: 8px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.post-related-post h4 a {
display: inline-block;
padding: 6px
}
.post-related-post h4 small {
display: block;
position: absolute;
line-height: 24px;
padding: 0 6px;
bottom: -36px;
left: 8px;
opacity: 0;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
white-space: nowrap
}
.post-related-post:hover h4 {
bottom: 36px
}
.post-related-post:hover h4 small {
opacity: 1;
bottom: -24px
}
.post-related-post blockquote {
position: absolute;
top: 0;
height: 100%;
width: 100%;
padding: 12px
}
.post-related-post blockquote p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
z-index: 1;
position: absolute;
top: 24px;
height: 96px;
left: 24px;
right: 24px;
overflow: hidden
}
.post-related-post blockquote footer {
padding: 6px;
font-weight: 400;
left: 8px;
position: absolute;
bottom: 8px;
z-index: 1
}
.post-related-post blockquote:after {
content: "\f10d";
font-family: FontAwesome;
position: absolute;
top: -12px;
left: 12px;
font-size: 60px;
z-index: 0;
opacity: .2;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.post-related-post blockquote:hover:after {
left: -60px
}
.comments {
margin-bottom: 24px;
padding-bottom: 24px
}
.comments-head {
margin-bottom: 24px
}
.comments-head h3 {
margin-bottom: 0;
font-weight: 700
}
.media-comment {
margin-top: 24px;
position: relative;
overflow: visible
}
.media-comment .media-comment {
margin-top: 24px
}
.media-comment .media-avatar {
position: relative;
top: 12px
}
.media-inner {
padding: 10px;
position: relative;
padding-bottom: 12px
}
.media-inner p:last-child {
margin-bottom: 0
}
.media-inner:after {
content: "";
position: absolute;
height: 1px;
width: 80px;
left: 12px;
bottom: 0
}
.media-inner .comments-form {
margin-bottom: 0;
padding-bottom: 0
}
.media-inner .comments-form .comments-head {
margin-top: 12px
}
.media-inner .comments-form .comments-body, .media-inner .comments-form .comments-head {
margin-left: 0
}
.media-inner .comments-form .post-icon {
display: none
}
.post-masonry {
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.post-masonry .post-masonry-content {
display: block;
box-shadow: 0 1px 2px rgba(0,0,0,.35);
opacity: 0;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
text-shadow: none
}
.post-masonry .post-masonry-content:hover {
box-shadow: 0 2px 6px rgba(0,0,0,.35)
}
.post-masonry .post-head {
padding: 20px;
margin-bottom: 0
}
.post-masonry .post-body {
padding: 0 20px 20px;
margin-bottom: 0;
font-size: 14px;
line-height: 21px
}
.post-masonry .post-title {
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.post-masonry blockquote p {
padding-top: 20px;
font-size: 18px;
font-weight: 400;
line-height: 27px
}
.post-masonry blockquote footer {
padding-bottom: 20px;
font-size: 13px
}
.post-masonry.isotope-item .post-masonry-content {
opacity: 1
}
.post-showinfo .comments-body, .post-showinfo .comments-head, .post-showinfo .post-body, .post-showinfo .post-extras, .post-showinfo .post-head, .post-showinfo .post-share, .post-showinfo.author-info, .post-showinfo.post-navigation, .post-showinfo.post-related {
position: relative;
margin-left: 72px
}
.post-showinfo .post-icon {
display: block;
position: absolute;
width: 48px;
height: 48px;
line-height: 48px;
left: -72px;
top: 0;
font-size: 14px;
text-transform: uppercase;
text-align: center
}
.post-showinfo:after {
left: 72px
}
.post-showinfo .post-search-icon {
font-size: 24px;
font-style: normal;
display: inline-block
}
.post-sticky {
display: block;
position: absolute;
width: 36px;
height: 36px;
border-radius: 50%;
text-align: center;
border: 0;
top: 6px;
right: 0;
z-index: 1
}
.post-sticky i {
line-height: 36px
}
@media (max-width:992px) {
.breadcrumb-blog {
position: relative;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.grid-post .post-showinfo:after, .post-showinfo:after {
left: 0
}
.grid-post .post-showinfo .comments-body, .grid-post .post-showinfo .comments-head, .grid-post .post-showinfo .post-body, .grid-post .post-showinfo .post-extras, .grid-post .post-showinfo .post-head, .grid-post .post-showinfo .post-share, .grid-post .post-showinfo.author-info, .grid-post .post-showinfo.post-navigation, .grid-post .post-showinfo.post-related, .post-showinfo .comments-body, .post-showinfo .comments-head, .post-showinfo .post-body, .post-showinfo .post-extras, .post-showinfo .post-head, .post-showinfo .post-share, .post-showinfo.author-info, .post-showinfo.post-navigation, .post-showinfo.post-related {
margin-left: 0!important
}
.grid-post .post-showinfo .comments-head, .post-showinfo .comments-head {
border-top: 30px solid transparent
}
.grid-post .post-showinfo .post-media, .post-showinfo .post-media {
margin-bottom: 0
}
.grid-post .post-showinfo .comments-head, .post-showinfo .comments-head {
padding-top: 12px;
z-index: 2
}
.grid-post .post-showinfo .post-icon, .post-showinfo .post-icon {
display: none
}
.grid-post .post-showinfo .post-share small, .post-showinfo .post-share small {
display: block
}
.author-avatar {
float: none!important;
margin: 0 0 12px!important
}
.author-avatar p {
margin-bottom: 0
}
.media-inner .comments-form .comments-head {
margin-top: 12px;
padding-top: 0;
border-top: 0
}
.post-sticky {
width: 24px;
height: 24px
}
.post-sticky i {
line-height: 24px;
font-size: 11px;
vertical-align: middle;
top: -1px;
position: relative
}
}
@media (max-width:480px) {
.media-comment {
margin-top: 48px
}
.media-comment .media-inner {
padding-top: 20px
}
.media-comment .media-inner:after {
left: 50%;
margin-left: -40px
}
.media-comment .media-avatar {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
float: none!important
}
.media-comment .comment-reply {
float: right
}
}
.sidebar-widget {
margin-bottom: 48px
}
.sidebar-header {
margin-bottom: 12px!important;
padding-bottom: 12px!important;
position: relative
}
.sidebar-header:after {
content: "";
position: absolute;
height: 1px;
width: 50px;
bottom: 0;
left: 0
}
.text-right .sidebar-header:after {
left: auto;
right: 0
}
.text-center .sidebar-header:after {
left: 50%;
margin-left: -25px
}
.sidebar .sidebar-widget h3 {
margin-bottom: 16px
}
.widget_search form {
margin-bottom: 0
}
.widget_search .btn:focus, .widget_search .btn:hover {
outline: 0
}
.widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_twitter ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-bottom: 0
}
.widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_twitter li {
clear: both;
margin-bottom: 8px;
position: relative
}
.widget_archive p, .widget_categories p, .widget_meta p, .widget_nav_menu p, .widget_pages p, .widget_recent_comments p, .widget_recent_entries p, .widget_twitter p {
text-indent: 0;
margin-bottom: 0
}
.widget_archive .post-icon, .widget_categories .post-icon, .widget_meta .post-icon, .widget_nav_menu .post-icon, .widget_pages .post-icon, .widget_recent_comments .post-icon, .widget_recent_entries .post-icon, .widget_twitter .post-icon {
position: absolute;
width: 40px;
height: 40px;
text-align: center;
margin-right: 8px;
top: 3px;
left: 0
}
.widget_archive .post-icon i, .widget_categories .post-icon i, .widget_meta .post-icon i, .widget_nav_menu .post-icon i, .widget_pages .post-icon i, .widget_recent_comments .post-icon i, .widget_recent_entries .post-icon i, .widget_twitter .post-icon i {
font-size: 14px;
line-height: 40px
}
.text-center .widget_archive .post-icon, .text-center .widget_categories .post-icon, .text-center .widget_meta .post-icon, .text-center .widget_nav_menu .post-icon, .text-center .widget_pages .post-icon, .text-center .widget_recent_comments .post-icon, .text-center .widget_recent_entries .post-icon, .text-center .widget_twitter .post-icon {
float: none;
display: inline-block
}
.text-right .widget_archive .post-icon, .text-right .widget_categories .post-icon, .text-right .widget_meta .post-icon, .text-right .widget_nav_menu .post-icon, .text-right .widget_pages .post-icon, .text-right .widget_recent_comments .post-icon, .text-right .widget_recent_entries .post-icon, .text-right .widget_twitter .post-icon {
float: right;
margin-right: 0;
margin-left: 8px
}
.widget_archive small, .widget_categories small, .widget_meta small, .widget_nav_menu small, .widget_pages small, .widget_recent_comments small, .widget_recent_entries small, .widget_twitter small {
display: block
}
.widget_archive .sub-menu, .widget_categories .sub-menu, .widget_meta .sub-menu, .widget_nav_menu .sub-menu, .widget_pages .sub-menu, .widget_recent_comments .sub-menu, .widget_recent_entries .sub-menu, .widget_twitter .sub-menu {
margin: 6px 0;
padding-left: 12px
}
.widget_archive .sub-menu li, .widget_categories .sub-menu li, .widget_meta .sub-menu li, .widget_nav_menu .sub-menu li, .widget_pages .sub-menu li, .widget_recent_comments .sub-menu li, .widget_recent_entries .sub-menu li, .widget_twitter .sub-menu li {
padding-left: 0
}
.widget_archive .sub-menu li:before, .widget_categories .sub-menu li:before, .widget_meta .sub-menu li:before, .widget_nav_menu .sub-menu li:before, .widget_pages .sub-menu li:before, .widget_recent_comments .sub-menu li:before, .widget_recent_entries .sub-menu li:before, .widget_twitter .sub-menu li:before {
content: "- "
}
.text-center .widget_archive .sub-menu, .text-center .widget_categories .sub-menu, .text-center .widget_meta .sub-menu, .text-center .widget_nav_menu .sub-menu, .text-center .widget_pages .sub-menu, .text-center .widget_recent_comments .sub-menu, .text-center .widget_recent_entries .sub-menu, .text-center .widget_twitter .sub-menu {
padding-left: 0
}
.text-center .widget_archive .sub-menu li:before, .text-center .widget_categories .sub-menu li:before, .text-center .widget_meta .sub-menu li:before, .text-center .widget_nav_menu .sub-menu li:before, .text-center .widget_pages .sub-menu li:before, .text-center .widget_recent_comments .sub-menu li:before, .text-center .widget_recent_entries .sub-menu li:before, .text-center .widget_twitter .sub-menu li:before {
content: ""
}
.widget_recent_entries li {
padding-left: 48px;
min-height: 45px;
padding-bottom: 8px;
border-bottom: 1px solid
}
.widget_tag_cloud ul {
margin: 0;
padding: 0;
list-style: none;
*zoom:1
}
.widget_tag_cloud ul:after {
content: "";
display: table;
clear: both
}
.widget_tag_cloud ul li {
display: inline-block;
margin-bottom: 6px
}
.widget_tag_cloud ul a {
display: block;
line-height: 24px;
font-size: 14px!important;
text-transform: none!important;
margin-right: 6px;
padding: 0 10px;
text-decoration: none;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.text-right .widget_tag_cloud ul a {
margin-right: 0;
margin-left: 6px
}
.widget_oxy_twitter ul {
padding-left: 0;
list-style-type: none
}
.widget_oxy_twitter li {
position: relative;
padding-left: 24px;
font-size: 14px;
margin-bottom: 12px
}
.widget_oxy_twitter li:before {
display: block;
height: 24px;
line-height: 24px;
width: 24px;
content: "\f099";
font-family: FontAwesome;
position: absolute;
top: 0;
left: 0
}
.widget_oxy_twitter li li:last-child, .widget_swatch_social ul.social-icons, .widget_swatch_social ul.social-icons li, .widget_swatch_social ul.social-icons li a {
margin-bottom: 0
}
.widget_calendar caption {
font-size: 13px
}
.widget_calendar .table {
margin-bottom: 0
}
.widget_calendar .table tbody td {
position: relative
}
.widget_calendar .table tbody a {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 41px;
text-align: center
}
.widget_calendar tfoot tr td:last-child {
text-align: right
}
#masthead .sidebar-widget, .top-bar .sidebar-widget {
margin-bottom: 0
}
#masthead .sidebar-widget>*, .top-bar .sidebar-widget>* {
margin-bottom: 0!important;
padding-bottom: 0!important
}
#masthead .sidebar-widget .sidebar-header, .top-bar .sidebar-widget .sidebar-header {
display: none
}
.top-bar .sidebar-widget {
display: inline-block;
vertical-align: top;
position: relative;
font-size: 14px!important
}
.top-bar .sidebar-widget:after {
content: "";
position: absolute;
height: 16px;
width: 1px;
top: 10px
}
.top-left .sidebar-widget {
padding-right: 12px
}
.top-left .sidebar-widget:after {
right: 6px
}
.top-left .sidebar-widget:last-child {
padding-right: 0
}
.top-left .sidebar-widget:last-child:after {
display: none
}
.top-right .sidebar-widget {
padding-left: 12px
}
.top-right .sidebar-widget:after {
left: 6px
}
.top-right .sidebar-widget:first-child {
padding-left: 0
}
.top-right .sidebar-widget:first-child:after {
display: none
}
#masthead .sidebar-widget {
padding-left: 6px;
margin-left: 6px
}
.top-bar li {
display: inline-block;
margin-bottom: 0!important
}
.top-bar .widget_archive li, .top-bar .widget_categories li, .top-bar .widget_meta li, .top-bar .widget_nav_menu li, .top-bar .widget_pages li, .top-bar .widget_recent_comments li, .top-bar .widget_recent_entries li, .top-bar .widget_twitter li {
margin-bottom: 0
}
.top-bar .top-left .widget_archive li, .top-bar .top-left .widget_categories li, .top-bar .top-left .widget_meta li, .top-bar .top-left .widget_nav_menu li, .top-bar .top-left .widget_pages li, .top-bar .top-left .widget_recent_comments li, .top-bar .top-left .widget_recent_entries li, .top-bar .top-left .widget_twitter li {
padding-right: 8px
}
.top-bar .top-right .widget_archive li, .top-bar .top-right .widget_categories li, .top-bar .top-right .widget_meta li, .top-bar .top-right .widget_nav_menu li, .top-bar .top-right .widget_pages li, .top-bar .top-right .widget_recent_comments li, .top-bar .top-right .widget_recent_entries li, .top-bar .top-right .widget_twitter li {
padding-left: 8px
}
.top-bar .sub-menu {
margin: 0;
padding-left: 0;
display: inline-block
}
.top-bar .sub-menu li {
padding-left: 8px
}
.top-bar .sub-menu li:before {
content: ""
}
.top-bar .widget_search {
position: inherit
}
#masthead .menu-sidebar .widget_search form, .top-bar .widget_search form {
display: none
}
.top-search {
text-align: center;
width: 36px;
display: inline-block
}
.top-search form {
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
position: absolute;
top: 0;
left: 15px;
right: 15px;
z-index: 10
}
.top-search .search-trigger {
cursor: pointer
}
.top-search .search-close {
display: none;
position: absolute;
right: 24px;
color: red
}
.top-search.active .search-close {
display: block;
cursor: pointer;
z-index: 11;
position: absolute;
top: 0;
right: 12px;
width: 36px;
height: 36px
}
.top-search .input-group-btn {
visibility: hidden
}
.top-search input:focus {
box-shadow: none
}
.top-search input::-ms-clear {
display:none
}
.top-search .btn {
background: 0 0;
vertical-align: top
}
#masthead .menu-sidebar .top-search input {
font-size: 24px
}
#masthead .menu-sidebar .form-control {
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
#masthead .menu-sidebar .top-search .search-close {
font-size: 18px
}
#footer .sidebar-widget {
margin-bottom: 24px
}
#footer .sidebar-widget:last-child {
margin-bottom: 0
}
#footer .widget_search form {
max-width: 320px;
display: inline-block
}
.menu-widget {
padding-bottom: 8px
}
.menu-widget .menu-widget-header {
font-size: 16px;
padding-bottom: 8px
}
.widget_swatch_wpml_language_selector li {
position: relative;
padding-right: 6px
}
.widget_swatch_wpml_language_selector li:before {
content: "";
position: absolute;
height: 16px;
width: 1px;
top: 50%;
left: 0;
margin-top: -8px
}
.widget_swatch_wpml_language_selector li:first-child:before {
display: none
}
.widget_swatch_wpml_language_selector li:last-child {
padding-right: 0
}
.widget_swatch_wpml_language_selector li a {
float: none!important
}
#masthead .widget_swatch_wpml_language_selector li a {
display: inline-block;
margin-left: 6px;
margin-right: 6px
}
#footer .widget_swatch_wpml_language_selector li a, .sidebar .widget_swatch_wpml_language_selector li a {
margin-left: 6px;
margin-right: 6px
}
#footer .widget_swatch_wpml_language_selector li:first-child, .sidebar .widget_swatch_wpml_language_selector li:first-child {
padding-left: 0
}
#footer .widget_swatch_wpml_language_selector li:first-child a, .sidebar .widget_swatch_wpml_language_selector li:first-child a {
margin-left: 0
}
@media (max-width:992px) {
#masthead .menu-sidebar .sidebar-widget {
display: none
}
.sidebar {
margin-top: 80px
}
.sidebar .widget_search input {
width: 100%
}
.sidebar .widget_oxy_twitter li {
padding-left: 24px
}
.menu-sidebar .top-search form {
left: 0;
right: 0
}
#footer .sidebar-widget {
text-align: left;
margin-bottom: 48px!important
}
#footer .sidebar-header:after {
left: 0;
margin-left: 0!important
}
#footer .widget_swatch_social .social-icons li {
padding-left: 0;
padding-right: 5px
}
#footer .widget_swatch_social .social-icons.social-lg {
padding-right: 10px
}
#footer .widget_tag_cloud ul li a {
margin-right: 6px
}
}
.google-map {
height: 500px
}
.google-map img {
max-width: inherit
}
.google-map.map-small {
height: 354px
}
.map-overlay {
position: absolute;
width: 100%;
left: 0;
top: 100px
}
.map-overlay .container {
position: relative
}
.contact-details {
position: absolute;
width: 40%;
right: 0;
max-width: 400px
}
.map-marker-label {
background-color: #fff;
color: #444;
width: 200px;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top: 2px solid;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: lighter;
min-width: 280px;
padding: 16px;
box-shadow: 1px 1px 1px rgba(0,0,0,.2);
border-radius: 2px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s
}
.map-marker-label:after, .map-marker-label:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 100%;
left: 50%;
margin-left: -10px
}
.map-marker-label:before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,.2);
margin-bottom: -1px;
margin-left: -9px
}
.map-marker-label:after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff
}
@media (max-width:767px) {
#map {
height: 200px
}
.map-overlay {
position: inherit;
top: 0;
padding-bottom: 8%
}
.map-overlay .container {
padding: 0
}
.contact-details {
width: 100%;
max-width: 100%;
left: 0;
top: 0;
position: inherit
}
}
.figure {
display: inline-block;
vertical-align: top;
position: relative;
max-width: 100%
}
.figure-image {
display: block;
position: relative;
overflow: hidden
}
.figure-image img {
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-backface-visibility: hidden
}
.figure-icon {
display: block;
position: absolute;
line-height: 40px;
text-align: center;
left: 50%;
top: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
border: 2px solid;
border-radius: 50%
}
.figure-icon circle, .figure-icon ellipse, .figure-icon line, .figure-icon path, .figure-icon polygon, .figure-icon polyline, .figure-icon rect, .figure-icon svg {
stroke-width: 3px!important
}
.figure-caption {
margin-top: 12px
}
.figure-caption span {
font-weight: lighter
}
.figure-overlay {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
-mox-box-sizing: border-box;
padding: 12px;
-webkit-backface-visibility: hidden;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
overflow: hidden
}
.figure-overlay-container {
width: 100%;
height: 100%;
display: table
}
.figure-overlay-container>* {
display: table-cell;
vertical-align: middle
}
.figcaption-top .figure-overlay-container>* {
vertical-align: top
}
.figcaption-bottom .figure-overlay-container>* {
vertical-align: bottom
}
.figure-image:hover .figure-overlay {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
margin: 0;
top: 0
}
.fade-in .figure-overlay {
opacity: 0
}
.from-top .figure-overlay {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.from-bottom .figure-overlay {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.from-left .figure-overlay {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.from-right .figure-overlay {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.preview-bottom .figure-overlay {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 1!important;
top: -48px;
padding: 12px
}
.preview-bottom .figure-overlay .figure-overlay-container>* {
vertical-align: top
}
.preview-bottom:hover .figure-caption {
vertical-align: middle
}
.preview-bottom.figcaption-top:hover .figure-caption {
vertical-align: top
}
.preview-bottom.figcaption-bottom:hover .figure-caption {
vertical-align: bottom
}
.figure.image-filter-grayscale .figure-image:hover img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%)
}
.figure.image-filter-sepia .figure-image:hover img {
-webkit-filter: sepia(55%);
-moz-filter: sepia(55%);
filter: sepia(55%)
}
.figure.image-filter-blur .figure-image:hover img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px)
}
.figure.image-filter-grayscale.image-filter-invert .figure-image img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%)
}
.figure.image-filter-grayscale.image-filter-invert .figure-image:hover img {
-webkit-filter: none;
-moz-filter: none;
filter: none
}
.figure.image-filter-sepia.image-filter-invert .figure-image img {
-webkit-filter: sepia(55%);
-moz-filter: sepia(55%);
filter: sepia(55%)
}
.figure.image-filter-sepia.image-filter-invert .figure-image:hover img {
-webkit-filter: none;
-moz-filter: none;
filter: none
}
.figure.image-filter-blur.image-filter-invert .figure-image img {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px)
}
.figure.image-filter-blur.image-filter-invert .figure-image:hover img {
-webkit-filter: none;
-moz-filter: none;
filter: none
}
.fade-none .figure-overlay {
opacity: 0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none
}
.figure-circle .figure-image {
border-radius: 50%;
overflow: hidden
}
.figure-circle .figure-image .figure-image, .figure-circle .figure-image .figure-overlay, .figure-circle .figure-image img {
border-radius: 50%
}
.figure-overlay .figure-overlay-container {
display: table;
height: 100%
}
.figure-overlay .figure-overlay-container .figure-caption {
display: table-cell;
margin-top: 12px
}
.figure-overlay .figure-overlay-container .figure-caption p {
font-size: .875em
}
.figure-overlay .figure-overlay-container .figure-caption .btn {
margin: 8px 6px
}
.figcaption-top .figure-caption {
vertical-align: top
}
.figcaption-middle .figure-caption {
vertical-align: middle
}
.figcaption-bottom .figure-caption {
vertical-align: bottom
}
.preview-bottom .figure-caption-title {
margin-bottom: 12px
}
.preview-bottom .figure-caption-title:after {
display: none!important
}
.grid-overlay-10 {
background-image: url(../images/grid-10.png)
}
.grid-overlay-20 {
background-image: url(../images/grid-20.png)
}
.grid-overlay-30 {
background-image: url(../images/grid-30.png)
}
.grid-overlay-40 {
background-image: url(../images/grid-40.png)
}
.grid-overlay-50 {
background-image: url(../images/grid-50.png)
}
.grid-overlay-60 {
background-image: url(../images/grid-60.png)
}
.grid-overlay-70 {
background-image: url(../images/grid-70.png)
}
.grid-overlay-80 {
background-image: url(../images/grid-80.png)
}
.grid-overlay-90 {
background-image: url(../images/grid-90.png)
}
.grid-overlay-100 {
background-image: url(../images/grid-100.png)
}
.blog-os-animation, .os-animation, .recent-simple-os-animation, .staff-os-animation {
opacity: 0
}
.blog-os-animation.animated, .os-animation.animated, .recent-simple-os-animation.animated, .staff-os-animation.animated {
opacity: 1
}
[class*=oxy-agent-] .blog-os-animation, [class*=oxy-agent-] .data-os-animation, [class*=oxy-agent-] .os-animation, [class*=oxy-agent-] .recent-simple-os-animation, [class*=oxy-agent-] .staff-os-animation {
opacity: 1!important
}
[class*=oxy-agent-] .blog-os-animation.animated, [class*=oxy-agent-] .data-os-animation.animated, [class*=oxy-agent-] .os-animation.animated, [class*=oxy-agent-] .recent-simple-os-animation.animated, [class*=oxy-agent-] .staff-os-animation.animated {
-webkit-animation-name: none!important;
animation-name: none!important
}
.no-margin {
margin: 0!important
}
.margin-bottom {
margin-bottom: 24px!important
}
.margin-top {
margin-top: 24px!important
}
.margin-left {
margin-left: 24px!important
}
.margin-right {
margin-right: 24px!important
}
.no-padding {
padding: 0!important
}
.padding-bottom {
padding-bottom: 24px!important
}
.padding-top {
padding-top: 24px!important
}
.padding-left {
padding-left: 24px!important
}
.padding-right {
margin-right: 24px!important
}
.padded {
margin-bottom: 24px;
padding-bottom: 24px
}
.padded-big {
margin-bottom: 48px;
padding-bottom: 48px
}
.padded-huge {
margin-bottom: 96px;
padding-bottom: 48px
}
.bordered {
position: relative;
padding-bottom: 8px;
margin-bottom: 8px
}
.bordered:after {
content: "";
position: absolute;
bottom: 0;
width: 72px;
height: 1px;
left: 0
}
.bordered.bordered-small:after {
width: 48px
}
.text-center .bordered:after {
margin-left: -36px;
left: 50%
}
.text-center .bordered.bordered-small:after {
margin-left: -24px
}
.text-right .bordered.bordered-small:after, .text-right .bordered:after {
left: auto;
right: 0
}
.text-center>.bordered:after {
margin-left: -36px!important;
left: 50%!important
}
.text-center>.bordered.bordered-small:after {
margin-left: -24px!important
}
.text-right>.bordered.bordered-small:after, .text-right>.bordered:after {
left: auto!important;
right: 0!important
}
.bordered.text-left.bordered-small:after, .bordered.text-left:after {
left: 0!important;
right: auto!important;
margin-left: 0!important
}
.bordered.text-center.bordered-small:after, .bordered.text-center:after {
left: 50%!important;
right: auto!important;
margin-left: -36px!important
}
.bordered.text-center.bordered-small:after {
margin-left: -24px!important
}
.bordered.text-right.bordered-small:after, .bordered.text-right:after {
left: auto!important;
right: 0!important;
margin-left: 0!important
}
@media (max-width:992px) {
.small-screen-center .bordered:after {
margin-left: -36px;
left: 50%
}
.small-screen-center .bordered.bordered-small:after {
margin-left: -24px
}
}
.block {
display: block!important
}
.inline-block {
display: inline-block!important
}
.clear {
clear: both
}
img {
max-width: 100%;
height: auto
}
.replaced-svg, svg {
max-width: 100%;
max-height: 100%
}
.list-container .col-md-2:nth-child(6n+1), .list-container .col-md-3:nth-child(4n+1), .list-container .col-md-4:nth-child(3n+1), .list-container .col-md-6:nth-child(2n+1) {
clear: both
}
.section-text-shadow {
text-shadow: 1px 1px 0 rgba(0,0,0,.2)
}
.section-text-shadow .tooltip {
text-shadow: none
}
.section-inner-shadow, .section-inner-shadow .background-media, .section-inner-shadow .background-overlay {
box-shadow: 0 2px 2px -1px rgba(0,0,0,.25) inset, 0 -2px 2px -1px rgba(0,0,0,.25) inset
}
button.close {
background: transparent!important;
color: #000!important
}
.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
border-color: transparent;
box-shadow: none;
text-shadow: none
}
.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
border-color: transparent
}
.has-warning .uneditable-input, .has-warning input[type=color], .has-warning input[type=date], .has-warning input[type=datetime-local], .has-warning input[type=datetime], .has-warning input[type=email], .has-warning input[type=month], .has-warning input[type=number], .has-warning input[type=password], .has-warning input[type=search], .has-warning input[type=tel], .has-warning input[type=text], .has-warning input[type=time], .has-warning input[type=url], .has-warning input[type=week], .has-warning select, .has-warning textarea {
border-color: #fff;
-webkit-box-shadow: 0 5px 0 rgba(213,153,57,.6), 0 5px 5px rgba(213,153,57,.1);
-moz-box-shadow: 0 5px 0 rgba(213,153,57,.6), 0 5px 5px rgba(213,153,57,.1);
box-shadow: 0 5px 0 rgba(213,153,57,.6), 0 5px 5px rgba(213,153,57,.1)
}
.has-error .uneditable-input, .has-error input[type=color], .has-error input[type=date], .has-error input[type=datetime-local], .has-error input[type=datetime], .has-error input[type=email], .has-error input[type=month], .has-error input[type=number], .has-error input[type=password], .has-error input[type=search], .has-error input[type=tel], .has-error input[type=text], .has-error input[type=time], .has-error input[type=url], .has-error input[type=week], .has-error select, .has-error textarea {
border-color: #fff;
-webkit-box-shadow: 0 5px 0 rgba(169,66,56,.9), 0 5px 5px rgba(169,66,56,.1);
-moz-box-shadow: 0 5px 0 rgba(169,66,56,.9), 0 5px 5px rgba(169,66,56,.1);
box-shadow: 0 5px 0 rgba(169,66,56,.9), 0 5px 5px rgba(169,66,56,.1)
}
.has-success .uneditable-input, .has-success input[type=color], .has-success input[type=date], .has-success input[type=datetime-local], .has-success input[type=datetime], .has-success input[type=email], .has-success input[type=month], .has-success input[type=number], .has-success input[type=password], .has-success input[type=search], .has-success input[type=tel], .has-success input[type=text], .has-success input[type=time], .has-success input[type=url], .has-success input[type=week], .has-success select, .has-success textarea {
border-color: #fff;
-webkit-box-shadow: 0 5px 0 rgba(103,179,72,.9), 0 5px 5px rgba(103,179,72,.1);
-moz-box-shadow: 0 5px 0 rgba(103,179,72,.9), 0 5px 5px rgba(103,179,72,.1);
box-shadow: 0 5px 0 rgba(103,179,72,.9), 0 5px 5px rgba(103,179,72,.1)
}
.has-info .uneditable-input, .has-info input[type=color], .has-info input[type=date], .has-info input[type=datetime-local], .has-info input[type=datetime], .has-info input[type=email], .has-info input[type=month], .has-info input[type=number], .has-info input[type=password], .has-info input[type=search], .has-info input[type=tel], .has-info input[type=text], .has-info input[type=time], .has-info input[type=url], .has-info input[type=week], .has-info select, .has-info textarea {
border-color: #fff;
-webkit-box-shadow: 0 5px 0 rgba(111,124,132,.9), 0 5px 5px rgba(111,124,132,.1);
-moz-box-shadow: 0 5px 0 rgba(111,124,132,.9), 0 5px 5px rgba(111,124,132,.1);
box-shadow: 0 5px 0 rgba(111,124,132,.9), 0 5px 5px rgba(111,124,132,.1)
}
.uneditable-input:-moz-placeholder, input[type=color]:-moz-placeholder, input[type=date]:-moz-placeholder, input[type=datetime-local]:-moz-placeholder, input[type=datetime]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=month]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=time]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=week]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
font-style:italic
}
.uneditable-input:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
font-style:italic
}
.uneditable-input::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
font-style:italic
}
.ie9 select {
background: transparent!important;
color: #1c1c1c!important
}
.progress {
background: rgba(0,0,0,.07)
}
.progress .progress-bar+.progress-bar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.accordion-toggle:after {
background: rgba(0,0,0,.07)
}
.audioplayer {
color: #fff
}
.pricing-body {
-webkit-box-shadow: 0 5px 0 rgba(0,0,0,.075);
-moz-box-shadow: 0 5px 0 rgba(0,0,0,.075);
box-shadow: 0 5px 0 rgba(0,0,0,.075)
}
.section-text-shadow .bordered:after {
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
box-shadow: 0 1px 0 rgba(0,0,0,.2)
}
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
color: #65625d
}
.table>tbody>tr.error>td, .table>tbody>tr.error>th, .table>tbody>tr>td.error, .table>tbody>tr>th.error, .table>tfoot>tr.error>td, .table>tfoot>tr.error>th, .table>tfoot>tr>td.error, .table>tfoot>tr>th.error, .table>thead>tr.error>td, .table>thead>tr.error>th, .table>thead>tr>td.error, .table>thead>tr>th.error {
color: #605655
}
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
color: #6f7c84
}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
color: #555c52
}
.features-white li .features-list-icon {
background-color: #FFF
}
.features-dark li .features-list-icon {
background-color: #353b42
}
.features-gray li .features-list-icon {
background-color: #dfdfdf
}
.features-blue li .features-list-icon {
background-color: rgba(44,62,80,.5)
}
.features-green li .features-list-icon {
background-color: #4a686b
}
.menu-item-object-oxy_mega_menu {
position: static!important
}
.menu-item-object-oxy_mega_menu .dropdown-menu {
left: 0!important;
right: 0!important;
overflow: hidden;
background-position: center;
background-size: cover
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li {
position: relative
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li:before {
content: "";
position: absolute;
height: 1000px;
width: 1px;
left: 0;
top: 3px
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li:first-child:before {
display: none
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li>ul {
list-style-type: none;
padding: 0 0 6px;
overflow: hidden
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li>ul>li {
padding-bottom: 0
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li>ul>li>a {
padding: 8px 0;
display: block;
font-size: 14px;
-webkit-transition: color false false, .1s false false;
-moz-transition: color false false false, .1s false false false;
-o-transition: color false false false, .1s false false false;
transition: color .1s
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li>strong {
padding-top: 16px;
padding-bottom: 8px;
display: block
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li>p {
font-size: 14px;
font-style: italic;
padding-bottom: 12px;
margin-bottom: 0;
border-bottom: 1px solid
}
.oxy_mega_menu-no-dividers>ul>li:before {
display: none
}
.oxy_mega_menu-no-dividers>ul>li>p {
border: 0!important
}
@media (max-width:992px) {
.menu-item-object-oxy_mega_menu .dropdown-menu {
background-image: none!important
}
.menu-item-object-oxy_mega_menu .dropdown-menu>li>ul>li>a {
padding-left: 15px;
padding-right: 15px
}
}
.alignnone {
margin: 0 12px 12px 0
}
.aligncenter, div.aligncenter {
display: block;
margin: 0 auto
}
.alignright {
float: right;
margin: 0 0 12px 12px
}
.alignleft {
float: left;
margin: 0 12px 12px 0
}
.aligncenter {
display: block;
margin: 0 auto
}
a img.alignright {
float: right;
margin: 0 0 12px 12px
}
a img.alignnone {
margin: 0 12px 0 0
}
a img.alignleft {
float: left;
margin: 0 12px 0 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.gallery-caption, .wp-caption {
text-align: center;
overflow: hidden
}
.wp-caption.alignnone {
margin: 0 0 12px;
max-width: 100%
}
.wp-caption.alignleft {
margin: 0 12px 12px 0
}
.wp-caption.alignright {
margin: 0 0 12px 12px
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 4px 0 0;
max-width: 100%;
padding: 0;
width: auto
}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 12px
}
.bypostauthor, .sticky {
display: block
}
.post .pagination {
margin: 0
}
.wpcf7-form-control-wrap {
display: block!important
}
.logged-in.transparent-header, .logged-in.transparent-header #masthead {
top: 32px
}
@font-face {
font-family: FontAwesome;
src: url(../fonts/fontawesome-webfont.eot?v=4.2.0);
src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff?v=4.2.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.2.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format("svg");
font-weight: 400;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: .14286em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-rotate-90 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-close:before, .fa-remove:before, .fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-cog:before, .fa-gear:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-repeat:before, .fa-rotate-right:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-exclamation-triangle:before, .fa-warning:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-cogs:before, .fa-gears:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before, .fa-users:before {
content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-floppy-o:before, .fa-save:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-sort:before, .fa-unsorted:before {
content: "\f0dc"
}
.fa-sort-desc:before, .fa-sort-down:before {
content: "\f0dd"
}
.fa-sort-asc:before, .fa-sort-up:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"
}
.fa-gavel:before, .fa-legal:before {
content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-bolt:before, .fa-flash:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-clipboard:before, .fa-paste:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-chain-broken:before, .fa-unlink:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
content: "\f150"
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
content: "\f151"
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
content: "\f152"
}
.fa-eur:before, .fa-euro:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
content: "\f155"
}
.fa-inr:before, .fa-rupee:before {
content: "\f156"
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
content: "\f157"
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
content: "\f158"
}
.fa-krw:before, .fa-won:before {
content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-try:before, .fa-turkish-lira:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
content: "\f19c"
}
.fa-graduation-cap:before, .fa-mortar-board:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
content: "\f1c5"
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
content: "\f1c6"
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
content: "\f1d0"
}
.fa-empire:before, .fa-ge:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"
}
.fa-paper-plane:before, .fa-send:before {
content: "\f1d8"
}
.fa-paper-plane-o:before, .fa-send-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.woocommerce h1 {
margin-bottom: 24px
}
.woocommerce h2, .woocommerce h3 {
margin-bottom: 12px
}
.button {
display: inline-block;
padding: 6px 12px!important;
margin-bottom: 0;
font-size: 14px!important;
text-align: center;
text-shadow: none!important;
font-weight: 400!important;
outline: 0;
vertical-align: middle;
cursor: pointer;
height: 24px;
line-height: 24px!important;
border-radius: 0;
box-sizing: content-box;
-moz-box-sizing: content-box
}
.button.btn-lg {
padding: 11px 19px
}
.fullwidth {
width: 100%!important;
box-sizing: border-box
}
mark {
background: 0 0;
font-weight: 700
}
.add_to_cart_button {
position: relative;
padding-right: 32px!important;
font-weight: 400
}
.add_to_cart_button:after {
content: "\f07a";
font-family: FontAwesome;
position: absolute;
right: 12px;
z-index: 1;
font-size: 12px;
line-height: 24px;
font-weight: 400;
top: 6px
}
.add_to_cart_button.loading:after {
content: "\f021";
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
-webkit-transform-origin: 50% 50% 50%;
-moz-transform-origin: 50% 50% 50%;
-ms-transform-origin: 50% 50% 50%;
-o-transform-origin: 50% 50% 50%;
transform-origin: 50% 50% 50%
}
.add_to_cart_button.added:after {
content: "\f00c"
}
.added_to_cart {
display: none
}
.star-rating {
overflow: hidden;
position: relative;
height: 24px;
line-height: 24px;
font-size: 14px;
font-weight: 400;
width: 5.4em;
font-family: FontAwesome;
margin: 0 auto;
display: inline-block;
text-align: left
}
.products .star-rating {
left: 4px
}
.star-rating:before {
content: "\f006 \f006 \f006 \f006 \f006";
top: 0;
left: 0;
position: absolute;
width: 100%
}
.star-rating span {
display: block;
overflow: hidden;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
width: 100%
}
.star-rating span:before {
display: block;
content: "\f005 \f005 \f005 \f005 \f005";
top: 0;
position: absolute;
left: 0;
width: 100%
}
@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg)
}
100% {
-moz-transform:rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform:rotate(0deg)
}
100% {
-o-transform:rotate(359deg)
}
}
@-ms-keyframes spin {
0% {
-ms-transform:rotate(0deg)
}
100% {
-ms-transform:rotate(359deg)
}
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(359deg)
}
}
form .fullwidth-form-field input, form .fullwidth-form-field textarea {
width: 100%
}
.section-commerce .breadcrumb {
padding-left: 0;
display: inline-block
}
.mini-cart-opened #content {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%)
}
.mini-cart-overview a {
padding: 0 0 0 6px;
display: block;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s;
position: relative
}
.mini-cart-underlay {
-webkit-transition: background false false, .2s false false;
-moz-transition: background false false false, .2s false false false;
-o-transition: background false false false, .2s false false false;
transition: background .2s;
content: "";
position: fixed;
width: 0;
height: 0;
top: 0;
right: 0;
z-index: 1101;
cursor: pointer
}
.mini-cart-underlay.cart-open {
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5)
}
.btn-cart-sidebar span {
background: 0 0
}
.mini-cart-container {
position: fixed;
width: 300px;
height: 100%;
right: 0;
top: 0;
z-index: 1101;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s;
-webkit-transform: translateX(300px);
-moz-transform: translateX(300px);
-ms-transform: translateX(300px);
-o-transform: translateX(300px);
transform: translateX(300px);
text-align: left
}
.mini-cart-container.active {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
box-shadow: 0 0 10px rgba(0,0,0,.8)
}
.mini-cart-container>ul>li {
display: block
}
.widget_shopping_cart .sidebar-header {
display: none
}
.mini-cart-container .cart_list {
padding: 0 20px;
position: absolute;
list-style-type: none;
top: 48px;
bottom: 128px;
left: 0;
overflow: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%
}
.mini-cart-container .cart_list li {
border-bottom: 1px solid
}
.mini-cart-container .cart_list .amount, .mini-cart-container .cart_list dl, .mini-cart-container .cart_list p {
font-size: 13px;
margin: 0
}
.mini-cart-container .cart_list .media {
position: relative
}
.mini-cart-container .cart_list .remove {
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -12px
}
.mini-cart-container .cart_list dd, .mini-cart-container .cart_list dt {
display: inline-block;
width: 35%
}
.mini-cart-container .cart-actions {
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
.cart-actions {
position: relative;
z-index: 100
}
.cart-actions .total {
margin: 6px;
padding: 7px 8px;
line-height: 24px;
margin-bottom: 0
}
.cart-actions .total .amount {
float: right;
font-weight: bolder;
margin-right: 10px
}
.cart-actions .btn {
font-size: 14px;
text-align: left;
margin: 6px;
position: relative
}
.cart-actions i {
position: absolute;
right: 3px;
padding: 0 10px;
top: 10px
}
.woocommerce-breadcrumb {
display: inline-block;
line-height: 36px;
font-size: 14px;
text-align: center;
vertical-align: middle;
margin-bottom: 24px
}
.woocommerce-breadcrumb span {
display: block;
float: left;
position: relative
}
.woocommerce-breadcrumb a, .woocommerce-breadcrumb span:last-child {
display: block;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s;
padding: 0 20px
}
.single-product .woocommerce-breadcrumb span:last-child {
display: none
}
.woocommerce-breadcrumb span:after {
content: "";
position: absolute;
top: 0;
margin-top: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 10px solid;
right: -10px;
z-index: 1
}
@media (max-width:768px) {
.woocommerce-breadcrumb {
text-align: center
}
.woocommerce-breadcrumb span {
display: none
}
.woocommerce-breadcrumb span:first-child, .woocommerce-breadcrumb span:nth-last-of-type(2) {
display: inline-block
}
}
.woocommerce-result-count {
display: inline-block;
line-height: 36px;
font-size: 14px;
margin-bottom: 24px
}
.woocommerce-ordering {
display: inline-block;
line-height: 24px;
font-size: 14px;
position: relative;
margin-left: 24px;
margin-bottom: 24px
}
.woocommerce-ordering select {
margin-bottom: 0;
height: 24px;
line-height: 24px;
padding: 6px 12px;
font-size: 14px;
font-family: inherit;
border: 0;
text-shadow: none!important;
border-radius: 0;
box-sizing: content-box;
-moz-box-sizing: content-box
}
.woocommerce-ordering select:focus {
outline: 0
}
.woocommerce-ordering .select-wrap:after {
line-height: 36px
}
@media (max-width:992px) {
.woocommerce-ordering, .woocommerce-ordering select {
display: block;
margin-left: 0;
text-align: left
}
.woocommerce-result-count {
display: none
}
}
divp.stars .pp_content_container {
box-shadow: 0 4px 1px 0 rgba(0,0,0,.25)!important;
padding: 40px 0 10px!important;
border-radius: 0!important
}
.pp_content_container #respond {
text-align: center;
margin: 0!important;
width: 100%!important;
background: 0!important;
border: 0!important;
padding: 0!important;
overflow: hidden!important
}
.pp_content_container #respond h3 {
border-bottom: 2px solid #6c6c6c!important;
padding-bottom: 12px
}
.pp_description {
display: none!important
}
.pp_content_container .comment-form-author, .pp_content_container .comment-form-author input, .pp_content_container .comment-form-email, .pp_content_container .comment-form-email input, .pp_content_container .comment-form-rating {
width: 100%;
clear: both;
float: left
}
.pp_content_container .comment-form-author, .pp_content_container .comment-form-email {
position: relative
}
.pp_content_container input, .pp_content_container textarea {
width: 95%!important;
border: 0!important;
background: #ededed;
box-shadow: 0 4px 0 rgba(0,0,0,.2)
}
.pp_content_container input[type=submit], .pp_content_container textarea[type=submit] {
width: 50%!important;
background: #6c6c6c;
color: #fff;
box-shadow: none
}
#review_form_wrapper .select-wrap {
display: none
}
#review_form_wrapper p.stars {
height: 24px
}
#review_form_wrapper p.stars:after {
display: block;
content: "\f006 \f006 \f006 \f006 \f006";
font-family: FontAwesome;
position: absolute
}
#review_form_wrapper p.stars span {
width: 80px;
height: 24px;
line-height: 24px;
position: relative;
float: left
}
p.stars span a {
float: left;
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 24px;
line-height: 24px;
overflow: hidden;
text-indent: -9000px
}
p.stars span a:after {
display: block;
top: 0;
left: 0;
position: absolute;
height: 24px;
line-height: 24px;
font-family: FontAwesome;
text-indent: 0
}
p.stars span a.active:after {
opacity: .6
}
p.stars span a.star-1 {
width: 16px;
z-index: 10
}
p.stars span a.star-1.active:after, p.stars span a.star-1:focus:after, p.stars span a.star-1:hover:after {
width: 16px;
content: "\f005"
}
p.stars span a.star-2 {
width: 32px;
z-index: 9
}
p.stars span a.star-2.active:after, p.stars span a.star-2:focus:after, p.stars span a.star-2:hover:after {
width: 32px;
content: "\f005 \f005 "
}
p.stars span a.star-3 {
width: 48px;
z-index: 8
}
p.stars span a.star-3.active:after, p.stars span a.star-3:focus:after, p.stars span a.star-3:hover:after {
width: 48px;
content: "\f005 \f005 \f005 "
}
p.stars span a.star-4 {
width: 64px;
z-index: 7
}
p.stars span a.star-4.active:after, p.stars span a.star-4:focus:after, p.stars span a.star-4:hover:after {
width: 64px;
content: "\f005 \f005 \f005 \f005 "
}
p.stars span a.star-5 {
width: 80px;
z-index: 6
}
p.stars span a.star-5.active:after, p.stars span a.star-5:focus:after, p.stars span a.star-5:hover:after {
width: 80px;
content: "\f005 \f005 \f005 \f005 \f005 "
}
.products {
padding: 0;
margin: 0;
list-style-type: none
}
.product {
position: relative;
overflow: hidden;
padding-bottom: 12px;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s
}
.products .product {
margin-bottom: 48px
}
.product>a:first-child {
display: block;
position: relative;
overflow: hidden
}
.product-image {
position: relative;
overflow: hidden;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s
}
.product-image img {
margin-bottom: 0!important;
-webkit-transition: all false false, .4s false false;
-moz-transition: all false false false, .4s false false false;
-o-transition: all false false false, .4s false false false;
transition: all .4s
}
.product-image .product-image-back {
position: absolute;
top: 0;
width: 100%
}
.product-image .product-image-back img {
opacity: 0
}
.product-image .product-image-back img:hover {
opacity: 1
}
.product-image:hover {
box-shadow: 0 1px 3px rgba(0,0,0,.25)
}
.products .product-title {
margin-top: 6px;
margin-bottom: 6px;
font-size: 16px;
line-height: 24px
}
.onsale {
display: block;
position: absolute;
width: 100px;
height: 24px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
z-index: 1;
top: 15px;
right: -25px;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.product-info {
min-height: 54px;
margin-bottom: 12px
}
.price {
display: block;
font-size: 18px;
line-height: 24px
}
.price .from, .price del {
font-size: .9em
}
.price ins {
text-decoration: none
}
.woocommerce-pagination {
display: block
}
.page-numbers {
list-style-type: none;
text-align: center;
padding: 0;
letter-spacing: -5px
}
.page-numbers li {
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px
}
.page-numbers a, .page-numbers span {
letter-spacing: 0;
display: block
}
.product-summary {
margin-bottom: 48px
}
.single-product .product-title {
margin-bottom: 8px
}
.product-images {
position: relative;
margin-bottom: 24px;
overflow: hidden
}
.product-images .flex-control-thumbs li {
margin-top: 6px;
margin-right: 6px;
max-width: 100px
}
.product-images .flex-control-thumbs li:first-child {
margin-left: 0
}
.product-images .flex-direction-nav a {
top: 42%
}
.product-images .flexslider .slides>li {
position: relative
}
.product-images li figcaption {
width: 36px;
height: 36px;
padding: 0;
line-height: 36px;
text-align: center;
font-size: 14px;
bottom: -36px;
left: 0;
opacity: 0;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s
}
.product-images li:hover figcaption {
opacity: 1;
bottom: 0
}
.product-images .flex-control-thumbs img {
display: block
}
.product-nav {
display: inline-block
}
.product-nav a {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
white-space: nowrap
}
.product-nav i {
height: 36px;
width: 36px;
line-height: 36px
}
.product-nav a:last-child {
margin-left: 1px
}
.product-offers {
margin-bottom: 24px
}
table .price {
margin-bottom: 0
}
.price-big {
font-size: 36px;
line-height: 48px
}
.description {
margin-bottom: 24px
}
.description p {
margin-bottom: 24px;
font-size: 18px;
line-height: 27px
}
.variations {
margin-bottom: 24px
}
.variations .label {
font-weight: 700;
color: inherit;
line-height: 36px;
font-size: 1em;
padding: 0 12px 0 0;
display: block
}
.variations select {
height: 36px;
min-width: 200px
}
.single_variation_wrap .price .amount {
font-weight: 700;
margin-bottom: 24px;
display: block
}
.reset_variations {
line-height: 36px
}
.quantity {
display: inline-block
}
.quantity input {
display: inline-block;
padding: 6px 12px;
margin: 0;
font-size: 14px;
text-align: center;
text-shadow: none;
font-weight: 400!important;
outline: 0;
vertical-align: middle;
cursor: pointer;
line-height: 24px!important;
border-radius: 0;
border: 0;
max-width: 36px;
height: 36px;
-webkit-appearance: none!important;
box-sizing: border-box;
-moz-box-sizing: border-box
}
.product-type-grouped .table td {
padding: 4px
}
.product-type-grouped .table td .amount, .product-type-grouped .table td label {
line-height: 36px;
margin-bottom: 0
}
.table-related {
margin-bottom: 24px
}
.table-related tbody tr td {
vertical-align: middle
}
.table-related label, .table-related p {
margin: 0
}
.table-related input:focus {
box-shadow: none!important
}
.table-related input::-webkit-inner-spin-button, .table-related input::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.cross-sells h2, .related h2, .upsells h2 {
display: inline-block;
line-height: 36px;
padding: 0 18px;
font-size: 20px;
font-weight: 400
}
#reviews .verified {
font-weight: 400
}
#reviews .comments .comments-form {
max-width: 100%
}
#reviews .comments .comments-form .controls {
margin-top: 30px
}
#reviews .comments {
padding-bottom: 0
}
#reviews .star-rating {
margin-bottom: -6px
}
#reviews h3, #tab-description h3 {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px
}
.stock {
font-weight: 700;
font-size: 18px;
margin-bottom: 24px
}
.single-product-extras {
margin-bottom: 48px
}
.single-product-extras .tab-content {
padding: 24px
}
.product_meta {
margin-top: 24px;
margin-bottom: 24px
}
.product_meta>span {
display: block
}
.single-product .post-share small {
display: none
}
.single-product .post-share .social-share {
text-align: left
}
@media (max-width:480px) {
.product-nav {
display: none
}
}
.shop_table td {
text-align: center!important
}
.shop_table th {
text-align: center
}
.coupon {
margin: 24px 0
}
.country-select, .coupon input[type=text] {
width: 100%
}
.woocommerce #customer_details p {
margin: 0 0 10px
}
.woocommerce #customer_details p#billing_email_field, .woocommerce #customer_details p#billing_first_name_field, .woocommerce #customer_details p#shipping_first_name_field {
width: 50%;
display: block;
padding: 0;
margin: 0 0 12px;
float: left
}
.woocommerce #customer_details p#billing_last_name_field, .woocommerce #customer_details p#billing_phone_field, .woocommerce #customer_details p#shipping_last_name_field {
width: 49%;
display: block;
padding: 0;
margin: 0 0 12px;
float: right
}
.woocommerce #customer_details p input {
width: 100%;
margin: 0;
padding: 0 10px;
height: 32px;
box-sizing: border-box
}
.woocommerce #customer_details p textarea {
width: 100%!important
}
.woocommerce #customer_details p input.input-checkbox {
width: 15px
}
.woocommerce #customer_details p label.checkbox {
display: inline-block
}
.woocommerce-invalid input, .woocommerce-invalid textarea, input.woocommerce-invalid, textarea.woocommerce-invalid {
border: 0;
box-shadow: 0 -4px 0 #e74c3c inset
}
.woocommerce .payment_methods {
margin: 0 0 12px;
padding-left: 0
}
.woocommerce .payment_methods li {
list-style: none;
padding-top: 5px
}
.woocommerce .payment_methods input {
margin: 0
}
.woocommerce .payment_methods input[type=text] {
width: 100%
}
.woocommerce .payment_methods label {
display: inline-block;
margin-left: 5px
}
.shop_table td {
vertical-align: middle!important
}
.woocommerce .shop_table.order_details.table {
font-size: 16px
}
.woocommerce .shop_table.order_details td, .woocommerce .shop_table.order_details tfoot th {
padding: 20px
}
.woocommerce .addresses address {
font-style: italic
}
.order_details {
list-style-type: none;
padding-left: 0
}
.order_details li {
margin-bottom: 12px;
padding: 12px;
border-bottom: 1px solid
}
#ship-to-different-address {
margin-top: 0
}
.product-category {
position: relative;
background: 0 0
}
.product-category h3 {
font-size: 16px;
text-align: center;
margin-bottom: 0;
position: absolute;
bottom: 0;
width: 50%;
padding: 6px 36px 6px 10px;
-webkit-transition: background-color .2s false, width .2s false;
-moz-transition: background-color .2s false false, width .2s false false;
-o-transition: background-color .2s false false, width .2s false false;
transition: background-color .2s, width .2s
}
.product-category:hover h3 {
width: 100%;
padding-right: 10px
}
.product-category mark {
background-color: transparent;
font-size: .8em;
display: block;
position: absolute;
right: 0;
top: 0;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center
}
.term-description {
margin-bottom: 48px;
padding-bottom: 24px;
text-align: center;
position: relative
}
.term-description:after {
display: block;
position: absolute;
content: "";
width: 200px;
height: 2px;
top: 100%;
left: 50%;
margin-left: -100px
}
.widget_product_tag_cloud ul {
margin: 0;
padding: 0;
list-style: none;
*zoom:1
}
.widget_product_tag_cloud ul:after {
content: "";
display: table;
clear: both
}
.widget_product_tag_cloud ul a, .widget_product_tag_cloud ul li {
float: left;
height: 24px;
line-height: 24px;
position: relative
}
.widget_product_tag_cloud ul li {
margin-bottom: 12px
}
.widget_product_tag_cloud ul a {
font-size: 11px!important;
text-transform: none!important;
margin-right: 10px;
padding: 0 10px;
text-decoration: none;
-webkit-transition: all false false, .2s false false;
-moz-transition: all false false false, .2s false false false;
-o-transition: all false false false, .2s false false false;
transition: all .2s
}
.product_list_widget {
list-style-type: none;
padding-left: 0;
margin-bottom: 0
}
.product_list_widget li {
*zoom:1;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid
}
.product_list_widget li:after {
content: "";
display: table;
clear: both
}
.product_list_widget a {
display: block
}
.product_list_widget img {
float: left;
margin-right: 12px;
margin-top: 4px;
max-width: 70px
}
.product_list_widget .star-rating {
display: block;
float: none;
margin: 0
}
.product_list_widget .amount {
font-weight: 700;
font-size: 18px;
line-height: 24px;
display: inline-block
}
.product_list_widget del .amount {
font-size: 14px;
text-decoration: line-through
}
.widget_layered_nav .children, .widget_layered_nav ul, .widget_product_categories .children, .widget_product_categories ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-bottom: 0
}
.widget_layered_nav p, .widget_product_categories p {
text-indent: 0;
margin-bottom: 0
}
.widget_layered_nav small, .widget_product_categories small {
display: inline-block;
font-size: 14px
}
.widget_layered_nav small:before, .widget_product_categories small:before {
content: "- "
}
.widget_product_search form {
position: relative;
margin-bottom: 0
}
.widget_product_search form:after {
display: block;
position: absolute;
content: "\f002";
font-family: FontAwesome;
top: 0;
height: 34px;
line-height: 34px;
right: 0;
width: 32px;
text-align: center
}
.widget_product_search label {
display: none
}
.widget_product_search input[type=text] {
width: 100%;
box-sizing: border-box;
min-height: 34px;
margin-bottom: 0
}
.widget_product_search input[type=submit] {
position: absolute;
text-indent: -9000em;
display: block;
top: 1px;
right: 0;
border: 1px solid transparent;
height: 32px;
width: 32px;
box-shadow: none;
outline: 0
}
.widget_price_filter .price_slider {
margin-bottom: 1em;
background: #eee
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 18px;
height: 18px;
cursor: pointer;
outline: 0;
top: -5px;
border-radius: 50%;
display: block;
box-sizing: border-box
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
border: 0
}
.widget_price_filter .ui-slider-horizontal {
height: 8px;
margin-bottom: 24px;
margin-top: 28px
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px
}
.widget_price_filter .button {
float: left
}
.widget_price_filter .price_label {
display: block;
line-height: 32px;
text-align: right
}
.woocommerce-account .form-row .chosen-container {
width: 100%!important
}