@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-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%, 20%, 50%, 80%, 100% {
-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%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-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 rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-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% {
opacity: 1;
-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% {
opacity: 1;
-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(-360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-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-out;
animation-timing-function: ease-out;
}
40% {
-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-out;
animation-timing-function: ease-out;
}
50% {
-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-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0deg) 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% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
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% {
-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;
}
}
.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 slideInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
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);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideOutDown {
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);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-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);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: 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);
-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;
opacity: 1;
}
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;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
-ms-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
-ms-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
-ms-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
-ms-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
transform-origin: center top;
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,800&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Rubik:wght@400;500;600;700&display=swap");
html {scroll-behavior:smooth;}
body {background:#fff; color:#000; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; line-height:1.8;}
.font-poppins {font-family: 'Poppins', sans-serif;}
.font-roboto {font-family: 'Roboto', sans-serif;}	
.font-Rubik {font-family: 'Rubik', sans-serif;} a {text-decoration:none !important; color:#f53d79;} a:hover{color:#191919;}
p{margin-bottom:25px;} 
.Bor:after {border-bottom:1px solid #fff; content:"";display:block; margin:0 0 30px 0; padding-bottom:30px; width:46px;}
.Bor1:after {border-bottom:5px solid #f69322; content:"";display:block; margin:auto auto 20px auto; padding-bottom:15px; width:85px;}
.SerArea1:before  {background:#F00; min-height:200px; content:"";display:block; margin:0; padding-bottom:0px; width:100%;}
.breadcrumb{color:#818181; margin:0px; background-color:transparent;padding:0 0 15px; font-size:12px; border-bottom:solid 1px #dddddd;}
.breadcrumb>li+li:before{content:"\27A4";color:#818181; margin:0 10px;}
.breadcrumb a{color:#487201;} .ImgFade{background-color:#000;}
.ImgFade img{opacity: 0.3; filter: alpha(opacity=30); }
hr{background-color:#878585 !important; margin:30px 0px 30px 0px;} .btn{-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;text-decoration:none !important; font-weight:700; font-size:20px; padding:15px 40px; font-family: 'Poppins', sans-serif; vertical-align:top; border-radius:40px;}
.btn-outline-light{border-width:2px;border-color:#fff;}
.btn-outline-primary:hover,.btn-outline-primary.focus,.btn-outline-primary:focus{background-color:#00b0f0; border-color:#00b0f0 !important;color:#fff !important;}
.btn-light{border-color:#fff;color:#4908c1 !important;background-color:#fff;}
.btn-light:hover,.btn-light.focus,.btn-light:focus{background-color:#0b0013; border-color:#0b0013 !important;color:#fff !important;}
.btn-lg{border-radius:0px;font-size:20px;font-family: 'Rubik', sans-serif; font-weight:400; text-shadow:none; text-transform:uppercase;}
.btn-sm{font-size:13px; text-transform:capitalize;}
.btn-danger{background-image:linear-gradient(to right, #b600fd 0%, #b600fd 50%, #8200fd 100%); border:none;padding:18px 40px;}
.btn-danger:hover,.btn-danger.focus,.btn-danger:focus{background-image:linear-gradient(to right, #8200fd 0%, #8200fd 50%, #b600fd 100%); }
.btnbor{border:solid 2px #fff !important;padding:15px 40px;font-size:15px;} .fw-light{font-weight:300 !important;}
.fw-medium{font-weight:500 !important;}
.fw-semi{font-weight:600 !important;}
.fw-bold{font-weight:700 !important;}
.fw-bolder{font-weight:800 !important;}
.ls-1{letter-spacing:.1em !important;}
.ls-7{letter-spacing:.7em !important;}
.ls-20{letter-spacing:.020em !important;}
.fs-18 {font-size:18px;}
.fs-20 {font-size:20px;}
.fs-30 {font-size:30px;}
.fs-40{font-size:40px;}
.fs-60{font-size:60px;}
.fs-90 {font-size:90px;}
.lh-1{line-height:1 !important;}
.lh-35{line-height:35px !important;}
.bg-dark {background-color:#000 !important;}
.bg-light{background-color:#f2f2f2 !important;}
.bg-info{background-color:#e5f1ff !important;}
.bg-danger{background-color:#f58237 !important;}
.border-primary{border-color:#00a3f8 !important;}
.Boxshadow{box-shadow:10px 10px 10px rgba(0,0,0,.10);} .text-dark {color:#000 !important;}
.text-primary {color:#2c3a46!important}
.text-danger {color:#d4202b!important} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {font-weight:400;}
h1, .h1 {font-size:40px; font-family: 'Rubik', sans-serif; font-weight:700;}
h2, .h2 {font-size:50px;font-family: 'Poppins', sans-serif; font-weight:800;}
h3, .h3 {font-size:25px;}
h4, .h4 {font-size:13px;}
h5, .h5 {font-size:12px;} input.form-control,input.form-control:focus {font-size:13px; font-weight:400; box-shadow:none;font-family: 'Poppins', sans-serif;}
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {box-shadow:inset 0 -1px 0 #ddd; outline:none;}
textarea.form-control:not([rows]) {height:136px;}
.form-control::-moz-placeholder {color:#6a6a6a; opacity:1;} .MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;left:0;top:0px;bottom:0;right:0;padding:0px; font-size:60px;} .carousel-control-next, .carousel-control-prev {width:10%; z-index:99;} 
.MainBanner .carousel-indicators {z-index:999; bottom:10px;}
.MainBanner .carousel-indicators li {background-color:#a8a4a2; opacity:1;border-radius:50%; width:12px; height:12px;} 
.MainBanner .carousel-indicators .active {background-color:#fff !important;width:12px; height:12px;} ul.orange {padding:0 0 0 25px; margin:0px;}
ul.orange li {color:#3c3c3c; list-style: none; position:relative;}
ul.orange li::before {color:#3ba148; content:"\2022"; font-size:3em; position:absolute; top:-26px; left:-25px;} #scroll {position:fixed; right:10px; bottom:90px; z-index:99999; cursor:pointer; width:45px; height:45px; text-align:center; line-height:43px; background:#000; color:#fff !important;}
#scroll:hover {opacity:.7;}.navbar .navbar-nav .nav-link {color:#000; padding:11px 25px; font-size:17px; background:none; border-radius:28px;border:solid 2px transparent;}
.navbar-nav>li+li {margin-left:4px;}
.navbar .navbar-nav .active > .nav-link, .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show > .nav-link, .navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {color:#2626fe; background:none; border:solid 2px #0000fe;}
.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:focus, .navbar .nav-item .nav-link.active {color:#2626fe; background:none; border:solid 2px #0000fe;}
.navbar-toggler:focus {box-shadow:none !important;}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.navbar .navbar-nav .nav-link {padding: 10px 26px !important;}
}
@media (min-width: 768px) and (max-width: 1199.98px) {.navbar .navbar-nav .nav-link {padding: 10px 26px !important;}}
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar .navbar-nav .nav-link {padding:9px 17px;font-size:14px;} .navbar-brand {width:150px !important;}
} @media (max-width:767.98px) {
.navbar {justify-content:start;}
.navbar .collapse:not(.show){display:block !important;}
.mobile-nav-toggle {background: none;border: 0;cursor: pointer;outline: none !important;padding: 16px 30px 16px 5px;
transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;z-index: 9999;box-shadow: none !important;}
.mobile-nav-active .mobile-nav-toggle.active {position:absolute; left:290px; background:#000;}
.mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {cursor:pointer;height:4px;width:23px;background:#000;position:absolute;display:block;content:'';transition:all 500ms ease-in-out;border-radius:5px;}
.mobile-nav-toggle span:before {top: -7px;width: 23px;}
.mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
.mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}
.mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index:9999;overflow-y: auto;left: -295px;width: 295px !important;
padding:15px 0px;background:#000;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.mobile-nav * {list-style:none; color:#fff !important;}
.mobile-nav {height:auto!important;}
.mobile-nav .dropdown-menu {position:static !important; transform:none !important; background:none !important; padding-left:25px;}
.mobile-nav .dropdown-menu .dropdown-item-text {margin:5px 0px; padding:2px 10px;}
.mobile-nav .dropdown-menu .dropdown-item {margin:10px 0px;}
.mobile-nav .dropdown-menu .dropdown-item .fa {display:none;}
.mobile-nav .dropdown-menu .dropdown-item:before {content:"\00BB"; margin-right:5px; font-size:20px; line-height:1;}
.mobile-nav ul{border:none!important;}
.mobile-nav ul > .nav-item:not(.list-inline-item) {padding:0px;width: 100%;}
.mobile-nav ul > .nav-item > .nav-link {display: block;position: relative;color: #fff !important;padding:8px 15px !important;text-align: left !important;
text-decoration: none !important;background: none;border: none;font-size:16px;font-family: 'Poppins', sans-serif; font-weight:600;}
.mobile-nav ul > .nav-item > .nav-link:hover {color:#b1afaf !important;} .mobile-nav ul > .nav-item > button.nav-link {font-size: 16px;}
.mobile-nav ul > .nav-item > button.nav-link.active span {color: #3DAA34 !important;}
.mobile-nav ul > .nav-item > .nav-link > img {width: 20px;margin-right: 10px;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active #Header {background-color:transparent !important; z-index:1040;}
.mobile-nav-active #Header a {visibility:hidden;}
.mobile-nav-active .mobile-nav-toggle.active span:after {width:23px;}
.mobile-nav-active .mobile-nav-toggle.active span {background-color:transparent; top:8px;}
.mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top:7px;}
.mobile-nav-active .mobile-nav-toggle.active span:before {bottom:0px; background:#fff; transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform: rotate(45deg);-webkit-transform:rotate(45deg);}
.mobile-nav-active .mobile-nav-toggle.active span:after {background:#fff;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.mobile-nav-active .mobile-nav.active {left:0;}
.mobile-nav-active .mobile-nav-toggle {margin-top:-20px;} .mobile-nav-active .mobile-nav-toggle i {color:#fff;}
.mobile-nav ul.navbar-nav > li.nav-item > .megamenu,
.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu {font-size:15px; font-weight:400; position:static; background:none; color:#fff;padding:0px; border:none; display:none;}
.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a,.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a {display:block; padding:10px 20px; color:#fff;}
.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a:before,.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a:before {display:inline; content:"\00bb"; margin-right:5px;}
.mobile-nav-active .mob-menu-btn {display: block;}
.navbar{position:absolute; left:15px; top:25px;}
.navbar-brand img{width:130px !important;}
.navbar-nav>li+li {margin-left:0px;}
}
@media (max-width:575.98px) {
.navbar{left:5px;}
}#Header {font-size:17px; color:#000;}  #Header + main {margin-top:152px;}  
.CallText a,.Phnmail a{color:#000;}.SerArea a:hover,.Phnmail a:hover{color:#d4202b;} .MainBanner .carousel-caption{text-shadow:1px 1px 1px rgba(0,0,0,.3); line-height:1.4;} 
.BnrText{width:75%;}
.diagonal-box {margin-top:110px; background-image:linear-gradient(45deg, #f70066, #7e00fd); transform:skewY(3deg); height:600px;}
.content {margin:0 auto; transform:skewY(-3deg);}
.diagonal-box1 {background-image:linear-gradient(45deg, #f2f2f2,#f2f2f2); transform:skewY(3deg); height:634px; padding-top:130px;}
.content1 {margin:0 auto; transform:skewY(-3deg);}
.ImgTop{margin-top:-247px;}
.TextBox{padding:40px 30px 30px 30px; border-radius:16px; line-height:1.6;}
.Head{letter-spacing:.020em !important; font-size:18px; line-height:25px; margin-bottom:15px;}
#chevron {position:relative; text-align:center; padding:12px; margin-bottom:6px; height:970px;}
#chevron:before {content:''; position:absolute; top:0; left:0; height:100%; width:51%; background:#ececec; transform:skew(0deg, 6deg);}
#chevron:after {content:''; position:absolute; top:0; right:0; height:100%; width:50%; background:#ececec; transform:skew(0deg, -6deg);}
#chevron .container{z-index:9;position:absolute; left:0px; right:0px;}
.hero {position:relative; font-size:30px; line-height:40px; font-weight:300; background:#000; color:#FFF; border-radius:70px; border:24px solid #fff; padding:45px 30px; min-height:420px;}
.hero:after, .hero:before {top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.hero:after {border-color:rgba(0, 0, 0, 0); border-top-color:#000; border-width:40px; margin-left:-40px;}
.hero:before {border-color:rgba(255, 255, 255, 0); border-top-color:#fff; border-width:68px; margin-left:-68px;}
#ContactForm {position:relative; text-align:center; padding:12px;  height:720px;
background: rgb(248,0,101);
background: linear-gradient(90deg, rgba(248,0,101,1) 0%, rgba(233,0,120,1) 20%, rgba(190,0,173,1) 40%, rgba(161,0,209,1) 60%, rgba(136,0,241,1) 80%, rgba(126,0,253,1) 100%);}
#ContactForm:before {content:''; position:absolute; top:-43px; left:0; height:100%; width:51%; 
background: rgb(251,0,97);
background: linear-gradient(84deg, rgba(251,0,97,1) 0%, rgba(218,0,138,1) 49%, rgba(169,0,199,1) 87%); transform:skew(0deg, 6deg);}
#ContactForm:after {content:''; position:absolute; top:-43px; right:0; height:100%; width:50%; 
background: rgb(169,0,199);
background: linear-gradient(84deg, rgba(169,0,199,1) 0%, rgba(141,0,234,1) 49%, rgba(126,0,253,1) 87%); transform:skew(0deg, -6deg);}
#ContactForm .container{z-index:9; position:absolute; left:0px; right:0px;}
#ContactForm a{color:#fff;}#ContactForm a:hover{color:#000;}
#ContactForm .list-inline-item:not(:last-child) {margin-right:28px;}
.mark, mark {
padding: 0px !important;
}
.text-grey {color:#464646;} #ContactForm .form-group {margin-bottom:21px;}
#ContactForm .form-control{font-size:13px; background:#fff; border-color:#fff; border-radius:0; height:50px; color:#7a7a7a; box-shadow:0px 0px 5px rgba(54,54,54,.3)}
#ContactForm .form-control::placeholder{color:#7a7a7a;}
#ContactForm textarea.form-control{height:121px;font-size:13px;}
.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
#Innerpages{min-height:500px;} .coming {min-height:400px;}.opimg{opacity:.1;} #Footer{color:#7b7b7b; font-size:12px; line-height:26px;}
#Footer a{color:#7b7b7b;}#Footer a:hover{color:#e7001b;}
.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(//www.zenithpa.co.uk/wp-content/themes/zenithpa_theme/images/check.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 40px; margin:0px;} .price-text ul li {
list-style-type: none;
font-size: 16px;
}
.cont-text textarea.wpcf7-form-control.wpcf7-textarea {
height: 80px;
}
.feat h1,
h2,
h3,
h4,
h5,
h6 {}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
}
.feat a,
a:active,
a:focus {
color: #333;
text-decoration: none;
transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
.feat ul {
margin: 0;
padding: 0;
list-style: none;
}
.feat img {
max-width: 100%;
height: auto;
}
.feat span, a, a:hover {
display: inline-block;
text-decoration: none;
color: inherit;
}
.feat .svg-inline--fa.fa-w-14, .fa {
width: 30px !important;
float: none !important;
margin-right: 3px !important;
align-self: center;
}
.section-head {
margin-bottom: 60px;
}
.section-head h4 {
position: relative;
padding:0;
color:#f91942;
line-height: 1;
letter-spacing:0.3px;
font-size: 34px;
font-weight: 700;  
text-align:center;
text-transform:none;
margin-bottom:30px;
}
.section-head h4:before {
content: '';
width: 60px;
height: 3px;
background: #f91942;
position: absolute;
left: 0px;
bottom: -10px;
right:0;  
margin:0 auto;
}
.section-head h4 span {
font-weight: 700;
padding-bottom: 5px;
color:#2f2f2f
}
p.service_text{
color:#cccccc !important;
font-size:16px;
line-height:28px;
text-align:center;    
}
.section-head p, p.awesome_line{
color:#818181;
font-size:16px;
line-height:28px;
text-align:center;  
}
.extra-text {
font-size:34px;
font-weight: 700;
color:#2f2f2f;
margin-bottom: 25px;
position:relative;
text-transform: none;
}
.extra-text::before {
content: '';
width: 60px;
height: 3px;
background: #f91942;
position: absolute;
left: 0px;
bottom: -10px;
right: 0;
margin: 0 auto;
}
.extra-text span {
font-weight: 700;
color:#f91942;
}
.item {
background: #fff;
text-align: center;
padding: 30px 25px;
-webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
border-radius: 20px;
border:5px solid rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover{
background:#f91942;
box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover .item, .item:hover span.icon{
background:#fff;
border-radius:10px;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover h6, .item:hover p{
color:#fff;
-webkit-transition: all .5s ease 0;
transition: all .5s ease 0;
transition: all 0.5s ease 0s;
}
.item .icon {
font-size: 30px;
margin-bottom: 20px;
color: #f91942;
width: 90px;
height: 90px;
line-height: 97px;
border-radius: 50px;
}
.item .feature_box_col_one{
background:rgba(247, 198, 5, 0.20);
color:#f91942
}
.item .feature_box_col_two{
background:rgba(255, 77, 28, 0.15);
color:#f91942
}
.item .feature_box_col_three{
background:rgba(0, 147, 38, 0.15);
color:#f91942
}
.item .feature_box_col_four{
background:rgba(0, 108, 255, 0.15);
color:#f91942
}
.item .feature_box_col_five{
background:rgba(146, 39, 255, 0.15);
color:#f91942
}
.item .feature_box_col_six{
background:rgba(23, 39, 246, 0.15);
color:#f91942
}
.item p{
font-size:15px;
line-height:26px;
height: 80px;
}
.item h6 {
margin-bottom:20px;
color:#2f2f2f;
}
.mission p {
margin-bottom: 10px;
font-size: 15px;
line-height: 28px;
font-weight: 500;
}
.mission i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f91942;
border-radius: 50%;
color: #fff;
font-size: 25px;
}
.mission .small-text {
margin-left: 10px;
font-size: 13px;
color: #666;
}
.skills {
padding-top:0px;
}
.skills .prog-item {
margin-bottom: 25px;
}
.skills .prog-item:last-child {
margin-bottom: 0;
}
.skills .prog-item p {
font-weight: 500;
font-size: 15px;
margin-bottom: 10px;
}
.skills .prog-item .skills-progress {
width: 100%;
height: 10px;
background: #e0e0e0;
border-radius:20px;
position: relative;
}
.skills .prog-item .skills-progress span {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #f91942;
width: 10%;
border-radius: 10px;
-webkit-transition: all 1s;
transition: all 1s;
}
.skills .prog-item .skills-progress span:after {
content: attr(data-value);
position: absolute;
top: -5px;
right: 0;
font-size: 10px;
font-weight:600;    
color: #fff;
background:rgba(0, 0, 0, 0.9);
padding: 3px 7px;
border-radius: 30px;
} .sidebar{
background: linear-gradient(to right, #8c00f9, #d11d2b);
padding:2rem;
border-radius: 25px 25px 25px 25px;
}
.fs-blog{font-size:13px;}
.block{
padding: 20px 10px;
text-align: center;
border: 1px solid #b800fa;
background: #f2f2f2;
margin-bottom: 60px;
transition: opacity .25s;
border-radius: 50px 25px 50px 25px;
}
.block:hover{    
transform: scale(1.03);
transition: transform 0.4s ease;
}
.border22{
border-width: 3px;
border-style: solid;
border-image: linear-gradient(to bottom, #f5b200, rgba(0, 0, 0, 0)) 1 100%;
padding: 10px;
}
.description{
margin-left: auto;
margin-right: auto;
max-width: 250px;
}
.recent-post a:hover{color: #9b00d1;}
@media (min-width: 480px){
.block {padding: 50px 30px;}
}  .container-fluid{max-width:1920px !important;}
.container{max-width:1430px !important;}  @media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-width:225px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-width:180px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:18px 0px 25px 0px !important;}
.shrink .navbar-brand{padding:10px 0px !important;}
.Phnmail{margin-bottom:15px;}  .shrink .Phnmail{margin-bottom:5px;}
} @media (min-width: 1400px) {
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
}
@media (min-width: 1920px) {
#ContactForm:before {top:-50px;}
#ContactForm:after {top:-50px;}
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {} @media (min-width: 768px) and (max-width: 1199.98px) {
.BnrText{width:85%;}
.fs-30 {font-size:24px;}
.fs-60 {font-size:46px;}
.fs-90 {font-size:70px; line-height:1.2;}
.hero {font-size:22px; line-height:27px;}
.diagonal-box {margin-top:80px;}
#chevron {height:870px;}
#ContactForm {height:660px;}
} @media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static; background:#fff; padding:10px 0px;}#Header + main {margin-top:0px;}
.container{max-width:100% !important;}
.BnrText{width:100%;}
.fs-30 {font-size:20px;}
.fs-60 {font-size:36px;}
.fs-90 {font-size:60px; line-height:1.2;}
.diagonal-box {margin-top:50px;height: 500px;}
#chevron {height:930px;}
#ContactForm {height:660px;}
.diagonal-box1 {height:500px; padding-top:80px;}
.ImgTop {margin-top:-170px;}.fs-40 {font-size:30px;}
h2, .h2 {font-size:40px;}
.hero {font-size:22px; line-height:27px; min-height:unset;border: 14px solid #fff; padding: 35px 30px;}
.hero::before {border-width: 57px; margin-left: -57px;}
} @media (min-width: 1200px) { ... } @media (min-width: 768px) { ... } @media (max-width:767.98px) {
.container{max-width:100% !important;}
#Header{position:static; background:#fff; padding:10px 0px;}#Header + main {margin-top:0px;}
.BnrText{width:100%;}
.fs-30 {font-size:16px;}
.fs-60 {font-size:30px;}
.fs-90 {font-size:40px; line-height:1.2;}
.btn-lg{padding:10px 30px;font-size:18px;}
.diagonal-box {margin-top:50px;height: 500px;}
#chevron {height:930px;}
#ContactForm {height:940px;}
.diagonal-box1 {height:500px; padding-top:80px;}
.ImgTop {margin-top:-170px;}.fs-40 {font-size:30px;}
h2, .h2 {font-size:40px;}
.hero {font-size:22px; line-height:27px; min-height:unset;border: 14px solid #fff; padding: 35px 30px;}
.hero::before {border-width: 57px; margin-left: -57px;}
}
@media (max-width:575.98px) {
#Header {font-size:14px;padding:0 0 5px 0px;} #TestiArea{width:82%; line-height:1.4; font-size:15px;} 
.MainBanner .Homebnr .carousel-item  img {
height:200px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.BnrText{width:100%;}.MainBanner .carousel-caption{ position:static; background:#000; padding:25px 0 5px 0px;}
.fs-30 {font-size:16px;}
.fs-60 {font-size:20px;}
.fs-90 {font-size:40px; line-height:1.2;}
.btn-lg{padding:10px 30px;font-size:18px;}
#ContactForm {height:1030px;}
h2, .h2 {
font-size: 33px;
}
.diagonal-box {margin-top:50px; background-image:linear-gradient(0deg, #f70066, #7e00fd); transform:(0deg); height:unset; padding:50px 0px;}
.content {margin:0 auto; transform:(0deg);}
.ImgTop {margin-top:50px;}.hero {font-size:16px; line-height:20px;padding:20px 20px;}
} .widgettitle{font-size:25px;}
.widget {border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;}
.widget ul {list-style: none; padding: 0px;}
.widget ul li {border-bottom: 1px solid #ccc; padding: 5px;}
.widget ul li:last-child {border-bottom: 0px solid #fff;}
ul.bycategories {margin: 0; padding: 0; }
ul.bycategories li {list-style: none; list-style-type: none; margin: 0; padding: 0;}
ul.bycategories li a {list-style: none; list-style-type: none; margin: 0 20px 15px 0; float: left;  background: #eee; color: #464646; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ul.bycategories li a:hover{text-decoration: none; background: #ff6200; color: #fff;}
.clear{clear: both;}.hm-about-text h2{
font-size: 36px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase!important;
margin-bottom: 1.5rem!important;
}
.hm-about-text h2::after{
content: "";
display: block;
width: 80px;
border-bottom: solid 4px #a53792;
padding-bottom: 20px;
}
div#color-boxes .wp-block-column {
background: #e5f1ff !important;
padding: 40px 30px 30px 30px;
border-radius: 16px;
line-height: 1.6;
text-align:center;
}
div#color-boxes h3, 
div#color-boxes .h3 {
letter-spacing: .020em !important;
font-size: 18px;
line-height: 25px;
margin-bottom: 15px;
font-weight: 700 !important;
font-family: 'Poppins', sans-serif;
}
#Footer .menu-item .nav-link {
display: initial !important;
color:#fff !important;
padding:0px;
}
#Footer .menu-item .nav-link:hover,
#Footer .menu-item.active .nav-link {
color: #ff8820 !important
}
.wp-block-button__link,
.custom_btn a,
input.wpmtst_submit_testimonial{background-image:linear-gradient(to right, #b600fd 0%, #b600fd 50%, #8200fd 100%) !important; border:none;padding:18px 40px;-moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;text-decoration:none !important; font-weight:700; font-size:20px; padding:15px 40px; font-family: 'Poppins', sans-serif; vertical-align:top; border-radius:40px;color:#fff !important}
.wp-block-button__link:hover,
.custom_btn a:hover
input.wpmtst_submit_testimonial:hover{background-image:linear-gradient(to right, #8200fd 0%, #8200fd 50%, #b600fd 100%);}
.xoo-el-form-container button.btn.button.xoo-el-action-btn{
height:auto !important;
}
span.wpcf7-form-control-wrap{
display: block !important;
}
.accordion-button::after{
display: none !important;
}
.wpcf7-spinner {
display: block !important;
}
textarea#wpmtst_post_content{height:120px;}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 150px;
}
.wpmtst-testimonial-inner {
border: solid 1px rgb(0, 0, 0);
}
ul.flex-direction-nav {
position: absolute;
top: 30%;
z-index: 999;
width: 100%;
left: 0;
margin: 0;
padding: 0px;
list-style: none;
}
li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}
a.flex-next::after {
visibility:visible;
content: '\f105';
font-family: FontAwesome;
margin-right: 10px;
font-size: 50px;    
}
a.flex-prev::before {
visibility:visible;
content: '\f104';
font-family: FontAwesome;    
margin-left: 10px;
font-size: 50px;
}
.caret::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.content figcaption{
background-color: #83ad39!important;
text-align: center!important;
color: #fff;
margin-top: 0px;
padding: 5px;
}  .aws-container .aws-search-form .aws-form-btn {
background: #c23b3b !important;
border: 1px solid #c23b3b !important;
}
.aws-container .aws-search-form .aws-search-btn_icon{
color:#fff !important;
}
.top_search_form .form-control {background:#eeeeee; border:none; box-shadow:none;border-radius: 0.25rem!important; color:#000; font-size:14px; font-weight:normal; padding:0px;}
.top_search_form .btn {color:#c23b3b; padding:0px;}
.top_search_form .aws-container .aws-search-form{
height: 45px;
}
.top_search_form .aws-container .aws-search-form .aws-search-btn_icon,
.aws-container .aws-search-field:focus{
color:#6C757D !important;
}
.top_search_form .aws-container .aws-search-form .aws-search-btn_icon {
height: 25px !important;
}
.top_search_form .aws-search-btn.aws-form-btn {
background-color: #c23b3b !important;
border-top: 0px solid #c23b3b !important;
border-left: 0px solid #c23b3b !important;
border-right: 0px solid #c23b3b !important;
border-bottom: 0px solid #c23b3b !important;
}
.top_search_form input.aws-search-field{
background-color: #eeeeee;
border-top: 1px solid #c23b3b !important;
border-left: 1px solid #c23b3b !important;
border-right: 1px solid #c23b3b !important;
border-bottom: 1px solid #c23b3b !important;
padding-left: 6px !important;
color: #000 !important;
font-size:14px !important; 
font-weight:normal !important;
width: 380px;
}
.top_search_form ::-webkit-input-placeholder { color: #848484 !important;
opacity: 1;
}
.top_search_form :-moz-placeholder { color: #848484 !important;
opacity: 1;
}
.top_search_form ::-moz-placeholder { color: #848484 !important;
opacity: 1;
}
.top_search_form :-ms-input-placeholder { color: #848484 !important;
opacity: 1;
} @media (max-width:1599.98px) {
.top_search_form input.aws-search-field{
width: auto !important;
}
}
@media (max-width: 1359.98px) {
.logo {
max-width:136px;
}
.top_search_form input.aws-search-field{
width: auto !important;
}
}
@media (max-width: 991px) {
.top_search_form input.aws-search-field{
width: 560px !important;
}
}
@media (max-width:767.98px) {	    
.top_mob_search_form .form-control {background:#eeeeee; border:none; box-shadow:none;border-radius: 0.25rem!important; color:#000; font-size:14px; font-weight:normal; padding:0px;}
.top_mob_search_form .btn {color:#a9a9a9; padding:0px;}
.top_mob_search_form .aws-container .aws-search-form{
height: 45px;
}
.top_mob_search_form .aws-container .aws-search-form .aws-search-btn_icon,
.aws-container .aws-search-field:focus{
color:#6C757D !important;
}
.top_mob_search_form .aws-container .aws-search-form .aws-search-btn_icon {
height: 25px !important;
}
.top_mob_search_form .aws-search-btn.aws-form-btn {
background-color: #eeeeee !important;
border-top: 0px solid #eeeeee !important;
border-left: 0px solid #eeeeee !important;
border-right: 0px solid #eeeeee !important;
border-bottom: 0px solid #eeeeee !important;
}
.top_mob_search_form input.aws-search-field{
background-color: #eeeeee;
border-top: 1px solid #eeeeee !important;
border-left: 1px solid #eeeeee !important;
border-right: 1px solid #eeeeee !important;
border-bottom: 1px solid #eeeeee !important;
padding-left: 6px !important;
color: #000 !important;
font-size:14px !important; 
font-weight:normal !important;
}
.top_mob_search_form ::-webkit-input-placeholder { color: #848484 !important;
opacity: 1;
}
.top_mob_search_form :-moz-placeholder { color: #848484 !important;
opacity: 1;
}
.top_mob_search_form ::-moz-placeholder { color: #848484 !important;
opacity: 1;
}
.top_mob_search_form :-ms-input-placeholder { color: #848484 !important;
opacity: 1;
}
}nav.woocommerce-breadcrumb{
display:none !important;
}
.woocommerce-message {
border-top-color: #0090df !important;
}
.woocommerce-message::before {
color: #0090df !important;
}
section.related.products{
clear:both !important;
}
button.button[name=update_cart] {
display: none !important;
} a.button.wc-backward,
#DOPBSPCalendar-add-to-cart1,
.woocommerce-message a,
.woocommerce .products .product .button,
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
.woocommerce-account .addresses .title .edit,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,	
.woocommerce #respond input#submit,
.woocommerce button.button, 
.woocommerce input.button{
text-decoration:none !important;text-transform:uppercase;border-radius:0px;font-size:15px;font-weight:700;padding:12px 40px;border-color:#c23b3b!important;background-color:#c23b3b!important;color:#fff !important;
}
a.button.wc-backward:hover,
#DOPBSPCalendar-add-to-cart1:hover,
.woocommerce-message a:hover,
.woocommerce .products .product .button:hover,
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
.woocommerce-account .addresses .title .edit:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,	
.woocommerce #respond input#submit:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
border-color:#ad3232!important;background-color:#ad3232!important;color:#fff !important;
}
.woocommerce .shop-pro-img img,
.woocommerce-page .shop-pro-img img {
width: 100%;
}  .woocommerce .products .product{
background-color:transparent !important;
background-clip: border-box !important; }
.woocommerce .products .product a{
text-decoration: none;
color:#000 !important;
}
.woocommerce .products .product .woocommerce-loop-product__title{
letter-spacing: -.0025em !important;
font-size: 20px !important;
font-weight: 600 !important;
text-transform: uppercase!important;
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important;
}	
.woocommerce .products .product .price{			
font-size: 16px !important;
font-weight: 700!important;
color: #000 !important;
font-family: 'Montserrat', sans-serif;
line-height: 1.5;
padding: 0px !important;
margin: 0px!important;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price{			
font-size: 20px !important;
font-weight: 700!important;
color: #000 !important;
margin: 0px!important;
}
.woocommerce ul.products li.product .price {
margin-bottom: 0px !important;
}
.woocommerce .products .product .price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price{			
font-size: 16px !important;
font-weight: 700!important;
color: #000 !important;
font-family: 'Montserrat', sans-serif;
line-height: 1.5;
padding: 0px !important;
margin-bottom: 10px!important;
}
span.woocommerce-Price-currencySymbol {
margin-right: 2px;
}
.coupon input,
.quantity input {
height: 38px;
} .woo-sidebar .widget{
margin-bottom: 15px;
}		
.woo-sidebar .widget h1,
.woo-sidebar .widget h2,
.woo-sidebar .widget h3,
.woo-sidebar .widget h4,
.woo-sidebar .widget h5{
margin: 0px;
}
.woo-sidebar .widget{
margin-bottom: 25px;
border: 1px solid #ccc;
}
.woo-sidebar .widget .wc-block-product-categories{
margin: 0px;
position: relative;
}
.woo-sidebar .widget .wc-block-product-categories:before{
content: "Categories";
display: block;
line-height: 1.2;
}
.woo-sidebar .widget .wc-block-product-categories:before,
.woo-sidebar .widget .widget-title{
padding: 10px 15px;
margin: 0px;
background-color: #efefef;
font-weight: normal;
font-size: 20px;
border-bottom: 1px solid #ccc;
font-family: 'Poppins', sans-serif;
color: #1f1e1e;
}
.woo-sidebar .widget .wc-block-product-categories .wc-block-product-categories-list-item-count:before,
.woo-sidebar .widget .wc-block-product-categories .wc-block-product-categories-list-item-count:after{
content: "";
}
.woo-sidebar .widget .wc-block-product-categories .wc-block-product-categories-list-item-count span{
background-color: #000;
color: #fff;
border-radius: 5px;
padding: 2px 10px;
font-size: 14px;
float: right;
}
.woo-sidebar .widget ul{
margin: 0px;
padding: 0px;
list-style: none;				
}
.woo-sidebar .widget ul li{
padding: 10px 15px;
}
.woo-sidebar .widget ul li + li{
border-top: 1px solid #ccc;
}
.woo-sidebar .widget ul li a{
color: inherit;
text-decoration: none;
}
.woo-sidebar .widget ul li a:hover{
text-decoration: underline;
}
.woo-sidebar .widget .price_slider_wrapper{
margin: 25px 15px 20px 15px;
}
.woo-sidebar .widget .price_slider_wrapper .price_slider{
margin-bottom: 25px;
}
.woo-sidebar .widget .price_slider_wrapper input{
display:none;
}
.woo-sidebar .widget .price_slider_wrapper button.button{
padding: 7px 15px!important;
}
.woo-sidebar .widget .price_slider_wrapper .price_label{
line-height: 32px;
} .fa-heart-o:before {
content: "\f004" !important;
color: #000;
}
.woocommerce div.product div.images img{
padding: 2px;
border: 1px solid #d3ced2;
}
.woocommerce div.product div.images .flex-control-thumbs{
margin: 5px -5px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
padding: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
padding: 2px;
border: 1px solid #d3ced2;
}
.yith-wcwl-add-to-wishlist{
margin: 2rem 0;
}
.woocommerce div.product .product_meta>span{
display: block;
margin: 10px 0px;
font-weight: bold;
}
.woocommerce div.product .product_meta>span *{
font-weight: normal;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding: 0 0 0 2em;
margin-bottom: 0px;
}
.woocommerce div.product .woocommerce-tabs .panel{
border-left: 1px solid #d3ced2;
border-right: 1px solid #d3ced2;
border-bottom: 1px solid #d3ced2;
padding: 20px;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
color: #000!important;
} #add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text{
min-width: 220px;
padding: 7px 6px 6px 10px;
}
.woocommerce table.shop_table{
border-color: #000!important;
}
.woocommerce table.shop_table thead tr{
background-color: #000;
color: #fff;
}
.woocommerce table.shop_table tbody tr:nth-of-type(odd){
background-color: #f5f1f1;
}
.woocommerce table.shop_table,
.woocommerce table.shop_table tr th,
.woocommerce table.shop_table tr td{
border-right: 1px solid #000!important;
border-bottom: 1px solid #000!important;
border-radius: 0px!important;
}
.woocommerce table.shop_table tr th:last-child,
.woocommerce table.shop_table tr td:last-child{
border-right: none!important;				
}
.woocommerce table.shop_table .product-remove{
width: 60px; }
.woocommerce table.shop_table .product-remove a{
background: #f00;
color: #fff!important;
border-radius: 5px;
margin: auto;
}
.woocommerce table.shop_table th.product-thumbnail:before{
content: "Preview";
}
.woocommerce table.shop_table .product-thumbnail{
width: 150px;
}		
.woocommerce table.shop_table .product-thumbnail img{
width: 100%;
padding: 2px;
border: 1px solid #aaa;
}
.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-quantity,
.woocommerce table.shop_table .product-subtotal{
width: 130px;
text-align: right;
padding-right: 20px;
}
.woocommerce table.shop_table .product-quantity{
text-align: center;
padding-right: 0px;
}
.woocommerce table.shop_table .product-quantity .quantity .qty{
margin: auto;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals{
max-width: 500px;
}
.woocommerce .cart-collaterals .cart_totals tr td, 
.woocommerce-page .cart-collaterals .cart_totals tr td{
width: 50%;
} .woocommerce form fieldset{
margin-top: 30px;
}
.woocommerce form fieldset legend,
.woocommerce form .form-row label{
font-weight: 700;
}
.woocommerce form .form-row input.input-text{
padding: 7px 6px 6px 10px;
height: 41px;
border-radius: 0px;
border: 1px solid #ced4da!important;
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
margin-bottom: 30px;
}
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last{
width: 49.5%;
}
.woocommerce form.checkout_coupon .form-row-first, 
.woocommerce form.checkout_coupon .form-row-last{
width:auto;
float:left!important;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 41px;
border-radius: 0px;
border-color: #ced4da!important;
}
.select2-container .select2-selection--single > span{
line-height: 41px!important;
}
#billing_address_1_field, #billing_address_2_field{
width: 49.5%;
display: inline-block;
}
#billing_address_2_field{
margin-left: 1%;
}
.woocommerce-address-fields,
.woocommerce-address-fields__field-wrapper{
margin-bottom: 30px;
}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
float: none!important;
margin: 30px auto 10px auto;
display: block;
} .login label, 
.login .password-input, 
.register label, 
.register .password-input{
width: 100%;
} .woocommerce-account .woocommerce-MyAccount-navigation{
width: 16%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
list-style: none;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #ced4da;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
border-left: 1px solid #ced4da;
border-right: 1px solid #ced4da;
border-top: 1px solid #ced4da;				
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
text-decoration: none;
color: #555;
padding: 7px 15px;
display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
text-decoration: none;
background-color: #555;
color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{
content: "\f3fd";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before{
content: "\f15e";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before{
content: "\f019";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before{
content: "\f2bb";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{
content: "\f2bd";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{
content: "\f2f5";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 10px;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 82%;
}
.woocommerce-account .addresses .title .edit{
padding: 8px 20px!important;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address{
background: #eee;
border: 1px solid #aaa;
width: 49%;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address header{
padding: 20px;
border-bottom: 1px solid #aaa;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address header h3{
margin: 0px;
font-size: 28px;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address address{
padding: 20px;
margin: 0px;
} .owl-carousel.products{
padding:0px 100px;
margin-bottom: 100px;
}
.owl-carousel.products .product .woocommerce-loop-product__title{
margin: 25px 0px 0px 0px;
}
.owl-carousel.products .product .price{
display: block;
}
.owl-carousel.products .owl-nav{
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -25px;
z-index: -1;
}
.owl-carousel.products .owl-nav .owl-prev span,
.owl-carousel.products .owl-nav .owl-next span{
display: block;
background: #f6eb14;
color: #0e9ead;
padding: 16px 16px 28px 16px;
font-size: 60px;
line-height:0.1;
}
.owl-carousel.products .owl-nav .owl-prev.disabled,
.owl-carousel.products .owl-nav .owl-next.disabled{
opacity: 0.25;
}
.owl-carousel.products .owl-nav .owl-prev{
float:left;
}
.owl-carousel.products .owl-nav .owl-next{
float:right;
} @media(max-width: 1899.98px){
}
@media(max-width: 1599.98px){
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 77%;
}
}
@media(max-width: 1399.98px){
}
@media(max-width: 1199.98px){
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 70%;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address{
width: 100%;
float: none;
margin-bottom: 30px;
}
}
@media(max-width: 991.98px){
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 30%;
float: left;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 64%;
float: right;
}
}
@media(max-width: 768.98px){
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child,
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: solid 1px #000;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
margin-bottom: 30px;
}
.woocommerce .col2-set .col-1, 
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-1, 
.woocommerce-page .col2-set .col-2{
margin-bottom: 30px;
}
.woocommerce table.shop_table{
border-top: none!important;			
}
.woocommerce table.shop_table tr th, 
.woocommerce table.shop_table tr td{
border-right: none!important;
}
.woocommerce table.shop_table td.product-quantity:before{
margin-top: 7px;
}
.woocommerce table.shop_table .product-quantity .quantity .qty{
margin-left: auto;
margin-right: 10px;			
}
.woocommerce table.shop_table td.product-remove{
text-align: center!important;
color: red;
}
.woocommerce table.shop_table td.product-remove a{
width: auto;
height: auto;
display: inline-block;
padding: 2px 8px;
}
.woocommerce table.shop_table td.product-remove a:after{
content: "Remove";
font-size: 14px;
vertical-align: top;
line-height: 2;
padding-left: 2px;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce table.shop_table tr th,
.woocommerce table.shop_table tr td{
max-width: 100%!important;
width: 100%!important;
}
}
@media(max-width: 575.98px){
.woocommerce .woocommerce-Addresses .woocommerce-Address header h3{
margin: 0px;
font-size: 22px;
line-height: 1.7;
}
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last,
#billing_address_1_field, 
#billing_address_2_field{
width: 100%;
margin-left:0!important;
margin-right:0!important;
}
}