@charset "utf-8";
@charset "utf-8";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 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 shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-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 hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@font-face {
font-family: 'fontello';
src: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/fonts/fontello.eot?85467710);
src: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/fonts/fontello.eot?85467710#iefix) format('embedded-opentype'), url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/fonts/fontello.woff?85467710) format('woff'), url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/fonts/fontello.ttf?85467710) format('truetype'), url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/fonts/fontello.svg?85467710#fontello) format('svg');
font-weight: normal;
font-style: normal
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em
}
.icon-twitter:before {
content: '\e800'
}
.icon-facebook:before {
content: '\e802'
}
.icon-linkedin:before {
content: '\e803'
}
@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
* {
max-height: 1000000px
}
* {
text-rendering: optimizeLegibility!important;
-webkit-font-smoothing: antialiased!important
}
body p a {
color: #c1591a !important;
font-weight: 500
}
body p a:hover {
text-decoration: none;
color: #000000 !important;
} @media only screen and (max-width: 1199px) { }
@media only screen and (max-width: 749px) { }
.critraia-amounts .chart {
width: 250px;
height: 250px;
position: relative;
text-align: center;
display: inline-block !important;
margin: auto
}
.chart .percent {
height: 250px;
width: 250px;
color: #aae8e4;
font-size: 1.7em;
display: block;
line-height: 250px
}
.chart .percent span {
line-height: 250px;
position: relative
}
.chart .percent:before {
content: "$"
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: initial !important
}
@media only screen and (max-width: 749px) {
.critraia-amounts .chart {
width: 235px;
height: 235px;
position: relative;
text-align: center;
display: inline-block !important;
margin: auto
}
.chart .percent {
height: 235px;
width: 235px;
color: #aae8e4;
font-size: 1.5em;
display: block;
line-height: 235px
}
.chart .percent span {
line-height: 235px;
position: relative
}
.chart canvas {
width: 235px !important;
height: 235px !important
}
}
body {
min-width: 320px;
line-height: 27px
}
.loader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: #f3f4ef;
background-size: 50px 50px
}
.error404 .btn-down {
display: none
}
.itemwrap li .headline-text, .itemwrap li .learnmore-text {
display: none
}
.itemwrap li.current .headline-text {
display: block;
animation-name: fadeInLeftHome;
-webkit-animation-name: fadeInLeftHome
}
.itemwrap li.current .learnmore-text {
display: block;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
-webkit-animation-delay: .8s;
animation-delay: .8s
}
.move {
-webkit-animation-duration: .7s;
animation-duration: .7s;
-moz-animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes fadeInLeftHome {
0% {
opacity:0;
-webkit-transform:translateX(-100px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeftHome {
0% {
opacity:0;
-moz-transform:translateX(-100px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-ms-keyframes fadeInLeftHome {
0% {
opacity:0;
-ms-transform:translateX(-100px)
}
100% {
opacity:1;
-ms-transform:translateX(0)
}
}
@-o-keyframes fadeInLeftHome {
0% {
opacity:0;
-o-transform:translateX(-100px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInLeftHome {
0% {
opacity:0;
transform:translateX(-100px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeftHome;
-moz-animation-name: fadeInLeftHome;
-ms-animation-name: fadeInLeftHome;
-o-animation-name: fadeInLeftHome;
animation-name: fadeInLeftHome
}
#Stage {
background-color: transparent !important
}
.edgeLoad-EDGE-1160201224 {
visibility: hidden
}
#Stage {
background-color: transparent !important
}
#Millenials, #single_family, #Ops, #Smarter, #flexibility, #Security, #Investment, #Transaction {
height: 87px;
background-color: transparent !important
}
#Heart {
background-color: transparent !important
}
.heartbeat, .heartbeat * {
}
.heart-beat {
position: absolute;
top: -12px;
width: 80px;
height: 80px;
display: inline-block;
margin-left: -13px
}
.spacer {
display: inline-block;
margin-right: 49px
}
@media only screen and (max-width: 989px) {
.heart-beat {
position: absolute;
top: -12px;
width: 70px;
height: 70px;
display: inline-block;
margin-left: -17px
}
.spacer {
display: inline-block;
margin-right: 31px
}
}
@media only screen and (max-width: 749px) {
.heart-beat {
position: absolute;
top: -12px;
width: 60px;
height: 60px;
display: inline-block;
margin-left: -13px
}
.spacer {
display: inline-block;
margin-right: 31px
}
}
@-webkit-keyframes fadeInLeftCustom {
0% {
opacity:0;
-webkit-transform:translateX(-100px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@-moz-keyframes fadeInLeftCustom {
0% {
opacity:0;
-moz-transform:translateX(-100px)
}
100% {
opacity:1;
-moz-transform:translateX(0)
}
}
@-ms-keyframes fadeInLeftCustom {
0% {
opacity:0;
-ms-transform:translateX(-100px)
}
100% {
opacity:1;
-ms-transform:translateX(0)
}
}
@-o-keyframes fadeInLeftCustom {
0% {
opacity:0;
-o-transform:translateX(-100px)
}
100% {
opacity:1;
-o-transform:translateX(0)
}
}
@keyframes fadeInLeftCustom {
0% {
opacity:0;
transform:translateX(-100px)
}
100% {
opacity:1;
transform:translateX(0)
}
}
.fadeInLeftCustom {
-webkit-animation-name: fadeInLeftCustom;
-moz-animation-name: fadeInLeftCustom;
-ms-animation-name: fadeInLeftCustom;
-o-animation-name: fadeInLeftCustom;
animation-name: fadeInLeftCustom
}
.form-control::-webkit-input-placeholder {
color:#000
}
.form-control:-moz-placeholder {
color:#000 !important
}
.form-control::-moz-placeholder {
color:#000 !important;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#000 !important
}
a {
outline: none !important
}
#wrapper {
overflow: hidden
}
.intro {
height: 1200px;
position: relative
}
.bg-intro {
height: 100%;
position: relative;
z-index: -1;
overflow: hidden
}
.component li {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.component li.current {
z-index: 999
}
.itemwrap {
margin: 0;
padding: 0;
list-style: none
}
.fxSoftScale .navOutNext {
-webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navInNext {
-webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navOutPrev {
-webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navInPrev {
-webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
@-webkit-keyframes scaleUp {
from {
}
to {
-webkit-transform: scale(1.2);
opacity: 0
}
}
@keyframes scaleUp {
from {
}
to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0
}
}
@-webkit-keyframes scaleDownUp {
from {
opacity:0;
-webkit-transform:scale(0.9)
}
to {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes scaleDownUp {
from {
opacity:0;
-webkit-transform:scale(0.9);
transform:scale(0.9)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes scaleDown {
from {
}
to {
opacity: 0;
-webkit-transform: scale(0.9)
}
}
@keyframes scaleDown {
from {
}
to {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
}
@-webkit-keyframes scaleUpDown {
from {
-webkit-transform:scale(1.2)
}
to {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes scaleUpDown {
from {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
#header {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 9999
}
#header .container {
padding-top: 63px;
padding-bottom: 60px
}
#header.fixed {
position: fixed;
left: 0;
right: 0;
top: -50%;
background: #e1e2de;
overflow: hidden;
-webkit-transition: top 800ms;
-moz-transition: top 800ms;
-o-transition: top 800ms;
transition: top 800ms;
z-index: 10
}
.show #header.fixed {
top: 0
}
@media only screen and (max-width: 1025px) {
.show #header.fixed {
display: none
}
}
#header.fixed .container, .home #header.fixed .container {
padding-top: 29px;
padding-bottom: 29px
}
#header.fixed .tagline {
display: none
}
#header.fixed .navbar {
min-height: inherit
}
#header.fixed .navbar-default .navbar-nav>li>a {
color: #666665
}
#header.fixed .navbar-nav>li:after {
border-right: solid 1px #666665
}
#header.fixed .navbar-default .navbar-nav > li > a:hover, #header.fixed .navbar-default .navbar-nav>li>a:focus {
color: #666665
}
#header.fixed .navbar-default .navbar-nav>li>a:after {
background: #666665
}
.navbar-nav > li a {
padding: 0 0 10px
}
.navbar-nav > li.active a::after, .navbar-nav > li a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px)
}
.navbar-nav > li.active a::after, .navbar-nav > li a:hover::after, .navbar-nav > li a:focus::after {
height: 2px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px)
}
#header.fixed .logo {
width: 128px;
height: 29px
}
#header.fixed .Echo-Logo .logo-sticky {
display: block;
margin-left: 15px
}
#header.fixed .Echo-Logo .logo-normal {
display: none
}
.home #header .container {
padding-top: 63px
}
.brand {
float: left;
width: 260px;
margin-left: 15px
}
.main-nav {
margin-right: 15px
}
.Echo-Logo .logo-sticky {
display: none
}
.tagline {
float: left;
margin: 0 0 0 26px;
position: relative;
color: #aae8e4;
font-size: 11px;
line-height: 12px;
font-weight: bold;
width: 44px;
letter-spacing: 1px;
text-transform: uppercase
}
.tagline:after {
content: '';
position: absolute;
left: -13px;
top: 0;
height: 38px;
width: 1px;
background: #aae8e4
}
.navbar {
background: none;
border-radius: 0;
margin: 0;
border: 0;
font-size: 13px;
line-height: 15px;
text-transform: uppercase;
font-weight: 700;
text-align: right
}
.navbar-nav {
width: 100%;
padding: 10px 0 0
}
.navbar-nav>li, .nav>li {
display: inline-block;
vertical-align: top;
float: none !important;
position: relative;
margin: 0 0 0 40px
}
.navbar-nav>li:after {
position: absolute;
left: -23px;
top: 6px;
background-color: rgba(243, 244, 239, 0.2);
width: 2px;
height: 12px;
content: '';
border-right: solid 1px #d6d7d3
}
.navbar-nav>li:first-child:after, .navbar-nav>li:nth-child(2):after {
display: none
}
.navbar-default .navbar-nav>li>a {
padding: 0;
color: #f3f4ef;
font-style: normal;
position: relative
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #f3f4ef;
text-decoration: none;
background: none
}
.navbar-default .navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > li > a:focus:after, .navbar-default .navbar-nav > .active > a:after, .navbar-default .navbar-nav > .active > a:hover:after, .navbar-default .navbar-nav>.active>a:focus:after {
display: block
}
.btn-next, .btn-prev {
position: absolute;
left: 58px;
top: 50%;
z-index: 9999;
margin: -22px 0 0;
height: 44px;
font-size: 13px;
padding: 0 0px 0 1px;
text-transform: uppercase;
color: #f3f4ef;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
font-family: 'Gotham A', 'Gotham B';
font-weight: 500;
font-style: normal
}
.btn-next::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: #f3f4ef;
content: '';
opacity: 1;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-3px);
-moz-transform: translateY(-3px);
transform: translateY(-3px)
}
.btn-next:hover::after {
height: 1px;
opacity: 0;
-webkit-transform: translateY(7px);
-moz-transform: translateY(7px);
transform: translateY(7px)
}
.btn-prev::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: #f3f4ef;
content: '';
opacity: 1;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-45px);
-moz-transform: translateY(-45px);
transform: translateY(-45px)
}
.btn-prev:hover::after {
height: 1px;
opacity: 0;
-webkit-transform: translateY(-55px);
-moz-transform: translateY(-55px);
transform: translateY(-55px)
}
.btn-next {
left: auto;
right: 58px;
height: 28px
}
.btn-next:hover {
color: #f3f4ef;
text-decoration: none
}
.btn-prev:hover {
color: #f3f4ef;
text-decoration: none
}
.caption {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100%;
width: 100%;
display: table;
text-align: center;
padding: 118px 0;
z-index: 22
}
.caption h1 {
color: #d2d2d0;
font-size: 89px;
margin: 0 0 34px;
line-height: 94px
}
.component-fullwidth li:nth-child(2) .caption h1, .component-fullwidth li:nth-child(5) .caption h1 {
color: #f3f4ef
}
.caption h1 span.love {
display: inline-block;
vertical-align: top;
background: none;
width: inherit;
height: inherit;
font-size: 0;
line-height: 0;
margin: 16px -4px 0 -2px
}
@media only screen and (max-width: 1199px) {
.caption h1 span.love {
width: 60px;
margin: 15px -4px 0 -2px
}
}
@media only screen and (max-width: 989px) {
.caption h1 span.love {
width: 51px;
margin: 11px -4px 0 -2px
}
}
@media only screen and (max-width: 749px) {
.caption h1 span.love {
width: 35px;
margin: 6px -2px 0 -2px
}
}
.component-fullwidth li h1 span.love img {
width: 100%;
height: inherit;
position: relative
}
.caption h1 span {
color: #aae8e4
}
.caption-holder {
display: table-cell;
padding: 23px 0 0;
vertical-align: middle
}
.contact .caption-holder {
padding: 212px 0 0
}
.caption .learn {
display: inline-table;
vertical-align: top;
font-size: 21px;
line-height: 24px;
font-weight: 700;
color: #f3f4ef;
font-style: italic
}
.caption .learn a {
color: #f3f4ef;
position: relative;
padding: 0 0 11px
}
.caption .learn a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background: #f3f4ef;
content: '';
opacity: 1;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px)
}
.caption .learn a:hover {
text-decoration: none
}
.caption .learn a:hover::after {
height: 1px;
opacity: 0;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px)
}
.btn-down {
position: absolute;
left: 50%;
bottom: 28px;
margin: 0 0 0 -20px;
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/sprite.png) -3px -58px no-repeat;
width: 40px;
height: 40px;
z-index: 999;
text-indent: -9999px;
overflow: hidden
}
.btn-down:hover {
}
.home .btn-down {
bottom: 40px
}
.creditlink {
margin-left: 10px;
display: inline-block
}
#footer {
background: #e6e7e3
}
#footer .container {
padding-top: 61px;
padding-bottom: 50px
}
#footer .heading {
display: block;
font-size: 18px;
font-weight: 700;
line-height: 20px;
margin: 0 0 24px;
color: #666665
}
.newsletter-form {
padding-bottom: 103px
}
.newsletter .wpcf7-form {
padding-bottom: 103px
}
.newsletter-form .form-control, .contactform .form-control, .wpcf7-form .form-control {
height: 40px;
color: #000;
font-weight: 500;
font-size: 13px;
width: 235px;
border: solid #00a3a6;
border-width: 0 0 0 6px;
margin: 0 10px 0 0;
float: left;
border-radius: 0;
box-shadow: none
}
.newsletter-form .btn-default, .contactform .btn-default, .wpcf7-form .btn-default {
float: left;
width: 160px;
padding: 10px 10px 10px 13px;
letter-spacing: 1px
}
.social {
text-align: right
}
.socialnetwork {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
cursor: default
}
.socialnetwork li {
display: inline-block;
vertical-align: top;
margin: 0 0 5px 7px
}
.socialnetwork li a {
display: block;
width: 41px;
height: 41px;
overflow: hidden;
background: #838383;
line-height: 41px;
text-align: center;
font-size: 25px;
color: #e6e7e3;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.socialnetwork li a:hover {
background: #383838
}
.socialnetwork li .circle {
width: 41px;
border-radius: 50px;
text-align: center
}
.socialnetworks li a:hover {
color: #383838
}
.socialnetworks li a.facebook {
background-position: 0 -121px
}
.socialnetworks li a.twitter {
background-position: -54px -120px
}
.socialnetworks li a.linkedin {
background-position: -105px -120px
}
.copyright {
color: #000;
font-size: 12px;
line-height: 16px
}
.copyright p {
margin: 0
}
.visual {
overflow: hidden;
height: 880px;
position: relative
}
@media (min-width : 1441px) {
.visual {
height: 880px !important
}
}
@media only screen and (max-width: 1023px) {
.visual {
height: 648px !important
}
}
.visual .bg-stretch {
overflow: hidden;
height: 100%;
position: relative;
z-index: -1
}
.visual .sm-bg {
overflow: hidden;
height: 100%;
position: relative;
z-index: -1;
display: none
}
@media (max-width : 480px) {
.about .visual .bg-stretch {
display: none
}
.visual .sm-bg {
display: block
}
.visual .sm-bg {
}
}
.visual .caption {
font-size: 18px;
line-height: 30px;
color: #f3f4ef;
font-weight: 500;
padding: 150px 0 120px
}
.visual .caption h1 {
font-size: 88px;
margin: 0 0 38px
}
.visual .caption p {
margin: 0 auto 20px;
width: 91%;
text-shadow: 0px 0px 60px rgba(64, 62, 63, 0.7)
}
.investments .visual .caption p {
margin: 0 auto 20px;
width: 96%
}
.investments .visual .caption p {
text-shadow: 0px 0px 60px #09686c
}
.investments .caption h1 {
color: #f3f4ef
}
.investments .protfolio.clearfix {
display: none
}
@media (max-width: 990px) {
.visual .caption p {
margin: 0 auto 20px;
width: 95%
}
.invest .visual .caption p {
margin: 0 auto 20px;
width: 100%
}
}
@media (max-width: 768px) {
.visual .caption p {
margin: 0 auto 20px;
width: 94%
}
}
.visual .caption2 h1 {
font-size: 85px;
margin: 0 0 41px
}
.visual .caption2 .caption-holder {
padding: 43px 0 0
}
.contact .visual .caption2 .caption-holder {
padding: 60px 0 0
}
.differences {
padding-top: 159px;
padding-bottom: 99px
}
.differences h2 {
color: #666665;
text-align: center;
margin: 0 0 85px
}
.differences .ico-holder {
margin: 0 0 49px
}
.differences .ico-holder img {
display: block
}
.differences .difference {
margin: 0 0 70px
}
.differences .difference .link, .ourstory .link {
color: #00a3a6;
font-weight: 500
}
.differences .difference .link:hover, .ourstory .link:hover {
text-decoration: none;
color: #007173
}
.differences h3 {
color: #383838;
margin: 0 0 21px
}
.ourstory {
padding-bottom: 200px;
position: relative
}
#Our-story {
position: absolute;
top: -125px;
width: 0;
height: 0;
line-height: 0
}
.ourstory h2 {
color: #666665;
font-size: 48px;
line-height: 52px;
margin: 0 0 61px
}
.ourstory p {
margin: 0 0 27px
}
.ourstory .text-center {
padding-bottom: 29px;
padding: 0 10px 29px
}
.ourstory .img-responsive {
margin: 0 0 20px
}
.ourstory .img-responsive img {
width: 100%
}
.ourstory .panel-heading {
padding: 0;
border: 0;
box-shadow: none
}
.panel-heading {
border-bottom: none
}
.ourstory #accordion {
margin: 0 0 0px
}
.ourstory .panel-group .panel {
border-radius: 0;
border: 0;
box-shadow: none
}
.panel-body a {
color: #00a3a6;
font-weight: 500
}
.panel-body a:hover {
text-decoration: none;
color: #007173
}
.ourstory .panel-heading a {
background: #e6e7e2;
display: block;
font-size: 22px;
color: #383838;
position: relative;
line-height: 25px;
padding: 41px 85px 37px 53px;
font-weight: 700;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease
}
.ourstory .panel-heading:hover a {
color: #666665
}
.ourstory .panel-heading:hover a .designation {
color: #383838
}
.ourstory .panel-heading:hover a:after {
color: #007173
}
.ourstory .panel-heading a:after {
content: '+';
font-size: 43px;
line-height: 43px;
position: absolute;
right: 50px;
color: #00a3a6;
top: 30px;
font-weight: 300;
-webkit-transform: rotate(-134deg);
-moz-transform: rotate(-134deg);
-ms-transform: rotate(-134deg);
-o-transform: rotate(-134deg);
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease
}
.ourstory .panel-heading a.collapsed:after {
font-size: 43px;
line-height: 43px;
content: '+';
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg)
}
.ourstory .panel-heading a .designation {
display: inline-block;
vertical-align: top;
position: relative;
font-weight: 400;
margin: 0 0 0 34px
}
.ourstory .panel-heading a .designation:after {
position: absolute;
left: -19px;
top: 3px;
content: '';
width: 2px;
height: 21px;
background: #898a87;
border-left: solid 1px #4f4f4f
}
.ourstory .panel-heading a:hover, .ourstory .panel-heading a:focus {
text-decoration: none
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border: 0;
background: #e6e7e2;
padding: 0 53px 52px
}
.panel-group .panel+.panel {
margin: 20px 0 0
}
.visual2 {
max-height: 696px
}
.contactus h1 {
font-size: 48px;
line-height: 52px;
margin: 0 0 98px;
color: #666665;
text-align: center
}
.contactus {
padding-top: 139px;
min-height: inherit !important;
padding-bottom: 190px
}
.contactform {
padding: 0 0 0 10px
}
.newsletter div.wpcf7-validation-errors {
}
.newsletter div.wpcf7 .screen-reader-response {
display: none
}
.newsletter .wpcf7-form-control-wrap {
float: left
}
.newsletter .wpcf7-form .form-control.wpcf7-not-valid {
border-left: 6px solid #ff5d56
}
.newsletter .wpcf7-form .form-control:focus {
border-color: #0a888a;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.newsletter .wpcf7-form {
padding: 0 0 103px 0
}
.newsletter .wpcf7-form .form-control {
height: 40px;
color: #000;
font-weight: 500;
font-size: 13px;
width: 235px;
border: solid #00a3a6;
border-width: 0 0 0 6px;
margin: 0 10px 0 0;
float: left;
border-radius: 0;
box-shadow: none;
padding: 6px 12px
}
.newsletter .wpcf7-form .btn-default {
float: left;
width: 160px;
padding: 10px 10px 10px 13px;
letter-spacing: 1px
}
@media only screen and (max-width: 1199px) {
.newsletter .wpcf7-form .form-control {
width: 200px
}
.newsletter .wpcf7-form .btn-default {
width: 140px
}
}
@media only screen and (max-width: 989px) {
.newsletter .wpcf7-form-control-wrap {
width: 100%
}
.newsletter .wpcf7-form .form-control {
width: 100%;
margin: 0 0 11px
}
.home .newsletter .wpcf7-form {
padding: 0 236px 0 0
}
.newsletter .wpcf7-form {
padding: 0 235px 73px 0
}
.home .newsletter .btn-default {
float: right;
width: 140px;
margin: 11px 0 0
}
}
@media only screen and (max-width: 749px) {
.home .newsletter .wpcf7-form, .newsletter .wpcf7-form {
padding: 0
}
.home .newsletter .wpcf7-form .btn-default, .newsletter .wpcf7-form .btn-default {
margin-top: 8px;
width: 150px
}
}
.contactform .field-holder {
padding: 0 81px 15px 0
}
.contactform .form-control {
width: 100%;
padding: 6px 19px
}
.contactform textarea.form-control {
height: 173px;
resize: none;
margin: 0 0 7px;
padding: 14px 19px
}
div.wpcf7-mail-sent-ok {
border: none;
display: inline-block !important;
color: #00a3a6
}
div.wpcf7-response-output {
margin: 11px 0 0;
padding: 0;
font-size: 1.05em;
font-family: 'Gotham A', 'Gotham B';
font-weight: 700;
font-style: normal
}
div.wpcf7-validation-errors {
border: none;
overflow: hidden;
width: 100%;
float: left;
margin-top: 25px;
font-size: 14px;
color: #ff5d56
}
@media only screen and (max-width: 749px) {
div.wpcf7-validation-errors {
padding-left: 15px
}
.contactus div.wpcf7-mail-sent-ok {
padding-left: 15px
}
.newsletter div.wpcf7-validation-errors {
padding-left: 0
}
}
div.wpcf7 img.ajax-loader {
display: none
}
span.wpcf7-not-valid-tip {
display: none
}
div.wpcf7-mail-sent-ng {
border: none
}
.form-control.wpcf7-not-valid {
border-left: 6px solid #ff5d56
}
.form-control:focus {
border-color: #0a888a;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.contactform .btn-default {
float: right;
width: 190px
}
.contactus .info {
padding: 0 10px 0 80px;
margin: -6px 0 0
}
.contactus .info h2 {
font-size: 22px;
line-height: 28px;
color: #383838;
margin: 0 0 35px
}
.contactus .info .address {
overflow: hidden;
border-top: solid 2px #d0d0ce;
padding: 34px 0 16px;
color: #383838;
margin: 0
}
.contactus .info .address .title {
display: block;
font-weight: 700;
margin: 0 0 4px;
text-transform: capitalize;
font-size: 1.05em
}
.contactus .info .address .add {
margin: 0 0 31px;
display: block
}
.contactus .info .address .add a, .contactus .info .tel {
color: #383838
}
.contactus .info .address .add a:hover, .contactus .info .tel:hover {
cursor: default;
text-decoration: none
}
.contactus .info .address dl {
overflow: hidden;
margin: 0;
padding: 0 0 15px
}
.contactus .info .address dt {
float: left;
width: 20px;
margin: 0 7px 0 0
}
.contactus .info .address dd {
margin: 0 0 3px
}
.our-conusmners {
padding-top: 133px;
padding-bottom: 127px;
text-align: center
}
.our-conusmners h2 {
margin: 0 0 78px;
color: #666665;
position: relative
}
.love {
display: inline-block;
vertical-align: top;
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/sprite.png) -3px 0 no-repeat;
width: 47px;
height: 41px;
font-size: 0;
line-height: 0;
margin: 7px -4px 0 3px
}
.love-heart {
display: inline-block;
width: 53px;
font-size: 0;
line-height: 0;
margin: 7px -3px 0 -3px;
position: relative;
bottom: -8px
}
@media only screen and (max-width: 749px) {
.love-heart {
display: inline-block;
width: 37px;
font-size: 0;
line-height: 0;
margin: 2px -4px 0;
bottom: -4px
}
}
.our-conusmners .cols {
padding: 0 0 0 38px
}
.our-conusmners .col {
display: inline-block;
vertical-align: top;
text-align: left;
padding: 0 20px 20px;
width: 312px
}
.our-conusmners .col h3 {
color: #383838;
margin: 0 0 25px
}
.our-conusmners .col ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
font-size: 20px;
line-height: 32px
}
.critraia {
background: #777776;
color: #f7f8f4
}
.critraia .container {
padding-top: 139px;
padding-bottom: 200px
}
.critraia .text-center {
text-align: center;
padding: 0 28px 61px
}
.critraia h2 {
margin: 0 0 50px;
color: #aae8e4
}
.critraia p {
margin: 15px
}
.critraia-amounts {
text-align: center;
cursor: default;
padding: 0 0 60px
}
.critraia-amounts .amountlimit {
display: inline-block;
vertical-align: top;
width: 252px;
margin: 0 110px 58px
}
.critraia-amounts .amountlimit h3 {
margin: 0 0 7px;
text-transform: capitalize
}
.critraia-amounts .amountlimit p {
margin: 0 0 23px;
font-family: 'Gotham A', 'Gotham B';
font-weight: 500;
font-style: normal
}
.critraia-amounts .circle {
display: table;
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/circle.png) no-repeat;
width: 250px;
height: 250px;
padding: 30px;
font-size: 28px;
color: #aae8e4
}
.critraia-amounts .amountlimit.amountlimit2 .circle {
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/circle2.png) no-repeat
}
.critraia-amounts span {
display: table-cell;
vertical-align: middle;
font-family: 'Gotham A', 'Gotham B';
font-weight: 500;
font-style: normal
}
.features {
text-align: left;
padding-bottom: 54px
}
.features .feature {
margin-bottom: 60px
}
.features .ico-holder {
margin: 0 0 46px
}
.features .ico-holder img {
display: block
}
.features h3 {
margin: 0 0 21px
}
.features p {
margin: 0 0 10px
}
.features h3 a {
color: #f3f4ef
}
.features h3 a:hover {
text-decoration: none;
opacity: 0.8
}
.meritlist {
padding: 0 6px 0 0;
text-align: center
}
.meritlist .merits {
display: inline-block;
vertical-align: top;
font-size: 22px;
line-height: 40px;
margin: 0 51px 0 0
}
.btn-default {
border: 0;
display: inline-block;
vertical-align: top;
line-height: 20px;
font-size: 14px;
font-weight: 700;
text-align: center;
letter-spacing: 1px;
padding: 10px 32px;
border-radius: 3px
}
.btn-default:hover {
text-decoration: none
}
.protfolio h2 {
margin: 0 0 88px;
text-align: center;
color: #666665
}
.protfolio .container {
padding-top: 140px;
padding-bottom: 159px
}
.protfolio .client h3 {
margin: 0 0 21px
}
.protfolio .client {
margin: 0 0 71px
}
.protfolio .client h3 a {
color: #383838
}
.protfolio .client h3 a:hover {
color: #07979e;
text-decoration: none
}
.protfolio .client .img-holder {
overflow: hidden;
margin: 0 0 33px
}
.protfolio .client .img-holder img {
display: block
}
.protfolio .client .img-holder img:hover {
opacity: 0.9
}
.protfolio .row2 .client .img-holder {
margin: 0 0 45px
}
.protfolio .client p {
margin: 0 0 10px
}
.graphic-logo .logo-graphic2 {
display: none
}
.caption-text {
padding: 0px
}
@media only screen and (max-width:1320px) {
.btn-next, .btn-prev {
left: 20px
}
.btn-next {
right: 20px;
left: auto
}
}
@media only screen and (max-width:1199px) {
body {
font-size: 16px;
line-height: 27px
}
.tagline {
display: none
}
.newsletter-form .form-control {
width: 200px
}
.home #header .container {
padding-top: 44px
}
.logo {
margin: 0 0 0 -5px
}
.navbar-nav {
margin-left: 5px
}
.caption h1 {
font-size: 68px;
line-height: 74px;
margin: 0 0 29px
}
.intro {
height: 800px
}
.btn-prev {
left: 15px
}
.btn-next {
right: 15px
}
.caption {
padding: 86px 0
}
.caption .learn {
font-size: 20px
}
.caption-holder {
padding: 45px 0 0
}
.caption-text {
padding: 0 37px;
overflow: hidden
}
.home .btn-down {
bottom: 23px
}
.home #footer .form-holder {
margin: 0 -10px 0 -10px
}
.home .social {
margin: 0 -10px 0 0
}
.home .copyright p {
margin: 0 0 0 -10px
}
#header .container {
padding-top: 44px
}
.visual {
height: 800px
}
.btn-down {
bottom: 22px
}
.visual .caption h1 {
font-size: 74px;
line-height: 78px;
margin: 0 0 26px
}
.visual .caption p br {
display: none
}
.caption-holder {
padding: 45px 0 0
}
.about .caption-holder {
padding: 0 0 8px
}
.differences {
padding-top: 139px;
padding-bottom: 40px
}
.differences h3 {
font-size: 20px;
line-height: 24px;
margin: 0 0 23px
}
.differences .ico-holder {
margin: 0 0 43px;
width: 85px
}
.ourstory .text-center {
padding: 0 0 2px
}
.ourstory .img-responsive {
margin: 0 0 33px
}
.ourstory .panel-heading a:after {
right: 21px
}
.ourstory {
padding-bottom: 269px
}
.home .newsletter-form .btn-default {
width: 160px
}
.newsletter-form .btn-default {
width: 140px
}
.visual2 {
height: 654px
}
.graphic-logo img {
display: block;
width: 100%
}
.contactus {
min-height: inherit !important;
padding-top: 84px;
padding-bottom: 190px
}
.contactus h1 {
margin: 0 0 98px 5px
}
.contactform .field-holder {
padding: 0 45px 15px 35px
}
.contactform .btn-default {
width: 140px
}
.contactus .info {
padding: 0 98px 0 0;
margin: -6px 0 0 -7px
}
.contactus .info .address {
font-size: 17px;
line-height: 27px
}
.contactus .info .address {
padding: 31px 0 16px
}
.contactus .info .address .title {
margin: 0
}
.contactus .info .address .add {
margin: 0 0 29px
}
.visual .caption2 .caption-holder {
padding: 0 0 8px
}
.our-conusmners {
padding-top: 138px;
padding-bottom: 136px
}
.our-conusmners h2 {
margin: 0 0 74px
}
.our-conusmners .cols {
padding: 0 28px 0 0
}
.our-conusmners .col {
width: 316px
}
.our-conusmners .col ul {
font-size: 18px;
line-height: 30px
}
.critraia .text-center {
padding: 0 9px 70px
}
.critraia h2 {
margin: 0 0 42px
}
.features .ico-holder {
margin: 0 0 41px;
width: 85px
}
.features {
font-size: 16px;
line-height: 26px;
padding-bottom: 38px
}
.features .feature3 h3 {
font-size: 20px
}
.meritlist .merits {
margin: 0 54px 0 0
}
.protfolio .container {
padding-top: 90px;
padding-bottom: 232px
}
.protfolio .client {
font-size: 16px;
line-height: 26px
}
.contact .visual .caption2 .caption-holder {
padding: 42px 0 0
}
.graphic-logo {
padding-left: 10px;
padding-right: 10px
}
}
@media only screen and (max-width:989px) {
body {
font-size: 16px;
line-height: 27px
}
.show #header.fixed {
display: none
}
.home .logo {
margin: 0
}
.logo {
margin: 0
}
.intro {
height: 950px
}
.caption h1 {
font-size: 56px;
line-height: 60px;
margin: 0 0 26px
}
.caption-text {
padding: 0
}
.btn-next, .btn-prev {
top: auto;
bottom: 28px;
margin: 0
}
.caption .learn {
font-size: 18px;
padding: 0 3px 0 0
}
.caption-holder {
padding: 51px 0 0
}
.btn-next {
right: 9px;
bottom: 36px
}
.btn-down {
width: 35px;
height: 35px;
background-position: -71px -58px;
margin: 0 0 0 -17px;
bottom: 25px
}
.home .btn-down {
margin: 0 0 4px -19px;
bottom: 26px
}
#footer .container {
padding-top: 61px
}
.home #footer .form-holder {
margin: -7px 0 0 0;
padding: 0 0 73px
}
#footer .form-holder {
margin: -7px 0 0
}
.newsletter-form .form-control {
width: 100%;
margin: 0 0 11px
}
.home .newsletter-form {
padding: 0 236px 0 0
}
.newsletter-form {
padding: 0 295px 73px 0
}
.home .newsletter-form .btn-default, .newsletter-form .btn-default {
float: right;
width: 140px;
margin: 11px 0 0
}
.home .copyright p {
margin: 0
}
.copyright p {
margin: 0
}
.home .social {
margin: 0 -10px 0 -1px;
text-align: left
}
.social {
margin: 0 -12px 0 0;
text-align: left
}
.socialnetwork li {
margin: 0 9px 0 0
}
.visual .caption h1 {
font-size: 56px;
line-height: 60px
}
.visual .caption {
font-size: 16px;
line-height: 26px
}
.differences {
padding-top: 114px;
padding-bottom: 64px
}
h2 {
font-size: 40px
}
.differences h2 {
margin: 0 0 100px
}
.differences .difference {
padding: 0 35px 0 61px;
margin: 0 0 55px
}
.differences .ico-holder {
margin: 0 0 40px
}
.differences h3 {
font-size: 21px;
letter-spacing: 0;
margin: 0 0 21px
}
.ourstory h2 {
font-size: 40px;
margin: 0 0 45px
}
.ourstory .img-responsive {
margin: 0 0 20px
}
.ourstory .panel-heading a {
font-size: 20px;
padding: 35px 65px 35px 32px
}
.ourstory .panel-heading a .designation {
margin: 0 0 0 31px
}
.ourstory .panel-heading a .designation:after {
letter-spacing: 16px;
height: 19px;
top: 5px
}
.ourstory {
padding-bottom: 100px;
min-height: 1474px
}
.graphic-logo .logo-graphic2 {
display: block
}
.graphic-logo .logo-graphic {
display: none
}
.graphic-logo img {
width: auto;
margin: 0 auto
}
.visual2 {
height: 667px
}
.contact .visual .caption {
padding: 108px 0 27px
}
.contact .visual .caption2 .caption-holder {
padding: 0
}
.contactus h1 {
font-size: 40px;
margin: 0 0 81px;
line-height: 46px
}
.contactus {
padding-top: 75px
}
.contactform .field-holder {
padding: 0 0 15px 5px;
margin: 0 -15px 0 0
}
.contactus .info {
padding: 0 15px 0 44px;
margin: -8px 0 0
}
.contactus .info h2 {
font-size: 17px;
line-height: 27px;
margin: 0 0 38px
}
.contactus .info .address {
font-size: 16px;
padding: 31px 0 22px
}
.contactus .info .address .title {
font-size: 17px
}
.contactus .info .address .add {
margin: 0 0 27px
}
.contactus .info .address dt {
margin: 0 5px 0 0
}
.contactus {
padding-bottom: 190px
}
.contact .newsletter-form {
padding: 0 236px 73px 0
}
.visual .caption2 h1 {
letter-spacing: 0
}
.our-conusmners {
padding-top: 116px;
padding-bottom: 107px
}
.our-conusmners h2 {
margin: 0 0 65px
}
.love {
margin: 7px -8px 0 -6px
}
.our-conusmners .cols {
padding: 0 0 0 5px
}
.our-conusmners .col h3 {
font-size: 21px;
margin: 0 0 23px
}
.our-conusmners .col {
padding: 0 0 20px;
width: 246px;
margin: 0 55px
}
.critraia .container {
padding-top: 115px;
padding-bottom: 124px
}
.critraia .text-center {
padding: 0 17px 61px;
line-height: 26px
}
.critraia h2 {
margin: 0 0 44px
}
.critraia-amounts .amountlimit {
margin: 0 54px 60px
}
.critraia-amounts .circle {
width: 241px;
height: 241px;
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/circle-750.png) no-repeat;
font-weight: 700
}
.critraia-amounts .amountlimit.amountlimit2 .circle {
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/circle2-750.png) no-repeat
}
.critraia-amounts {
padding-bottom: 41px
}
.features {
padding-bottom: 18px
}
.features .feature {
padding: 0 45px 0 60px;
margin-bottom: 58px
}
.features .ico-holder {
margin: 0 0 43px
}
.meritlist {
padding: 0 13px 0 0
}
.protfolio .container {
padding-top: 115px;
padding-bottom: 152px
}
.protfolio h2 {
margin: 0 0 73px
}
.protfolio .client {
padding: 0 60px;
margin: 0 0 54px
}
.protfolio .client .img-holder {
margin: 0 0 29px
}
.newsletter-form {
padding: 0 235px 73px 0
}
.about .newsletter-form {
padding: 0 294px 73px 0
}
.navbar-collapse {
border: 0;
padding: 0 0 9999px;
margin: 0 0 -9999px;
overflow: hidden;
box-shadow: none;
position: fixed;
right: 0;
top: 0;
z-index: 999;
background: rgba(56, 56, 56, 0.93);
width: 50%
}
.navbar-collapse .row {
margin: 0
}
.navbar-nav {
margin: 0;
padding: 78px 0 0
}
.navbar-nav>li {
display: block;
border-bottom: solid 1px #8fbdba;
margin: 0;
padding: 0;
text-align: center;
font-size: 18px;
line-height: 24px
}
.navbar-nav>li:first-child {
border-top: solid 1px #8fbdba
}
.navbar-nav>li:after {
display: none
}
.visual {
overflow: visible
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav>.active>a:focus {
text-decoration: none;
color: #00a3a6
}
.navbar-default .navbar-nav>li>a {
padding: 27px 10px;
display: block
}
.collapsed.navbar-toggle, .about .collapsed.navbar-toggle {
margin: 35px 0 0 0;
padding: 0;
border: 0;
background: none;
position: relative;
z-index: 999;
border-radius: 0
}
.collapsed.navbar-toggle .menubtn {
display: block
}
.home .navbar-toggle.collapsed {
margin: 25px -10px 0 0
}
.home .navbar-toggle {
margin: 0
}
.navbar-default .navbar-toggle .icon-bar {
background: #fefef4
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent
}
.navbar-toggle {
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/sprite.png) -134px -9px no-repeat;
width: 22px;
height: 22px;
text-indent: -9999px;
font-size: 0;
line-height: 0;
border: 0;
left: -9px;
top: -17px;
margin: -4px 1px 0 0;
position: relative;
z-index: 9999
}
.navbar-toggle .menubtn {
display: none
}
.about .caption-holder {
padding: 52px 0 0
}
.visual .caption2 .caption-holder {
padding: 28px 0 0
}
.navbar-default .navbar-nav>li>a:after {
display: none !important
}
.visual .caption2 .text {
padding: 0 25px
}
.critraia-amounts .amountlimit {
width: 244px
}
}
@media only screen and (max-width:749px) {
body {
font-size: 16px;
line-height: 24px
}
.intro {
height: 568px !important
}
.btn-next, .btn-prev {
visibility: hidden
}
.caption h1 {
font-size: 42px;
line-height: 44px;
margin: 0 0 18px
}
.caption .learn {
font-size: 18px
}
.logo {
width: 140px;
height: 32px;
margin: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
z-index: 222
}
.brand {
width: 240px
}
.collapsed.navbar-toggle, .about .collapsed.navbar-toggle {
margin: 15px 0 0 0
}
.copyright {
font-size: 13px;
line-height: 17px
}
.home .logo {
margin: 0
}
.home .navbar-toggle, .navbar-toggle {
margin: 8px 0 0
}
.home #header .container, #header .container {
padding-top: 34px
}
.caption-holder {
padding-top: 68px
}
.caption .learn {
padding: 0 13px 0 0
}
.home #footer .form-holder {
margin: 0
}
#footer .heading {
font-size: 17px;
margin: 0 -3px 24px -1px
}
.home #footer .container {
padding-top: 55px
}
.home .newsletter-form, .newsletter-form, .contact .newsletter-form {
padding: 0
}
.home .newsletter-form .btn-default, .newsletter-form .btn-default {
margin-top: 8px;
width: 150px
}
.home #footer .form-holder {
padding-bottom: 56px
}
.home .social {
margin: 0
}
#footer .social .heading {
margin: 0 0 16px
}
.socialnetwork {
margin: 0 0 84px
}
.copyright p, .home .copyright p {
margin: 0
}
.caption-holder {
padding-top: 65px
}
.visual .caption-holder {
padding-top: 29px
}
.visual .caption h1 {
font-size: 42px;
line-height: 44px;
margin: 0 0 35px
}
.visual .caption {
font-size: 16px;
line-height: 26px
}
.visual {
height: 649px
}
.differences h2 {
font-size: 32px;
margin: 0 0 78px;
line-height: 35px
}
.differences {
padding-top: 78px;
padding-bottom: 95px
}
.differences .difference {
padding: 0;
margin: 0 0 62px
}
.differences .ico-holder {
margin: 0 0 27px
}
.ourstory h2 {
font-size: 32px;
line-height: 35px;
margin: 0 0 40px
}
.ourstory p {
margin: 0 0 23px
}
.ourstory .panel-heading a {
font-size: 17px;
line-height: 24px;
padding: 24px 42px 22px 19px
}
.ourstory .panel-heading a .designation {
margin: 0;
display: block
}
.ourstory .panel-heading a .designation:after {
display: none
}
.ourstory .panel-heading a:after {
display: block
}
.ourstory .panel-heading a:after {
right: 16px;
top: 25px
}
.ourstory {
min-height: inherit;
padding-bottom: 0
}
#footer .container {
padding-top: 56px
}
#footer .form-holder {
margin: 0 0 56px
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
padding: 9px 15px 20px
}
.graphic-logo .logo-graphic2 {
width: 290px
}
.graphic-logo {
padding: 0 15px
}
.contact .visual {
height: 484px !important
}
.visual {
height: 682px !important
}
.about .visual {
height: 675px !important
}
.visual .caption2 .caption-holder {
padding: 0
}
.contact .visual .caption {
padding-top: 76px
}
.contactus h1 {
margin: 0 15px 52px;
font-size: 32px;
line-height: 36px
}
.contactus {
padding-top: 50px;
padding-bottom: 74px
}
.contactform {
padding: 0 0 88px
}
.contactform .field-holder {
margin: 0;
padding: 0 15px 15px
}
.contactus .info {
padding: 0 15px
}
.visual .caption2 {
padding: 97px 0 0
}
.our-conusmners h2 {
font-size: 32px;
line-height: 38px;
margin: 0 0 66px
}
.love {
background: url(//www.elainamassie.com.au/wp-content/themes/EchoCapital/assets/images/sprite.png) -64px -4px no-repeat;
width: 37px;
height: 33px
}
.our-conusmners {
padding-top: 83px
}
.our-conusmners h2 .love {
margin: 2px -4px 0
}
.our-conusmners .cols {
padding: 0
}
.our-conusmners .col ul {
font-size: 16px;
line-height: 26px
}
.our-conusmners .col {
padding: 0 5px 62px
}
.our-conusmners {
padding-bottom: 17px
}
.critraia .container {
padding-top: 76px;
padding-bottom: 114px
}
.critraia h2 {
font-size: 32px;
line-height: 38px;
text-align: center;
margin: 0 0 35px
}
.critraia p {
margin: 0
}
.critraia .text-center {
line-height: 23px;
text-align: left;
padding: 0 20px 90px
}
.critraia-amounts .amountlimit {
width: 100%;
margin: 0;
padding: 0 15px 66px
}
.critraia-amounts {
font-size: 16px;
font-weight: 500;
padding-bottom: 5px
}
.critraia-amounts .amountlimit h3 {
margin: 0 0 9px
}
.critraia-amounts .circle {
margin: 0 auto
}
.critraia-amounts .amountlimit p {
margin: 0 0 25px
}
.features .feature {
padding: 0;
margin: 0 0 73px
}
.features .ico-holder {
margin: 0 0 26px
}
.features h3 {
margin: 0 0 17px
}
.features {
font-size: 16px;
line-height: 24px
}
.meritlist {
padding: 0 15px;
text-align: left
}
.meritlist .merits {
margin: 0
}
.meritlist .merits {
line-height: 28px;
margin: 0 0 22px
}
.protfolio h2 {
font-size: 32px;
line-height: 36px;
margin: 0 0 72px
}
.protfolio .container {
padding-top: 77px;
padding-bottom: 0
}
.protfolio .client {
padding: 0
}
.protfolio .client .img-holder {
margin: 0 0 14px
}
.protfolio .client h3 {
margin: 0 0 18px 2px
}
.protfolio .client {
font-size: 16px;
line-height: 24px;
margin: 0 0 65px
}
.home .navbar-toggle, .navbar-toggle {
margin: 0
}
.navbar-nav {
padding-top: 97px;
top: 35px
}
.navbar-collapse {
width: auto;
left: -15px;
right: -15px
}
.navbar-toggle {
left: -3px;
top: -2px
}
.visual .caption2 .text {
padding: 0
}
.features .feature3 h3 {
font-size: 22px
}
.home .navbar-toggle.collapsed, .navbar-toggle.collapsed {
margin: 6px -3px 0 0
}
.about .newsletter-form {
padding: 0
}
.our-conusmners .col {
margin: 0
}
}
input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
outline: none
}
@media only screen and (min-width: 990px) and (max-width: 1200px) {
.row {
margin-left: -5px;
margin-right: -5px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px
}
}
@media (max-width: 989px) {
.row {
margin-left: -10px;
margin-right: -10px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
}
@media (max-width:749px) {
.row {
margin-left: -15px;
margin-right: -15px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 20px;
padding-right: 20px
}
}
.component {
margin: 0 auto;
position: relative;
margin-bottom: 40px;
max-width: 100%
}
.component-small {
width: 650px;
height: 290px
}
.component-fullwidth {
width: 100%;
height: 100%;
margin-bottom: 0;
background: #333
}
.component-transparent {
width: 900px;
height: 500px
}
.component>ul {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
list-style: none;
padding: 0;
margin: 0 auto
}
.component-small>ul {
width: 450px
}
.component-fullwidth>ul {
overflow: hidden
}
.component-transparent>ul {
width: 112px
}
.component li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
z-index: 999
}
.component-fullwidth li {
overflow: hidden
}
.component .current {
opacity: 1;
pointer-events: auto;
z-index: 1000
}
.component li img {
display: block;
max-width: 100%
}
.component-fullwidth li img {
min-width: 100%;
max-width: none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
@media (max-width: 480px) {
.btn-down {
display: none
}
.creditlink {
margin-left: 0px;
display: block
}
}
.fxSoftScale .navOutNext {
-webkit-animation: scaleUp .8s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUp .8s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navInNext {
-webkit-animation: scaleDownUp .8s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDownUp .8s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navOutPrev {
-webkit-animation: scaleDown .8s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleDown .8s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
.fxSoftScale .navInPrev {
-webkit-animation: scaleUpDown .8s forwards cubic-bezier(0.7, 0, 0.3, 1);
animation: scaleUpDown .8s forwards cubic-bezier(0.7, 0, 0.3, 1)
}
@-webkit-keyframes scaleUp {
from {
}
to {
-webkit-transform: scale(1.2);
opacity: 0
}
}
@keyframes scaleUp {
from {
}
to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0
}
}
@-webkit-keyframes scaleDownUp {
from {
opacity:0;
-webkit-transform:scale(0.9)
}
to {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes scaleDownUp {
from {
opacity:0;
-webkit-transform:scale(0.9);
transform:scale(0.9)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes scaleDown {
from {
}
to {
opacity: 0;
-webkit-transform: scale(0.9)
}
}
@keyframes scaleDown {
from {
}
to {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
}
@-webkit-keyframes scaleUpDown {
from {
-webkit-transform:scale(1.2)
}
to {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes scaleUpDown {
from {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}  .slideDown{
animation-name: slideDown;
-webkit-animation-name: slideDown;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;	
visibility: visible !important;						
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
50%{
transform: translateY(8%);
}
65%{
transform: translateY(-4%);
}
80%{
transform: translateY(4%);
}
95%{
transform: translateY(-2%);
}			
100% {
transform: translateY(0%);
}		
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-100%);
}
50%{
-webkit-transform: translateY(8%);
}
65%{
-webkit-transform: translateY(-4%);
}
80%{
-webkit-transform: translateY(4%);
}
95%{
-webkit-transform: translateY(-2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
visibility: visible !important;			
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}			
100% {
transform: translateY(0%);
}	
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}			
100% {
-webkit-transform: translateY(0%);
}	
} .slideLeft{
animation-name: slideLeft;
-webkit-animation-name: slideLeft;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;	
}
@keyframes slideLeft {
0% {
transform: translateX(150%);
}
50%{
transform: translateX(-8%);
}
65%{
transform: translateX(4%);
}
80%{
transform: translateX(-4%);
}
95%{
transform: translateX(2%);
}			
100% {
transform: translateX(0%);
}
}
@-webkit-keyframes slideLeft {
0% {
-webkit-transform: translateX(150%);
}
50%{
-webkit-transform: translateX(-8%);
}
65%{
-webkit-transform: translateX(4%);
}
80%{
-webkit-transform: translateX(-4%);
}
95%{
-webkit-transform: translateX(2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideRight{
animation-name: slideRight;
-webkit-animation-name: slideRight;	
animation-duration: 1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;	
}
@keyframes slideRight {
0% {
transform: translateX(-150%);
}
50%{
transform: translateX(8%);
}
65%{
transform: translateX(-4%);
}
80%{
transform: translateX(4%);
}
95%{
transform: translateX(-2%);
}			
100% {
transform: translateX(0%);
}	
}
@-webkit-keyframes slideRight {
0% {
-webkit-transform: translateX(-150%);
}
50%{
-webkit-transform: translateX(8%);
}
65%{
-webkit-transform: translateX(-4%);
}
80%{
-webkit-transform: translateX(4%);
}
95%{
-webkit-transform: translateX(-2%);
}			
100% {
-webkit-transform: translateX(0%);
}
} .slideExpandUp{
animation-name: slideExpandUp;
-webkit-animation-name: slideExpandUp;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease -out;
visibility: visible !important;	
}
@keyframes slideExpandUp {
0% {
transform: translateY(100%) scaleX(0.5);
}
30%{
transform: translateY(-8%) scaleX(0.5);
}	
40%{
transform: translateY(2%) scaleX(0.5);
}
50%{
transform: translateY(0%) scaleX(1.1);
}
60%{
transform: translateY(0%) scaleX(0.9);		
}
70% {
transform: translateY(0%) scaleX(1.05);
}			
80%{
transform: translateY(0%) scaleX(0.95);		
}
90% {
transform: translateY(0%) scaleX(1.02);
}	
100%{
transform: translateY(0%) scaleX(1);		
}
}
@-webkit-keyframes slideExpandUp {
0% {
-webkit-transform: translateY(100%) scaleX(0.5);
}
30%{
-webkit-transform: translateY(-8%) scaleX(0.5);
}	
40%{
-webkit-transform: translateY(2%) scaleX(0.5);
}
50%{
-webkit-transform: translateY(0%) scaleX(1.1);
}
60%{
-webkit-transform: translateY(0%) scaleX(0.9);		
}
70% {
-webkit-transform: translateY(0%) scaleX(1.05);
}			
80%{
-webkit-transform: translateY(0%) scaleX(0.95);		
}
90% {
-webkit-transform: translateY(0%) scaleX(1.02);
}	
100%{
-webkit-transform: translateY(0%) scaleX(1);		
}
} .expandUp{
animation-name: expandUp;
-webkit-animation-name: expandUp;	
animation-duration: 0.7s;	
-webkit-animation-duration: 0.7s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;		
visibility: visible !important;	
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
transform: translateY(-7%) scaleY(1.12);
}
75%{
transform: translateY(3%);
}	
100% {
transform: translateY(0%) scale(1) scaleY(1);
}	
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
60%{
-webkit-transform: translateY(-7%) scaleY(1.12);
}
75%{
-webkit-transform: translateY(3%);
}	
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}	
} .fadeIn{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;		
visibility: visible !important;	
}
@keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0.0;		
}
60% {
transform: scale(1.1);	
}
80% {
transform: scale(0.9);
opacity: 1;	
}	
100% {
transform: scale(1);
opacity: 1;	
}		
}
@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(0);
opacity: 0.0;		
}
60% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(0.9);
opacity: 1;	
}	
100% {
-webkit-transform: scale(1);
opacity: 1;	
}		
} .expandOpen{
animation-name: expandOpen;
-webkit-animation-name: expandOpen;	
animation-duration: 1.2s;	
-webkit-animation-duration: 1.2s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
visibility: visible !important;	
}
@keyframes expandOpen {
0% {
transform: scale(1.8);		
}
50% {
transform: scale(0.95);
}	
80% {
transform: scale(1.05);
}
90% {
transform: scale(0.98);
}	
100% {
transform: scale(1);
}			
}
@-webkit-keyframes expandOpen {
0% {
-webkit-transform: scale(1.8);		
}
50% {
-webkit-transform: scale(0.95);
}	
80% {
-webkit-transform: scale(1.05);
}
90% {
-webkit-transform: scale(0.98);
}	
100% {
-webkit-transform: scale(1);
}					
} .bigEntrance{
animation-name: bigEntrance;
-webkit-animation-name: bigEntrance;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
visibility: visible !important;			
}
@keyframes bigEntrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}		
}
@-webkit-keyframes bigEntrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
opacity: 1;
}	
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}				
} .hatch{
animation-name: hatch;
-webkit-animation-name: hatch;	
animation-duration: 2s;	
-webkit-animation-duration: 2s;
animation-timing-function: ease-in-out;	
-webkit-animation-timing-function: ease-in-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 
visibility: visible !important;		
}
@keyframes hatch {
0% {
transform: rotate(0deg) scaleY(0.6);
}
20% {
transform: rotate(-2deg) scaleY(1.05);
}
35% {
transform: rotate(2deg) scaleY(1);
}
50% {
transform: rotate(-2deg);
}	
65% {
transform: rotate(1deg);
}	
80% {
transform: rotate(-1deg);
}		
100% {
transform: rotate(0deg);
}									
}
@-webkit-keyframes hatch {
0% {
-webkit-transform: rotate(0deg) scaleY(0.6);
}
20% {
-webkit-transform: rotate(-2deg) scaleY(1.05);
}
35% {
-webkit-transform: rotate(2deg) scaleY(1);
}
50% {
-webkit-transform: rotate(-2deg);
}	
65% {
-webkit-transform: rotate(1deg);
}	
80% {
-webkit-transform: rotate(-1deg);
}		
100% {
-webkit-transform: rotate(0deg);
}		
} .bounce{
animation-name: bounce;
-webkit-animation-name: bounce;	
animation-duration: 1.6s;	
-webkit-animation-duration: 1.6s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;	
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 	
}
@keyframes bounce {
0% {
transform: translateY(0%) scaleY(0.6);
}
60%{
transform: translateY(-100%) scaleY(1.1);
}
70%{
transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
transform: translateY(0%) scaleY(1.05) scaleX(1);
}	
90%{
transform: translateY(0%) scaleY(0.95) scaleX(1);
}				
100%{
transform: translateY(0%) scaleY(1) scaleX(1);
}	
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0%) scaleY(0.6);
}
60%{
-webkit-transform: translateY(-100%) scaleY(1.1);
}
70%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
}	
90%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
}				
100%{
-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
}		
} .pulse{
animation-name: pulse;
-webkit-animation-name: pulse;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 0.7;		
}
50% {
transform: scale(1);
opacity: 1;	
}	
100% {
transform: scale(0.9);
opacity: 0.7;	
}			
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;		
}
50% {
-webkit-transform: scale(1);
opacity: 1;	
}	
100% {
-webkit-transform: scale(0.95);
opacity: 0.7;	
}			
} .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(8%);	
}	
100% {
transform: translateY(0%);
}			
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);	
}
50% {
-webkit-transform: translateY(8%);	
}	
100% {
-webkit-transform: translateY(0%);
}			
} .tossing{
animation-name: tossing;
-webkit-animation-name: tossing;	
animation-duration: 2.5s;	
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
0% {
transform: rotate(-4deg);	
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);	
}						
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-4deg);	
}
50% {
-webkit-transform: rotate(4deg);
}
100% {
-webkit-transform: rotate(-4deg);	
}				
} .pullUp{
animation-name: pullUp;
-webkit-animation-name: pullUp;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%; 		
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullUp {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .pullDown{
animation-name: pullDown;
-webkit-animation-name: pullDown;	
animation-duration: 1.1s;	
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%; 		
}
@keyframes pullDown {
0% {
transform: scaleY(0.1);
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
}				
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}							
}
@-webkit-keyframes pullDown {
0% {
-webkit-transform: scaleY(0.1);
}
40% {
-webkit-transform: scaleY(1.02);
}
60% {
-webkit-transform: scaleY(0.98);
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(0.98);
}				
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}		
} .stretchLeft{
animation-name: stretchLeft;
-webkit-animation-name: stretchLeft;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-webkit-transform-origin: 100% 0%; 
}
@keyframes stretchLeft {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchLeft {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
} .stretchRight{
animation-name: stretchRight;
-webkit-animation-name: stretchRight;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-out;	
-webkit-animation-timing-function: ease-out;	
transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%; 		
}
@keyframes stretchRight {
0% {
transform: scaleX(0.3);
}
40% {
transform: scaleX(1.02);
}
60% {
transform: scaleX(0.98);
}
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(0.98);
}				
80% {
transform: scaleX(1.01);
}
100% {
transform: scaleX(1);
}							
}
@-webkit-keyframes stretchRight {
0% {
-webkit-transform: scaleX(0.3);
}
40% {
-webkit-transform: scaleX(1.02);
}
60% {
-webkit-transform: scaleX(0.98);
}
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(0.98);
}				
80% {
-webkit-transform: scaleX(1.01);
}
100% {
-webkit-transform: scaleX(1);
}		
}.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li:not(:first-child) {
display: none;
-webkit-backface-visibility: hidden;
} .flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
} .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}  .no-js .slides > li:first-child {
display: block;
} .flexslider {
position: relative; }
.flex-viewport { -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
zoom: 1;
}
.carousel li {
margin-right: 5px
} .flex-direction-nav { }
.IdxTestimonialWrapper a {
width: 24px;
height: 72px;
margin: -66px 0 0; position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
opacity:1;
-webkit-transition: all .3s ease;
}
.IdxTestimonialWrapper .flex-next {
right:-50px;
background-image:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/icons/icon_2.png);
}
.IdxTestimonialWrapper .flex-prev {
left: -50px;
background-image:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/icons/icon_1.png);
}
.IdxWatchLearnWrapper .flex-direction-nav a {
width: 19px;
height: 60px;
margin: -20px 0 0; position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
opacity:1;
-webkit-transition: all .3s ease;
}
.IdxWatchLearnWrapper .flex-next {
right:20px;
background-image:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/icons/icon_4.png);
}
.IdxWatchLearnWrapper .flex-prev {
left: 20px;
background-image:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/icons/icon_3.png);
}
.IdxHeaderBg .flex-direction-nav, .flex-control-paging{
display:none;
} .flex-control-nav {
width: 100%;
position: absolute;
bottom:-30px;
text-align: center;
}
.flex-control-nav li {
margin: 0 5px;
display:inline-block;
zoom: 1;
*display: inline; }
.flex-control-paging li a {
width:10px;
height:10px;
cursor: pointer;
text-indent:-99999px;
line-height:20px;
background-color:transparent;
color:#fff;
display:block;
border:1px solid #fff;
text-align:center !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background-color:#fff;
}
.flex-control-paging li a.flex-active {
background-color:#fff;
} #slider .flex-direction-nav {
display:block;
}
#slider .flex-direction-nav a {
width: 34px;
height: 100px;
margin: -50px 0 0;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
opacity:1;
-webkit-transition: all .3s ease;
}
#slider .flex-direction-nav .flex-next {
right:-60px;
background:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/next1.jpg) no-repeat center;
}
#slider .flex-direction-nav .flex-prev {
background:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/prev1.jpg) no-repeat center;
left:-60px;
} #carousel li {
margin:15px 19px;
}
#carousel li:first-child{
margin-left:0px;
}
#carousel li:last-child{
margin-right:0px;
}
#carousel img {
display: block;
opacity:1;
cursor: pointer;
border:6px solid #fff;
margin-bottom:10px;
}
#carousel h6{
text-align:center;
color:#484745;
}
#carousel h6:hover{
color:#fff
}
#carousel .flex-active-slide h6{
color:#fff
}
#carousel img:hover{
border:6px solid #5289c2;
}
#carousel .flex-active-slide img{
border:6px solid #5289c2;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width:100%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity:1;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} #TestimonialSlider .flex-control-nav {
width: 100%;
position: absolute;
bottom:-50px;
text-align: center;
}
#TestimonialSlider .flex-control-paging li a {
width:8px;
height:8px;
display: block;
cursor: pointer;
text-indent:-99999px;
line-height:24px;
background-color:transparent;
color:#fff;
border:1px solid #fff;
text-align:center !important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
#TestimonialSlider .flex-control-paging li a:hover {
background-color:#fff;
}
#TestimonialSlider .flex-control-paging li a.flex-active {
background-color:#fff;
}.codrops-header {
margin: 0 auto;
padding: 2em;
background: rgba(0,0,0,0.01);
text-align: center;
}
.codrops-header h1 {
margin: 0;
font-weight: 300;
font-size: 2.625em;
line-height: 1.3;
}
.codrops-header span {
display: block;
padding: 0 0 0.6em 0.1em;
font-size: 60%;
opacity: 0.7;
} .codrops-top {
width: 100%;
background: #91cfa1;
background: rgba(255, 255, 255, 0.1);
text-transform: uppercase;
font-size: 0.69em;
line-height: 2.2;
}
.codrops-top a {
display: inline-block;
padding: 0 1em;
color: #fff;
text-decoration: none;
letter-spacing: 0.1em;
}
.codrops-top a:hover {
background: rgba(255,255,255,0.95);
color: #333;
}
.codrops-top span.right {
float: right;
}
.codrops-top span.right a {
display: block;
float: left;
}
.codrops-icon:before {
margin: 0 4px;
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: 'codropsicons';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
}
.codrops-icon-drop:before {
content: "\e001";
}
.codrops-icon-prev:before {
content: "\e004";
} .codrops-demos {
padding-top: 1em;
font-size: 1.1em;
}
.codrops-demos a {
display: block;
float: left;
clear: both;
margin: 0.5em 0.5em 0.5em 1.9em;
padding: 1em 1.1em;
width: 280px;
outline: none;
color: #fff;
background: #336ca6;
text-align: center;
text-decoration: none;
font-weight: 700;
}
.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
opacity: 0.6;
}
.content {
padding: 0px;
max-width: 100%;
margin: 0 auto;
box-sizing: border-box;
display:none;
}
.block {
float: left;
}
.block-40 {
width: 40%;
}
.block-60 {
width: 60%;
}
.block p {
margin: 0;
padding: 0;
font-size: 1.8em;
}
.info {
text-align: center;
font-size: 1.5em;
margin-top: 3em;
clear: both;
padding-top: 3em;
color: rgba(255,255,255,0.5);
}
.info a {
font-weight: 700;
font-size: 0.9em;
}
.info a:hover {
color: #1a4d92;;
}
@media screen and (max-width:1199px) {
.content {
display:block !important; 
position:absolute;
}
}
@media screen and (max-width: 69em) {
.block {  }
}
@media screen and (max-width: 25em) {
body {
font-size: 80%;
}
.codrops-icon span {
display: none;
}
}
.mp-menu ul li::before{
display:none;	
}
 .ie7overlay{
background:transparent url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/overlay.png) repeat top left;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:9999 !important;
}
.ie7boxclose{
top:10px !important;
bottom:0px;
left:0px;
right:10px !important;
z-index:9999 !important;
}
.ie7box{
position:fixed;
top:200px;
left:30%;
right:30%;
background-color:#FFFFFF;
color:#7F7F7F;
padding:5px;  z-index:99999 !important;
}.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden; z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
} .swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
} .swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 20px;
height: 60px;
margin-top: -35.5px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/icons/icon_3.png)  no-repeat;
left: 300px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/icons/icon_4.png) no-repeat;
right: 300px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
} .swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
} .swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
} .swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px;
} .swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
} .swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container {
position:relative;	
}
.swiper-container:before {
content:'';
position:absolute;
background:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/img/left-fade.png) no-repeat top left;
background-size:cover;
width:335px;
height:100%;
left:0;
top:0;
z-index:9;	
}
.swiper-container:after {
content:'';
position:absolute;
background:url(//www.elainamassie.com.au/wp-content/themes/custom/assets/images/img/right-fade.png)  no-repeat top left;
background-size:cover;
width:335px;
height:100%;
right:0;
top:0;
z-index:9;		
}
 @media only screen and (max-width: 1199px){
.MainWrapper, 
.TopMainWrapper, 
.Footer, 
.IdxContainWrapper, 
.InnerContainWrapper, 
.FooterWrap .FooterWrapper{
width:94%;
}
.Nav{
display:none;
}
.MinHeight {
display:none;
}
.TopBg.fixed-nav .Logo a{
width:271px;
height:79px;
}
.TopBg{
position:relative !important;
height:auto !important;
}
.TopMainRight {
width: 60%;
}
.TopSocialIcons {
margin-right:50px;
}
.ResponsiveMenu {
display: block;
}
.HomeTop.Shadow1{
display:none !important;
}
.TopMainRight{
display:none;
}
.TopMainWrapper{
text-align:center;
}	
.Logo{
float:none;
display:inline-block;
}
.menu-item-has-children{
margin-right:0px !important;
}	
.menu-item-has-children:before{
display:none;
}
.Header {
bottom: 180px;
}
.ElainaMassieWrapper .RightWrap {
margin-right: 50px;
margin-bottom: 80px;
}	
.FreeDownloadWrapper .InnerContainWrapper{
width:100%;
}	
.FreeDownloadWrapper .ImgWrap{
padding-left:30px;
padding-right:15px;
}	
.FreeDownloadWrapper .TextWrap{
padding-right:30px;
padding-left:15px;
}		
.ElainaMassieWrapper .InnerContainWrapper{
padding-top:0;
}
.AboutElainaMassieWrapper .RightWrap {
margin-left: 40px;
margin-bottom: 60px;
}		
.AboutElainaMassieWrapper .LeftWrap {
right: 0;
}
.StartCoachingWrapper .InnerContainWrapper .wpb_wrapper {
width: 100%;
float: none !important;
}
.CoachingHeaderWrapper .InnerContainWrapper {
background-color: rgba(255,255,255,0.3);
width: 100%;
padding:0 20px;
}
.StartCoachingWrapper .InnerContainWrapper {
padding: 60px 0 60px;
}
.WorkshopsConsultingWrapper .RightWrap h2,
.WorkshopsConsultingWrapper .LeftWrap h2,
.SpeakingTopicsWrapper .RightWrap h2,
.SpeakingTopicsWrapper .LeftWrap h2{
font-size:24px !important;
}
.ProductWrap {
width: 100%;
margin: 0 auto 70px;
}	
.ContactInformationWrapper .Col3 .TextBox {
display: inline-block;
padding: 0 15px;
width:100%;
text-align:center;
}
.page-title{
font-size: 46px !important;
line-height: 50px !important;
}
.BlogWrap .col1 {
padding-right: 50px;
}
.WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular{
font-size:44px !important;
line-height:50px !important;
}
.TestimonialSliderWrap {
width: 100%;
}	
.IdxTestimonialWrapper {
background-image: none !important;
background-color: #d6c792;
}	
.IdxWatchLearnWrapper .swiper-slide{
background-position:center center !important;
padding: 30px 70px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
left: 20px;
}	
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
right: 20px;
}
.SpeakingWorkshopsWrapper {
background-position: center bottom !important;
}
.FixParallax {
background: inherit;
}    } @media only screen and (max-width: 1024px){    .swiper-container:after ,.swiper-container:before {
display:none;	
}
.AboutWrapper .vc_column-inner {
background-attachment:initial;	
}
} @media only screen and (max-width: 980px){
.ProductWrapper .PriceWrap .LeftCol {
width: 40%;
}
.ProductWrapper .PriceWrap .RightCol {
width: 59%;
}    }
@media only screen and (max-width: 966px){ .ElainaMassieWrapper .RightWrap {
margin-right: 35px;
margin-bottom: 70px;
}
.Header {
bottom: 160px;
}
.FreeDownloadWrapper .TextWrap h2{
margin-top:20px;
}   }
@media only screen and (max-width: 960px){    }
@media only screen and (max-width: 950px){    }
@media only screen and (max-width: 900px){ .DownloadForm .Col3 {
width: 32%;
}
.ElainaMassieWrapper .RightWrap{
margin-right:0;
margin-bottom:40px;
}
.FreeDownloadWrapper .TextWrap h2{
margin-top:0px;
}	
.AboutElainaMassieWrapper .RightWrap {
margin-left: 20px;
margin-bottom: 40px;
}
.AboutElainaMassieWrapper .InnerContainWrapper {
padding: 40px 0 0 0;
}
.CoachingHeaderWrapper {
height: 520px;
}
.DownloadWrapper h2 br{
display:none;
}
.DownloadWrapper h2{
font-size:46px !important;
}	
.SpeakingWrap .Col1 h2 {
font-size: 20px !important;
line-height:30px !important;
}
.WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular{
font-size:40px !important;
line-height:48px !important;
}   }
@media only screen and (max-width: 854px) { .Header {
bottom: 130px;
}
.DownloadForm .Col3 {
width: 31%;
}
.AboutElainaMassieWrapper .LeftWrap {
width: 42%;
}
.ContactInformationWrap .Col3 {
min-height: 140px;
}  .page-title {
font-size: 42px !important;
line-height: 46px !important;
} }
@media only screen and (max-width: 800px) { .Header {
bottom: 100px;
}
.DownloadForm .Col3 {
width: 30%;
}
.ElainaMassieWrapper .RightWrap {
width: 415px;
padding: 20px 30px;
}
.AboutElainaMassieWrapper .RightWrap {
padding: 25px 30px 15px;
width: 400px;
}
.page-title {
font-size: 38px !important;
line-height: 44px !important;
}
.TestimonialSliderWrap {
padding: 0 50px;
}
.WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular{
font-size:37px !important;
line-height:46px !important;
}
.SpeakingWrap .Col1 h2 {
font-size: 18px !important;
line-height: 28px !important;
}
.FreeDownloadWrapper .ImgWrap{
width:100%;
padding:0 15px;
text-align:center;
}
.FreeDownloadWrapper .ImgWrap .wpb_single_image.vc_align_left{
text-align:center;
}	
.FreeDownloadWrapper .TextWrap{
padding:0 15px;
width:100%;
text-align:center;
}
.FreeDownloadWrapper .TextWrap h2{
text-align:center !important;
margin-top:20px;
}   } @media only screen and (max-width: 768px){ .ElainaMassieWrapper .RightWrap{
width:100%;
}
.ElainaMassieWrapper .LeftWrap{
width:60%;
margin:0 auto -1px;
float:none;
position:inherit;	
}
.FreeDownloadWrapper .InnerContainWrapper{
padding-bottom:0;
}
.TestimonialSliderWrap{
padding:0 30px;
}
.IdxTestimonialWrapper .flex-next{
right:-40px;
}
.IdxTestimonialWrapper .flex-prev{
left:-40px;
}	
.AboutElainaMassieWrapper .LeftWrap {
width: 60%;
position:inherit;
margin:0 auto;
float:none;
}	
.AboutElainaMassieWrapper .RightWrap{
width:100%;
box-sizing:border-box;
margin-left:0;
float:none;
}	
.AboutWrapUL {
padding: 0 20px;
}
.TestimonialSliderWrap h2, 
.IdxTestimonialWrapper h2, 
.WatchLearnWrapper  h2, 
.FreeDownloadWrapper h2, 
.SpeakingTrainingWrapper h2,
.StartCoachingWrapper h2,
.TalentOptimisationWrapper h2,
.EnquireWrapper h2,
.ContactInformationWrapper h2 {
font-size:42px !important;
line-height:48px !important;
}
.CoachingHeaderWrapper {
height: 420px;
} .TalentOptimisationWrapper .Border1 {
margin: 10px 0 30px 0;
}
.SpeakingTopicsWrap .LeftWrap, .SpeakingTopicsWrap .RightWrap {
width:100%;
float: none;
padding-right: 0px;
padding-left:0px;
box-sizing: border-box;
border-right: 0px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-bottom:20px;
padding-bottom:20px;
}	
.SpeakingPHeight1, .SpeakingPHeight2, .SpeakingPHeight3, .SpeakingPHeight4,
.SpeakingTopicsHeight1, .SpeakingTopicsHeight2, .SpeakingTopicsHeight3, .SpeakingTopicsHeight4 {
min-height:inherit !important;
}
.SpeakingTopicsWrap .LeftWrap br, .SpeakingTopicsWrap .RightWrap br{
display:none;
}
.SpeakingTopicsWrap{
margin-bottom:0;
}
.SpeakingTopicsWrap:last-child .RightWrap{
margin-bottom:0 ;
padding-bottom:0 ;
border-bottom: 0px solid #cccccc ;
}
.DownloadWrapper h2 {
font-size: 40px !important;
line-height:50px !important;
}
.SpeakingWrap .Col1 h2 {
font-size: 24px !important;
line-height:34px !important;
}
.ProductWrap .ImgWrap {
width: 100%;
padding-right: 0px;
float: none;
box-sizing: border-box;
text-align:center;
}
.ProductWrap .TextWrap {
width: 100%;
float: none;
padding:0 15px;
}	
.ContactInformationWrap .Col3 h2{
font-size:20px !important;
line-height:30px !important;
}
.ContactInformationWrap .Col3 {
min-height: inherit !important;
width:100%;
border-right: 0px solid #8f7d82;
border-bottom: 1px solid #8f7d82;
margin-bottom:20px;
padding-bottom:20px;
}
.ContactInformationWrap .Col3:last-child{
border-bottom: 0px solid #8f7d82;
margin-bottom:0px;
padding-bottom:0px;
}
.EnquireWrap {
width: 100%;
margin: 0 auto;
}
.ContactInformationWrapper .Border1 {
margin: 10px 0 30px;
}  .BlogWrap .col1 {
width:100%;
padding-right: 0px;
float: none;
}
.BlogWrap .col2 {
width: 100%;
box-sizing: border-box;
float: none;
padding-top:30px;
}
.BlogWrap .InnerContainWrapper{
padding-bottom:0;
}
.comment-body {
margin-left: 50px;
}	
.IdxWatchLearnWrapper .DeteBox{
margin-bottom:50px;
} .WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular{
padding:0 80px;
}
.SpeakingWrap .Col1:nth-child(odd), .SpeakingWrap .Col1:nth-child(even) {
width: 100%;
float: none;
padding-right: 0px;
padding-left:0px;
box-sizing: border-box;
border-right: 0px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-bottom:40px;
margin-bottom:40px;
}
.SpeakingWrap .Col1 h2 br{
display:none;
}
.Button1 button, input[type="button"], input[type="submit"]{
padding: 12px 34px;
}	
.IdxWatchLearnWrapper .swiper-slide {
padding: 30px 60px;
}	
.IdxTestimonialWrapper .InnerContainWrapper {
padding: 50px 0;
}
}
@media only screen and (max-width: 753px){    } @media only screen and (max-width: 736px){    }
@media only screen and (max-width: 720px){    } @media only screen and (max-width: 667px){ .IdxWatchLearnWrapper .InnerTestimonial{
max-width: 100%;
padding: 0px 32px;
}
.IdxWatchLearnWrapper .InnerTestimonial .slides .FParagraph, .IdxWatchLearnWrapper .InnerTestimonial .slides h2 {
padding-right:15px;
box-sizing:border-box;
}	
.IdxWatchLearnWrapper .flex-next {
right: -30px;
}
.IdxWatchLearnWrapper .flex-prev {
left: -30px;
}	
.Header h5{
font-size:22px !important;
line-height:32px !important;
margin-bottom:20px;
}
.SpeakingTrainingWrapper h4 br{
display:none;
}
.TestimonialSliderWrap h2, 
.IdxTestimonialWrapper h2, 
.WatchLearnWrapper  h2, 
.FreeDownloadWrapper h2, 
.SpeakingTrainingWrapper h2,
.StartCoachingWrapper h2,
.TalentOptimisationWrapper h2,
.EnquireWrapper h2,
.ContactInformationWrapper h2 {
font-size:40px !important;
line-height:48px !important;
}
.HeaderWrapper h2 {
margin: 0 20px;
}	
.CoachingHeaderWrapper .TextWrap {
width: 100%;
float: none;
padding-left: 0px;
}
.CoachingHeaderWrapper {
background-position: center right !important;
}
.SeriouslyWrapper .InnerContainWrapper {
padding: 40px 10px;
}
.TalentOptimisationWrapper .InnerContainWrapper {
padding: 0 10px 40px;
}
.CoachingHeaderWrapper {
height: 400px;
}
.SpeakingWorkshopsWrapper .TextWrap {
width: 100%;
float: none;
padding-right: 0px;
margin-top: -80px;
}
.DownloadWrapper h2 {
font-size: 38px !important;
line-height: 48px !important;
}	
.BlogSlider  .InnerTestimonial{
max-width: 96%;
}	
.WatchLearnWrapper .InnerContainWrapper {
padding: 40px 0 0px;
}  .comment-body {
margin-left: 30px;
}
.IdxWatchLearnWrapper .DeteBox{
margin-bottom:40px;
}
.AboutWrapper .vc_column-inner{
background-position:center left -200px;
} .WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular{
padding:0 60px;
} .IdxTestimonialWrapper .InnerContainWrapper {
padding: 40px 0;
}		
}
@media only screen and (max-width: 640px){    }
@media only screen and (max-width: 604px){ .DownloadForm .Col3 {
width: 49%;
padding:8px;
}
.DownloadForm .Button1{
margin-top:8px;
}
.Header {
bottom: 60px;
}	
.WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular{
padding:0 20px;
}
.DownloadWrapper h2 {
font-size: 34px !important;
line-height: 44px !important;
}   }
@media only screen and (max-width: 600px){    }
@media only screen and (max-width: 569px){
.SpeakingTrainingWrapper h4{
font-size:20px !important;
}    .ProductWrapper .PriceWrap .LeftCol{
width:100%;
padding-right:0;
border-right: 0px solid #3a4578;
border-bottom: 1px solid #3a4578;
padding-bottom: 30px;
margin-bottom:30px;
}
.ProductWrapper .PriceWrap .RightCol {
width: 100%;
padding: 0 0px;
}
} @media only screen and (max-width: 568px){    }
@media only screen and (max-width: 540px){    .WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular{
padding:0 0px;
}
.DownloadWrapper h2 {
font-size: 32px !important;
line-height: 42px !important;
}	
}
@media only screen and (max-width: 533px){    } @media only screen and (max-width:480px){ .IdxTestimonialWrapper .flex-next{
right:-30px;
}
.IdxTestimonialWrapper .flex-prev{
left:-30px;
}
.IdxTestimonialWrapper .Border {
width: 250px;
}
.TestimonialSliderWrap h2, 
.IdxTestimonialWrapper h2, 
.WatchLearnWrapper  h2, 
.FreeDownloadWrapper h2, 
.SpeakingTrainingWrapper h2,
.StartCoachingWrapper h2,
.TalentOptimisationWrapper h2,
.EnquireWrapper h2,
.ContactInformationWrapper h2 {
font-size:38px !important;
line-height:48px !important;
}
.IdxWatchLearnWrapper .InnerContainWrapper{
width:100%;
} 	
.DownloadForm .Col3 {
width: 100%;
padding: 8px;
}	
.FreeDownloadWrapper .TextWrap {
padding: 0 20px;
}
.Header{
position: initial;
background-color:#3a4578;
padding:20px 15px 25px;	
}	
.Header h5 br{
display:none;
}
.Header .Button1 a:hover {
background-color: #000;
}			
.FreeDownloadWrapper{
margin-top:30px;
}
.SpeakingTrainingWrapper .Border {
width: 100%;
}
.HeaderWrapper h2 {
letter-spacing: 2px;
font-size: 18px !important;
padding: 15px 80px;
}
.HeaderWrapper h2:after, .HeaderWrapper h2:before {
width: 45px;
}  .SpeakingWorkshopsWrapper {
height: 600px;
}
.SpeakingWrap .Col1 h2 {
font-size: 22px !important;
line-height:32px !important;
}	
.DownloadWrapper h2 {
font-size: 34px !important;
line-height: 44px !important;
} .EnquireWrap .Col2 {
width: 100%;
padding: 7px;
float: none;
}
.comment-body {
margin-left: 20px;
}
.IdxWatchLearnWrapper .DeteBox{
margin-bottom:30px;
}
.copy {
margin: 18px 15px;
}	
.SpeakingTrainingWrapper h4 {
font-size: 18px !important;
}  .WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular {
font-size: 34px !important;
line-height: 44px !important;
}
.IdxWatchLearnWrapper .swiper-slide {
padding: 30px 40px;
width:100%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
} }
@media only screen and (max-width:424px){ .HeaderWrapper h2 {
font-size: 16px !important;
}
.slides li{
margin:0 0px;
box-sizing:border-box;
}
.copy {
margin: 18px 74px;
}	
.SpeakingTrainingWrapper h4 {
font-size: 18px !important;
padding:0 20px;
}   }
@media only screen and (max-width:414px){    .post-navigation .nav-previous .nav-title{
padding-left:0px !important;
}
.post-navigation .nav-next .nav-title{
padding-right:0px !important;
}	
}
@media only screen and (max-width:400px){ .HeaderWrapper h2 {
font-size: 14px !important;
}    }
@media only screen and (max-width:384px){ .SpeakingWrap .Col1 h2 {
font-size: 20px !important;
line-height:30px !important;
}
.HeaderWrapper h2 {
padding: 15px 72px;
}
.AboutWrapper .vc_column-inner{
background-position:center left -280px;
}
.copy {
margin: 18px 60px;
}
.SpeakingTrainingWrapper h4 {
font-size: 18px !important;
padding:0;
}
.CoachingHeaderWrapper {
height: 380px;
margin-bottom:30px;
}   .DownloadWrapper h2 {
font-size: 30px !important;
line-height: 40px !important;
}
} @media only screen and (max-width:375px){    }
@media only screen and (max-width:360px){ .Border1{
width:100%;
}
.HeaderWrapper h2 {
padding: 15px 60px;
}
.HeaderWrapper h2:before {
left: 10px;
}	
.HeaderWrapper h2:after {
right: 10px;
}
.copy {
margin: 18px 50px;
}   .DownloadWrapper .Button2 a {
padding: 24px 26px !important;
}
} @media only screen and (max-width:320px){ .IdxTestimonialWrapper .Border {
width: 220px;
}
.BlogSlider .InnerTestimonial {
max-width: 95%;
}	
.HeaderWrapper h2 {
padding: 15px 50px;
font-size: 13px !important;
}
.HeaderWrapper h2:after, .HeaderWrapper h2:before {
width: 35px;
}
.copy {
margin: 18px 30px;
}
.DownloadWrapper .Button2 a {
padding: 24px 18px !important;
font-size: 14px !important;
}
.DownloadWrapper h2 {
font-size: 26px !important;
line-height: 36px !important;
}
.WorkshopsConsultingWrapper h2.FDancingscriptRegular, .SpeakingTopicsWrapper h2.FDancingscriptRegular {
font-size: 30px !important;
line-height: 40px !important;
}   }