@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 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: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.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: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.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;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
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% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) 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;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
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: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@charset "UTF-8";
@font-face {
font-family: "icons-maxicons";
src:url("../wp-content/themes/starter/asset/font/icons-maxicons.eot");
src:url("../wp-content/themes/starter/asset/font/icons-maxicons.eot?#iefix") format("embedded-opentype"),
url("../wp-content/themes/starter/asset/font/icons-maxicons.woff") format("woff"),
url("../wp-content/themes/starter/asset/font/icons-maxicons.ttf") format("truetype"),
url("../wp-content/themes/starter/asset/font/icons-maxicons.svg#maxicons") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[data-icon]:before {
font-family: "icons-maxicons" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "icons-maxicons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
.icon-2x {
font-size: 150%;
}
.icon-3x {
font-size: 200%;
}
.icon-4x {
font-size: 250%;
}
.icon-5x {
font-size: 300%;
}
.icon-maxicons1-arrow:before {
content: "a";
}
.icon-maxicons1-arrowdown-01:before {
content: "b";
}
.icon-maxicons1-arrowdown-02:before {
content: "c";
}
.icon-maxicons1-check:before {
content: "d";
}
.icon-maxicons1-calculator:before {
content: "e";
}
.icon-maxicons1-businessman:before {
content: "f";
}
.icon-maxicons1-earphones:before {
content: "g";
}
.icon-maxicons1-earphones2:before {
content: "h";
}
.icon-maxicons1-earth:before {
content: "i";
}
.icon-maxicons1-edit-44:before {
content: "j";
}
.icon-maxicons1-connect:before {
content: "k";
}
.icon-maxicons1-arrowleft:before {
content: "l";
}
.icon-maxicons1-arrowright:before {
content: "m";
}
.icon-maxicons1-edit-73:before {
content: "n";
}
.icon-maxicons1-enter:before {
content: "o";
}
.icon-maxicons1-copyrights:before {
content: "p";
}
.icon-maxicons1-back:before {
content: "q";
}
.icon-maxicons1-bag:before {
content: "r";
}
.icon-maxicons1-copy:before {
content: "s";
}
.icon-maxicons1-desktop:before {
content: "t";
}
.icon-maxicons1-equalizer:before {
content: "u";
}
.icon-maxicons1-euro:before {
content: "v";
}
.icon-maxicons1-disk:before {
content: "w";
}
.icon-maxicons1-bage:before {
content: "x";
}
.icon-maxicons1-bank:before {
content: "y";
}
.icon-maxicons1-document:before {
content: "z";
}
.icon-maxicons1-exit:before {
content: "A";
}
.icon-maxicons1-dollar:before {
content: "B";
}
.icon-maxicons1-bookreader:before {
content: "C";
}
.icon-maxicons1-donotenter:before {
content: "D";
}
.icon-maxicons1-bass:before {
content: "E";
}
.icon-maxicons1-fast:before {
content: "F";
}
.icon-maxicons1-frank:before {
content: "G";
}
.icon-maxicons1-gamepad:before {
content: "H";
}
.icon-maxicons1-down:before {
content: "I";
}
.icon-maxicons1-briliant:before {
content: "J";
}
.icon-maxicons1-building:before {
content: "K";
}
.icon-maxicons1-download:before {
content: "L";
}
.icon-maxicons1-games:before {
content: "M";
}
.icon-maxicons1-mail:before {
content: "N";
}
.icon-maxicons1-load-77:before {
content: "O";
}
.icon-maxicons1-load-27:before {
content: "P";
}
.icon-maxicons1-left:before {
content: "Q";
}
.icon-maxicons1-iwatch:before {
content: "R";
}
.icon-maxicons1-mac:before {
content: "S";
}
.icon-maxicons1-percent:before {
content: "T";
}
.icon-maxicons1-play:before {
content: "U";
}
.icon-maxicons1-graph:before {
content: "V";
}
.icon-maxicons1-mailsend:before {
content: "W";
}
.icon-maxicons1-microphone:before {
content: "X";
}
.icon-maxicons1-graphic:before {
content: "Y";
}
.icon-maxicons1-inarrows:before {
content: "Z";
}
.icon-maxicons1-money:before {
content: "0";
}
.icon-maxicons1-monitor:before {
content: "1";
}
.icon-maxicons1-inzoom:before {
content: "2";
}
.icon-maxicons1-ipad:before {
content: "3";
}
.icon-maxicons1-music:before {
content: "4";
}
.icon-maxicons1-next:before {
content: "5";
}
.icon-maxicons1-iphone:before {
content: "6";
}
.icon-maxicons1-ipod:before {
content: "7";
}
.icon-maxicons1-notebook:before {
content: "8";
}
.icon-maxicons1-onright:before {
content: "9";
}
.icon-maxicons1-pause:before {
content: "!";
}
.icon-maxicons1-outarrow:before {
content: "\"";
}
.icon-maxicons1-roundleft:before {
content: "#";
}
.icon-maxicons1-rounddown:before {
content: "$";
}
.icon-maxicons1-peoples:before {
content: "%";
}
.icon-maxicons1-roundright:before {
content: "&";
}
.icon-maxicons1-roundtop:before {
content: "'";
}
.icon-maxicons1-tv:before {
content: "(";
}
.icon-maxicons1-transaction:before {
content: ")";
}
.icon-maxicons1-shuffle-35:before {
content: "*";
}
.icon-maxicons1-right:before {
content: "+";
}
.icon-maxicons1-rouble:before {
content: ",";
}
.icon-maxicons1-star:before {
content: "-";
}
.icon-maxicons1-start:before {
content: ".";
}
.icon-maxicons1-top:before {
content: "/";
}
.icon-maxicons1-playlist:before {
content: ":";
}
.icon-maxicons1-rounfgraph:before {
content: ";";
}
.icon-maxicons1-umbrella:before {
content: "<";
}
.icon-maxicons2-cisco:before {
content: "=";
}
.icon-maxicons2-editor:before {
content: ">";
}
.icon-maxicons2-analyst:before {
content: "?";
}
.icon-maxicons2-instruction:before {
content: "@";
}
.icon-maxicons2-menu:before {
content: "[";
}
.icon-maxicons2-player:before {
content: "]";
}
.icon-maxicons2-shape:before {
content: "^";
}
.icon-maxicons2-wand:before {
content: "_";
}
.icon-maxicons3-baseball:before {
content: "`";
}
.icon-maxicons3-call:before {
content: "{";
}
.icon-maxicons3-cube:before {
content: "|";
}
.icon-maxicons3-gym:before {
content: "}";
}
.icon-maxicons3-locator:before {
content: "~";
}
.icon-maxicons3-remove-from-basket:before {
content: "\\";
}
.icon-maxicons3-tabletennis:before {
content: "\e000";
}
.icon-maxicons3-wi-fi-perfect:before {
content: "\e001";
}
.icon-maxicons3-window:before {
content: "\e002";
}
.icon-maxicons3-tack:before {
content: "\e003";
}
.icon-maxicons3-restaurant:before {
content: "\e004";
}
.icon-maxicons3-lte:before {
content: "\e005";
}
.icon-maxicons3-hand-basket:before {
content: "\e006";
}
.icon-maxicons3-cup:before {
content: "\e007";
}
.icon-maxicons3-call-in:before {
content: "\e008";
}
.icon-maxicons3-basket:before {
content: "\e009";
}
.icon-maxicons2-winer:before {
content: "\e00a";
}
.icon-maxicons2-sharp:before {
content: "\e00b";
}
.icon-maxicons2-plus:before {
content: "\e00c";
}
.icon-maxicons2-message:before {
content: "\e00d";
}
.icon-maxicons2-minus:before {
content: "\e00e";
}
.icon-maxicons2-profile:before {
content: "\e00f";
}
.icon-maxicons2-smallminus:before {
content: "\e010";
}
.icon-maxicons2-woman:before {
content: "\e011";
}
.icon-maxicons3-basketball:before {
content: "\e012";
}
.icon-maxicons3-call-out:before {
content: "\e013";
}
.icon-maxicons3-danger:before {
content: "\e014";
}
.icon-maxicons3-hanger:before {
content: "\e015";
}
.icon-maxicons3-market:before {
content: "\e016";
}
.icon-maxicons3-rice:before {
content: "\e017";
}
.icon-maxicons3-topboard:before {
content: "\e018";
}
.icon-maxicons3-workingtable:before {
content: "\e019";
}
.icon-maxicons3-trousers:before {
content: "\e01a";
}
.icon-maxicons3-shashlik:before {
content: "\e01b";
}
.icon-maxicons3-roller:before {
content: "\e01c";
}
.icon-maxicons3-trousers-1:before {
content: "\e01d";
}
.icon-maxicons3-shelf:before {
content: "\e01e";
}
.icon-maxicons3-tub:before {
content: "\e01f";
}
.icon-maxicons3-tub2:before {
content: "\e020";
}
.icon-maxicons3-shoes:before {
content: "\e021";
}
.icon-maxicons3-sos:before {
content: "\e022";
}
.icon-maxicons3-uplamp:before {
content: "\e023";
}
.icon-maxicons3-wi-fi:before {
content: "\e024";
}
.icon-maxicons3-soup:before {
content: "\e025";
}
.icon-maxicons3-spoon:before {
content: "\e026";
}
.icon-maxicons3-wi-fi-bad:before {
content: "\e027";
}
.icon-maxicons3-wi-fi-good:before {
content: "\e028";
}
.icon-maxicons3-swim:before {
content: "\e029";
}
.icon-maxicons3-t-shirt:before {
content: "\e02a";
}
.icon-maxicons3-wi-fi-no-signal:before {
content: "\e02b";
}
.icon-maxicons3-wi-fi-normal:before {
content: "\e02c";
}
.icon-maxicons3-table:before {
content: "\e02d";
}
.icon-maxicons3-pulse:before {
content: "\e02e";
}
.icon-maxicons3-on-charge:before {
content: "\e02f";
}
.icon-maxicons3-ok:before {
content: "\e030";
}
.icon-maxicons3-no-siignal:before {
content: "\e031";
}
.icon-maxicons3-no-signal:before {
content: "\e032";
}
.icon-maxicons3-network:before {
content: "\e033";
}
.icon-maxicons3-mug:before {
content: "\e034";
}
.icon-maxicons3-moto:before {
content: "\e035";
}
.icon-maxicons3-menu:before {
content: "\e036";
}
.icon-maxicons3-meat:before {
content: "\e037";
}
.icon-maxicons3-heart:before {
content: "\e038";
}
.icon-maxicons3-ice-cream:before {
content: "\e039";
}
.icon-maxicons3-labirint:before {
content: "\e03a";
}
.icon-maxicons3-ladder:before {
content: "\e03b";
}
.icon-maxicons3-lamp:before {
content: "\e03c";
}
.icon-maxicons3-lifebuoy:before {
content: "\e03d";
}
.icon-maxicons3-light:before {
content: "\e03e";
}
.icon-maxicons3-light2:before {
content: "\e03f";
}
.icon-maxicons3-line:before {
content: "\e040";
}
.icon-maxicons3-loader:before {
content: "\e041";
}
.icon-maxicons3-grapes:before {
content: "\e042";
}
.icon-maxicons3-golf:before {
content: "\e043";
}
.icon-maxicons3-glass:before {
content: "\e044";
}
.icon-maxicons3-gift:before {
content: "\e045";
}
.icon-maxicons3-fencing:before {
content: "\e046";
}
.icon-maxicons3-electric-column:before {
content: "\e047";
}
.icon-maxicons3-drop:before {
content: "\e048";
}
.icon-maxicons3-download:before {
content: "\e049";
}
.icon-maxicons3-edge:before {
content: "\e04a";
}
.icon-maxicons3-case:before {
content: "\e04b";
}
.icon-maxicons3-card:before {
content: "\e04c";
}
.icon-maxicons3-call-pass:before {
content: "\e04d";
}
.icon-maxicons3-dress:before {
content: "\e04e";
}
.icon-maxicons3-car:before {
content: "\e04f";
}
.icon-maxicons3-casserole:before {
content: "\e050";
}
.icon-maxicons3-chair:before {
content: "\e051";
}
.icon-maxicons3-check:before {
content: "\e052";
}
.icon-maxicons3-cheese:before {
content: "\e053";
}
.icon-maxicons3-cherry:before {
content: "\e054";
}
.icon-maxicons3-chess:before {
content: "\e055";
}
.icon-maxicons1-presentation:before {
content: "\e056";
}
.icon-maxicons1-prev:before {
content: "\e057";
}
.icon-maxicons1-print:before {
content: "\e058";
}
.icon-maxicons1-radio:before {
content: "\e059";
}
.icon-maxicons1-rec:before {
content: "\e05a";
}
.icon-maxicons1-refresh:before {
content: "\e05b";
}
.icon-maxicons1-shuffle-21:before {
content: "\e05c";
}
.icon-maxicons1-shield:before {
content: "\e05d";
}
.icon-maxicons1-shelf:before {
content: "\e05e";
}
.icon-maxicons1-scales:before {
content: "\e05f";
}
.icon-maxicons1-safe:before {
content: "\e060";
}
.icon-maxicons1-router:before {
content: "\e061";
}
.icon-maxicons1-undo:before {
content: "\e062";
}
.icon-maxicons1-volumemax:before {
content: "\e063";
}
.icon-maxicons2-archive:before {
content: "\e064";
}
.icon-maxicons2-anchor:before {
content: "\e065";
}
.icon-maxicons2-clock:before {
content: "\e066";
}
.icon-maxicons2-cloud:before {
content: "\e067";
}
.icon-maxicons2-enginering:before {
content: "\e068";
}
.icon-maxicons2-editting:before {
content: "\e069";
}
.icon-maxicons2-interface:before {
content: "\e06a";
}
.icon-maxicons2-justify:before {
content: "\e06b";
}
.icon-maxicons2-key:before {
content: "\e06c";
}
.icon-maxicons2-female:before {
content: "\e06d";
}
.icon-maxicons2-code:before {
content: "\e06e";
}
.icon-maxicons2-assign:before {
content: "\e06f";
}
.icon-maxicons1-volumenormal:before {
content: "\e070";
}
.icon-maxicons1-volumeoff:before {
content: "\e071";
}
.icon-maxicons2-base:before {
content: "\e072";
}
.icon-maxicons2-comment:before {
content: "\e073";
}
.icon-maxicons2-fire:before {
content: "\e074";
}
.icon-maxicons2-leftalign:before {
content: "\e075";
}
.icon-maxicons2-movie:before {
content: "\e076";
}
.icon-maxicons2-quotepaste:before {
content: "\e077";
}
.icon-maxicons2-speed:before {
content: "\e078";
}
.icon-maxicons2-zoomout:before {
content: "\e079";
}
.icon-maxicons3-battery-charge:before {
content: "\e07a";
}
.icon-maxicons3-battery-bad:before {
content: "\e07b";
}
.icon-maxicons2-zoomin:before {
content: "\e07c";
}
.icon-maxicons2-smallpluss:before {
content: "\e07d";
}
.icon-maxicons2-question:before {
content: "\e07e";
}
.icon-maxicons2-mouse:before {
content: "\e07f";
}
.icon-maxicons2-navigation:before {
content: "\e080";
}
.icon-maxicons2-paste:before {
content: "\e081";
}
.icon-maxicons2-pen:before {
content: "\e082";
}
.icon-maxicons2-new:before {
content: "\e083";
}
.icon-maxicons2-rain:before {
content: "\e084";
}
.icon-maxicons2-quotetop:before {
content: "\e085";
}
.icon-maxicons2-startmac:before {
content: "\e086";
}
.icon-maxicons2-strokes:before {
content: "\e087";
}
.icon-maxicons3-4g:before {
content: "\e088";
}
.icon-maxicons3-3g:before {
content: "\e089";
}
.icon-maxicons3-battery-full:before {
content: "\e08a";
}
.icon-maxicons3-battery-normal:before {
content: "\e08b";
}
.icon-maxicons3-battery-off:before {
content: "\e08c";
}
.icon-maxicons3-add-to-basket:before {
content: "\e08d";
}
.icon-maxicons2-temperature:before {
content: "\e08e";
}
.icon-maxicons2-rightalign:before {
content: "\e08f";
}
.icon-maxicons2-roadwork:before {
content: "\e090";
}
.icon-maxicons2-tipography:before {
content: "\e091";
}
.icon-maxicons3-add-to-basket2:before {
content: "\e092";
}
.icon-maxicons3-bed:before {
content: "\e093";
}
.icon-maxicons3-bottle:before {
content: "\e094";
}
.icon-maxicons3-cake:before {
content: "\e095";
}
.icon-maxicons3-bouling:before {
content: "\e096";
}
.icon-maxicons3-bag:before {
content: "\e097";
}
.icon-maxicons3-armchair:before {
content: "\e098";
}
.icon-maxicons3-apple:before {
content: "\e099";
}
.icon-maxicons3-butterfly:before {
content: "\e09a";
}
.icon-maxicons3-add-to-hand-basket:before {
content: "\e09b";
}
.icon-maxicons2-transparency:before {
content: "\e09c";
}
.icon-maxicons2-usb:before {
content: "\e09d";
}
.icon-maxicons2-video:before {
content: "\e09e";
}
.icon-maxicons2-view:before {
content: "\e09f";
}
.icon-maxicons2-send:before {
content: "\e0a0";
}
.icon-maxicons2-search:before {
content: "\e0a1";
}
.icon-maxicons2-scissors:before {
content: "\e0a2";
}
.icon-maxicons2-science:before {
content: "\e0a3";
}
.icon-maxicons2-pic:before {
content: "\e0a4";
}
.icon-maxicons2-male:before {
content: "\e0a5";
}
.icon-maxicons2-magnit:before {
content: "\e0a6";
}
.icon-maxicons2-lower:before {
content: "\e0a7";
}
.icon-maxicons2-login:before {
content: "\e0a8";
}
.icon-maxicons2-like:before {
content: "\e0a9";
}
.icon-maxicons2-fix:before {
content: "\e0aa";
}
.icon-maxicons2-folder:before {
content: "\e0ab";
}
.icon-maxicons2-book:before {
content: "\e0ac";
}
.icon-maxicons1-yuan:before {
content: "\e0ad";
}
.icon-maxicons1-weight:before {
content: "\e0ae";
}
.icon-maxicons2-blocks:before {
content: "\e0af";
}
.icon-maxicons2-copier:before {
content: "\e0b0";
}
.icon-maxicons2-crown:before {
content: "\e0b1";
}
.icon-maxicons2-comments:before {
content: "\e0b2";
}
.icon-maxicons2-bell:before {
content: "\e0b3";
}
.icon-maxicons1-wallet:before {
content: "\e0b4";
}
.icon-maxicons2-glasses:before {
content: "\e0b5";
}
.icon-maxicons2-graphtablet:before {
content: "\e0b6";
}
.icon-maxicons2-guide:before {
content: "\e0b7";
}
.icon-maxicons2-man:before {
content: "\e0b8";
}
.icon-maxicons2-home:before {
content: "\e0b9";
}
.icon-maxicons2-information:before {
content: "\e0ba";
}
.icon-maxicons2-map:before {
content: "\e0bb";
}
.icon-maxicons2-insta:before {
content: "\e0bc";
}
.icon-maxicons2-medal:before {
content: "\e0bd";
}
.icon-maxicons2-planet:before {
content: "\e0be";
}
.icon-maxicons2-place:before {
content: "\e0bf";
}
.icon-maxicons2-picarchive:before {
content: "\e0c0";
}
.icon-maxicons2-dribbble:before {
content: "\e0c1";
}
.icon-maxicons2-draw:before {
content: "\e0c2";
}
.icon-maxicons2-documents:before {
content: "\e0c3";
}
.icon-maxicons2-dislike:before {
content: "\e0c4";
}
.icon-maxicons2-crowp:before {
content: "\e0c5";
}
.icon-maxicons2-bookmark:before {
content: "\e0c6";
}
.icon-maxicons2-bright:before {
content: "\e0c7";
}
.icon-maxicons2-brush:before {
content: "\e0c8";
}
.icon-maxicons2-catalogue:before {
content: "\e0c9";
}
.icon-maxicons2-centeralign:before {
content: "\e0ca";
}
.icon-maxicons2-alchemy:before {
content: "\e0cb";
}
.icon-maxicons2-addcloud:before {
content: "\e0cc";
}
.icon-maxicons2-act:before {
content: "\e0cd";
}
.icon-maxicons1-zoom:before {
content: "\e0ce";
}
.icon-maxicons2-add:before {
content: "\e0cf";
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }
/* COULEUR */
.tmp{
}
a{ color: #4a4a4a; }
.btn{ border-radius: 0px; }
.t_upp{ text-transform: uppercase; }
.t_bold{ font-weight: bold; }
.color-green{ color: #60b480; }
a.link,
.color-red{ color: #f13b48; }
.clear{ clear: both; }
.col-key .title.title-black {
color: #000000;
border-color: #CCCCCC;
display: inline-block;
}
.col-key .title.border-dashed {
border-style: dashed;
border-top: none;
border-left: none;
border-right: none;
}
.btn-red{ color: white; background-color: #f13b48; }
.btn-red:hover{ opacity: 0.5}
.btn-green{ color: white; background-color: #60b480; }
.title-wt-mt{ margin-top: 0px !important; }
.title_wt_mb{ margin-bottom: 0px !important; }
.col-w-mt{ margin-top: 35px !important; }
.col-w-mb{ margin-bottom: 30px !important; }
.t_letter{ letter-spacing: 2px; }
.t_letter--1{ letter-spacing: 1px; }
.entry-content{ padding: 15px 0;}
.btn--big{ padding: 10px 65px !important; }
.col-key--small{padding-top: 30px; padding-bottom: 30px; }
.col-key--small:last-child{ margin-bottom: 2px; }
.small_text{ font-size: 18px; margin-bottom: 4px;}
.sans-marge{
margin-top: 20px !important;
}
.col-key .valign{ width: 100%; }
.modal .modal-dialog{
margin-top: 50px!important;
}
/* ICO? */
.col-home-paroles,
.col-home-lastpost{ padding: 40px 60px; }
.col-home-wallet { padding: 40px 60px;}
.col-home-lastpost .title{ padding: 0; }
.col-home-lastpost .title,
.col-home-paroles .title{ margin-top: 0px; }
.ico-download{
width: 64px; height: 76px;
background: url('/wp-content/themes/starter-child/asset/img/img-col-comite-vcard.png') no-repeat center center; background-size: 14px !important;
}
/* Accueil */
.border--position{ border-bottom: 1px solid #9E9E9E; margin: 0 ; width: 100%; }
body.page-template-template-home .col-home-position .item-wrap .item ul li{ position: relative; padding-left: 30px; padding-bottom: 8px; list-style: none;}
body.page-template-template-home .col-home-paroles ul{ list-style: none; }
body.page-template-template-home .col-home-paroles ul li:after{ left: -15px;}
/* Management */
.col-home-wallet .push .title{ font-weight: 100; }
.col-management-header{
height: 450px;
background-repeat: no-repeat; background-size: cover;
/*background-position: center bottom; position: relative; margin-bottom: 120px;*/
/*background-position: center bottom; position: relative; margin-bottom: 30px;*/
background-position: center top; position: relative; margin-bottom: 30px;*/
position: relative;
}
.col-management-header:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2dfe6+0,bcbbc4+100 */
background: #e2dfe6; /* Old browsers */
background: -moz-linear-gradient(top, #e2dfe6 0%, #bcbbc4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2dfe6 0%,#bcbbc4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2dfe6 0%,#bcbbc4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2dfe6', endColorstr='#bcbbc4',GradientType=0 ); /* IE6-9 */
z-index: -1;
}
.list--single_member{
position: absolute; bottom: -110px; width: 100%; margin: auto !important;
display: flex; flex-direction: row; justify-content: center;
}
.member-item{
padding: 90px 20px 20px 0 !important;
margin: 0 20px !important;
border-bottom: 2px solid #f8ac29;
width: 180px; position: relative;
}/*
.member-item:before{
content: ""; background: #f8ac29;
position: absolute;
top: -5px; left: -5px;
width: 9px; height: 9px;
border-radius: 100%;
}*/
.member-item .btn-plus{ position: absolute; right: -16px; bottom: -15px; z-index: 10; background-color: white; transition: 0.2s linear; border: 0px; }
.member-item .btn-plus:focus{outline: none;}
.member-item a{ color: initial;}
.member-item a:hover{ opacity: 1; }
.member-item a:hover .btn-plus{ width: 40px; }
.member-item .name{ font-weight: 700; color: #414141; }
.member-item .post{ font-size: 14px; color: #414141; }
.btn-more--orange{
background: url('/wp-content/themes/starter-child/asset/img/img-ico-btn-plus-yellow.png') no-repeat -2px -2px;
background-size: 31px;
width: 31px;
height: 29px;
display: block;
}
@media screen and (max-width: 1280px){
.col-management-header{
height: 370px;
}
.member-item{
width: 150px;
}
}
@media screen and (max-width: 900px){
.list--single_member{
bottom: -110px;
}
}
.col-member-modal{}
/* Espace investisseur */
#investisseur input{ background: none; border: none ; border-bottom: 1px solid grey; color: white; margin-top: 10px; width: 100%; padding: 10px 5px;}
#investisseur{display: flex; flex-wrap: wrap; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 99999;
}
.form--investisseur .btn{ background: white; color: red; width: 100%;
background-image: url('/wp-content/themes/starter-child/asset/img/img-col-owl-next-2.png');
background-repeat: no-repeat ;
background-position: calc(50% + 30px) center;
background-size: 20px auto;
}
#investisseur .col-left{ background: #4f5965 ; padding-left: 0; padding-right: 0;
display: block; flex-direction: column; justify-content: center; padding: 0px; overflow: scroll;
}
#investisseur .col-left .col-left-row{ font-size: 13px; font-weight: 200; width: 100%;}
#investisseur .col-left .col-left-row p{ color: white; margin-bottom: 0; }
#investisseur .col-left .col-left-row a{ color: white; text-decoration: underline;margin-bottom: 0; }
#investisseur .col-left .col-left-row:last-child{ position: relative; bottom: 0; margin-top: 70px; }
#investisseur .col-left .col-left-row .block-item_col{ padding: 20px 20% 20px 20%; border-bottom: 1px solid white; }
#investisseur .col-left .col-left-row .block-item_col:last-child{ border-bottom: none; }
#investisseur .col-right{ background: #ffffff ; position: relative; display: flex; align-items: center;}
@media screen and (max-width: 991px){
#investisseur .col-right { display: none; }
#investisseur .col-left { width: 100%; display: flex; flex-direction: column; align-items: center;}
#investisseur .col-left .col-left-row .block-item_col:last-child{ border-bottom: 1px solid white; }
#investisseur .col-left .col-left-row .block-item_col{ padding: 10px; }
#investisseur .col-left .col-left-row:last-child{ position: relative; }
#investisseur .col-left .col-left-row .block-item_col:first-child{ padding-top: 10px; }
}
@media screen and (max-width: 767px){
}
.col-right-center{
width: 100%;
height: 50vh;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
margin: auto;
}
.logo--investisseur{
position: absolute;
top: 30px;
left: 100px;
width: 300px;
height: auto;
}
/* Chiffre clés */
.col-key-header .stat{
background-position: center 40%;
background-size: 45%;
background-repeat: no-repeat;
position: absolute;
}
/* CONTACT */
ul.list-rouge{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.list-rouge li{
padding: 5px 0px 5px 30px;
background-size: 10px;
position: relative;
}
ul.list-rouge li:after{
content: " ";
width: 10px;
height: 10px;
border: solid 3px #f13b48;
border-radius: 10px;
position: absolute;
top: 10px;
left: 5px;
}
.list_contact-item .title {
background: none;
padding-left: 40px;
margin-top: 30px;
margin-bottom: 49px;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
position: relative;
/*text-align: center;*/
font-style: normal;
font-stretch: normal;
line-height: normal;
}
.list_contact-item .title:before{
/*content: '';
position: absolute;
left : 0;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 40px;
background-size: 40px 40px;
background-image: url('/wp-content/themes/starter-child/asset//img/img-circle-grey.png');
background-repeat: no-repeat;*/
}
.list_contact-item .p{ padding-left: 0px; font-size: 14px;}
.list_contact-item .p.t_upp{ font-size: 16px;}
.list_contact-region { margin-bottom: 5px;display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; padding-top: 50px; }
.list_contact-region .col-md-4{ padding: 0px; }
.list_contact-region .list_contact-item{
background-repeat: no-repeat;
background-color: grey;
background-size: cover;
padding: 80px 40px;
color: white;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 991px){
.list_contact-region .col-md-4{ width: 33%; }
.list_contact-region .list_contact-item{ padding-right: 10px; padding-left: 10px; }
}
.page-template-template-nous_contacter .list_contact-item.col-md-12:last-child{}
.list_contact-region .list_contact-item.list_contact-item--lyon{ margin-left: 0; margin-right: 2px;}
.list_contact-region .list_contact-item.list_contact-item--toulouse{ margin-left: 1px; margin-right: 1px;}
.list_contact-region .list_contact-item.list_contact-item--nantes{ margin-left: 2px; margin-right: 0;}
.list_contact-region .list_contact-item .list_content-item-content{}
.list_contact-region .list_contact-item .list_content-item-content .p{ padding-left: 10px ; }
/* MENU */
.menu-header-anglais-container,
.menu-header-container{ float: left; }
nav ul.menu li ul.sub-menu li{ }
.lang-list{ display: inline-flex; display: -ms-inline-flexbox; list-style: none; padding: 0; margin: 0 10px; text-transform: uppercase;}
.lang-list li { padding: 0 5px;}
.lang-list li:first-child, .lang-list li:nth-child(2){ border-right: 1px solid white; }
.lang-list li a{ color: white; font-size: 14px;}
.lang-list li.active a{ color: #f13b48;}
.header-sticky .nav-sticky .burger--svg{ width: 33px; margin: auto; display: block; margin-top: 0;}
.header-sticky.is-sticky .nav-sticky .burger--svg{ margin-top: 5px;}
@media screen and (max-width: 1024px){
nav .logo img{ height: 60px; }
}
@media screen and (max-width: 991px){
nav .logo img{ height: 62px; }
.header-sticky .nav-sticky{ padding-bottom: 0px; }
}
@media screen and (max-width: 767px){
nav .logo img{ height: 45px; }
.nav-responsive .logo-responsive{ width: 50%; margin: 25px; }
.nav-responsive .logo-responsive img { width: 100%; }
.header-sticky.is-sticky .nav-sticky{ margin-top: 0; }
.header-sticky .nav-sticky{ padding-bottom: 0px; border-bottom: 2px solid #f13b48 ;}
}
.nav-responsive--flex--lang{ min-height: 68px; }
.nav-responsive--flex{ display: flex; flex-direction: row; justify-content: space-between; }
.nav-responsive--flex--center{ justify-content: center; padding: 0 0 20px 0 ; }
.col-equipes-header--actu{
padding-top: 180px;
margin-top: 35px;
}
.container-fluid--flex{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
display: -webkit-flex; /* NEW */
-webkit-flex-wrap: wrap; /* NEW */
}
.nav-responsive .icon-burger{ margin: 25px; }
.nav-responsive .icon-burger #nav-burger {
width: 30px;
height: 30px;
position: relative;
margin: 0 auto;
margin-top: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.nav-responsive .icon-burger #nav-burger span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: white;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.nav-responsive .icon-burger #nav-burger span:nth-child(1) {
top: 2px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.nav-responsive .icon-burger #nav-burger span:nth-child(2) {
top: 12px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.nav-responsive .icon-burger #nav-burger span:nth-child(3) {
top: 22px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.nav-responsive .icon-burger #nav-burger.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 2px;
left: 4px;
}
.nav-responsive .icon-burger #nav-burger.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.nav-responsive .icon-burger #nav-burger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 23px;
left: 4px;
}
/* BOOK Actu **/
.col-equipes-header--actu .push{ padding: 10px; }
.col-equipes-header--actu .push .header{ text-align: center; min-height: 60px; }
.col-equipes-header--actu .push .title{ margin-top: 10px; text-align: center; margin-left: 7px; }
.col-equipes-header--actu .push .btn{ display: table; margin: auto; margin-bottom: 10px; min-width: 160px; }
.col-equipes-header--actu .push-wrap-left .push{ background: white; }
.col-equipes-header--actu .push-wrap-right .push{ background: white; }
@media screen and (max-width: 768px){
.col-equipes-header--actu{ padding-top: 60px; }
.col-equipes-header--actu .push .btn { width: 100%; min-width: auto !important; display: block !important;}
.col-equipes-header--actu > .container-fluid--flex{ position: relative !important; }
}
@media screen and (max-width: 991px){
.col-home-wallet--position{ padding: 0; }
body.home .col-home-position .header{ margin-top: 82px; padding-right: 30px; padding-left: 30px; }
}
@media screen and (max-width: 768px){
.col-equipes-header--actu .search--actu{ margin-top: 190px; }
}
.col-home-lastpost .item .title{
margin-top: 0px !important;
}
/** Paroles d'entrepreneur **/
.col-home-paroles .info .logo img{
max-height: inherit;
height: auto;
}
.background-parole-page{ background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 15px; right: 25px; bottom: 0; }
.background-portfeuille-page{ background-size: 140px; background-position: center; background-repeat: no-repeat; position: relative; height: 150px; }
.col-home-paroles .info .content { display: initial; }
/* .col-home-paroles .info { } */
.list_actu{ margin-bottom: 23px;}
.col-home-paroles--flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
display: -webkit-flex; /* NEW */
padding: 0;
width: 100%;
margin: auto;
-webkit-flex-wrap: wrap; /* NEW */
}
.col-home-paroles--flex .list_actu-item-btn{ display: flex; align-items: flex-start; }
.col-home-paroles--flex .list_actu-item-btn .btn{ width: 100%;}
/* Col */
.col-equal{
padding-top: 10px;
padding-bottom: 10px;
}
@media screen and (max-width: 768px){
.col-equal{
padding-top: 0px;
padding-bottom: 0px;
}
}
.col-home-about .right,
.col-home-about .left,
.col-home-about{ min-height: 350px; }
@media screen and (min-width : 1600px) {
.col-key-header .stat{
background-size: 38%;
}
.col-home-about .stats{
background-size: 60%;
}
}
.col-home-about .quote{ font-size: 20px; padding-left: 15%; padding-right: 15%;}
.col-home-waller .title{ word-wrap: break-word; }
.col-home-wallet .push-responsive .push-wrap-left{ padding-left: 0; padding-right: 00; margin-bottom: 30px; }
.col-home-wallet .push-responsive .push-wrap-right{ padding-left: 15px; margin-bottom: 30px; }
.col-home-wallet .push > .p{ margin-bottom: 8px; }
.col-home-wallet .push .btn{ padding: 10px 30px; font-size: 16px; font-weight: normal; }
.col-home-wallet .push-responsive .title{ font-size: 20px !important; margin: 0px; line-height: 20px; }
.col-home-wallet .push-responsive{ display: block; }
@media screen and (max-width: 767px){
.col-home-wallet .push-responsive .push{ min-height: 180px; }
}
/* HOME */
.block--positionnement{ margin-top: 20px; }
.col-home-wallet .item { height: 145px; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
.col-home-wallet .item .title{ margin-top: 15px; font-size: 20px; }
.col-home-wallet .item .thumb{ width: 230px; height: 100%;}
.col-home-wallet .item .info{ font-size: 14px; }
@media screen and (max-width: 1690px){
.col-home-wallet .item .thumb { margin-left: 15px; width: 140px; height: 100%;}
.col-home-wallet .item .title { margin-top: 15px; }
}
@media screen and (min-width: 1690px){
.col-home-wallet .item .title { font-size: 20px; line-height: inherit; padding: 5px 5px 5px 25px;}
.col-home-wallet .item{ height: 180px; }
}
@media screen and (max-width: 1180px){
.col-home-wallet .item .thumb { margin-left: 15px; width: 110px; }
}
/* EN BREF */
.col-bref{ display: -webkit-flex; display: flex; flex-direction: row; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start;
-webkit-flex-direction: row; padding-top: 30px; padding-bottom: 30px; }
.col-bref .col-bref-rapport{width: 100%; margin-top: 5px;}
.col-bref .col-bref-rapport .title{ margin-bottom: 25px; margin-top: 5px; }
/* CONTENT */
.title{ font-weight: bold; margin-bottom: 8px; margin-top: 50px; letter-spacing: 1px;}
.content--default{ margin-bottom: 10px; padding-top: 10px; }
@media screen and (max-width: 767px){
.title{ margin-top: 10px; }
}
.page .page-content ul li{ padding-bottom: 0px; }
/* HEADER BANNER */
/* NOtre positionnement */
.col-home-position{ padding-top: 0; padding-bottom: 0px; }
.col-home-position .header{ margin-bottom: 0; padding-top: 48px; padding-bottom: 48px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; min-height: 230px;}
.col-key-header{
height: 360px;
}
@media screen and (max-width: 991px){
.col-key-header{ height: 290px;}
}
@media screen and (max-width: 767px){
.col-home-position .header{ justify-content: center; padding-bottom: 0px; }
body:not(.home) .col-home-position .header{ padding: 0 30px; flex-direction: column; align-content: stretch; }
.col-key-header{ height: 140px; }
}
.col-home-position .header .icon{
width: 60px;
margin-bottom: 15px;
}
.col-key .title{
text-transform: none;
}
.col-home-position .header .icon-title{
font-size: 15px;
text-transform: none;
}
.col-home-position ul.menu-item { padding: 50px 0; }
.col-home-position ul.menu-item li.active{ transform: translateX(80px); }
.col-home-position ul.menu-item li.active:before{ left: -21px;}
.col-home-position ul.menu-item li{line-height: 32px; margin-right: 40px; padding: 40px 0px 40px 70 !important; }
.col-home-position ul.menu-item li:before{left: 5px;}
.col-home-position .item-wrap .item{
/*width: 81%;*/
width: 90%;
}
.col-home-position .item-wrap .item.position-top{
/*top: 0px;*/
}
.col-home-position .item-wrap .item.position-bottom{
/*bottom: 0px;*/
}
.col-investisseurs,
.col-equipes,
.col-comite{ margin-bottom: 40px; }
/* COMITE */
.col-equipes .item .title, .col-investisseurs .item .title, .col-comite .item .title{ margin-top: 15px; margin-bottom: 2px; }
.col-equipes .item .status, .col-investisseurs .item .status, .col-comite .item .status{ margin-bottom: 40px; font-size: 13px;}
.col-comite .item{ margin-left: auto; margin-right: auto;}
.col-comite .list-items-col-comite {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: auto;
}
.col-comite .list-items-col-comite .col-equal{ height: auto; min-width: 208px; width: 18%; display: block; }
@media screen and (min-width: 1200px){ .col-comite .list-items-col-comite .col-equal{ width: 20%; } }
@media screen and (max-width: 991px){ .col-comite .list-items-col-comite .col-equal{ width: 33%; } }
@media screen and (max-width: 768px){ .col-comite .list-items-col-comite .col-equal{ width: 50%; } }
@media screen and (max-width: 600px){ .col-comite .list-items-col-comite .col-equal{ width: 100%; } }
.col-comite-header, .col-portefeuilles-header, .col-investisseurs-header{ margin-bottom: 30px; }
/* EQUIPE */
.col-comite .item .btn-plus{ border: 0px; }
.col-comite .item .btn-plus, .col-investisseurs .item .btn-plus, .col-equipes .item .btn-plus{ cursor: pointer; }
.col-equipes .item .btn-plus,
.col-portefeuille .item .content .link{border: 0px; }
.col-investisseurs .item .btn-plus,
.col-investisseurs .item .btn-plus:focus,
.col-equipes .item .btn-plus,
.col-portefeuille .item .content .link:focus{ outline: none; border: 0px; }
.col-equipes .cat-title{ margin-bottom: 5px; margin-top: 20px; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; font-weight: bold; }
.col-equipes-info p, .col-equipes-info .p{ max-width: 50%; }
.col-equipes .list-items-col-equipes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: auto;
}
.col-investisseurs .list-items-col-investisseurs .col-equal,
.col-equipes .list-items-col-equipes .col-equal{ height: auto; min-width: 208px; width: 25%; display: block; }
@media screen and (min-width: 1200px){
.col-management-header--mobil .col-equipes .col-equal,
.col-investisseurs .list-items-col-investisseurs .col-equal,
.col-equipes .list-items-col-equipes .col-equal{ width: 20%; }
}
@media screen and (max-width: 991px){
.col-management-header--mobil .col-equipes .col-equal,
.col-investisseurs .list-items-col-investisseurs .col-equal,
.col-equipes .list-items-col-equipes .col-equal{ width: 33%; }
}
@media screen and (max-width: 768px){
.col-management-header--mobil .col-equipes .col-equal,
.col-investisseurs .list-items-col-investisseurs .col-equal,
.col-equipes .list-items-col-equipes .col-equal{ width: 50%; }
}
@media screen and (max-width: 600px){
.col-management-header--mobil .col-equipes .col-equal,
.col-investisseurs .list-items-col-investisseurs .col-equal,
.col-equipes .list-items-col-equipes .col-equal{ width: 100%; }
}
.col-equipes-info, .col-investisseurs-info{ margin-top: 0px; }
@media screen and (max-width: 991px){
.col-equipes-header, .col-portefeuilles-header, .col-investisseurs-header{ margin-bottom: 0px; }
}
@media screen and (max-width: 768px){
.col-equipes-info p, .col-equipes-info .p{ max-width: 100%; }
.col-equipes-header, .col-portefeuilles-header, .col-investisseurs-header{ margin-bottom: 30px; }
}
@media screen and (max-width: 600px){
.col-equipes .list-items-col-equipes { justify-content: center; }
.col-equipes .list-items-col-equipes .col-equal{ width: 100%; }
}
/* FOOTER */
footer ul#menu-footer > li,
footer ul#menu-footer-anglais > li,
footer ul#menu-menu-german-footer > li {
width: 16%;
}
footer .menu-bottom-container,
footer .menu-bottom-anglais-container{ display: inline-block; }
footer ul.menu li ul li.primary a{
font-weight: normal;
font-size: 14px;
}
footer ul.menu li ul li:first-child a{
font-weight: bold;
font-size: 16px;
}
footer{ background-size: auto 100%; }
@media screen and (max-width: 1224px){
footer{ background-position: calc(100% + 290px) center; }
}
@media screen and (max-width: 1024px){
footer{ background-position: calc(100% + 450px) center; }
}
@media screen and (max-width: 768px){
footer{ background-position: calc(100% + 290px) center; }
}
footer #menu-footer-anglais .sub-menu > li,
footer #menu-menu-german-footer .sub-menu > li,
footer #menu-footer .sub-menu > li{ font-weight: 300; }
footer #menu-footer-anglais .sub-menu > li:first-child,
footer #menu-menu-german-footer .sub-menu > li:first-child,
footer #menu-footer .sub-menu > li:first-child{font-weight: 600;}
footer #menu-footer-anglais li ul li a ,
footer #menu-menu-german-footer li ul li a ,
footer #menu-footer li ul li a { margin-bottom: 15px; line-height: 15px;}
footer #menu-footer-anglais li:nth-child(6) .sub-menu li a,
footer #menu-menu-german-footer li:nth-child(6) .sub-menu li a,
footer #menu-footer li:nth-child(6) .sub-menu li a{ margin-bottom: 25px; font-weight: bold; line-height: 15px; font-size: 16px;}
footer .logo, footer .nav-bottom-wrap{ margin-top: 30px; margin-right: 10px; }
footer .nav-bottom-wrap{ margin-bottom: 15px; }
/* MENU */
nav ul.menu li.current-menu-ancestor ul.sub-menu{ }
@media screen and (max-width: 768px){
.nav-responsive.full ul.menu li{ text-align: left; }
.nav-responsive.full ul.menu li a{ text-align: left; line-height: 14px; padding-top: 6px; padding-bottom: 6px; }
.nav-responsive ul.menu li.menu-item-has-children > a:after{right: -30px; }
}
/* ACTU */
.list_actu-item{ border-bottom: 2px solid #f13b48; padding: 20px 0;}
.list_actu-item:last-child{margin-bottom: 20px;}
.list_actu-item .btn{ padding-left: 45px; padding-right: 30px;}
body.page-template-template-entrepreneurs .list_actu-item .btn{ padding-left: 30px !important; }
.list_actu-item .ico{ width: 24px; height: 20px; display: block; left: 19px; top: 0; bottom: 0; margin: auto; position: absolute;}
.list_actu-item-date{ color: #f13b48; padding-left: 15px; }
.list_actu-item-date p{ color: #f13b48; }
.list_actu-item-img{ padding-left: 0px;}
.list_actu-item-info{ padding-left: 0px;}
.list_actu-item-btn{ padding-left: 0px; padding-right: 15px; }
/* Search actu */
.search--actu{ font-size: 18px; font-weight: 100; display: flex; }
.search--actu p{ display: inline-block !important; }
select.select--filter{
border: none;
background-size: 18px !important;
background: url('/wp-content/themes/starter-child/asset/img/icon-select.png') no-repeat right center;
position: relative;
font-size: 15px;
letter-spacing: 1px;
color: #b7b7b7 !important;
/*color: #b7b7b7; */
border-radius: 0px;
padding-left: 0;
position: relative;
width: calc(100% - 14px);
padding-right: 0;
-moz-appearance: none;
-webkit-appearance: none;
}
/*select#filter_years {
color: #b7b7b7!important;
} */
select.select--filter:focus{ outline: none; }
.search--actu--container{ width: 240px; position: relative; display: inline-block ; margin-right: 25px; overflow: hidden; top: 4px;}
/*.search--actu--container:before{ position: absolute; right: 10px; bottom: 4px; margin: auto; width: 22px; height: 22px;
content: ''; background-size: 18px !important;
background: url('./../wp-content/themes/starter-child/asset/img/icon-select.png') no-repeat center bottom; }*/
.search--actu--container:after{
content :'';
position: absolute;
background: #b7b7b7;
width: calc(100% - 32px );
height: 1px;
display: block;
bottom: 3px;
}
.search--actu--container_no:before{display: none;}
.search--actu--container_no:after{display: none;}
.search--form--container{ width: 270px;position: relative; display: inline-block ; margin-left: 35px; top: 4px; position: relative; }
.search--form--container:before{ position: absolute; left: -35px; bottom: 0; top: 0; width: 2px ; height: 100%; content: ''; background-color: #d1d1d1;}
.search--form--container input[type="search"]{margin: 0; background: transparent; border: 0px; padding: 0px; height: 30px; font-size: 15px; letter-spacing: 1px; color: #b7b7b7; }
.search--form--container input[type="submit"]{ position: absolute; background: url('./../wp-content/themes/starter-child/asset/img/img-header-form-zoom.png') no-repeat center;width: 40px; height: 30px; padding: 0; right: 0px; bottom: 0px; border-radius: 0px; border: 0px;}
.search--form--container:after{ content :''; position: absolute; background: #b7b7b7; width: calc(100% - 32px ); height: 1px; display: block; bottom: 3px;}
.navigation h2{ display: none; }
.nav-links{ text-align: center; }
.nav-links .page-numbers { margin: 0 5px; }
.nav-links .next img, .nav-links .prev img{ width: 30px; height: auto; margin-bottom: 3px; }
@media screen and (max-width: 767px){
.col-home-position .header{ padding-top: 0px; }
}
/* Investisseur */
.col-equipes-info .title, .col-investisseurs-info .title{
background: none;
/* line-height: 20px; */
position: relative;
color: #515862;
font-size: 16px;
margin-bottom: 20px;
line-height: 17px;
}
.col-equipes-info .title:before,
.col-investisseurs-info .title:before{
content: ''; position: absolute;
top: 50%;
left: 0px;
width: 40px;
height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 60px;
border: solid 5px #515862;
border-radius: 60px;
}
.col-investisseurs .list-items-col-investisseurs .col-equal{ height: auto; /*width: 20%;*/ display: block; min-width: 200px; }
.col-investisseurs .list-items-col-investisseurs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
}
.col-equipes .list-items-col-equipes .col-equal .item,
.col-equipes .item, .col-investisseurs .item, .col-comite .item {float: none; display: block; margin: 10px auto !important; width: 200px; height: 370px ;}
/* portfeuille */
.nav-links span{ color: #ef3c51 ; }
.nav-links a{ color: #474747; }
.col-portefeuille{ margin-bottom: 40px; min-height: 400px;}
.pagination{ margin-bottom: 0; padding-bottom: 0px !important ; }
.pagination .page--add{ opacity: 0.5; }
.col-portefeuille.col-porteuille-mid .item .content .link{ position: relative; }
.col-portefeuille .item {display: flex; flex-direction: inherit; flex-wrap: wrap; align-items: center;}
.col-portefeuille .item .img-responsive{margin-top: 10px; margin-bottom: 10px;}
.col-portefeuille .item .content .title {margin-top: 0px; line-height: 29px;}
/* rouge */
.col-portefeuille.col-porteuille-mid .item {border-top: 2px solid #f13b48 !important;}
.col-portefeuille.col-porteuille-mid .item:last-child{border-bottom: 2px solid #f13b48 !important; margin-bottom: 10px;}
.col-portefeuille.col-porteuille-mid .nav-links span{ color: #f13b48 ; }
/* jaune */
.col-portefeuille.col-porteuille-cession .item {border-top: 2px solid #fbab2e !important;}
.col-portefeuille.col-porteuille-cession .item:last-child{border-bottom: 2px solid #fbab2e !important; margin-bottom: 10px;}
.col-portefeuille.col-porteuille-cession .nav-links span{ color: #fbab2e ; }
/* gris */
.col-portefeuille.col-porteuille-small .item {border-top: 2px solid #4f5965 !important;}
.col-portefeuille.col-porteuille-small .item:last-child{border-bottom: 2px solid #4f5965 !important; margin-bottom: 10px;}
.col-portefeuille.col-porteuille-small .nav-links span{ color: #4f5965 ; }
/* vert */
.col-portefeuille.col-porteuille-innovation .item {border-top: 2px solid #65b484 !important;}
.col-portefeuille.col-porteuille-innovation .item:last-child{border-bottom: 2px solid #65b484 !important; margin-bottom: 10px;}
.col-portefeuille.col-porteuille-innovation .nav-links span{ color: #65b484 ; }
.col-portefeuille-modal-detail{ padding-left: 0px; }
.col-portefeuille-modal-info{ padding: 0; }
.col-portefeuille-modal .info.info-right{ display: flex; flex-direction: row-reverse; color: #afafaf; margin-bottom: 3px;}
.col-portefeuille-modal .info.info-right p{ color: black; font-size: 12px;}
.page-template-template-portfeuille .col-portefeuille .item .content{ padding: 10px; }
@media screen and (max-width: 767px){
.col-portefeuille .item .content{padding: 10px;}
}
/* MODAL */
.col-portefeuille-modal .info .title{ font-weight: bold; line-height: 21px;}
.modal{ background: rgba(255, 255, 255, 0.55); }
.col-comite-modal .mail .icon, .col-investisseurs-modal .mail .icon, .col-equipes-modal .mail .icon,
.col-comite-modal .tel .icon, .col-investisseurs-modal .tel .icon, .col-equipes-modal .tel .icon,
.col-equipes-mid .col-equipes-modal .tel .icon,
.col-equipes-mid .col-equipes-modal .mail .icon{ width: 25px; height: 25px; background-size: 23px; margin-right: 3px;}
.col-comite-modal .status{ margin-bottom: 20px; }
.col-comite-modal .vcard, .col-investisseurs-modal .vcard, .col-equipes-modal .vcard,
.col-comite-modal .mail, .col-investisseurs-modal .mail, .col-equipes-modal .mail,
.col-comite-modal .tel, .col-investisseurs-modal .tel, .col-equipes-modal .tel{font-size: 16px; display: inline-block; padding-right: 15px; }
.col-comite-modal .vcard, .col-investisseurs-modal .vcard, .col-equipes-modal .vcard{ padding-left: 0; }
.col-comite-modal .content, .col-investisseurs-modal .content, .col-equipes-modal .content{ margin-bottom: 25px; margin-top: 25px; font-size: 14px;}
.col-comite-modal .situation, .col-investisseurs-modal .situation, .col-equipes-modal .situation,
.col-comite-modal .complements, .col-investisseurs-modal .complements, .col-equipes-modal .complements{ position: relative; line-height: 18px; background-image: none;}
.col-comite-modal .situation:before, .col-investisseurs-modal .situation:before, .col-equipes-modal .situation:before,
.col-comite-modal .complements:before, .col-investisseurs-modal .complements:before, .col-equipes-modal .complements:before{
content: ""; position: absolute; left: 0 ; top: 0; bottom: 0; margin: auto; height: 30px; width: 30px; background-repeat: no-repeat;
background-position: center center; background-size: contain;
}
.col-home-modal .modal-close{ background: none; border: none; outline: none; position: absolute; top: -50px; left: 0; font-size: 12px; line-height: 30px;
background: url('https://naxicap.com/wp-content/themes/starter-child/asset/img/img-modal-close.png') no-repeat center left; background-size: 30px; padding-left: 40px; }
.modal-body .modal-close{ top: 20px ; left: -110px; }
.modal-body .mail .icon{ background-repeat: no-repeat; background-position: 0 -1px !important; background-size: 23px !important; margin-right: 8px;}
.modal-body .tel .icon{ background-repeat: no-repeat; background-position: 0 -2px !important; background-size: 23px !important; }
.modal-body .btn{ padding-left: 20px; padding-right: 20px; border-radius: 0px; }
.col-portefeuille-modal .info .subtitle{ color: #414141; letter-spacing: 1px;}
.col-comite-modal .title, .col-investisseurs-modal .title, .col-portefeuille-modal .title, .col-equipes-modal .title{ line-height: 32px; padding-bottom: 5px; }
/** ICON COULEUR */
/* Gris */
.col-equipes-small .col-equipes-modal .situation:before{
background-image: url("./../wp-content/themes/starter-child/asset/img/img-col-comite-situation.png"); }
.col-equipes-small .col-equipes-modal .complements:before{
background-image: url("./../wp-content/themes/starter-child/asset/img/img-col-comite-complements.png"); }
/* VERT */
.col-equipes-innovation .col-equipes-modal .title{ color: #61b47f; }
.col-equipes-innovation .col-equipes-modal .situation:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-situation-green.png') ;}
.col-equipes-innovation .col-equipes-modal .complements:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-complements-green.png'); }
/* ReD */
.col-equipes-mid .col-equipes-modal .title{ color: #ef3c51; }
.col-equipes-mid .col-equipes-modal .situation:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-situation-red.png') ;}
.col-equipes-mid .col-equipes-modal .complements:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-complements-red.png');}
.col-comite-modal .tel,
.col-equipes-mangement .col-mangement-modal .tel{ color: #ef3c51; }
.col-comite-modal .tel .icon,
.col-equipes-mangement .col-mangement-modal .tel .icon{
background-image: url("./../wp-content/themes/starter-child/asset/img/img-icon-tel-red.png") ;}
.col-comite-modal .mail,
.col-comite-modal .mail a,
.col-equipes-mangement .col-mangement-modal .mail,
.col-equipes-mid .col-equipes-modal .mail a,
.col-equipes-mangement .col-mangement-modal .mail a{ color: #ef3c51; }
.col-comite-modal .mail .icon,
.col-equipes-mangement .col-mangement-modal .mail .icon{
background-image: url("./../wp-content/themes/starter-child/asset/img/img-icon-mail-red.png") ;}
/* Jaune */
.col-mangement-modal .title,
.col-comite-modal .title{ color: #f8ac29; }
.col-comite-modal .situation:before,
.col-equipes-mangement .col-mangement-modal .situation:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-situation-yellow.png') ; }
.col-comite-modal .complements:before,
.col-equipes-mangement .col-mangement-modal .complements:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-complements-yellow.png') ; }
/* grey ) light */
.col-investisseurs-modal .complements:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-complements-grey.png')
}
.col-investisseurs-modal .situation:before{
background-image: url('./../wp-content/themes/starter-child/asset/img/img-col-comite-situation-grey.png')
}
/* PAGE CONTENT */
.page-template-default .page-content{ margin-bottom: 30px; }
.page-id-604 .page-content,
.page-id-214 .page-content{ margin-bottom: 2px; }
body .page-content{ margin-top: 130px;}
body.page-template-default .page-content h2,
body.page-template-default .page-content h3,
body.page-template-default .page-content h4{
margin-bottom: 25px;
padding-bottom: 9px;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
font-weight: bold
}
@media screen and (max-width: 767px){
body .page-content{ padding-top: 60px;}
}
@media screen and (max-width: 991px){
body .page-content{ padding-top: 80px; margin-top: 0px;}
.col-home-position.col-home-position-small{}
}
.page .page-content ul li, .single .single-content ul li{
padding: 5px 0px 5px 40px
}
.col-bref .item .content ul{ margin-top: 15px; }
.col-bref .item .content ul li:after{
left: 19px;
}
.page .page-content ul li:after, .single .single-content ul li:after{
}
/* Blog */
.col-home-paroles .info .responsive-link,
.col-home-paroles .info .excerpt{display: block !important; }
/* Autre */
.col-center-content{ display: flex; align-items: center; flex-direction: column; justify-content: center;}
/* MENU */
.nav-responsive ul.menu li.menu-item-has-children > a:after{ display: none; }
.nav-responsive.show { animation-name: fadeInRight !important ; -webkit-animation-name: fadeInRight !important;}
.nav-responsive{ left: auto; right: 0; animation-name: fadeOutRight !important; -webkit-animation-name: fadeOutRight !important; background: #4f5965; color: white;}
.nav-responsive ul.menu li a{ color: white; font-weight: lighter; font-size: 13px; }
.nav-responsive ul.menu > li a{ color: #f1f1f1; }
.nav-responsive ul.menu > li{ padding-bottom: 10px; }
.nav-responsive ul.menu > li.current_page_parent > a{
text-decoration: none !important;
color: #f1f1f1;
}
.nav-responsive ul.menu > li.current-menu-item > a,
.nav-responsive ul.menu > li ul.sub-menu li.current-menu-item > a { text-decoration: underline;}
.nav-responsive ul.menu li ul.sub-menu li{ border-left: 0px; padding-left: 25px; padding-right: 0; }
.nav-responsive ul.menu li ul.sub-menu li a{ font-size: 13px; line-height: 19px; padding: 4px 0;}
/* Additional CSS */
div.col-home-position {
border-bottom: 2px solid #ffffff;
}
.team-city-column {
text-align: center;
}
.team-city-button {
padding: 9px 15px;
/*width: 137px;*/
width: 155px;
height: 34px;
border-radius: 11px;
border: solid 1px #515860;
background-color: white;
}
a.anchor {
display: block;
position: relative;
top: -55px;
visibility: hidden;
}
.rev_slider_wrapper {
margin-top: 100px !important;
}
.col-bref-rapport,
.col-home-rapport {
width: 342px !important;
height: 183px;
}
.block--positionnement {
display: none;
}
.tp-bullet-title {
display: none;
}
.col-home-wallet .col-home-rapport {
padding: 25px 50px 20px 50px;
}
.col-home-wallet .col-home-rapport .title {
color: #5a6574;
text-transform: uppercase;
font-size: 21px;
text-align: center;
margin-bottom: 15px;
}
.col-home-wallet .col-home-rapport .col-sm-6 {
padding: 0px 5px;
}
.col-home-wallet .col-home-rapport .btn-white {
border-radius: 0px;
color: #278040 !important;
}
.col-home-wallet .col-home-rapport .btn-white.red {
border-radius: 0px;
color: #f45556 !important;
}
.col-home-wallet .col-home-rapport{
width: 100%;
margin-top: 5px;
}
.col-home-wallet .col-home-rapport .title {
margin-bottom: 20px;
margin-top: 10px;
}
.col-home-wallet .col-home-rapport.book .title {
margin-top: 50px;
margin-bottom: 30px;
white-space: nowrap;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-30 {
margin-bottom: 30px;
}
.list_contact-item .sub-title {
background: none;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-align: center;
color: #1a1e27;
}
.list_contact-item ul.list-rouge li:after {
content: " ";
width: 5px;
height: 5px;
position: absolute;
top: 12px;
left: 20px;
background-color: #ff5d5f;
}
.list_contact-item .accordion-item {
text-align: center;
margin-top: 28px;
padding-left: 0px;
width: 275px;
}
.list_contact-item .accordion-item .list-rouge {
padding-top: 18px;
text-align: left;
}
.accordion-item .sub-title:after {
padding-left: 5px;
content: "\25B4";
}
.accordion-item .collapsed .sub-title:after {
padding-left: 5px;
content: "\25BE";
}
#accordion .panel {
margin-bottom: unset;
background: unset;
border: 0px;
overflow: unset;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
nav.pagination {
z-index: 10;
}
.home .col-home-wallet ul li {
list-style: none;
}
.home .col-home-wallet ul li:before {
content: "•";
color: red;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.blog .list_actu-item .list_actu-item-img img {
display: block;
width: 120px;
display: table-cell;
height: 100%;
vertical-align: middle;
-o-object-fit: contain;
object-fit: contain;
}
.col-home-about .status {
padding-top: 10px;
}
.col-comite .item.management {
height: 75px;
}
.management-desc {
padding-left: 0px;
padding-right: 0px;
}
.search--actu--container option:checked {
color: white;
}
.col-home-position .item-wrap .item.active {
/*position: relative;*/
}
.col-key-green .valign-content img {
width: 100%;
}
.is-sticky nav .logo img {
-ms-interpolation-mode: bicubic;
}
.page-template-template-portfeuille .col-portefeuille .item .content.no-result {
padding-top: 15px;
padding-bottom: 0px;
}
.page-template-template-portfeuille .col-portefeuille .item .content.no-result .title {
text-transform: unset;
}
.search--form--container form .close {
background: url('https://naxicap.com/wp-content/themes/starter-child/asset/img/img-header-form-close.png') no-repeat center;
background-size: 14px;
height: 22px;
width: 22px;
display: none;
vertical-align: middle;
opacity: 1;
position: absolute;
right: 35px;
top: 0px;
}
.search--form--container form .close.active {
display: inline-block;
}
.select--filter::-ms-expand {
display: none;
}
.search-field::-ms-clear {
display: none;
}
.search-no-result {
text-align: center;
padding-bottom: 15px;
}
.col-home-wallet ul {
padding-left: 19px;
}
.col-home-position .item-wrap .item.active .title {
margin-top: 0px;
}
.col-home-position .item-wrap .item.position-bottom {
top: 50%;
}
.col-home-position .item-wrap .item.position-top {
bottom: 50%;
}
.modal{
background: rgba(255, 255, 255, 0.89);
}
.section-news h2 {
font-size: 22px;
}
.section-news.col-home-lastpost .title a {
font-size: 12px;
line-height: 24px;
}
.section-news .news-featured-top {
/* min-height: 235px; */
margin-bottom: 10px;
margin-left: -30px;
margin-right: -30px;
min-width: 532px;
/* padding-top: 44%; */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-news .news-featured-left,
.section-news .news-featured-right {
/* min-height: 387px; */
min-width: 260px;
/* padding-top: 149%; */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-news .news-featured-left {
margin-left: -30px;
margin-right: -24px;
}
.section-news .news-featured-right {
margin-left: -21px;
margin-right: -30px;
}
.section-news .item .title a {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
margin-left: 0px;
}
.section-news .item .date {
margin-bottom: 20px;
font-size: 12px;
text-align: left;
}
.section-news .item .excerpt-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.section-news .item .excerpt {
font-size: 14px;
line-height: 1.3;
margin-right: 30px;
margin-right: 20px;
}
.section-news .item .read-more {
width: 12px;
margin: auto;
}
.section-news .item .read-more a {
font-size: 30px;
color: #bfbfbf;
}
.section-news.col-home-lastpost .item {
border-bottom: solid 2px #ef3c51;
margin-bottom: 30px;
padding-bottom: 30px;
}
.section-news.col-home-lastpost .item .date {
margin-left: 0px;
}
body.page-template-template-home-new .col-home-position .item-wrap .item ul li{
position: relative; padding-left: 30px; padding-bottom: 8px; list-style: none;
}
.col-comite-modal .title {
padding-bottom: 10px;
}
.nav-responsive--inner .lang-list {
display: none;
}
.col-home-position .icon-title p {
white-space: nowrap;
}
.nav-responsive-close {
background: url('https://naxicap.com/wp-content/themes/starter-child/asset/img/img-header-form-close.png') no-repeat center;
background-size: 14px;
width: 20px;
height: 20px;
position: absolute;
right: 20px;
z-index: 1;
}
.col-portefeuille.col-porteuille-cession .t_upp {
margin-bottom: 5px !important;
}
.col-portefeuille-modal .info .title {
opacity: 1;
}
footer .social-link {
width: 30px;
height: 30px;
display: inline-block;
margin-top: 15px;
margin-left: 15px;
border-left: solid 1px #FFF;
}
footer .social-icon-linkedin {
background: url('https://www.naxicap.fr/wp-content/themes/starter-child/asset/img/img-social-icon-linkedin.svg') no-repeat center;
background-size: contain;
height: 26px;
width: 26px;
padding-left: 55px;
}
.mt-10 {
margin-top: 10px;
}
.col-home-lastpost .excerpt a:hover p {
opacity: 0.65;
}
.col-home-upper-footer .title h2 {
font-weight: 600;
}
.col-home-upper-footer ul.menu-item {
list-style: none;
padding-left: 0px;
text-align: left;
margin-top: 60px;
}
.col-home-upper-footer ul.menu-item li {
padding-top: 13px;
padding-bottom: 13px;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
cursor: pointer;
}
.col-home-upper-footer ul.menu-item li .icon {
width: 24px;
height: 24px;
margin-left: 20px;
margin-right: 16px;
}
.col-home-upper-footer ul.menu-item li.active {
color: #ffffff;
box-shadow: 0 5px 17px 0 rgba(175, 175, 175, 0.65);
background-color: #f13b48;
}
.col-home-upper-footer ul.menu-item li .icon.active {
display: none;
}
.col-home-upper-footer ul.menu-item li .icon.normal {
display: inline;
}
.col-home-upper-footer ul.menu-item li.active .icon.active {
display: inline;
}
.col-home-upper-footer ul.menu-item li.active .icon.normal {
display: none;
}
.col-home-upper-footer ul.menu-item li .item {
position: absolute;
margin-top: 3px;
}
.col-home-upper-footer .content-item {
margin-top: 138px;
margin-bottom: 60px;
border-radius: 4px;
box-shadow: 0 5px 17px 0 rgba(175, 175, 175, 0.34);
background-color: #ffffff;
}
.col-home-upper-footer .content-item .item {
padding-top: 24px;
padding-left: 24px;
padding-right: 48px;
padding-bottom: 17px;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.13;
letter-spacing: normal;
color: #474747;
}
.col-home-upper-footer .content-item .item ul {
list-style: none;
}
.col-home-upper-footer .content-item ul li {
position: relative;
}
.col-home-upper-footer .content-item .item ul li:after {
content: " ";
width: 10px;
height: 10px;
border: solid 3px #f13b48;
border-radius: 10px;
position: absolute;
top: 5px;
left: -25px;
}
.col-home-upper-footer .content-item .item li {
margin-bottom: 15px;
}
.col-home-upper-footer .content-item .button {
text-align: right;
padding-bottom: 24px;
padding-right: 48px;
}
.col-home-upper-footer .content-item .button a.link span {
font-size: 20px;
}
/*.col-home-upper-footer ul.menu-item li button {
box-shadow: 0 5px 17px 0 rgba(175, 175, 175, 0.65);
background-color: #f13b48;
height: 50px;
width: 100%;
}*/
/* ESG - Commitment Page */
.col-commit-position {
background-size: cover;
margin-bottom: 0;
padding-top: 133px;
padding-bottom: 61px;
min-height: 228px;
}
.col-commit-position .content {
color: #FFF;
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
}
.col-commit-wallet,
.col-commit-third,
.col-commit-fourth,
.col-commit-fifth,
.col-commit-sixth {
padding-top: 57px;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.col-commit-wallet h2,
.col-commit-second h2,
.col-commit-third h2,
.col-commit-fourth h2,
.col-commit-fifth h2,
.col-commit-sixth h2 {
font-size: 28px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4f5965;
margin-top: 0px;
margin-bottom: 20px;
}
.col-commit-wallet p {
line-height: 1.31;
}
.col-flex {
display: flex;
}
.col-commit-wallet .col-right {
float: right;
min-width: 295px;
}
.col-commit-wallet .col-left {
background-image: url(/wp-content/themes/starter-child/asset/img/quote.png);
background-size: 173px 145px;
background-repeat: no-repeat;
padding-right: 30px;
}
.col-commit-wallet .description {
/* font-size: 20px; */
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: normal;
text-align: right;
margin-top: 42px;
margin-bottom: 20px;
padding-left: 61px;
}
.col-commit-wallet .profile-name {
font-size: 32px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #f23e4b;
}
.col-commit-wallet .profile-position {
font-size: 22px;
font-weight: normal;
font-style: italic;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #4f5966;
}
.col-commit-second {
background-color: #f5f5f6;
padding-top: 57px;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.col-commit-second-wrapper {
margin-left: -9px;
margin-right: -9px;
margin-top: 10px;
}
.list-items-col-commit-second,
.list-items-col-commit-third {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
}
.list-items-col-commit-second .col-equal {
/*width: 33.3%;*/
width: 50%;
}
.list-items-col-commit-second .col-equal .box {
border: solid 1px #e3e3e8;
background-color: #ffffff;
min-height: 294px;
margin-right: 9px;
margin-left: 9px;
display: flex;
}
.list-items-col-commit-second .col-equal .box .col-left {
border-right: solid 1px #e3e3e8;
min-width: 182px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.list-items-col-commit-second .col-equal .box .col-right {
padding: 24px 19px 40px 24px;
position: relative;
}
.list-items-col-commit-second .col-equal .box .col-right .col-title {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4f5965;
margin-bottom: 20px;
}
.list-items-col-commit-second .col-equal .box .col-right .col-description {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: normal;
color: #4f5965;
margin-bottom: 12px;
}
.list-items-col-commit-second .col-equal .box .col-right .col-link {
background: unset;
float: right;
position: absolute;
bottom: 24px;
right: 24px;
}
.list-items-col-commit-second .col-equal .box .col-right .col-link a {
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f13b48;
background-color: white;
}
img.commit-company {
width: auto;
max-height: 111px;
padding-right: 10px;
padding-left: 10px;
max-width: 180px;
}
.chart-button {
float: right;
}
.chart-button-image {
width: 28px;
height: 28px;
}
.chart-button-label {
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #f13b48;
}
.col-commit-third-wrapper {
margin-left: -9px;
margin-right: -9px;
/*margin-top: 10px;*/
}
.list-items-col-commit-third .col-equal {
width: 25%;
}
.list-items-col-commit-third .col-equal .box {
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
min-height: 244px;
margin-right: 9px;
margin-left: 9px;
display: flex;
padding-top: 40px;
padding-left: 25px;
padding-bottom: 40px;
padding-right: 40px;
display: block;
}
.list-items-col-commit-third .col-equal h4 {
padding-left: 9px;
padding-right: 9px;
margin-top: 0px;
min-height: 22px;
}
.list-items-col-commit-third .col-equal .box .row-icon {
margin-bottom: 30px;
}
.list-items-col-commit-third .col-equal .box .row-icon img {
width: 50px;
height: auto;
}
.list-items-col-commit-third .col-equal .box .row-title {
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
color: #4f5966;
text-transform: uppercase;
}
.col-commit-third-wrapper.row-2 {
margin-top: 40px;
}
.col-commit-fourth, .col-commit-sixth {
background-color: #f5f5f6;
}
.col-commit-fourth .report {
/*width: 343px;*/
width: 100%;
}
.col-commit-fourth .report.center {
margin: 0 auto;
}
.col-commit-fourth .report.right {
float: right;
}
.col-commit-fourth .report .row-image {
/*width: 343px; */
/*height: 343px; */
width: 100%;
height: auto;
}
.col-commit-fourth .report .row-title {
font-size: 28px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4f5965;
margin-top: 20px;
}
.col-commit-fifth {
background-color: #ffffff;
}
.col-commit-fifth .row-button {
width: 227px;
margin-top: 18px;
}
.col-commit-fifth .row-image {
width: 560px;
height: 226px;
object-fit: cover;
float: right;
}
.modal-body.col-commit-modal {
position: relative;
padding-top: 0px;
}
.col-commit-modal .modal-close {
background: none;
border: none;
outline: none;
position: absolute;
top: 0px;
left: -100px;
font-size: 12px;
line-height: 30px;
background: url('https://www.naxicap.fr/wp-content/themes/starter-child/asset/img/img-modal-close.png') no-repeat center left;
background-size: 30px;
padding-left: 40px;
}
.col-commit-modal h2 {
font-size: 28px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4f5965;
margin-top: 0px;
}
.col-commit-modal.commit-principle .row-description {
/*margin-top: 68px;*/
}
.col-commit-modal.commit-principle .row-list {
display: table;
margin-bottom: 7px;
}
.col-commit-modal.commit-principle .row-list-number {
display: table-cell;
font-size: 40px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f23e4b;
padding-right: 24px;
vertical-align: middle;
min-width: 49px;
}
.col-commit-modal.commit-principle .row-list-content {
display: table-cell;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: normal;
color: #4f5965;
vertical-align: middle;
}
.col-commit-modal.commit-principle .logo-top img {
width: 215px;
height: 103px;
object-fit: contain;
float: right;
/*margin-bottom: 100px;*/
}
.col-commit-modal.commit-principle .logo-bottom {
margin-top: 100px;
}
.col-commit-modal.commit-principle .logo-bottom img {
width: 232px;
height: 232px;
object-fit: contain;
float: right;
}
.col-commit-modal.commit-initiative .logo img {
height: 160px;
width: 160px;
object-fit: contain;
float: right;
}
.col-commit-modal.commit-initiative .row-description {
margin-top: 20px;
}
.col-commit-modal.commit-initiative ol li ul {
margin-top: 10px;
margin-bottom: 10px;
}
.col-commit-sixth-wrapper {
margin-left: -9px;
margin-right: -9px;
margin-top: 10px;
}
.list-items-col-commit-sixth {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
}
.list-items-col-commit-sixth .col-equal {
width: 50%;
}
.list-items-col-commit-sixth .col-equal .box {
border: solid 1px #e3e3e8;
background-color: #ffffff;
height: 226px;
margin-right: 9px;
margin-left: 9px;
display: flex;
padding-top: 48px;
padding-bottom: 68px;
display: block;
position: relative;
}
.list-items-col-commit-sixth .col-equal .box .row-image img {
width: auto;
max-height: 110px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
}
.list-items-col-commit-sixth .col-equal .box .row-link a {
float: right;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f13b48
}
.list-items-col-commit-sixth .col-equal .box .row-link {
margin-right: 40px;
}
.col-commit-modal .row-image img {
max-width: 276px;
height: auto;
}
.col-commit-modal .row-image {
margin-bottom: 35px;
}
/* ESG - Investment Process Page */
.col-investment-position {
background-size: cover;
margin-bottom: 0;
padding-top: 133px;
padding-bottom: 61px;
min-height: 228px;
}
.col-investment-position .content {
color: #FFF;
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
}
.col-investment-zero {
padding-top: 57px;
padding-right: 60px;
padding-left: 60px;
}
.col-investment-first {
padding-top: 10px;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.col-investment-second,
.col-investment-third {
padding-top: 57px;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.col-investment-first h2,
.col-investment-second h2,
.col-investment-third h2 {
font-size: 28px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4f5965;
margin-top: 0px;
margin-bottom: 20px;
}
.col-investment-first-wrapper,
.col-investment-second-wrapper {
margin-left: -9px;
margin-right: -9px;
margin-top: 10px;
}
.list-items-col-investment-first,
.list-items-col-investment-second {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
}
.list-items-col-investment-first .col-equal {
width: 33.3%;
}
.list-items-col-investment-second .col-equal {
width: 25%;
}
.list-items-col-investment-first .col-equal .box {
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
min-height: 238px;
margin-right: 9px;
margin-left: 9px;
display: flex;
padding-top: 25px;
padding-left: 25px;
padding-bottom: 25px;
padding-right: 24px;
display: block;
position: relative;
}
.list-items-col-investment-second .col-equal .box {
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
/*min-height: 242px;*/
min-height: 272px;
margin-right: 9px;
margin-left: 9px;
display: flex;
padding-top: 25px;
padding-left: 25px;
padding-bottom: 25px;
padding-right: 24px;
display: block;
position: relative;
}
.list-items-col-investment-first .col-equal .box .row-icon img,
.list-items-col-investment-second .col-equal .box .row-icon img {
width: 50px;
height: auto;
margin-bottom: 20px;
}
.list-items-col-investment-first .col-equal .box .row-title,
.list-items-col-investment-second .col-equal .box .row-title {
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
color: #4f5966;
text-transform: uppercase;
margin-bottom: 10px;
}
.list-items-col-investment-first .col-equal .box .row-description,
.list-items-col-investment-second .col-equal .box .row-description {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: normal;
color: #4f5965;
margin-bottom: 15px;
}
.list-items-col-investment-first .col-equal .box .row-link,
.list-items-col-investment-second .col-equal .box .row-link {
position: absolute;
bottom: 24px;
right: 24px;
}
.list-items-col-investment-first .col-equal .box .row-link a,
.list-items-col-investment-second .col-equal .box .row-link a {
float: right;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f13b48;
}
.investment-step {
padding: 0;
margin-bottom: 60px;
margin-top: 0px;
}
.investment-step li {
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
border-radius: 50%;
background: #f13b48;
margin: 0 80px;
display: inline-block;
color: white;
position: relative;
font-size: 26px;
font-weight: 600;
color: #ffffff;
cursor: pointer;
}
.investment-step li::before{
content: '';
position: absolute;
top: 24px;
left: -170px;
width: 170px;
height: 2px;
background: #f13b48;
z-index: -1;
}
.investment-step li:first-child::before {
display: none;
}
.investment-step .active {
background: #f13b48;
border: 2px solid #fff;
box-shadow: 0 0 0 2px #f13b48;
}
.investment-step .active ~ li {
background: #CACDD0;
}
.investment-step .active ~ li::before {
background: #CACDD0;
}
.investment-step span.caption {
position: absolute;
bottom: -54px;
left: -81px;
color: black;
min-width: 206px;
text-align: center;
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
text-align: center;
color: #4f5966;
text-transform: uppercase;
}
.investment-step .active span.caption {
bottom: -58px;
}
.bg-gray {
background-color: #f5f5f6;
}
.col-investment-third .row-button {
width: 227px;
margin-top: 18px;
}
.col-investment-third .row-image {
width: 560px;
height: 226px;
object-fit: cover;
float: right;
}
.modal .modal-content .row-button {
width: 227px;
margin-top: 30px;
margin-bottom: 20px;
}
.modal .modal-content .row-title {
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: var(--gunmetal);
margin-top: 40px;
margin-bottom: 20px;
text-transform: uppercase;
}
.modal .modal-content .row-image-header {
margin-bottom: 20px;
width: 284px;
}
.modal .modal-content .row-image-header img {
max-height: 46px;
max-width: 284px;
}
.modal .modal-content .row-image-content {
width: 284px;
text-align: center;
}
.modal .modal-content .row-image-content img {
/*max-height: 126px;*/
max-width: 284px;
}
.modal .modal-content .row-description h4 {
font-size: 22px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: var(--gunmetal);
margin-top: 10px;
margin-bottom: 20px;
}
.modal .modal-content .row-description ul li {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: normal;
color: var(--gunmetal);
}
/* ESG - Team Page */
.col-esg-team-position {
background-size: cover;
margin-bottom: 0;
padding-top: 133px;
padding-bottom: 61px;
min-height: 228px;
}
.col-esg-team-position .content {
color: #FFF;
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
}
.col-esg-team-first,
.col-esg-team-second {
padding-top: 57px;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.col-esg-team-first h2,
.col-esg-team-second h2 {
font-size: 28px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4f5965;
margin-top: 0px;
margin-bottom: 20px;
}
.col-esg-team-first-wrapper {
/*margin-bottom: 40px;*/
}
.col-esg-team-second .row-image {
width: 458px;
height: 232px;
object-fit: cover;
float: right;
}
.col-esg-team-second .row-description ul {
list-style: none;
}
.col-esg-team-second .row-description ul li {
position: relative;
}
.col-esg-team-second .row-description ul li:after {
content: " ";
width: 10px;
height: 10px;
border: solid 3px #f13b48;
border-radius: 10px;
position: absolute;
top: 4px;
left: -35px;
}
.list-items-col-esg-team-first {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 25%;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal .item {
float: none;
display: block;
margin: 10px auto !important;
width: 200px;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal .item .thumb {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 200px;
height: 260px;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal .item .title {
margin-top: 15px;
margin-bottom: 2px;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #7097a6;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal .item .status {
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #584747;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal .item .btn-plus {
outline: none;
border: 0px;
cursor: pointer;
background: url('https://www.naxicap.fr/wp-content/themes/starter-child/asset/img/img-ico-btn-plus-blue.png') no-repeat center;
background-size: 30px;
width: 30px;
height: 30px;
opacity: 1;
}
/* ESG - Interview Page */
.col-esg-interview-position {
background-size: cover;
margin-bottom: 0;
padding-top: 133px;
padding-bottom: 61px;
min-height: 228px;
}
.col-esg-interview-position .content {
color: #FFF;
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
}
.col-esg-interview-first {
padding-top: 57px;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.col-esg-interview-first .box {
width: 100%;
min-height: 592px;
border-radius: 5px;
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
.col-esg-interview-first .box .content {
padding: 20px 30px 20px 30px;
}
.col-esg-interview-first .box .content p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
color: #4f5966;
margin-bottom: 30px;
}
.col-esg-interview-first .box .content p:last-child {
margin-bottom: 0px;
}
.col-esg-interview-first .box .content a {
color: #f63c47;
text-decoration: underline;
}
.col-esg-interview-first .row-logo {
margin-bottom: 7px;
}
.col-esg-interview-first .row-logo img {
max-width: 219px;
height: auto;
/*min-height: 123px;*/
object-fit: contain;
}
.col-esg-interview-first .row-description p {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.56;
letter-spacing: normal;
color: #4f5966;
}
.col-esg-interview-first .row-info {
margin-bottom: 15px;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.4;
letter-spacing: normal;
color: #4f5966;
}
.col-esg-interview-first .row-info .title {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.4;
letter-spacing: normal;
color: #f23e4b;
margin-right: 15px;
}
.col-esg-interview-first .row-image {
margin-top: 90px;
}
.col-esg-interview-first .row-image img {
max-width: 245px;
min-height: 287px;
object-fit: contain;
}
.col-esg-interview-first .float-image {
position: absolute;
/*margin-top: 300px;*/
margin-top: 375px;
left: 380px;
}
.col-esg-interview-first .float-image img {
max-width: 195px;
min-height: 288px;
object-fit: contain;
}
.col-esg-interview-first .profile {
margin-top: 30px;
display: inline-flex;
width: 100%;
}
.col-esg-interview-first .profile .col-image {
margin-right: 20px;
}
.col-esg-interview-first .profile .col-image img {
border-radius: 50%;
width: 70px;
height: 70px;
}
.col-esg-interview-first .profile .col-text {
height: 100%;
margin-top: 11px;
}
.col-esg-interview-first .profile .col-text .name {
font-size: 24px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f23e4b;
}
.col-esg-interview-first .profile .col-text .position {
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4f5966;
}
.col-esg-interview-first .profile .col-nav {
position: absolute;
display: inline-flex;
right: 30px;
margin-top: 15px;
}
.col-esg-interview-first .profile .col-nav img {
width: 40px;
height: 40px;
}
.col-esg-interview-first .profile .col-nav .prev {
margin-right: 70px;
}
/* ESG - Key FigurePage */
.col-esg-keyfigure-position {
background-size: cover;
margin-bottom: 0;
padding-top: 133px;
padding-bottom: 61px;
min-height: 228px;
}
.col-esg-keyfigure-position .content {
color: #FFF;
font-size: 22px;
line-height: 34px;
text-transform: uppercase;
}
.col-esg-keyfigure-first,
.col-esg-keyfigure-second,
.col-esg-keyfigure-third {
padding-top: 57px;
padding-right: 60px;
padding-bottom: 60px;
padding-left: 60px;
}
.col-esg-keyfigure-first h4,
.col-esg-keyfigure-second h4 {
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #4f5965;
margin-top: 0px;
margin-bottom: 4px;
/*text-decoration: underline;*/
/*white-space: nowrap;*/
}
.col-esg-keyfigure-second h5 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.78;
letter-spacing: normal;
color: #4f5965;
}
.col-esg-keyfigure-first .number-title {
padding-top: 140px;
display: table;
}
.col-esg-keyfigure-first .number-title .row-number {
font-size: 72px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #eabc5b;
display: table-cell;
vertical-align: middle;
padding-right: 20px;
}
.col-esg-keyfigure-first .number-title .row-title {
font-size: 30px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: var(--gunmetal);
display: table-cell;
vertical-align: middle;
}
.col-esg-keyfigure-first .chart {
margin-top: 40px;
text-align: center;
}
.col-esg-keyfigure-first .chart img {
width: 100%;
/*max-height: 268px;*/
object-fit: contain;
}
.col-esg-keyfigure-first .chart-link,
.col-esg-keyfigure-second .chart-link {
margin-top: 10px;
}
.col-esg-keyfigure-first .chart-link a,
.col-esg-keyfigure-second .chart-link a {
float: right;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f13b48;
}
.col-esg-keyfigure-first .box {
width: 100%;
min-height: 194px;
border: solid 1px #e3e3e8;
padding: 24px;
margin-top: 100px;
display: inline-flex;
}
.col-esg-keyfigure-first .box .col-icon {
position: relative;
}
.col-esg-keyfigure-first .box .col-icon img {
width: 88px;
height: 88px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.col-esg-keyfigure-first .box .col-content {
padding: 0 0 0 120px;
}
.col-esg-keyfigure-first .box .col-content .row-title {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: var(--gunmetal);
margin-bottom: 20px;
}
.col-esg-keyfigure-first .box .col-content .row-description {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.31;
letter-spacing: normal;
color: var(--gunmetal);
margin-bottom: 24px;
}
.col-esg-keyfigure-first .box .col-content .row-link a {
float: right;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f13b48;
}
.col-esg-keyfigure-second {
min-height: 493px;
background-size: cover;
}
.col-esg-keyfigure-second .chart {
text-align: center;
margin-top: 73px;
}
.col-esg-keyfigure-second .chart.middle {
margin-top: 40px;
}
.col-esg-keyfigure-second .chart img {
width: 100%;
/*max-height: 263px;*/
object-fit: contain;
}
.col-esg-keyfigure-third .grid {
padding-bottom: 48px;
}
.col-esg-keyfigure-third .row-number {
font-size: 50px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: var(--gunmetal);
margin-bottom: 20px;
}
.col-esg-keyfigure-third .row-title {
font-size: 20px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: var(--gunmetal);
text-transform: uppercase;
margin-bottom: 12px;
min-height: 72px;
}
.col-esg-keyfigure-third .row-link {
position: absolute;
bottom: 24px;
right: 24px;
}
.col-esg-keyfigure-third .row-link a {
float: right;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f13b48;
}
.video-wrapper video {
width: 100%;
}
.col-equipes-header--actu .push {
min-height: 196px;
}
.video-link a {
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #f13b48;
background-color: white;
}
.video-link {
float: right;
}
video {
outline: none;
}
.mt-60 {
margin-top: 60px;
}
.mt-30 {
margin-top: 30px;
}
.mb-60 {
margin-bottom: 60px;
}
.mt--65 {
margin-top: -65px;
}
.modal .modal-content .row-image-header {
/*margin-left: 8px;*/
}
.col-investisseurs .cat-title {
margin-bottom: 5px;
margin-top: 20px;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
font-weight: bold;
line-height: 22px;
}
.owl-carousel-esg-report.owl-theme .owl-nav {
top: -60px;
right: 0px;
}
.container-filter-secteur {
width: 350px;
}
header form#form {
cursor: pointer;
}
.col-esg-team-second .row-description {
line-height: 1.4;
}
.col-home-position .header .icon-title {
letter-spacing: 0px;
}
/*.list-items-col-commit-second .col-equal {
width: 50%;
}*/
.col-commit-wallet .description {
font-style: italic;
}
.list-items-col-commit-second .col-equal .box .col-right {
min-width: 140px;
}
.search--actu--container select {
text-overflow: ellipsis;
padding-right: 17px;
}
/* Responsive Table List */
.row-list .resp-table {
width: 100%;
display: table;
border-spacing: 0 20px;
}
.row-list .resp-table-body {
display: table-row-group;
}
.row-list .resp-table-row {
display: table-row;
}
.row-list .table-body-cell {
display: table-cell;
}
.row-list .table-body-cell .table-checklist {
height: 32px;
width: 32px;
}
.row-list .table-body-cell.col1 {
padding-right: 16px;
}
.row-list .table-body-cell.col3 {
padding-left: 70px;
}
.row-list .table-body-cell.col3 span.table-value1 {
font-size: 26px;
font-weight: bold;
}
.text-third-col p:last-child {
font-size: 12px;
}
.container-filter-positions {
display: none;
}
.col-equipes .item .thumb,
.col-investisseurs .item .thumb,
.col-esg-team-first .list-items-col-esg-team-first .col-equal .item .thumb {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.col-equipes .item .thumb:hover,
.col-investisseurs .item .thumb:hover,
.col-esg-team-first .list-items-col-esg-team-first .col-equal .item .thumb:hover {
-webkit-filter: none;
filter: none;
}
.col-porteuille-small .col-portefeuille-modal .info .title,
.col-porteuille-mid .col-portefeuille-modal .info .title,
.col-porteuille-cession .col-portefeuille-modal .info .title {
color: #474747;
}
nav #menu-primary > li > ul.sub-menu > li > ul.sub-menu > li,
nav #menu-primary-anglais > li > ul.sub-menu > li > ul.sub-menu > li {
display: block;
padding: 0.5em 1em;
}
nav #menu-primary > li > ul.sub-menu > li > ul.sub-menu,
nav #menu-primary-anglais > li > ul.sub-menu > li > ul.sub-menu {
margin-top: 0.5em;
display: none!important;
}
nav #menu-primary > li > ul.sub-menu > li:hover > ul.sub-menu,
nav #menu-primary-anglais > li > ul.sub-menu > li:hover > ul.sub-menu {
display: block!important;
}
nav #menu-primary > li > ul.sub-menu > li,
nav #menu-primary-anglais > li > ul.sub-menu > li {
position: relative;
}
.col-comite-header {
padding-top: 100px;
}
.col-esg-interview-position h1,
.col-equipes-header h1,
.col-commit-position h1,
.col-comite-header h1,
.col-investment-position h1,
.col-key-header h1,
.col-esg-team-position h1,
.col-esg-keyfigure-position h1 {
color: #FFF;
font-weight: 400;
font-size: 22px;
margin-bottom: 15px;
line-height: 32px;
text-transform: uppercase;
}
.col-esg-team-position h1,
.col-esg-keyfigure-position h1 {
font-weight: 700;
}
.page-template-template-investissement h1,
.page-template-template-investissement-sales h1 {
font-size: 22px;
text-transform: uppercase;
}
.col-key-header {
padding-top: 250px;
}
.section-news h1 {
text-transform: uppercase;
font-weight: 500;
float: left;
font-size: 22px;
padding-top: 0px;
margin-top: 0px;
}
/* webtoffee-gdpr-cookie-consent */
.cli-modal-backdrop.cli-show {
z-index: 98888;
}@media screen and (max-width: 1680px) {
nav ul.menu li {
margin-left: 27px;
margin-right: 27px;
}
}
@media screen and (min-width: 1680px) {
.col-management-header {
height: 578px;
}
}
@media screen and (max-width: 1366px) {
nav ul.menu li {
margin-right: 15px;
margin-left: 15px;
}
nav ul.menu li.current-menu-ancestor ul.sub-menu {
left: 15px;
top: 80px;
}
}
@media screen and (max-width: 1300px) {
.col-management-header .list--single_member {
bottom: -110px;
}
}
@media screen and (max-width: 1190px) {
.col-equipes-header--actu .push-responsive .push-wrap-right{ padding-left: 0px; padding-right: 10px; }
}
@media screen and (min-width : 1025px) and (max-width : 1100px) {
nav ul.menu li {
margin-right: 9px;
margin-left: 9px;
}
}
@media screen and (min-width : 993px) and (max-width : 1300px) {
.menu-primary-anglais-container,
.menu-primary-container{
width: 100%;
}
#undefined-sticky-wrapper .nav-wrap {
min-width: calc(100% - 270px);
}
nav ul.menu li.current-menu-ancestor ul.sub-menu {
position: absolute;
top: 80px;
left: 18px;
right: 0;
margin: auto;
padding: 0;
font-size: 20px !important;
}
nav ul.menu li ul.sub-menu li {
padding-right: 10px;
}
nav ul.menu li ul.sub-menu li a {
font-size: 11px;
}
}
@media screen and (max-width: 1024px) {
.col-equipes-header.col-equipes-header--actu .push-responsive .push-wrap-right{ padding-left: 0px; padding-right: 10px; }
.col-key-header .stat{
background-size: 60%;
}
/*footer .logo, footer .nav-bottom-wrap{ margin-top: 0; margin-right: 10px; }*/
.background-portfeuille-page{ background-size: contain; }
.border--position {
display: none;
}
.col-home-upper-footer {
display: none;
}
.list-items-col-commit-sixth .col-equal {
width: 100%;
}
.list-items-col-commit-sixth .col-equal {
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
#media_actu {
padding-bottom: 20px;
}
#navigation_buger {
width: auto !important;
margin-top: 30px;
}
footer .container-fluid {
padding-bottom: 0px;
}
.col-equipes-header--actu .push .header {
min-height: auto;
}
.border--position {
margin: 0 30px;
width: calc(100% - 60px);
}
.col-home-paroles .info .excerpt {
display: block;
}
#investisseur{background: #4f5965; height: 100vh; }
#investisseur .col-left{ padding-bottom: 100px; padding-top: 10px; height: 100vh ; overflow: scroll; display: block;}
/* HOME */
.col-home-wallet .item{ flex-direction: column; height: 215px; }
.col-home-wallet .item .thumb{ width: 100%; height: 100px; margin: 5px;}
.col-home-wallet .item .title{ width: 100%; }
/* Portfeuille */
.col-portefeuille{ margin-top: 40px; }
.col-portefeuille .item{ height: 110px;}
.col-portefeuille .item .content .title{ font-size: 19px;line-height: 20px; margin-bottom: 5px;}
/*Atu*/
.col-equipes-header--actu .push-responsive { margin-left: 0px; }
.nav-responsive.show{ overflow: visible; }
.nav-responsive .nav-responsive--inner{ position: relative; z-index: 5; background: #4f5965;height: 100vh; }
.nav-responsive .icon-burger {
margin: 0;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
z-index: 1;
}
.nav-responsive--flex--lang { min-height: auto; margin-top: 20px;}
/*footer .nav-bottom-wrap{
float: right;
margin-top: 0px;
}*/
.nav-responsive--inner .lang-list {
display: inline-flex;
}
header .lang-list {
display: none;
}
}
@media screen and (max-width: 768px) {
footer #menu-footer li:nth-child(5) .sub-menu li a{ font-size: 14px;}
footer #menu-footer-anglais li:nth-child(5) .sub-menu li a{ font-size: 14px;}
/*footer .logo, footer .nav-bottom-wrap{ }*/
/*footer .nav-bottom-wrap{ margin-top: 0px; margin-left: 65px; }*/
/*footer .logo { margin-top: 0px !important; margin-bottom: 0px !important;}*/
#navigation_buger{
margin-top: 0px;
}
.col-comite-modal .img-responsive, .col-investisseurs-modal .img-responsive, .col-portefeuille-modal .img-responsive, .col-equipes-modal .img-responsive{
width: 50%;
margin-bottom: 20px;
margin-left: 0px;
}
.col-equipes-header--actu .push .title{ text-align: center; }
/* comite */
/* comite */
/* comite */
.col-home-paroles .owl-theme .owl-nav{ display: none !important; }
.list-items-col-investisseurs .col-equal:last-child .item{ margin-bottom: 0px !important; }
.col-comite .list-items-col-comite .col-equal:last-child .item{ margin-bottom: 0px !important; }
.col-comite .item { margin: 10px auto 50px auto !important; float: none; display: block; }
.col-management-header--mobil .col-equipes{ display: flex; flex-direction: row; flex-wrap: wrap; }
.col-management-header--mobil .col-equipes .col-equal .title{ color: #f8ac29; }
.col-equipes .item, .col-investisseurs .item, .col-comite .item{ margin: 10px auto 10px auto !important; }
/* Menu */
/* Menu */
/* Menu */
nav .menu-primary-anglais-container{display: inline-block;}
.menu-header-anglais-container,
.menu-header-container{ display: none; }
header form{ padding-right: 3px; }
.title-mobil-nav{ display: flex; justify-items: center; height: 65px; margin-right: 11px; font-size: 14px; max-width: 90px; line-height: 14px; text-align: right;}
.header-sticky.is-sticky .title-mobil-nav{ height: 49px; }
.title-mobil-nav p{margin: auto;}
.nav-responsive--flex{ justify-content: center; padding: 5px 0 5px 0; }
.nav-menu--container{ position: relative; height: calc(100vh - 90px ); overflow: scroll; padding-top: 20px;}
.nav-responsive:after{ content: '' ; position: absolute; bottom: 0px; left: 0; right: 0; height: 30px; z-index: 999999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f5965+0,4f5965+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(79,89,101,0) 0%, rgba(79,89,101,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(79,89,101,0) 0%,rgba(79,89,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(79,89,101,0) 0%,rgba(79,89,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f5965', endColorstr='#4f5965',GradientType=0 ); /* IE6-9 */
}
.nav-responsive ul.menu li a:focus
{
color: #CCCCCC;
text-decoration: underline;
}
body .page-content{ padding-top: 60px; }
/* Footer */
/* Footer */
/* Footer */
footer ul.menu li ul li.primary a{
font-size: 11px;
}
footer ul.menu li ul li:first-child a{
font-size: 14px;
}
footer{ background-position: 60% center; background-size: cover; }
footer ul.menu li ul li a{ margin-bottom: 5px !important; letter-spacing: 1px; font-weight: lighter; font-size: 11px; line-height: 16px;}
footer ul.menu li:nth-child(5) ul li a,
footer ul.menu li ul li:first-child a{ margin-bottom: 15px !important; }
.nav-bottom-wrap{ width: auto; display: flex; }
/* Hearder */
/* Hearder */
/* Hearder */
/* Hearder */
.col-equipes-header, .col-portefeuilles-header, .col-investisseurs-header{padding-top: 45px; padding-bottom: 160px; margin-bottom: 0px; margin-top: 0px; }
.col-equipes-header--actu{ padding-bottom: 15px; }
body.page-template-template-portfeuille .col-equipes-header--actu .p.t_upp.t_letter{ margin-bottom: 90px; }
body.page-template-template-portfeuille .col-equipes-header--actu .search--actu{ margin-top: 0; }
/* HOMe */
/* HOMe */
/* HOMe */
/* HOMe */
.col-home-position .header .col-sm-4{ width: 100%; }
.col-home-wallet{ display: flex; flex-direction: column; }
.col-home-wallet h2{ margin-top: 16px; }
.col-home-wallet .col-sm-6.first-child{ order: 1; }
.col-home-wallet .push-responsive{ order: 3; margin-top: 10px; }
.col-home-wallet .block--positionnement{ order: 2; }
.col-home-about .stats{ background-size: contain; }
.col-home-wallet{ padding: 20px 0px 20px 0px ; }
.col-home-wallet h2{ margin-bottom: 15px; }
.col-home-wallet .item{ flex-direction: row-reverse; height: 155px; }
.col-home-wallet .item .title{ padding-top: 0; bottom: 0; }
.col-home-wallet .item .thumb{ width: 210px; height: 100%; margin: 0px; }
.col-home-lastpost .col-sm-6.col-equal{ margin-top: 10px !important; }
.col-home-lastpost .item .title{margin-top: 10px !important;}
.grid-item-content{ padding: 15px; }
.col-home-wallet .push .btn { padding: 10px 0px ; font-size: 14px; }
.col-home-wallet .push-responsive .push-wrap-left{ padding-left: 30px; margin-bottom: 0px; }
.col-home-wallet .push-responsive .push-wrap-right{ margin-bottom: 0px; padding-left: 5px; }
.col-home-wallet .push-responsive .title{ margin-top: 10px; margin-bottom: 10px; min-height: 40px; font-size: 17px !important;}
.col-home-wallet .push .header{ padding-bottom: 0; min-height: 30px;}
.col-home-wallet .push-responsive .push { min-height: 0; padding: 5px 5px 10px 5px;}
body.home .col-home-position .header{ margin-top: 20px; margin-bottom: 30px; }
.col-home-position .header .icon{ width: 40px; }
.col-home-paroles .info{ padding-left: 30px; padding-right: 30px; padding-bottom: 15px;}
.col-home-lastpost .title{ margin-top: 16px; margin-bottom: 0px;}
.col-home-lastpost > .title{padding: 0 30px;}
.col-home-paroles .title{ margin-top: 0px; margin-bottom: 0px;}
.col-home-lastpost .col-sm-6.col-equal{ margin-bottom: 10px; }
.col-home-position .btn-more{ color: red; padding-left: 30px; padding-right: 30px; margin-bottom: 20px; }
.col-home-paroles .info .logo { margin-bottom: 0; }
.col-home-paroles .info .logo img{ margin-bottom: 0; }
.col-home-paroles .info .excerpt{ margin-top: 10px; }
body:not(.home) .col-home-position .header .col-sm-4{ width: 100%; text-align: left; }
body:not(.home) .col-home-position .header .col-sm-8{ width: 100%; text-align: left; }
body:not(.home) .col-home-position .header .col-sm-8 .col-xs-6{ width: 50%; }
.col-home-position .header .icon-title{ font-size: 15px ; word-wrap: break-word; line-height: 19px; width: 75%; margin: 0 auto 15px;}
.col-home-position .header .icon{
margin-bottom: 5px;
}
.col-bref .item .content{ padding-left: 45px; }
.col-bref .item .content--default{ margin-bottom: 50px; }
/* en bref */
/* en bref */
/* en bref */
/* en bref */
.col-center-content{ width: 100%;}
.container-fluid{ padding-left: 0; padding-right: 0; padding-bottom: 0px;}
.col-bref .col-bref-rapport .col-sm-6{ margin-bottom: 5px; }
.col-bref .col-bref-rapport{ margin-bottom: 10px; }
.container-fluid.col-bref{ margin-bottom: 20px ; }
/* Chiffre */
/* Chiffre */
/* Chiffre */
/* Chiffre */
.col-key.col-key-blue{ margin-bottom: 0px; }
.col-key .col-equal .img-responsive{ margin: 10px auto !important; max-width: 80%;}
.col-key{ padding-top: 30px; padding-bottom: 10px; }
.col-key .col-equal .title{ margin-bottom: 15px; padding-bottom: 5px;}
.col-key:last-child{ display: none; }
.col-key .img-responsive{ margin-bottom: 20px; margin-top: 20px;}
/* Management */
/* Management */
/* Management */
/* Management */
.col-equipes .cat-description > a { text-decoration: none; color:inherit; }
.col-equipes-info { margin-top: 30px; }
.block--positionnement .row .col-sm-4:first-child .item{ margin-top: 0px; }
.col-equipes.col-equipes-yellow .item{ border-bottom: 3px solid #f8ac29; }
.col-equipes.col-equipes-yellow .item{ border-bottom: 3px solid #f8ac29; }
.col-equipes.col-equipes-yellow .item .thumb{ background-color: #dedede; }
.col-equipes.col-equipes-yellow .item .btn-plus{ background: url("/wp-content/themes/starter-child/asset/img/img-ico-btn-plus-yellow.png") no-repeat center ; background-size: 30px;}
.container-fluid.col-home-wallet{ padding: 14px 30px 30px ; }
.container-fluid.col-home-paroles{ padding: 30px 30px 10px ; }
.container-fluid.col-home-lastpost{ padding: 20px 0 22px; }
body.page-template-template-management .block--positionnement{ margin-top: 0px; }
body.page-template-template-management .col-home-wallet {padding-top: 0px; width: 100%;}
body.page-template-template-management .col-home-wallet .p{ margin-bottom: 0px; }
.col-management-header{ height: 200px; background-size: cover; background-repeat: no-repeat;
background-position: center center;
/*background-image: url('/wp-content/themes/starter-child/asset/img/img-col-comite-header.jpg') !important; */
margin-bottom: 30px;}
.col-management-header .list--single_member{ display: none; }
.member-item{padding: 30px 20px 6px 10px !important;}
/* Portefeuille */
/* Portefeuille */
/* Portfeuille */
/* Portfeuille */
.search--actu{ flex-direction: column; }
.search--actu--container{ width: 100%; margin-bottom: 5px; margin-left: 0px; margin-right: 0px;}
.search--form--container{ width: 100%; margin-bottom: 5px; margin-left: 0px; margin-right: 0px;}
.container--portefeuille .search--actu{ margin-top: 50px; }
.col-portefeuille .item{ height: auto; }
.col-portefeuille .item .content .link{ width: 40px; height: 40px; overflow: hidden; color: transparent !important; }
.col-portefeuille .item .content .title{ margin-bottom: 5px; }
.col-portefeuille .item .content .secteur{ margin-bottom: 15px; }
.col-portefeuille-modal .info .title{ margin-bottom: 0; line-height: 20px;}
.page-template-template-portfeuille .col-portefeuille .item .content{ width: 100%; padding-left: 0px; padding-right: 0px; }
/* modal */
.col-portefeuille-modal-detail{ padding-left: 15px; padding-right: 15px; }
.col-portefeuille-modal-info{ padding-left: 0; padding-right: 0; padding-top: 30px; border-top: 1px solid #474747; margin: 30px 30px 0 30px; }
.col-portefeuille-modal-info .info.info-right{ flex-direction: row ; text-align: left;}
.col-portefeuille-modal .info.info-right .icon{ margin-left: 0px; margin-right: 14px; }
/* Media */
/* Media */
/* Media */
/* Media */
.col-equipes-info, .col-investisseurs-info{ margin-top: 30px; }
.col-equipes-header--actu .search--actu{ margin-top: 220px; }
.col-equipes-header--actu .push .btn{ padding-left: 2px; padding-right: 2px; font-size: 14px;}
.col-equipes-header--actu .push-not-responsive .push{ padding-left: 5px; padding-right: 5px; height: auto !important;}
.col-equipes-header--actu .push-not-responsive .row > div{ width: 50%; padding: 10px 5px; height: 200px; }
.col-equipes-header--actu .push-not-responsive .row > div.push-wrap-left{ padding-left: 0; }
.col-equipes-header--actu .push-not-responsive .row > div.push-wrap-right{ padding-right: 0; }
.list_actu{ margin-bottom: 25px; }
.list_actu-item-img{ display: none;}
.list_actu-item-info{ padding-left: 30px; padding-top: 0; margin-top: 15px;}
.list_actu-item-btn { padding-left: 20px; }
.list_actu-item-btn a{ padding-left: 40px; font-size: 12px; }
.list_actu-item .ico{ width: 13px; }
.list_actu-item-date p{ margin-bottom: 5px; }
.list_actu-item .btn{ float: right; }
/* CONTACT */
/* CONTACT */
/* CONTACT */
.list_contact-region .list_contact-item.list_contact-item--toulouse,
.list_contact-region .list_contact-item.list_contact-item--lyon{ margin-right: 0px !important; margin-left: 0px !important; }
body.page-template-template-nous_contacter .container-fluid > .row{ margin-left: 0px; margin-right: 0px; }
/*body.page-template-template-nous_contacter .list_contact-item:last-child .title{ display: none; }*/
body.page-template-template-nous_contacter .list_contact-item{ border-bottom: 1px solid red; padding: 15px 10px ;}
body.page-template-template-nous_contacter .list_contact-item:last-child { border-bottom: 0px solid red; padding: 15px 10px ;}
body.page-template-template-nous_contacter .container-fluid .col-sm-12 .row .list_contact-item { margin-left: 15px; margin-right: 15px; padding-left: 15px; padding-right: 15px;}
body.page-template-template-nous_contacter .list_contact-item .title{ padding-left: 0px; }
body.page-template-template-nous_contacter .list_contact-item .title:before{ display: none; }
body.page-template-template-nous_contacter .list_contact-item .p{ padding-left: 0px; margin-bottom: 0px; }
body.page-template-template-nous_contacter .list_contact-item:last-child .list_content-item-content .p.t_upp{margin-top: 5px; margin-bottom: 10px; line-height: 22px;text-transform: uppercase; font-weight: bolder; font-size: 18px;}
.list_contact-item .title{ margin-top: 5px; margin-bottom: 10px;}
.list_contact-region{ width: auto; padding: 0 15px; flex-direction: column;}
.list_contact-region .list_contact-item .list_content-item-content{ color: #474747; width: 100%;}
.list_contact-region .list_contact-item{ background-image: none !important; background-color: white; padding: 15px 30px ; }
.list_contact-region .col-md-4{ width: 100%; }
.list_contact-region .col-md-4:last-child .list_contact-item:first-child{ border-bottom: 0px; }
/* Investisseur */
/* Investisseur */
/* Investisseur */
/* Investisseur */
.col-investisseurs-header .content .btn{ margin-left: 0; margin-top: 10px; }
/* Entrepreneur */
/* Entrepreneur */
/* Entrepreneur */
/* Entrepreneur */
body.page-template-template-entrepreneurs .col-home-paroles--flex > div:first-child{ /*display: none*/ }
body.page-template-template-entrepreneurs .col-home-paroles--flex .list_actu-item-info{ margin-top: 0 ; }
body.page-template-template-entrepreneurs .col-home-paroles--flex > div{ padding-right: 0; padding-left: 0px;}
body.page-template-template-entrepreneurs .list_actu-item .list_actu-item-btn { width: 100%; justify-content: flex-end; }
body.page-template-template-entrepreneurs .list_actu-item .list_actu-item-btn .btn{ width: 150px; }
/* BLOG */
/* BLOG */
/* BLOG */
/* BLOG */
body.blog .col-home-paroles--flex{ margin: auto; }
body.blog .col-home-paroles--flex > div { padding-left: 0; padding-right: 0; font-size: 15px; letter-spacing: 1px; width: 100%;}
body.blog .col-home-paroles--flex > div.col-md-2.list_actu-item-btn { justify-content: flex-end !important; width: 100% !important; }
body.blog .col-home-paroles--flex > div.col-md-2.list_actu-item-btn .btn{ width: auto !important; }
.list_actu-item .ico{ background-size: contain;}
body.blog .col-home-paroles--flex .list_actu-item-info .content{ display: none ; }
body.blog .col-home-paroles--flex .list_actu-item-date p{ margin-bottom: 0; }
body.blog .col-equipes-header--actu .search--actu{ margin-top: 260px; }
body.blog .push-responsive{ position: absolute; top: 50px; left: 0; right: 0; margin: auto; }
body.blog .push-responsive > .row{ margin: auto 0; }
body.blog .push-responsive .title{ font-size: 14px; line-height: 15px; margin-bottom: 20px; height: 30px;}
body.blog .push-responsive .push-wrap-left{ width: 50%; padding-right: 5px; padding-left: 0px;}
body.blog .push-responsive .push-wrap-right{ width: 50%; padding-left: 5px; padding-right: 0px;}
/* MODAL */
/* MODAL */
/* MODAL */
/* MODAL */
.col-comite-modal .title, .col-investisseurs-modal .title, .col-portefeuille-modal .title, .col-equipes-modal .title{ line-height: 33px; margin-bottom: 5px !important; margin-top: 5px !important; }
.col-comite-modal .modal-close,
.col-investisseurs-modal .modal-close,
.col-portefeuille-modal .modal-close,
.col-equipes-modal .modal-close{top: -30px;left: 30px; }
.modal .modal-dialog{ margin-top: 60px !important; width: 100% !important; margin-left: 0px!important; margin-right: 0px!important;}
.modal .tel{ margin-top: 10px; }
.col-bref .item .content ul li {
left: -8px;
}
.container-fluid.col-commit-wallet,
.container-fluid.col-commit-second,
.container-fluid.col-commit-third,
.container-fluid.col-commit-fourth,
.container-fluid.col-commit-fifth,
.container-fluid.col-commit-sixth,
.container-fluid.col-investment-first,
.container-fluid.col-investment-second,
.container-fluid.col-investment-third,
.container-fluid.col-esg-interview-first,
.container-fluid.col-esg-team-first,
.container-fluid.col-esg-team-second,
.container-fluid.col-esg-keyfigure-first,
.container-fluid.col-esg-keyfigure-second,
.container-fluid.col-esg-keyfigure-third {
padding: 30px;
}
.container-fluid.col-esg-keyfigure-second {
padding-top: 0px;
}
.container-fluid.col-commit-wallet p,
.container-fluid.col-commit-third p {
font-size: 16px;
}
.list-items-col-commit-second .col-equal,
.list-items-col-investment-first .col-equal, .list-items-col-investment-second .col-equal
{
width: 100%;
margin-bottom: 30px;
}
.list-items-col-commit-third .col-equal {
width: 50%;
}
.col-commit-fourth .report {
width: unset;
}
.col-commit-fourth .report.left {
margin-bottom: 20px;
}
.col-commit-fourth .report .row-image {
width: 100% !important;
height: auto!important;
}
.col-commit-fourth .report .row-title {
font-size: 20px;
}
/*.col-commit-fifth .row-image {
margin-top: 20px;
width: 100%;
height: auto;
float: unset;
}*/
.col-commit-third .col-equal {
margin-bottom: 30px;
}
.col-commit-modal .modal-close {
top: -30px;
left: 30px;
}
.col-commit-fifth .row-image,
.col-investment-third .row-image {
display: none;
}
.col-commit-wallet .profile-name {
font-size: 22px;
}
.col-commit-wallet .profile-position {
font-size: 18px;
}
img.commit-company {
max-height: 78px;
max-width: 170px;
}
.col-home-position.about-header {
padding-top: 75px;
}
}
@media (max-width: 500px) {
.col-home-about .stats{ background-size: 100%; }
.list-items-col-commit-sixth .col-equal .box {
height: 133px;
padding-top: 26px;
padding-bottom: 57px;
}
.list-items-col-commit-sixth .col-equal .box .row-image img {
max-height: 52px;
}
.col-commit-modal .row-image img {
width: 100%;
}
.col-home-position.about-header {
padding-top: 20px;
}
}
@media (min-width : 992px) and (max-width: 1250px) {
#media_actu .search--actu{ flex-direction: column; }
}
@media (min-width : 750px) {
.col-half-offset {
margin-left: 4.166666667%
}
}
@media (max-width: 767px){
.rev_slider_wrapper {
margin-top: 67px !important;
}
}
/* Samsung Galaxy Tab S5e - Portrait */
@media (min-width : 668px) and (max-width: 748px) {
.col-esg-interview-first .nav-mobile {
margin-top: 20px;
}
.col-esg-interview-first .nav-mobile img {
width: 40px;
height: 40px;
}
.col-esg-interview-first .nav-mobile .next {
float: right;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 33%;
}
.page-template-template-esg-investment .modal-body .col-sm-5 .row-image-header,
.page-template-template-esg-investment .modal-body .col-xs-12 .row-image-content {
float: right;
}
body.home .col-home-position .header {
margin-top: 30px;
margin-bottom: 20px;
}
}
/* Samsung Galaxy Tab S5e - Landscape */
@media (min-width : 1025px) and (max-width: 1199px) {
.col-esg-keyfigure-first .number-title .row-title {
font-size: 20px;
}
.col-esg-keyfigure-first .box .col-content {
padding: 0;
}
.col-esg-keyfigure-first .box .col-icon img {
display: none;
}
}
@media screen and (max-width: 748px) {
footer .social-link {
width: 15px;
height: 15px;
margin-top: 0px;
}
footer .social-icon-linkedin {
height: 15px;
width: 15px;
}
.col-commit-wallet h2, .col-commit-second h2, .col-commit-third h2, .col-commit-fourth h2, .col-commit-fifth h2, .col-commit-sixth h2,
.col-investment-first h2, .col-investment-second h2, .col-investment-third h2 {
font-size: 20px;
}
.list-items-col-commit-third .col-equal h4 {
font-size: 18px;
}
.row-description {
font-size: 16px;
}
.modal .modal-content .row-description p {
font-size: 16px;
}
.modal .modal-content .row-description p {
font-size: 16px;
}
.modal .modal-content h2 {
font-size: 20px;
padding-top: 20px;
}
.modal .modal-content h4 {
font-size: 18px;
}
.modal .modal-content .row-button {
padding-bottom: 20px;
}
.col-esg-keyfigure-first h4, .col-esg-keyfigure-second h4 {
font-size: 16px;
}
.col-esg-keyfigure-first .chart img,
.col-esg-keyfigure-second .chart img {
max-width: 100%;
}
.col-esg-keyfigure-second h4 {
margin-top: 50px;
}
.col-esg-keyfigure-second .chart {
margin-top: 20px;
}
.col-esg-keyfigure-third .row-link {
/*margin-bottom: 46px;*/
}
.col-commit-fourth .report .row-subtitle {
font-size: 16px;
}
.col-commit-position .t_bold,
.col-investment-position .t_bold,
.col-esg-team-position .t_bold,
.col-esg-keyfigure-position .t_bold,
.col-esg-interview-position .t_bold {
text-transform: none;
}
.col-home-about, .col-home-about .right {
min-height: 240px;
}
}
@media (max-width: 320px){
body.blog .push-responsive .title {
font-size: 12px;
}
.col-equipes-header--actu .push .title {
margin-left: 0px;
}
}
/* iPad 1, 2, Mini and Air -- Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {
#media_actu .search--actu{ flex-direction: column; }
.col-home-wallet .push .header{ height: 60px;}
.col-home-position .header .icon-title{margin-top: 20px; top: 0;}
.menu-primary-anglais-container ul.menu > li > a,
.menu-primary-container ul.menu > li > a{ line-height: 17px; }
.col-equipes-header--actu .push-responsive .push-wrap-right{ padding-left: 0px; padding-right: 10px; }
.container-fluid.col-bref:last-child{ padding-top: 20px; padding-bottom: 20px; }
/* Home */
/* Home */
.col-home-paroles { padding-bottom: 20px !important; }
.col-home-about .quote { line-height: 31px; margin-top: 25px; }
.col-home-about .quote .info { margin-top: 10px; }
.col-home-about .quote:after,
.col-home-about .quote:before { background-size: 35px; }
.col-home-wallet .push-responsive { margin-top: 20px; }
.col-home-position ul.menu-item,
.col-home-position .item-wrap{ display: none; }
/* bref */
.col-home-wallet .push .btn { padding: 10px 15px; font-size: 13px;}
.col-bref{ padding-left: 0; padding-right: 0; }
.col-bref{ padding-left: 0; padding-right: 0; display: block; }
.col-bref .col-bref-rapport .row{ width: 80%; margin: auto; display: block; }
.col-bref .col-bref-rapport .col-sm-6{ width: 100%; margin: 5px auto; display: block; }
.col-bref .col-bref-rapport{ padding-left: 5px; padding-right: 5px; }
.col-home-position .header .icon-title{ margin-bottom: 35px; position: relative; top: -5px; }
.col-home-position .header p{ margin-bottom: 10px; }
.col-home-position .header{ margin-bottom: 20px; }
.col-key .img-responsive{ padding-right: auto !important; padding-left: auto !important;}
.page-template-default .page-content{ margin-bottom: 0px; }
.col-key--small:last-child{ margin-bottom: 0px; }
.col-key-header{ height: 280px; }
.container-fluid--flex{ display: block; }
.container-fluid--flex .push-responsive .push-wrap-right{ padding-left: 0px; padding-right: 0px;}
.col-home-paroles--flex{ display: block; }
#investisseur .col-left .col-left-row .block-item_col{ padding: 10px; }
#investisseur .col-left{ display: block; padding-top: 10px; }
.col-bref .img-responsive{ display: none; }
.list_actu-item .col-md-2:not(.list_actu-item-btn){ height: 135px; }
.col-home-paroles--flex .list_actu-item-btn{ min-height: 120px; }
.col-comite .list-items-col-comite .col-equal,
.col-investisseurs .list-items-col-investisseurs .col-equal,
.col-management-header--mobil .col-equipes .col-equal{ width: 25%; }
.col-home-position .header{ padding-top: 20px; padding-bottom: 20px; margin-bottom: 0; margin-top: 20px;}
.col-home-position .header:before{ display: none; }
#ensavoirplushome{ display: block !important; }
#ensavoirplushome .btn{width: 200px;margin: auto; display: block ;}
nav ul.menu li.current-menu-ancestor ul.sub-menu{ bottom: -32px; top: auto;}
#undefined-sticky-wrapper .nav-wrap { margin-top: 8px;}
.header-sticky .nav-sticky{ padding-bottom: 0px; }
body .page-content{ margin-top: 80px; }
.col-bref .col-bref-rapport{ margin-top: 50px; }
.list_contact-item .accordion-item {
text-align: left;
}
.col-portefeuille .item .content .secteur {
width: 75%;
}
.section-news .news-featured-top {
min-width: 452px;
}
.section-news .news-featured-left,
.section-news .news-featured-right {
min-width: 217px;
}
/*.col-home-rapport,*/
.col-bref-rapport
{
width: 100% !important;
height: auto;
}
nav ul.menu li {
margin-right: 8px;
margin-left: 8px;
}
nav ul.menu li.current-menu-ancestor ul.sub-menu {
left: 9px;
}
.list-items-col-commit-second .col-equal {
width: 50%;
}
.list-items-col-commit-second .col-equal .box {
min-height: unset;
}
.col-commit-fourth .report .row-image {
/*width: 250px;*/
/*height: 250px;*/
}
.col-commit-fourth .report.right {
float: unset;
}
.col-commit-fifth .row-image,
.col-investment-third .row-image {
width: 100%;
height: auto;
float: unset;
}
img.commit-company {
max-width: 150px;
}
.col-commit-third h4 {
font-size: 18px;
}
.list-items-col-commit-sixth .col-equal .box .row-image img {
max-width: 80%;
}
.col-esg-interview-first .profile .col-nav .prev {
margin-right: 10px;
}
.col-esg-interview-first .float-image {
margin-top: 310px;
left: 275px;
}
.col-esg-interview-first .row-image img {
max-width: 200px;
}
.col-esg-interview-first .float-image img {
max-width: 180px;
}
.col-esg-keyfigure-first h4,
.col-esg-keyfigure-second h4 {
font-size: 20px;
white-space: normal;
}
.col-esg-keyfigure-first .chart img {
max-width: 100%
}
.col-esg-keyfigure-first .box .col-content {
padding: 0;
}
.col-esg-keyfigure-first .box .col-icon img {
display: none;
}
.col-esg-keyfigure-first .number-title .row-number {
font-size: 55px;
}
.col-esg-keyfigure-first .number-title .row-title {
font-size: 20px;
}
.col-esg-interview-first .profile .col-text .position {
max-width: 235px;
}
.col-esg-keyfigure-third .row-title {
min-height: 120px;
}
}
/* iPad 1, 2, Mini and Air -- Portrait */
@media (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.col-comite-modal .img-responsive, .col-investisseurs-modal .img-responsive, .col-portefeuille-modal .img-responsive, .col-equipes-modal .img-responsive {
width: 100%;
margin-bottom: 20px;
}
.col-bref .col-bref-rapport{ margin-top: 0; }
.list_actu-item .col-md-2:not(.list_actu-item-btn),
.col-home-paroles--flex .list_actu-item-btn{ min-height: auto; height:auto; }
.col-investisseurs .list-items-col-investisseurs .col-equal,
.col-comite .list-items-col-comite .col-equal{ width: 33%; }
.col-equipes .list-items-col-equipes .col-equal{ width: 33%; }
.col-management-header--mobil .col-equipes .col-equal{ width: 33%; margin-bottom: 20px;}
.col-home-paroles .info .responsive-link{ display: block; }
body .page-content{ padding-top: 5px; }
.container-fluid.col-home-lastpost{ padding: 20px 30px 22px; }
.col-home-lastpost > .title { padding: 0px; margin: 10px 0 0; }
.col-home-lastpost > .title h2 { margin-bottom: 20px; }
.col-home-wallet h2 { margin-bottom: 29px; }
.container-fluid.col-bref:last-child{ margin: 0;}
.container-fluid.col-key.col-key--small .col-equal{ width: 100%; height: auto !important; margin-bottom: 10px; margin-top: 10px;}
.container-fluid.col-key.col-key--small .col-equal img{ max-width: 50%; margin: 30px auto;}
.container-fluid.col-key.col-key--small .col-equal .valign{ width: 100%; margin: auto;}
.col-equipes-header--actu .push .title{ text-align: center; }
footer .nav-bottom-wrap{ margin-top: 30px; margin-left: 65px; }
.col-home-about .quote {
padding-right: 0%;
}
.col-home-about .quote:before {
background-size: 50px;
right: -70px;
bottom: 56px;
}
.col-home-about .quote:after {
background-size: 50px;
}
.col-portefeuille .item .content .secteur {
width: 80%;
}
ul.list-rouge {
margin-left: -19px !important;
}
.section-news .news-featured-top {
min-height: 235px;
}
.section-news .news-featured-left,
.section-news .news-featured-right {
min-height: 191px;
}
.section-news .latest-post {
margin-top: 20px;
}
.section-news .latest-post .row {
margin-left: -60px;
margin-right: -60px;
}
.col-home-position h2 {
padding-left: 30px;
}
.col-esg-interview-first .row-image {
margin-bottom: 30px;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 33%;
}
.col-esg-team-second .row-image {
display: none;
}
.col-esg-keyfigure-first .chart img,
.col-esg-keyfigure-second .chart img {
max-width: 100%;
}
.col-esg-keyfigure-second h4 {
margin-top: 50px;
}
.col-esg-keyfigure-second .chart {
margin-top: 20px;
}
.col-esg-keyfigure-third .row-link {
/*margin-bottom: 46px;*/
}
.col-esg-keyfigure-first h4, .col-esg-keyfigure-second h4 {
font-size: 16px;
}
.col-esg-keyfigure-second {
min-height: unset;
}
.list-items-col-commit-second .col-equal .box {
min-height: unset;
}
.col-esg-keyfigure-third .row-title {
min-height: unset;
}
.col-commit-modal h2 {
margin-top: 20px;
}
.col-home-position.about-header .col-sm-2 {
margin-left: 10px;
margin-right: 10px;
padding-left: 50px;
}
.col-home-position.about-header .header .icon-title {
width: 100%;
font-size: 13px;
}
/*.col-home-position.about-header .col-sm-6 {
width: unset;
}*/
.list-items-col-commit-second .col-equal {
width: 100%;
}
.list-items-col-commit-second .col-equal .box {
min-height: 436px;
}
}
/* iPhone 6+, 7+ and 8+ -- Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
footer .logo {
float: left;
margin-top: -22px;
}
footer .nav-bottom-wrap {
margin-left: 80px;
margin-top: 0px;
}
.col-commit-fourth .report .row-title {
margin-top: 10px;
}
.col-commit-fourth .report .row-subtitle {
margin-bottom: 20px;
}
.col-esg-interview-first .row-image-right img {
max-width: 195px;
object-fit: contain;
float: right;
}
.col-esg-interview-first .row-mobile {
margin-bottom: 30px;
}
.col-esg-interview-first .nav-mobile {
margin-top: 20px;
}
.col-esg-interview-first .nav-mobile .next {
float: right;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 50%;
}
.col-esg-team-second .row-image {
display: none;
}
.col-esg-keyfigure-first .number-title .row-number {
font-size: 72px !important;
}
.col-esg-keyfigure-first .number-title .row-title {
font-size: 24px !important;
}
.col-esg-keyfigure-first .number-title {
padding-top: 30px;
margin-bottom: 50px;
}
.col-esg-keyfigure-first .box .col-content {
padding: 0;
width: 100%;
}
.col-esg-keyfigure-first .box .col-icon img {
position: unset;
margin-bottom: 20px;
}
.list-items-col-commit-second .col-equal .box {
min-height: unset;
}
.col-commit-modal.commit-principle .logo-top {
margin-bottom: 24px;
}
.col-commit-modal.commit-principle .logo-top img {
margin: 0;
float: unset;
}
.investment-step span.caption {
font-size: 14px;
}
}
/* iPhone 6, 6S, 7 and 8 -- Portrait */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
.col-key .col-equal .img-responsive{ margin: 40px auto !important;}
.col-home-wallet ul {
padding-left: 15px;
}
.investment-step li {
margin: 0 40px !important;
}
.col-esg-interview-first .row-image img {
max-width: 148px;
}
.col-esg-interview-first .row-image-right img {
max-width: 139px;
object-fit: contain;
float: right;
}
.col-esg-interview-first .profile .col-text {
margin-top: 0px;
}
.col-esg-interview-first .nav-mobile {
margin-top: 20px;
}
.col-esg-interview-first .nav-mobile .next {
float: right;
}
.col-esg-interview-first .nav-mobile img {
width: 40px;
height: 40px;
}
.col-esg-keyfigure-first .number-title .row-number {
font-size: 72px;
}
.col-esg-keyfigure-first .number-title .row-title {
font-size: 24px;
}
}
/* iPhone 6, 6S, 7 and 8 -- Landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
.col-comite-modal .img-responsive, .col-investisseurs-modal .img-responsive, .col-portefeuille-modal .img-responsive, .col-equipes-modal .img-responsive {
width: 150px;
}
.col-key .col-equal .img-responsive {
margin: 40px auto !important;
}
footer .logo {
margin-top: -22px;
float: left;
}
footer .nav-bottom-wrap {
margin-top: 0px;
margin-left: 44px;
}
.col-commit-fourth .report .row-title {
margin-top: 10px;
}
.col-commit-fourth .report .row-subtitle {
margin-bottom: 20px;
}
.col-esg-interview-first .row-image-right img {
max-width: 195px;
object-fit: contain;
float: right;
}
.col-esg-interview-first .row-mobile {
margin-bottom: 30px;
}
.col-esg-interview-first .nav-mobile {
margin-top: 20px;
}
.col-esg-interview-first .nav-mobile .next {
float: right;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 50%;
}
.col-esg-team-second .row-image {
display: none;
}
.col-esg-keyfigure-first .number-title {
padding-top: 30px;
margin-bottom: 50px;
}
.col-esg-keyfigure-first .box .col-content {
padding: 0;
}
.col-esg-keyfigure-first .box .col-icon img {
position: unset;
margin-bottom: 20px;
}
.list-items-col-commit-second .col-equal .box {
min-height: unset;
}
.col-commit-modal.commit-principle .logo-top {
margin-bottom: 24px;
}
.col-commit-modal.commit-principle .logo-top img {
margin: 0;
float: unset;
}
.investment-step li {
margin: 0 75px;
}
.investment-step span.caption {
font-size: 14px;
}
}
/* iPhone 5, 5S, 5C and 5SE -- Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
footer .nav-bottom-wrap {
margin-top: 0px;
margin-left: 0px;
}
.col-portefeuille .item .content .secteur {
width: 80%;
}
.col-investisseurs .list-items-col-investisseurs .col-equal {
width: 50%;
}
.col-comite .list-items-col-comite .col-equal {
width: 50%;
}
.col-management-header--mobil .col-equipes .col-equal {
width: 50%;
}
.container-fluid.col-commit-wallet .col-flex {
display: block;
}
.col-commit-fourth .report .row-title {
margin-top: 10px;
}
.col-commit-fourth .report .row-subtitle {
margin-bottom: 20px;
}
.col-esg-interview-first .row-image-right img {
max-width: 195px;
object-fit: contain;
float: right;
}
.col-esg-interview-first .row-mobile {
margin-bottom: 30px;
}
.col-esg-interview-first .nav-mobile {
margin-top: 20px;
}
.col-esg-interview-first .nav-mobile .next {
float: right;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 50%;
}
.col-esg-team-second .row-image {
display: none;
}
.col-esg-keyfigure-first .number-title {
padding-top: 30px;
margin-bottom: 50px;
}
.col-esg-keyfigure-first .box .col-content {
padding: 0;
}
.col-esg-keyfigure-first .box .col-icon img {
position: unset;
margin-bottom: 20px;
}
.col-commit-modal.commit-principle .logo-top {
margin-bottom: 24px;
}
.col-commit-modal.commit-principle .logo-top img {
float: unset;
margin: 0;
}
.investment-step li {
margin: 0 59px;
}
.investment-step span.caption {
font-size: 14px;
}
}
/* iPhone 5, 5S, 5C and 5SE -- Portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
header form input.active {
width: 95px;
}
.team-city-button {
width: 100px;
}
footer .nav-bottom-wrap {
margin-top: 10px;
margin-left: 0px;
}
.col-portefeuille .item .content .secteur {
width: 65%;
}
.col-home-wallet ul {
padding-left: 15px;
}
.container-fluid.col-commit-wallet .col-flex {
display: block;
}
.container-fluid.col-commit-wallet .col-left {
margin-bottom: 20px;
}
.list-items-col-commit-second .col-equal .box {
display: block;
}
.list-items-col-commit-second .col-equal .box .col-left {
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
border-right: unset;
border-bottom: solid 1px #e3e3e8;
padding-bottom: 15px;
}
.list-items-col-commit-second .col-equal .box .col-right {
padding: 15px;
margin-bottom: 15px;
}
.list-items-col-commit-third {
display: block;
}
.list-items-col-commit-third .col-equal {
width: 100%;
}
.col-commit-third-wrapper.row-2 {
margin-top: 0px;
}
.col-commit-fourth .report .row-title {
margin-top: 10px;
}
.col-commit-fourth .report .row-subtitle {
margin-bottom: 20px;
}
.col-commit-third-wrapper {
padding-top: 15px;
}
.chart-button {
float: unset;
margin-bottom: 20px;
}
.investment-step li {
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 32px;
}
.investment-step li:first-child {
margin-left: 0px !important;
}
.investment-step li:last-child {
margin-right: 0px !important;
}
.investment-step li::before {
top: 20px;
left: -90px;
width: 90px;
}
.investment-step span.caption {
font-size: 10px;
line-height: 2.33;
bottom: -40px;
}
.investment-step .active span.caption {
bottom: -44px;
}
.list-items-col-commit-third .col-equal h4 {
min-height: unset;
}
.col-esg-interview-first .row-image img {
max-width: 148px;
}
.col-esg-interview-first .row-image-right img {
max-width: 139px;
object-fit: contain;
float: right;
}
.col-esg-interview-first .profile .col-text {
margin-top: 0px;
}
.col-esg-interview-first .nav-mobile {
margin-top: 20px;
}
.col-esg-interview-first .nav-mobile .next {
float: right;
}
.col-esg-interview-first .nav-mobile img {
width: 40px;
height: 40px;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 100%;
}
.col-esg-team-second .row-image {
display: none;
}
.col-esg-keyfigure-first .number-title {
padding-top: 30px;
margin-bottom: 50px;
}
.col-esg-keyfigure-first .number-title .row-number {
font-size: 50px;
}
.col-esg-keyfigure-first .number-title .row-title {
font-size: 20px;
}
.col-esg-keyfigure-first .box .col-content {
padding: 0;
}
.col-esg-keyfigure-first .box .col-icon img {
position: relative;
}
.col-esg-keyfigure-first .box .col-icon {
margin-bottom: 20px;
}
.col-esg-keyfigure-first h4, .col-esg-keyfigure-second h4 {
white-space: unset;
}
.list-items-col-commit-second .col-equal .box .col-right {
padding-bottom: 48px;
}
.col-commit-modal.commit-principle .logo-top {
margin-bottom: 24px;
}
.col-commit-modal.commit-principle .logo-top img {
margin: 0;
float: unset;
}
.modal .modal-content .row-image-header,
.modal .modal-content .row-image-content,
.modal .modal-content .row-image-header img,
.modal .modal-content .row-image-content img {
max-width: 100%;
}
}
/* iPhone X, Google Pixel 2, Google Pixel 2XL -- Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 823px)
and (orientation: landscape) {
.col-management-header .list--single_member {
display: none;
}
.col-management-header {
height: 200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(/wp-content/themes/starter-child/asset/img/img-col-comite-header.jpg) !important;
margin-bottom: 30px;
}
body .page-content {
padding-top: 60px;
margin-top: 0px;
}
.col-management-header--mobil .col-equipes .col-equal, .col-investisseurs .list-items-col-investisseurs .col-equal, .col-equipes .list-items-col-equipes .col-equal {
width: 50%;
}
.col-management-header--mobil .col-equipes .col-equal .title {
color: #f8ac29;
}
.col-management-header--mobil .col-equipes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.col-equipes.col-equipes-yellow .item .btn-plus {
background: url(/wp-content/themes/starter-child/asset/img/img-ico-btn-plus-yellow.png) no-repeat center;
background-size: 30px;
}
.col-equipes.col-equipes-yellow .item {
border-bottom: 3px solid #f8ac29;
}
.header-sticky.is-sticky .nav-sticky {
margin-top: 0;
}
.header-sticky .nav-sticky {
padding-bottom: 0px;
border-bottom: 2px solid #f13b48;
}
nav .logo img {
height: 45px;
}
#navigation_buger {
margin-top: 0px !important;
}
nav .menu-primary-anglais-container {
display: inline-block;
}
.col-home-wallet {
padding: 30px 0px 30px 0px;
font-size: 14px;
}
body.page-template-template-management .block--positionnement {
margin-top: 0px;
}
.col-home-wallet .item .thumb {
width: 210px;
height: 100%;
margin: 0px;
}
.col-home-wallet .item .title {
padding-top: 0;
bottom: 0;
}
.col-home-wallet .item {
flex-direction: row-reverse;
height: 155px;
}
.col-home-wallet .block--positionnement {
order: 2;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
}
body.page-template-template-management .col-home-wallet {
padding-top: 0px;
width: 100%;
}
.container-fluid.col-home-wallet {
padding: 14px 30px 30px;
}
.rev_slider_wrapper {
margin-top: 67px !important;
}
.col-portefeuille .item .content .secteur {
width: 70%;
}
.col-home-wallet ul {
padding-left: 15px;
}
.section-news .news-featured-top {
min-width: 406px;
}
.section-news .news-featured-left,
.section-news .news-featured-right {
min-width: 194px;
}
.container-fluid.col-commit-wallet,
.container-fluid.col-commit-second,
.container-fluid.col-commit-third,
.container-fluid.col-commit-fourth,
.container-fluid.col-commit-fifth,
.container-fluid.col-commit-sixth,
.container-fluid.col-investment-first,
.container-fluid.col-investment-second,
.container-fluid.col-investment-third,
.container-fluid.col-esg-interview-first,
.container-fluid.col-esg-team-first,
.container-fluid.col-esg-team-second,
.container-fluid.col-esg-keyfigure-first,
.container-fluid.col-esg-keyfigure-second,
.container-fluid.col-esg-keyfigure-third {
padding: 30px;
}
.list-items-col-commit-third .col-equal {
width: 50%;
}
.col-commit-fourth .report {
width: unset;
}
.col-commit-fourth .report.left {
margin-bottom: 20px;
}
.col-commit-fourth .report .row-image {
width: 100%;
height: auto;
}
.col-commit-fourth .report .row-title {
font-size: 26px;
}
.col-commit-fifth .row-image,
.col-investment-third .row-image {
display: none !important;
}
.list-items-col-investment-first .col-equal .box {
min-height: 275px;
}
.list-items-col-investment-second .col-equal .box {
min-height: 275px;
}
.list-items-col-investment-second .col-equal {
width: 50%;
}
.col-esg-interview-first .profile .col-nav .prev {
margin-right: 70px;
}
.col-esg-team-first .list-items-col-esg-team-first .col-equal {
width: 50%;
}
.col-esg-team-second .row-image {
display: none;
}
.col-esg-keyfigure-first .box .col-content {
width: 100%;
}
.col-esg-keyfigure-third .row-title {
min-height: unset;
}
.modal .modal-dialog {
width: 100% !important;
}
.col-commit-modal .modal-close {
top: -30px;
left: 30px;
}
.col-commit-position .t_bold,
.col-investment-position .t_bold,
.col-esg-team-position .t_bold,
.col-esg-keyfigure-position .t_bold,
.col-esg-interview-position .t_bold {
text-transform: none;
}
}
/* iPad Pro 11 (2018) - Landscape */
@media only screen
and (min-device-width: 1176px)
and (max-device-width: 1176px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.list-items-col-commit-second .col-equal {
width: 50%;
}
.col-commit-third h4 {
font-size: 18px;
}
}
/* iPad Pro 11 (2018) - Portrait */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.col-equipes-info, .col-investisseurs-info {
margin-top: 30px;
}
.col-portefeuille .item {
height: 175px;
}
.list_actu-item-date {
padding-left: 0;
}
.blog .list_actu-item .list_actu-item-img img {
display: none
}
.col-commit-fifth .row-image, .col-investment-third .row-image {
display: none;
}
.is-sticky nav .icon-burger {
margin-top: -45px;
}
.list-items-col-commit-second .col-equal .box {
min-height: 190px;
}
.list-items-col-commit-third .col-equal {
width: 50%;
}
.col-commit-third h4 {
font-size: 18px;
}
body.home .col-home-position .header {
margin-top: 0;
}
.search--actu {
flex-direction: column;
}
.search--actu--container,
.search--form--container {
width: 100%;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
}
.search--form--container:before {
display: none;
}
.col-home-position.about-header {
padding-top: 85px;
}
.list-items-col-commit-second .col-equal .box {
min-height: 436px;
}
.col-key-header {
padding-top: 78px;
}
.col-key-header .stat {
background-size: contain;
background-position: center center;
position: relative;
}
}
/* iPad Pro -- Portait */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
footer .nav-bottom-wrap {
margin-top: 30px;
margin-left: 65px;
}
.col-commit-third h4 {
font-size: 18px;
}
.list-items-col-commit-second .col-equal {
width: 100%;
}
.list-items-col-commit-second .col-equal .box {
min-height: unset;
}
.col-commit-fourth .report .row-image {
width: 100%;
height: auto;
}
.col-commit-fourth .report.right {
float: unset;
}
.col-commit-fifth .row-image, .col-investment-third .row-image {
width: 100%;
height: auto;
float: unset;
}
.col-esg-team-second .row-image {
width: 100%;
height: auto;
object-fit: contain;
}
.col-esg-interview-first .profile .col-nav .prev {
margin-right: 10px;
}
.col-esg-interview-first .float-image {
margin-top: 310px;
left: 275px;
}
.col-esg-interview-first .row-image img {
max-width: 200px;
}
.col-esg-interview-first .profile .col-text .position {
max-width: 235px;
}
.col-esg-keyfigure-first .box .col-content {
padding: 0;
}
.col-esg-keyfigure-first .box .col-icon img {
display: none;
}
.col-esg-keyfigure-third .row-title {
min-height: 120px;
}
.section-news .news-featured-top {
min-width: 484px;
}
.section-news .news-featured-left, .section-news .news-featured-right {
min-width: 235px;
}
}
0