@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;
}
   @import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap");
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} html {
font-size: 62.5%;
}
body {
margin: 0;
}  @keyframes shake {
10%, 90% {
transform: translate3d(-0.3px, 0, 0);
}
20%, 80% {
transform: translate3d(0.3px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-0.3px, 0, 0);
}
40%, 60% {
transform: translate3d(0.3px, 0, 0);
}
}  .black {
color: #101010;
}
.bg-black {
background-color: #101010;
}
.white {
color: #FFFFFF;
}
.bg-white {
background-color: #FFFFFF;
}
.green {
color: #37826E;
}
.bg-green {
background-color: #37826E;
}
.yellow {
color: #FFD631;
}
.bg-yellow {
background-color: #FFD631;
color: #101010;
}
.purple {
color: #925E7D;
}
.bg-purple {
background-color: #925E7D;
}  .barlow {
font-family: "Barlow", sans-serif;
}  .size-xxs {
font-size: 1.5rem;
}
.size-xs {
font-size: 1.6rem;
}
.size-sm {
font-size: 1.7rem;
}
.size-xl {
font-size: clamp(3.2rem, 1.914rem + 3.429vw, 5rem);
}
.size-xxl {
font-size: clamp(3.8rem, 1.914rem + 3.429vw, 5.5rem);
}
.size-lg {
font-size: clamp(2.2rem, 1.914rem + 3.429vw, 2.8rem);
}
.bold {
font-weight: 700;
}
.semi-bold {
font-weight: 600;
}
.normal {
font-weight: 400;
}
.light {
font-weight: 300;
}
.h1,
h1 {
font-size: clamp(3.8rem, 1.914rem + 3.429vw, 5.5rem);
line-height: 100%;
}
@media all and (max-width: 992px) {
.h1,
h1 {
font-size: clamp(3.2rem, 1.914rem + 3.429vw, 5rem);
}
}
.max-w-xl {
max-width: 1200px;
margin: 0 auto;
}  .btn,
.wp-block-button .wp-block-button__link {
font-weight: 600;
font-size: 1.7rem;
padding: 14px 20px;
border-radius: 5px;
}
.btn.border-purple,
.wp-block-button .wp-block-button__link.border-purple {
border: 2px solid #925E7D;
border-radius: 5px;
}
.btn.border-purple:hover,
.wp-block-button .wp-block-button__link.border-purple:hover {
background-color: #925E7D !important;
color: #FFFFFF;
}
.btn.border-green,
.wp-block-button .wp-block-button__link.border-green {
border: 2px solid #37826E;
border-radius: 5px;
}
.btn.border-green:hover,
.wp-block-button .wp-block-button__link.border-green:hover {
background-color: #37826E !important;
color: #FFFFFF;
}
.btn.border-black,
.wp-block-button .wp-block-button__link.border-black {
border: 2px solid #101010;
border-radius: 5px;
}
.btn.border-black:hover,
.wp-block-button .wp-block-button__link.border-black:hover {
background-color: #101010 !important;
color: #FFFFFF;
}
.wp-block-button .wp-block-button__link {
border: 2px solid #925E7D;
background-color: transparent;
color: #925E7D;
border-radius: 5px;
}
.wp-block-button .wp-block-button__link:hover {
background-color: #925E7D !important;
color: #FFFFFF;
}  html {
scroll-behavior: smooth;
}
.page-content {
container-type: inline-size;
}  body.gdpr-infobar-visible {
position: relative;
}
body.gdpr-infobar-visible::after {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
top: -150px;
left: 0;
z-index: 9980;
}
body.gdpr-infobar-visible aside#moove_gdpr_cookie_info_bar {
z-index: 9991;
}
@media all and (max-width: 576px) {
body.gdpr-infobar-visible aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
padding-top: 60px;
}
}
@media all and (max-width: 576px) {
body.gdpr-infobar-visible aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder {
position: absolute;
top: 30px;
right: 10px;
}
}
.gdpr_lightbox {
z-index: 99970;
}
.grecaptcha-badge {
visibility: hidden;
}
.accordion {
border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion .accordion-button.collapsed {
border: 0;
}
body.gdpr-infobar-visible aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-infobar-allow-all {
order: 2 !important;
}
body.gdpr-infobar-visible aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-infobar-reject-btn {
order: 1 !important;
}
.rgpd_bloc {
padding-top: 30px;
}
.rgpd_bloc .first {
text-align: right;
color: #37826E;
}
.rgpd_bloc .rgpd_txt {
display: block;
height: 105px;
overflow-y: scroll;
border: 1px solid black;
color: black;
}  body {
font-family: "Barlow", sans-serif;
font-size: 1.6rem;
}
p {
font-size: 1.6rem;
}
img,
iframe {
max-width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
a[href="#"] {
cursor: default;
pointer-events: none;
text-decoration: none;
}
a:not([href="#"]):hover {
cursor: pointer;
text-decoration: none;
}
h1 {
font-size: 4rem;
font-family: "Barlow", sans-serif;
line-height: 100%;
}
h2 {
font-size: 3rem;
font-family: "Barlow", sans-serif;
line-height: 100%;
}
a,
button,
input[type=submit] {
transition: all 0.3s ease-in-out 0s;
}
a:hover,
button:hover,
input[type=submit]:hover {
color: #37826E;
text-decoration: none;
}
a:focus-visible,
button:focus-visible,
input[type=submit]:focus-visible {
box-shadow: none;
}
.effect {
opacity: 0;
transition: all 0.3s ease-in-out 0s;
backface-visibility: hidden;
transform: translate3d(0px, 100, 0px);
}
.effect.visible {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}  .navbar-brand img {
max-height: 86px;
}
.rank-math-breadcrumb {
padding: 0;
}
.rank-math-breadcrumb * {
font-size: 1.4rem;
font-weight: 300;
}
.home header {
position: fixed;
}
header {
padding: 1.5rem 0;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: transparent;
transition: transform 0.35s ease, background-color 0.35s ease;
}
header.header--scrolled {
background-color: #FFFFFF;
position: fixed;
padding: 0;
}
header.header--hidden {
transform: translateY(-100%);
}
.header nav.header_links {
gap: 2.4rem;
}
.header nav.header_links ul {
gap: 1.4rem;
}
.header nav.header_links .nav-item {
font-weight: 700;
font-size: 1.7rem;
}
.header .navbar-toggler {
border-radius: 0;
padding: 0;
position: relative;
height: 16px;
width: 35px;
}
.header .navbar-toggler .navbar-toggler-icon {
position: absolute;
height: 3px;
width: 35px;
background-color: #925E7D;
top: 0%;
left: 0%;
}
.header .navbar-toggler .navbar-toggler-icon:nth-child(2) {
top: inherit;
bottom: 0;
}
.header .btn-phone {
border-radius: 50%;
padding: 0;
height: 55px;
width: 55px;
position: relative;
}
.header .btn-phone i {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
height: 23px;
width: 23px;
mask-image: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/phone.svg);
-webkit-mask-image: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/phone.svg);
background-color: #FFFFFF;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.header .btn-phone a {
display: none;
}
.header .btn-phone a.active {
display: inline-block;
padding-right: 30px;
}
.header .btn-phone a.active:hover {
color: #FFFFFF;
text-decoration: underline;
}
.header .btn-phone.open {
width: 100%;
padding: 14px 20px;
border-radius: 5px;
}
.header .btn-phone:hover {
transform: scale(1.15);
-webkit-transform: scale(1.15);
animation: shadow 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
@keyframes shadow {
10%, 90% {
box-shadow: 0px 0px 1px 2px rgba(55, 130, 110, 0.4);
}
20%, 80% {
box-shadow: 0px 0px 2px 4px rgba(55, 130, 110, 0.4);
}
30%, 50%, 70% {
box-shadow: 0px 0px 3px 6px rgba(55, 130, 110, 0.4);
}
40%, 60% {
box-shadow: 0px 0px 4px 8px rgba(55, 130, 110, 0.4);
}
}
.header .btn-contact:hover {
color: #FFFFFF;
}
.submenu {
display: none;
position: fixed;
top: 0;
left: 0;
max-width: 100%;
padding: 30px 15px 75px 15px;
z-index: 9999; height: 100vh;
overflow: auto;
}
.submenu .links {
margin-top: -35px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.submenu .submenu_bloc {
padding: 30px 0;
}
.submenu .submenu_bloc .h3 {
font-size: 3rem;
font-weight: 700;
margin: 15px 0;
}
.submenu .submenu_bloc .h3 a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.submenu .submenu_bloc .puced li {
list-style-type: disc;
}
.submenu .submenu_bloc .puced li a {
font-size: 1.7rem;
}
.submenu .submenu_bloc .puced li a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.submenu .btn-phone {
border-radius: 50%;
padding: 0;
height: 45px;
width: 45px;
position: relative;
}
.submenu .btn-phone i {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
height: 23px;
width: 23px;
}
.submenu .btn-phone a {
display: none;
}
.submenu .btn-phone a.active {
display: inline-block;
padding-right: 30px;
}
.submenu .btn-phone a.active:hover {
color: #925E7D;
text-decoration: underline;
}
.submenu .btn-phone.open {
width: 100%;
padding: 10px 20px;
border-radius: 5px;
}
.submenu .close {
font-size: 4rem;
transition: all 0.3s ease;
}
.submenu .close:hover {
cursor: pointer;
transform: rotate(360deg);
}  .special_txt_media .img_bloc {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.special_txt_media .img_bloc .motif {
height: 218px;
width: 218px;
position: absolute;
top: 0;
left: 0;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/motif.png) no-repeat center center/100%;
z-index: -1;
}
.special_txt_media img.img_cover {
max-width: 350px;
}
.bloc_media_txt .media_part {
position: relative;
}
.bloc_media_txt .media_part .media_bg {
transform: translateX(-20%);
}
.bloc_media_txt .media_part .media_1.absolute {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
max-width: 80%;
}
.bloc_media_txt.mediaright.large .media_part {
overflow: hidden;
}
@media (min-width: 1560px) {
.bloc_media_txt.mediaright.large .media_part {
overflow: visible;
}
}
.bloc_media_txt.mediaright.large .media_part .media_1:not(.absolute) {
margin-right: -20%;
width: 100%;
}
.bloc_media_txt.medialeft.large .media_part {
overflow: hidden;
}
@media (min-width: 1560px) {
.bloc_media_txt.medialeft.large .media_part {
overflow: visible;
}
}
.bloc_media_txt.medialeft.large .media_part .media_1:not(.absolute) {
margin-left: -20%;
max-width: 115%;
width: 115%;
}
.news_list_part .news_list_img .img-fluid {
margin-left: -5%;
width: 105%;
max-width: 105%;
}
.news_list_part .news_list_ul {
padding-left: 0;
list-style: none;
}
.news_list_part .news_list_ul li {
padding-right: 50px;
position: relative;
border-bottom: 1px dashed #808080;
}
.news_list_part .news_list_ul li .h4 {
font-weight: 600;
font-size: 2.8rem;
margin: 0;
}
.news_list_part .news_list_ul li .more {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border: 2px solid #37826E;
visibility: hidden;
}
.news_list_part .news_list_ul li .more .bi {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 2.6rem;
line-height: 2.6rem;
font-weight: 600;
}
.news_list_part .news_list_ul li a {
transition: all 0.2s ease;
}
.news_list_part .news_list_ul li a:hover .more {
visibility: visible;
}
@keyframes fade {
0% {
opacity: 1;
}
25% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.team_part {
position: relative;
}
.team_part:before, .team_part:after {
content: "";
position: absolute;
}
.team_part:before {
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/serpentin-bloc-team-1.svg) no-repeat;
left: 0;
width: 94px;
height: 82px;
}
.team_part:after {
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/serpentin-bloc-team-2.svg) no-repeat;
right: 0;
width: 62px;
height: 98px;
}
.team_part .team-member:nth-child(2n) .foto_bloc:before {
content: "";
position: absolute;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/circle-yellow.svg) no-repeat;
right: 20px;
bottom: 0;
width: 32px;
height: 32px;
z-index: 1;
}
.team_part .member_bloc .foto_bloc {
position: relative;
min-height: 360px; }
.team_part .member_bloc .foto_bloc span {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
transition: all 1s ease-out;
}
.team_part .member_bloc .foto_bloc .second_img {
position: absolute;
height: 0;
width: 0;
top: 50%;
left: 50%;
z-index: 0;
transition: all 0.8s ease-out;
}
.team_part .member_bloc .foto_bloc:hover {
padding: 0;
height: calc(100% + 30px);
}
.team_part .member_bloc .foto_bloc:hover:before, .team_part .member_bloc .foto_bloc:hover:after {
height: 0;
}
.team_part .member_bloc .foto_bloc:hover .main_img {
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
height: 0;
width: 0;
transition: all 0.6s ease-out;
}
.team_part .member_bloc .foto_bloc:hover .second_img {
height: 100%;
width: 100%;
transform: translateY(-50%) translateX(-50%);
transition: all 0.6s ease-out;
z-index: 3; }
.team_part .member_bloc .info_bloc .h4 {
font-weight: 600;
font-size: 2.8rem;
}
.team_part .member_bloc .info_bloc .h5 {
font-size: 1.6rem;
font-weight: normal;
}
.form_bloc {
padding-bottom: 50px;
}
.form_bloc .form_container {
padding: 50px 100px;
position: relative;
}
.form_bloc .form_container:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #37826E;
color: #FFFFFF;
transform: rotate(-2deg);
z-index: -1;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.form_bloc .form_container .h2 {
color: #FFFFFF;
font-size: 3.7rem;
font-weight: 800;
margin: 0 0 30px 0;
}
.form_bloc .form_container label {
color: #FFFFFF !important;
font-size: 1.7rem;
font-weight: 600;
}
.form_bloc .form_container .form-control {
padding: 7px 0 !important;
background-color: transparent !important;
border: 0 !important;
border-bottom: 2px solid #FFFFFF !important;
color: #FFFFFF !important;
font-size: 1.7rem;
font-weight: 600;
}
.form_bloc .form_container .form-control::-moz-placeholder {
color: #FFFFFF !important;
}
.form_bloc .form_container .form-control::placeholder {
color: #FFFFFF !important;
}
.form_bloc .form_container textarea.form-control {
border: 2px solid #FFFFFF !important;
padding: 14px !important;
}
.form_bloc .form_container .wpcf7-spinner {
display: block;
text-align: right;
}
.form_bloc .form_container .flowers {
position: absolute;
top: -12%;
right: 10%;
height: 185px;
width: 158px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/flowers.png) no-repeat center center/100%;
}
.form_bloc .accordion {
border: 0;
margin-top: 15px;
}
.form_bloc .accordion .accordion-button {
font-size: 15px;
padding: 0 20px 0 0;
float: right;
display: inherit;
width: inherit;
color: #37826E;
border: 0;
}
.form_bloc .accordion .accordion-button:after {
position: absolute;
right: 7px;
top: -1px;
content: "+";
background: inherit;
height: inherit;
width: inherit;
font-size: 1.7rem;
}
.form_bloc .accordion .accordion-button {
overflow: hidden;
}
.form_bloc .accordion .accordion-collapse {
width: calc(100% - 40px);
padding: 30px;
font-size: 1.5rem;
float: right;
border: 1px solid grey;
}
.form_bloc .accordion .accordion-collapse p,
.form_bloc .accordion .accordion-collapse li,
.form_bloc .accordion .accordion-collapse a {
font-size: 1.5rem;
}    .home h1 {
margin-top: 50px;
}
.home .h1 {
font-size: 5rem;
}
.home .hero {
position: relative;
overflow: hidden;
}
.home .header_bloc {
min-height: 100vh;
display: flex;
padding-top: 140px;
}
.home .header_bloc .introbloc h3 {
font-size: 2.2rem;
font-weight: bold;
margin: 20px 0 10px;
}
.home .header_bloc .introbloc .header-links {
margin-top: 20px;
}
.home .header_bloc .introbloc .header-links a.btn.border-purple {
margin-bottom: 7px !important;
}
.home .header_bloc .header_img_part {
height: 100%;
top: 0;
right: 0;
}
.home .header_bloc .header_img_part .header_img_main {
height: 100%;
width: 100%;
position: absolute;
top: -25px;
left: 50px;
z-index: 2;
}
.home .header_bloc .header_img_part .header_img_3 {
position: absolute;
top: 12%;
left: 0;
z-index: 4;
}
.home .header_bloc .header_img_part .header_img_1 {
position: absolute;
bottom: 7%;
left: 17%;
z-index: 1;
}
.home .header_bloc .header_img_part .img-header {
position: absolute;
z-index: 5;
left: 19%;
bottom: 0;
height: 80%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom;
object-position: bottom;
}
.home .header_bloc { }
.header_bloc_page .header_img_part {
position: relative;
text-align: right;
}
@media (min-width: 1440px) {
.header_bloc_page .header_img_part {
margin-right: -10%;
}
}
.header_bloc_page .header_img_part .header_img_1 {
position: absolute;
top: 40%;
left: -2%;
}
.header_bloc_page .header_txt .h1 {
font-size: clamp(3.2rem, 1.914rem + 3.429vw, 5rem);
margin-bottom: 20px !important;
margin-bottom: 20px !important;
}
.header_bloc_page .header_txt .content * {
font-size: 1.7rem;
}
.header_bloc_page .header_txt .content p {
margin-bottom: 20px;
}
.slider_part {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
}
.slider_part .slider_container {
position: relative;
padding: 50px;
}
.slider_part .slider_container .slick-slider {
overflow: hidden;
margin: 0 3.2rem;
}
.slider_part .slider_container .slick-list {
overflow: visible;
}
.slider_part .slider_container .slick-list .slick-track {
display: flex;
align-items: center;
}
.slider_part .slider_container .slider_title {
font-size: 3.7rem;
font-weight: 900;
}
.slider_part .slider_nav {
list-style: none;
}
.slider_part .slider_nav .slick-arrow {
position: absolute;
z-index: 10;
top: 50%;
left: 5%;
height: 36px;
width: 36px;
border-radius: 50%;
border: 2px solid #37826E;
transition: all 0.2s ease-in-out;
}
.slider_part .slider_nav .slick-arrow i {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.slider_part .slider_nav .slick-arrow.next {
left: inherit;
right: 5%;
}
.slider_part .slider_nav .slick-arrow:hover {
cursor: pointer;
background-color: #37826E;
}
.slider_part .slider_nav .slick-arrow:hover i {
color: #FFFFFF;
}
.slider_part .slick-slide {
margin: 2em 3.2rem 5em 3.2rem;
padding: 3rem 0;
position: relative;
width: 100%;
}
.slider_part .slick-slide:before {
content: "";
position: absolute;
transform: skewY(-7deg);
background: #925E7D;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slider_part .slick-slide .inner {
padding: 5.6rem 4.2rem;
position: relative;
z-index: 2;
}
.slider_part .slick-slide:nth-child(odd):before {
background: #37826E;
}
.slider_part .slick-slide:nth-child(odd):after {
content: "";
position: absolute;
z-index: -1;
bottom: -90px;
left: 30px;
height: 193px;
width: 224px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/forme-fond-pattern-blanc-martha-rp.png) no-repeat center center/cover;
}
.slider_part .slick-slide:nth-child(odd) .inner:before {
content: "";
position: absolute;
z-index: 1;
bottom: -120px;
left: 140px;
height: 148px;
width: 135px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/flower-pink.png) no-repeat center center/100%;
}
.slider_part .slick-slide:nth-child(even) .inner:before {
content: "";
position: absolute;
z-index: 1;
top: -100px;
right: 2%;
height: 185px;
width: 158px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/flowers.png) no-repeat center center/100%;
}
.slider_part .slick-slide .slider_title {
font-size: 1.7rem;
margin-bottom: 0;
font-weight: 600;
}
.slider_part .slick-slide .slider_desc {
font-size: 1.7rem;
margin-bottom: 0;
font-weight: 400;
}
.slider_part .slick-slide .slider_author {
font-size: 1.7rem;
margin-bottom: 0;
font-weight: 600;
font-style: italic;
}
@media (max-width: 991.98px) {
.slider_part .slider_container .slick-list .slick-track {
align-items: flex-start;
}
.slider_part .slick-slide {
margin: 3em 1em 5em 1em;
}
.slider_part .slick-slide:nth-child(odd) .inner:before {
bottom: -80px;
width: 96px;
}
.slider_part .slick-slide:nth-child(even) .inner:before {
top: -90px;
width: 96px;
}
}      .slick-slider {
position: relative;
display: block;
padding-bottom: 1em;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-slider .slick-list:focus {
outline: none;
}
.slick-slider .slick-list .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}  .footer {
padding-top: 200px !important;
background: transparent url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/footer.png) no-repeat top center/cover;
}
.footer img.logob17 {
max-width: 205px;
}
.footer .links li {
display: block;
padding: 10px 0;
}
.footer .links li a {
display: block;
font-size: 1.7rem;
font-weight: 600;
transition: all 0.2s ease;
}
.footer .links li a:hover {
text-decoration: underline;
color: #925E7D;
}
.footer .links li.linkedin_li a span {
float: left;
line-height: 44px;
}
.footer .links li.linkedin_li a .linkedin {
height: 42px;
width: 42px;
border: 1px solid #101010;
border-radius: 50%;
display: inline-block;
margin-left: 20px;
position: relative;
}
.footer .links li.linkedin_li a .linkedin:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-mask-image: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/linkedin.svg);
mask-image: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/linkedin.svg);
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #101010;
height: 16px;
width: 16px;
}
.footer .links li.linkedin_li a:hover {
color: #925E7D;
}
.footer .links li.linkedin_li a:hover span {
text-decoration: underline;
}
.footer .links li.linkedin_li a:hover .linkedin {
border-color: #925E7D;
}
.footer .links li.linkedin_li a:hover .linkedin:before {
background-color: #925E7D;
}
.footer .last_footer ul li a:hover {
color: #925E7D;
text-decoration: underline;
}  .wp-block-contact-form-7-contact-form-selector .wpcf7 form .row + .row {
margin-top: 30px;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 form .form-group input,
.wp-block-contact-form-7-contact-form-selector .wpcf7 form .form-group textarea,
.wp-block-contact-form-7-contact-form-selector .wpcf7 form .form-group select {
background: #FFFFFF;
border: 1px solid #101010;
color: #101010;
padding: 10px;
border-radius: 0;
}  .page-template-page-contact .footer {
position: relative;
z-index: 2;
margin-top: -130px;
}
.container_map {
max-width: 100%;
}
#map {
position: relative;
height: 764px;
width: 100%;
}
#map .marker {
height: 206px;
width: 206px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/marker.png) no-repeat right top;
}  .content h2,
.content .h2 {
font-size: 1.6rem;
font-weight: 300;
color: #101010;
text-transform: uppercase;
margin-bottom: 0;
line-height: 115%;
}
.content h3,
.content .h3 {
font-size: clamp(3.2rem, 1.914rem + 3.429vw, 5rem);
font-weight: 700;
color: #925E7D;
line-height: 100%;
margin-bottom: 20px;
}
.content h4,
.content .h4 {
font-size: clamp(2.2rem, 1.914rem + 3.429vw, 2.8rem);
font-weight: 600;
color: #37826E;
line-height: 100%;
}
.content .bloc {
background-color: #F7F7F7;
position: relative;
}
.content .bloc:before {
position: absolute;
bottom: 6%;
left: -14%;
content: "";
height: 128px;
width: 179px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/bloc_motif.png) no-repeat center center/100%;
}
.content .bloc:after {
position: absolute;
content: "";
bottom: -10%;
right: -13%;
height: 135px;
width: 303px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/bloc_motif_2.png) no-repeat center center/100%;
} .post-type-archive-actualite .header_bloc_page .header_txt,
.post-type-archive-presse .header_bloc_page .header_txt {
padding-top: 6%;
}
.post-type-archive-actualite .header_bloc_page .header_txt .taxo_btn,
.post-type-archive-presse .header_bloc_page .header_txt .taxo_btn {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
width: 100%;
padding-top: clamp(2.4rem, 1.914rem + 3.429vw, 3.2rem);
}
.post-type-archive-actualite .header_bloc_page .header_txt .taxo_btn .is-checked,
.post-type-archive-presse .header_bloc_page .header_txt .taxo_btn .is-checked {
background: #925E7D;
color: #FFFFFF;
}
.post-type-archive-actualite .news_container_fluid,
.post-type-archive-presse .news_container_fluid {
position: relative;
overflow: hidden;
}
.post-type-archive-actualite .news_container_fluid .motif,
.post-type-archive-presse .news_container_fluid .motif {
position: absolute;
left: -12%;
top: 60%;
content: "";
width: 377px;
height: 473px;
transform: translateY(-50%);
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/motif3.png) no-repeat center center;
}
.post-type-archive-actualite .news_container_fluid .motif_2,
.post-type-archive-presse .news_container_fluid .motif_2 {
position: absolute;
right: -4%;
top: 20%;
content: "";
width: 144px;
height: 144px;
transform: translateY(-50%);
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/motif2.png) no-repeat center center;
}
.post-type-archive-actualite .news_container .item .news_item_img,
.post-type-archive-presse .news_container .item .news_item_img {
height: 360px;
width: 90%;
position: relative;
}
.post-type-archive-actualite .news_container .item .news_item_img .btn,
.post-type-archive-presse .news_container .item .news_item_img .btn {
position: absolute;
right: 0;
top: 0;
border-radius: 0;
border-bottom-left-radius: 5px;
}
.post-type-archive-actualite .news_container .item .news_item_img,
.post-type-archive-presse .news_container .item .news_item_img {
transition: all 0.2s ease-out;
}
.post-type-archive-actualite .news_container .item .news_item_img .excerpt,
.post-type-archive-presse .news_container .item .news_item_img .excerpt {
position: absolute;
top: 50%;
left: 5%;
width: 90%;
transform: translateY(-50%);
font-size: 2.8rem;
font-weight: 600;
line-height: 100%;
}
.post-type-archive-actualite .news_container .item .news_item_txt,
.post-type-archive-presse .news_container .item .news_item_txt {
display: block;
width: 80%;
left: 18%;
margin-top: -50px;
position: relative;
z-index: 2;
padding: 25px;
}
.post-type-archive-actualite .news_container .item .news_item_txt:before,
.post-type-archive-presse .news_container .item .news_item_txt:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #F7F7F7;
transform: rotate(-3deg);
z-index: -1;
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);
transition: all 0.2s ease-out;
}
.post-type-archive-actualite .news_container .item .news_item_txt .h4,
.post-type-archive-presse .news_container .item .news_item_txt .h4 {
font-size: 2.8rem;
font-weight: 600;
}
.post-type-archive-actualite .news_container .item .news_item_txt .date,
.post-type-archive-presse .news_container .item .news_item_txt .date {
font-size: 1.6rem;
margin-bottom: 0;
}
.post-type-archive-actualite .news_container .item .news_item_txt .bi-plus-circle,
.post-type-archive-presse .news_container .item .news_item_txt .bi-plus-circle {
font-size: 3rem;
}
.post-type-archive-actualite .news_container .item:nth-child(2), .post-type-archive-actualite .news_container .item.second,
.post-type-archive-presse .news_container .item:nth-child(2),
.post-type-archive-presse .news_container .item.second {
margin-top: 70px;
}
.post-type-archive-actualite .news_container .item a,
.post-type-archive-presse .news_container .item a {
display: block;
}
.post-type-archive-actualite .news_container .item a:hover .date,
.post-type-archive-presse .news_container .item a:hover .date {
color: #101010;
}
.post-type-archive-actualite .news_container .item a:hover .news_item_txt:before,
.post-type-archive-presse .news_container .item a:hover .news_item_txt:before {
transform: rotate(0deg);
z-index: -1;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.post-type-archive-actualite .news_container .item a:hover .news_item_img,
.post-type-archive-presse .news_container .item a:hover .news_item_img {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.post-type-archive-actualite .presse-grid,
.post-type-archive-actualite .actualite-grid,
.post-type-archive-presse .presse-grid,
.post-type-archive-presse .actualite-grid {
transition: opacity 0.25s ease;
min-height: 200px;
}
.post-type-archive-actualite .presse-grid.is-loading,
.post-type-archive-actualite .actualite-grid.is-loading,
.post-type-archive-presse .presse-grid.is-loading,
.post-type-archive-presse .actualite-grid.is-loading {
opacity: 0.35;
pointer-events: none;
}
.post-type-archive-actualite .page_pagin a,
.post-type-archive-presse .page_pagin a {
background: transparent;
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 9999px;
border: 2px solid transparent;
}
.post-type-archive-actualite .page_pagin a:hover,
.post-type-archive-presse .page_pagin a:hover {
border-color: #FFD631;
}
.post-type-archive-actualite .page_pagin a.active,
.post-type-archive-presse .page_pagin a.active {
background: #FFD631;
}
.post-type-archive-actualite .footer,
.post-type-archive-presse .footer {
margin-top: -60px;
}
.single-actualite .header_bloc_page {
max-width: 992px;
}
.single-actualite .heading,
.single-actualite .paragraph,
.single-actualite .list {
max-width: 992px;
margin-left: auto;
margin-right: auto;
}
.single-actualite .heading a,
.single-actualite .paragraph a,
.single-actualite .list a {
color: #37826E;
}
.single-actualite .footer {
margin-top: 100px;
}
.single-presse h1, .single-actualite h1 {
font-size: clamp(3.8rem, 1.914rem + 3.429vw, 3.5rem);
}  .single-presse .single-presse__content {
padding-right: 60px;
}
@media all and (max-width: 992px) {
.single-presse .single-presse__content {
padding-right: 15px;
margin-bottom: 50px;
}
}
.single-presse .single-presse__content .h1 {
line-height: 1.15;
}
.single-presse .single-presse__content .single-presse__thumbnail {
padding: clamp(3.2rem, 1.914rem + 3.429vw, 4.8rem) 0;
}
.single-presse .single-presse__content .single-presse__thumbnail img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.single-presse .single-presse__content .single-presse__body {
font-size: 1.7rem;
line-height: 1.7;
color: #101010;
}
.single-presse .single-presse__content .single-presse__body p {
margin-bottom: 1.6rem;
}
.single-presse .single-presse__content .single-presse__download {
margin-top: 30px;
}
.single-presse .single-presse__content .single-presse__download .btn {
display: inline-flex;
align-items: center;
gap: 8px;
}
.single-presse .single-presse__sidebar {
background-color: #F7F7F7;
border-radius: 8px;
padding: 30px 25px;
}
.single-presse .single-presse__sidebar .sidebar-heading {
font-size: 1.7rem;
font-weight: 400;
color: #101010;
line-height: 1.4;
}
.single-presse .single-presse__sidebar .sidebar-heading strong {
color: #925E7D;
font-weight: 700;
}
.single-presse .single-presse__sidebar .sidebar-list {
list-style: none;
padding: 0;
margin: 0;
}
.single-presse .single-presse__sidebar .sidebar-list__item {
padding: 18px 0;
border-bottom: 1px solid rgba(16, 16, 16, 0.1);
}
.single-presse .single-presse__sidebar .sidebar-list__item h3 {
font-size: clamp(1.25rem, 0.893rem + 0.952vw, 1.75rem);
}
.single-presse .single-presse__sidebar .sidebar-list__item:last-child {
border-bottom: none;
}
.single-presse .single-presse__sidebar .sidebar-list__excerpt {
font-size: 1.6rem;
color: #101010;
line-height: 1.55;
margin-bottom: 8px;
}
.single-presse .single-presse__sidebar .sidebar-list__link {
font-size: 1.6rem;
color: #101010;
font-weight: 700;
text-decoration: none;
}
.single-presse .single-presse__sidebar .sidebar-list__link:hover {
text-decoration: underline;
}
.nav-article__nav {
margin-top: 60px;
padding-top: 40px;
border-top: 1px solid rgba(16, 16, 16, 0.12);
}
.nav-article__nav-next {
display: flex;
justify-content: flex-end;
}
.nav-article {
display: inline-flex;
align-items: flex-start;
gap: 16px;
text-decoration: none;
max-width: 320px;
}
.nav-article:hover .nav-article__title {
color: #37826E;
}
.nav-article--next {
text-align: right;
}
.nav-article__icon {
flex-shrink: 0;
display: flex;
align-items: center;
margin-top: 2px;
}
.nav-article__icon svg {
display: block;
}
.nav-article__text {
display: flex;
flex-direction: column;
gap: 6px;
}
.nav-article__label {
font-size: 1.6rem;
font-weight: 700;
letter-spacing: 0.05em;
}
.nav-article__title {
font-size: 1.7rem;
font-weight: 600;
color: #101010;
margin: 0;
line-height: 1.4;
transition: color 0.2s ease;
} .has-form:before {
content: "";
position: absolute;
background: #37826E;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.frm-fluent-form .choices__placeholder,
.frm-fluent-form .choices__item--selectable {
position: absolute;
top: 4px;
color: #FFFFFF;
}
.frm-fluent-form .choices__list--single {
padding: 0;
}
.frm-fluent-form .choices__list--single .choices__item {
line-height: 1.5;
}
.frm-fluent-form .choices__list--dropdown {
word-break: break-word;
}
.frm-fluent-form .choices__list--dropdown .choices__list {
overflow: visible !important;
}
.fluentform.ff-default {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.fluentform.ff-default form input:-webkit-autofill,
.fluentform.ff-default form input:-webkit-autofill:hover,
.fluentform.ff-default form input:-webkit-autofill:focus,
.fluentform.ff-default form input:-webkit-autofill:active {
color: white !important;
-webkit-text-fill-color: var(--wp--preset--color--white) !important;
-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset !important;
-webkit-background-clip: text !important;
background-clip: text !important;
}
.fluentform.ff-default form .ff-el-input--label {
color: #FFFFFF;
}
.fluentform.ff-default form .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: #FFFFFF;
}
.fluentform.ff-default form .ff-dropzone {
margin-top: 24px;
margin-bottom: 0;
}
.fluentform.ff-default form .ff-dropzone .ff_upload_btn.ff-btn {
background: transparent;
border: 1px solid #FFFFFF;
padding: 12px 4px;
border-radius: 0;
color: #FFFFFF;
}
.fluentform.ff-default form .ff-dropzone .ff_upload_btn.ff-btn > span {
text-decoration: underline;
}
.fluentform.ff-default form .ff-dropzone .ff_upload_btn.ff-btn span.green {
color: #37826E;
font-weight: 700;
}
.fluentform.ff-default form .ff-dropzone .ff-uploaded-list {
margin-top: 5px !important;
}
.fluentform.ff-default form .ff-dropzone + .ff-custom_html {
margin-top: 0;
margin-bottom: 0;
}
.fluentform.ff-default form .ff-dropzone + .ff-custom_html p {
margin-top: 0;
font-size: clamp(0.813rem, 0.768rem + 0.119vw, 0.875rem);
}
.fluentform.ff-default .ff-el-form-control:not(textarea),
.fluentform.ff-default .frm-fluent-form .choices__inner {
padding: 12px 0 0 0;
height: 32px;
outline: 0;
background: transparent;
border: 0;
border-radius: 0;
}
.fluentform.ff-default .ff-el-form-control:not(textarea)::-moz-placeholder, .fluentform.ff-default .frm-fluent-form .choices__inner::-moz-placeholder {
visibility: hidden;
}
.fluentform.ff-default .ff-el-form-control:not(textarea)::placeholder,
.fluentform.ff-default .frm-fluent-form .choices__inner::placeholder {
visibility: hidden;
}
.fluentform.ff-default .ff-el-form-control:not(textarea):focus,
.fluentform.ff-default .frm-fluent-form .choices__inner:focus {
border-color: #FFD631;
outline-color: #FFD631;
background: transparent;
color: #FFFFFF;
}
.fluentform.ff-default select,
.fluentform.ff-default textarea,
.fluentform.ff-default .ff-el-form-control:not(textarea),
.fluentform.ff-default .frm-fluent-form .choices__inner {
border-bottom: 2px solid #FFFFFF;
color: #FFFFFF;
}
.fluentform.ff-default textarea {
border: 2px solid #FFFFFF;
color: #FFFFFF;
background: transparent;
padding: 0.5rem;
}
.fluentform.ff-default textarea::-moz-placeholder {
color: #FFFFFF;
}
.fluentform.ff-default textarea::placeholder {
color: #FFFFFF;
}
.fluentform.ff-default textarea:focus {
border-color: #FFD631;
outline-color: #FFD631;
background: transparent;
color: #FFFFFF;
}
.fluentform.ff-default .ff-el-group {
margin-top: 15px;
}
.fluentform.ff-default .ff-btn-submit {
position: relative;
border-radius: 5px;
cursor: pointer;
background: #FFFFFF;
color: #37826E;
border: 1px solid transparent;
padding-top: calc(1.5rem - 1px);
padding-right: 2rem;
padding-bottom: calc(1.5rem - 1px);
padding-left: 2rem;
font-size: 1.7rem;
font-weight: 700;
transition: all 0.3s ease-in-out;
}
.fluentform.ff-default .ff-t-container .ff-el-group:not(.ff-dropzone):not(.ff-custom_html) {
margin-top: 15px;
margin-bottom: 15px;
position: relative;
}
.fluentform.ff-default .ff-t-container .ff-el-group:not(.ff-dropzone):not(.ff-custom_html) .ff-el-input--label {
position: absolute;
top: 4px;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
line-height: auto;
}
.fluentform.ff-default .ff-t-container .ff-el-group:not(.ff-dropzone):not(.ff-custom_html) .ff-el-input--label.active {
color: #FFFFFF;
font-size: clamp(1.4rem, 0.768rem + 0.119vw, 1.6rem);
font-weight: 700;
top: -12px;
}
.fluentform.ff-default .ff-t-container .ff-el-group:not(.ff-dropzone):not(.ff-custom_html) .ff-el-input--label.active.ff-el-is-required.asterisk-right label:after {
color: #FFFFFF;
}
.fluentform.ff-default .ff-t-container .ff-el-group:not(.ff-dropzone):not(.ff-custom_html):is(.ff-el-is-error) .ff-el-form-control:not(textarea) {
border-color: var(--fluentform-danger);
}
.wp-rgpd-block p, .wp-rgpd-block ul {
margin: 0;
color: #FFFFFF;
font-size: 1.4rem;
}
.wp-rgpd-block .wp-rgpd-block__content {
height: 50px;
overflow-y: auto;
}
@media (min-width: 1200px) {
.frm-fluent-form .ff-t-container {
gap: var(--wp--preset--spacing--m);
}
}
@container (width > 992px) {
.has-form:before {
transform: skewY(-2deg) rotate(-2deg);
}
.has-form:after {
content: "";
position: absolute;
top: 10%;
left: -10%;
height: 185px;
width: 158px;
background: url(https://agence-relations-presse-nantes.fr/wp-content/themes/wp-bootstrap/assets/img/flowers.png) no-repeat center center/100%;
}
.fluentform.ff-default {
padding: 0;
}
}
@media (max-width: 1399.98px) {
.container_submenu {
max-height: 100vh;
}
.header_bloc_page > .row > .col-12, .header_bloc > .row > .col-12 {
padding-left: 15px !important;
}
}
@media (max-width: 1199.98px) {
.header_bloc_page > .row > .col-12 {
padding-left: calc(var(--bs-gutter-x) / 2) !important;
}
.home .header_bloc .header_img_part {
min-height: 760px;
}
.btn {
padding: 8px 16px;
}
.content .bloc::after, .content .bloc::before {
display: none;
}
.slider_part .slider_nav .slick-arrow {
border-color: white;
z-index: 999;
}
.slider_part .slider_nav .slick-arrow .bi {
color: white;
}
.header_bloc_page .header_txt {
margin-top: 90px;
}
.bloc_media_txt.mediaright .media_part .media_1:not(.absolute) {
margin-right: -1%;
max-width: 101%;
width: 101%;
}
}
@media (max-width: 991.98px) {
.page-content > .container > .row > .col-12 > .content {
padding: 0 15px;
}
.h1, h1 {
font-size: 5rem;
}
.navbar-brand img {
max-height: 64px;
}
.content h3, .content .h3 {
font-size: 3.4rem;
}
.news_list_part .news_list_ul li .h4 {
font-size: 2rem;
}
.footer {
padding-top: 150px !important;
}
.footer .container {
max-width: 100%;
}
.header .container {
max-width: 100%;
}
.footer .links li {
padding: 5px 0;
}
.footer .links li a {
font-size: 1.4rem;
}
.header_bloc_page .header_txt {
margin-top: 0;
}
.team_part .member_bloc .foto_bloc {
min-height: 260px;
}
.news_container {
max-width: 100%;
}
.post-type-archive-actualite .header_bloc_page .header_txt .taxo_btn {
margin-top: 100px;
margin-bottom: 50px;
}
.post-type-archive-actualite .news_container .item {
padding: 0 10px;
}
.post-type-archive-actualite .news_container .item .news_item_txt .h4 {
font-size: 2rem;
}
}
@media (max-width: 767.98px) {
.container {
max-width: 100%;
}
.home .header_bloc .header_img_part .img-header {
bottom: inherit;
top: 25%;
left: inherit;
right: -75%;
min-width: 300px;
}
.home .header_bloc .header_img_part {
min-height: 670px;
}
.home .header_bloc .header_img_part .header_img_1 {
bottom: 14%;
left: -33%;
}
.home .header_bloc .header_img_part .header_img_main {
left: 0;
}
.submenu .links {
margin-top: -10px;
}
.form_bloc .form_container .flowers {
top: -6%;
right: 0;
}
#map {
height: 700px;
}
.slider_part .slider_container .flowers {
height: 120px;
width: 100px;
top: -15%;
}
.slider_part .slider_container .slider_title {
font-size: 2.8rem;
}
.team_part .member_bloc .foto_bloc {
min-width: 260px;
}
}
@media (max-width: 575.98px) {
.h1, h1 {
font-size: 3.4rem;
}
.content h3, .content .h3 {
font-size: 3.4rem;
}
.content h3 br, .content .h3 br {
display: none;
}
.home .header_bloc .header_img_part {
filter: opacity(0.4);
z-index: -1;
}
.home .header_bloc .header_img_part .img-header {
bottom: inherit;
top: 27%;
right: inherit;
left: -40%;
min-width: 300px;
}
.navbar-brand {
max-width: 70%;
}
.header .navbar-toggler {
margin-right: 30px;
}
.navbar-brand img { }
.submenu .submenu_bloc {
padding: 10px 0;
}
.form_bloc .form_container {
padding: 100px 30px 30px 30px;
}
.form_bloc .form_container::before {
transform: rotate(-0.2deg);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 form .row + .row, .wp-block-contact-form-7-contact-form-selector .wpcf7 form .row {
margin-top: 15px;
gap: 15px;
}
.header_bloc_page .header_txt .h1 {
font-size: 3.2rem;
}
.slider_part .slider_container {
padding: 25px;
}
.slider_part .slick-slide {
padding: 0 15px;
}
.slider_part .slider_container::after {
transform: rotate(-0.3deg);
}
.slider_part .slider_nav .slick-arrow {
left: 3%;
height: 24px;
width: 24px;
}
.slider_part .slider_nav .slick-arrow .bi {
font-size: 1rem;
}
.header_bloc_page .header_txt .h1 {
font-size: 3.6rem;
}
.team_part .member_bloc .info_bloc .h4 {
font-size: 1.8rem;
}
.team_part .member_bloc {
max-width: 360px;
display: inline-block;
}
.post-type-archive-actualite .header_bloc_page .header_txt .taxo_btn {
margin-top: 50px;
}
.header_bloc_page .header_txt {
margin-top: 0;
}
}