@charset "UTF-8";
 @font-face {
font-family: 'casper';
src: url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-bold-webfont.woff2) format("woff2"), url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-bold-webfont.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'casper';
src: url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-bolditalic-webfont.woff2) format("woff2"), url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-bolditalic-webfont.woff) format("woff");
font-weight: bold;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'casper';
src: url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-regular-webfont.woff2) format("woff2"), url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'casper';
src: url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-regularitalic-webfont.woff2) format("woff2"), url(//ohbio.ca/wp-content/themes/verteb/fonts/casper-regularitalic-webfont.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap; } @-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translateZ(0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translateZ(0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
-webkit-transform-origin: center bottom;
animation-name: bounce;
-ms-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
0%, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
0%, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scaleX(1);
transform: scaleX(1); } }
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scaleX(1);
transform: scaleX(1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scaleX(1);
transform: scaleX(1); } }
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scaleX(1);
transform: scaleX(1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(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%, to {
-webkit-transform: translateZ(0);
transform: translateZ(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 headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.headShake {
-webkit-animation-name: headShake;
-webkit-animation-timing-function: ease-in-out;
animation-name: headShake;
animation-timing-function: ease-in-out; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
.swing {
-webkit-animation-name: swing;
-webkit-transform-origin: top center;
animation-name: swing;
-ms-transform-origin: top center;
transform-origin: top center; }
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
to {
-webkit-transform: scaleX(1);
transform: scaleX(1); } }
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
to {
-webkit-transform: scaleX(1);
transform: scaleX(1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
transform: skewX(0.39062deg) skewY(0.39062deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
-webkit-transform-origin: center;
animation-name: jello;
-ms-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
28% {
-webkit-transform: scale(1);
transform: scale(1); }
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
70% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
28% {
-webkit-transform: scale(1);
transform: scale(1); }
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3); }
70% {
-webkit-transform: scale(1);
transform: scale(1); } }
.heartBeat {
-webkit-animation-duration: 1.3s;
-webkit-animation-name: heartBeat;
-webkit-animation-timing-function: ease-in-out;
animation-duration: 1.3s;
animation-name: heartBeat;
animation-timing-function: ease-in-out; }
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
-webkit-transform: scaleX(1);
opacity: 1;
transform: scaleX(1); } }
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
-webkit-transform: scaleX(1);
opacity: 1;
transform: scaleX(1); } }
.bounceIn {
-webkit-animation-duration: .75s;
-webkit-animation-name: bounceIn;
animation-duration: .75s;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(0, -3000px, 0);
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
-webkit-transform: translate3d(0, 25px, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(0, -3000px, 0);
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
-webkit-transform: translate3d(0, 25px, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
-webkit-transform: translate3d(25px, 0, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
-webkit-transform: translate3d(25px, 0, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(3000px, 0, 0);
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
-webkit-transform: translate3d(-25px, 0, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(3000px, 0, 0);
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
-webkit-transform: translate3d(-25px, 0, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(0, 3000px, 0);
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
-webkit-transform: translate3d(0, 3000px, 0);
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
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); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
to {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-duration: .75s;
-webkit-animation-name: bounceOut;
animation-duration: .75s;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
transform: translate3d(0, -20px, 0); }
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
-webkit-transform: translate3d(20px, 0, 0);
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
-webkit-transform: translate3d(20px, 0, 0);
opacity: 1;
transform: translate3d(20px, 0, 0); }
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
-webkit-transform: translate3d(-20px, 0, 0);
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
-webkit-transform: translate3d(-20px, 0, 0);
opacity: 1;
transform: translate3d(-20px, 0, 0); }
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 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% {
-webkit-transform: translate3d(0, 20px, 0);
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
-webkit-transform: translate3d(0, 20px, 0);
opacity: 1;
transform: translate3d(0, 20px, 0); }
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
0% {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInDownBig {
0% {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
0% {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInLeftBig {
0% {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
0% {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInRightBig {
0% {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
0% {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes fadeInUpBig {
0% {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
0% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); }
40% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); }
50% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); }
80% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); }
to {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } }
@keyframes flip {
0% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); }
40% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); }
50% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); }
80% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); }
to {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } }
.animated.flip {
-webkit-animation-name: flip;
-webkit-backface-visibility: visible;
animation-name: flip;
backface-visibility: visible; }
@-webkit-keyframes flipInX {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateX(90deg); }
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateX(-20deg); }
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
opacity: 1;
transform: perspective(400px) rotateX(10deg); }
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateX(90deg); }
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateX(-20deg); }
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
opacity: 1;
transform: perspective(400px) rotateX(10deg); }
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-animation-name: flipInX;
-webkit-backface-visibility: visible !important;
animation-name: flipInX;
backface-visibility: visible !important; }
@-webkit-keyframes flipInY {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateY(90deg); }
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateY(-20deg); }
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
opacity: 1;
transform: perspective(400px) rotateY(10deg); }
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateY(90deg); }
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateY(-20deg); }
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
opacity: 1;
transform: perspective(400px) rotateY(10deg); }
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-animation-name: flipInY;
-webkit-backface-visibility: visible !important;
animation-name: flipInY;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
opacity: 1;
transform: perspective(400px) rotateX(-20deg); }
to {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
transform: perspective(400px) rotateX(90deg); } }
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
opacity: 1;
transform: perspective(400px) rotateX(-20deg); }
to {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
transform: perspective(400px) rotateX(90deg); } }
.flipOutX {
-webkit-animation-duration: .75s;
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
animation-duration: .75s;
animation-name: flipOutX;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
opacity: 1;
transform: perspective(400px) rotateY(-15deg); }
to {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
transform: perspective(400px) rotateY(90deg); } }
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
opacity: 1;
transform: perspective(400px) rotateY(-15deg); }
to {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
transform: perspective(400px) rotateY(90deg); } }
.flipOutY {
-webkit-animation-duration: .75s;
-webkit-animation-name: flipOutY;
-webkit-backface-visibility: visible !important;
animation-duration: .75s;
animation-name: flipOutY;
backface-visibility: visible !important; }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(-30deg); }
60% {
-webkit-transform: skewX(20deg);
opacity: 1;
transform: skewX(20deg); }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(-30deg); }
60% {
-webkit-transform: skewX(20deg);
opacity: 1;
transform: skewX(20deg); }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg); }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-name: lightSpeedIn;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(30deg); } }
@keyframes lightSpeedOut {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(30deg); } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-name: lightSpeedOut;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(-200deg);
transform-origin: center; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: center;
opacity: 1;
transform: translateZ(0);
transform-origin: center; } }
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(-200deg);
transform-origin: center; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: center;
opacity: 1;
transform: translateZ(0);
transform-origin: center; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom; } }
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: right bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom; } }
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: right bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom; } }
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-90deg);
transform-origin: right bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom; } }
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-90deg);
transform-origin: right bottom; }
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
opacity: 1;
transform-origin: center; }
to {
-webkit-transform: rotate(200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(200deg);
transform-origin: center; } }
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
opacity: 1;
transform-origin: center; }
to {
-webkit-transform: rotate(200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(200deg);
transform-origin: center; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom; }
to {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom; } }
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom; }
to {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom; }
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: right bottom; } }
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom; }
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: right bottom; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom; }
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom; } }
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom; }
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom; }
to {
-webkit-transform: rotate(90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(90deg);
transform-origin: right bottom; } }
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom; }
to {
-webkit-transform: rotate(90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(90deg);
transform-origin: right bottom; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform-origin: top left; }
20%, 60% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform: rotate(80deg);
transform-origin: top left; }
40%, 80% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
transform: rotate(60deg);
transform-origin: top left; }
to {
-webkit-transform: translate3d(0, 700px, 0);
opacity: 0;
transform: translate3d(0, 700px, 0); } }
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform-origin: top left; }
20%, 60% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform: rotate(80deg);
transform-origin: top left; }
40%, 80% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
transform: rotate(60deg);
transform-origin: top left; }
to {
-webkit-transform: translate3d(0, 700px, 0);
opacity: 0;
transform: translate3d(0, 700px, 0); } }
.hinge {
-webkit-animation-duration: 2s;
-webkit-animation-name: hinge;
animation-duration: 2s;
animation-name: hinge; }
@-webkit-keyframes jackInTheBox {
0% {
-webkit-transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
-webkit-transform: scale(1);
opacity: 1;
transform: scale(1); } }
@keyframes jackInTheBox {
0% {
-webkit-transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
-webkit-transform: scale(1);
opacity: 1;
transform: scale(1); } }
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox; }
@-webkit-keyframes rollIn {
0% {
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
@keyframes rollIn {
0% {
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg); }
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0); } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
@-webkit-keyframes rollOut {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg); } }
@keyframes rollOut {
0% {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
0% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }
@keyframes zoomInDown {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }
@keyframes zoomInLeft {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }
@keyframes zoomInRight {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }
@keyframes zoomInUp {
0% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
60% {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
0% {
opacity: 1; }
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
0% {
opacity: 1; }
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
to {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom; } }
@keyframes zoomOutDown {
40% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
to {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom; } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
to {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom; } }
@keyframes zoomOutUp {
40% {
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
to {
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom; } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden; } }
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden; } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: hidden; } }
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: hidden; } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: hidden; } }
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: hidden; } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: hidden; } }
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0); }
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: hidden; } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
.animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s; }
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s; }
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s; }
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s; }
.animated.fast {
-webkit-animation-duration: .8s;
animation-duration: .8s; }
.animated.faster {
-webkit-animation-duration: .5s;
animation-duration: .5s; }
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s; }
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
-webkit-transition: none !important;
animation: unset !important;
-o-transition: none !important;
transition: none !important; } }
.header-inner:before, .main-inner:before, .search-results-main:before, .page-footer-inner:before, .box-ilh-container:before, .box-dlir-container:before, .box-dlir-inner:before, .page-header:before, .slicknav_btn:before, .main-nav .menu:before,
.main-nav .sub-menu:before, .sidebar h3:before, .sidebar .fb-like-container:before, .contact .row:before, .contact .gallerie:before, .contaier:before,
.header-inner:after,
.main-inner:after,
.search-results-main:after,
.page-footer-inner:after,
.box-ilh-container:after,
.box-dlir-container:after,
.box-dlir-inner:after,
.page-header:after,
.slicknav_btn:after,
.main-nav .menu:after,
.main-nav .sub-menu:after,
.sidebar h3:after,
.sidebar .fb-like-container:after,
.contact .row:after,
.contact .gallerie:after,
.contaier:after {
content: "";
display: table;
clear: both; }
.header-inner, .main-inner, .search-results-main, .page-footer-inner, .box-ilh-container, .box-dlir-container, .box-dlir-inner, .page-header, .slicknav_btn, .main-nav .menu,
.main-nav .sub-menu, .sidebar h3, .sidebar .fb-like-container, .contact .row, .contact .gallerie, .contaier {
*zoom: 1; }
.logo a {
font: 0/0 a;
text-shadow: none;
color: transparent; }
.header-inner, .main-inner, .search-results-main, .page-footer-inner {
max-width: 1600px;
padding: 16px;
margin: 0 auto;
position: relative;
min-width: 288px; }
@media only screen and (max-width: 1410px) {
.header-inner, .main-inner, .search-results-main, .page-footer-inner {
width: 100%;
margin: 0 auto;
padding: 0 5px; } }
.social-post-list, .main-nav .menu,
.main-nav .sub-menu, .contact-tels, .contact-courriels {
list-style-type: none;
padding: 0;
margin: 0; }
.bullet-list-horiz, .cta .it-block {
text-align: justify;
display: block;
padding: 0;
margin: 0;
letter-spacing: 0.1px;
text-rendering: optimizespeed;
*text-justify: distribute-all-lines;
overflow: hidden; }
.bullet-list-horiz:after, .cta .it-block:after {
content: '';
display: inline-block;
width: 100%; }
.bullet-list-horiz li, .cta .it-block-image, .cta .it-block-text {
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
letter-spacing: normal;
word-spacing: normal;
text-rendering: auto;
*display: inline !important;
*zoom: 1; }
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block; }
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden], template {
display: none; }
a {
background: transparent; }
a:active, a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b, strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: .67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code, kbd, pre, samp {
font-family: monospace,monospace;
font-size: 1em; }
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button, select {
text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], html input[disabled] {
cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td, th {
padding: 0; }
html {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
body {
font-family: "casper";
font-weight: 400;
font-size: 21px;
line-height: 29px;
background-color: #ffffff;
background-repeat: repeat;
background-position: 0 0;
margin: 0;
color: #444444; }
p, ul {
margin-top: 0; }
.main h1 {
color: #444444;
background-color: transparent;
margin-top: 40px;
padding: 10px 16px;
font-size: 34px;
line-height: 36px;
font-weight: 400;
text-transform: uppercase;
font-family: "casper"; }
@media only screen and (max-width: 767px) {
.main h1 {
font-size: 27px;
line-height: 31px; } }
h2, .box .box-title, .shadow-box .box-title, .sidebar h3, .comment-reply-title, h1.contact-title, h2.contact-title {
color: #006f3e;
font-size: 36px;
line-height: 40px;
font-weight: 400;
text-transform: none;
font-family: "casper"; }
@media only screen and (max-width: 767px) {
h2, .box .box-title, .shadow-box .box-title, .sidebar h3, .comment-reply-title, h1.contact-title, h2.contact-title {
font-size: 24px;
line-height: 28px; } }
h3 {
color: #7fcc28;
font-size: 22px;
line-height: 30px;
font-weight: 400; }
h4 {
color: #444444;
font-size: 18px;
line-height: 21px;
font-weight: 400; }
h5 {
color: #444444;
font-size: 16px;
line-height: 19px;
font-weight: 400; }
h6 {
color: #444444;
font-size: 15px;
line-height: 18px;
font-weight: 400; }
a {
color: #006f3e;
text-decoration: none; }
a:hover {
color: #003c22; } .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.grecaptcha-badge {
opacity: 0 !important; }
.rwd-image, .gallerie-list-item img, .slider img, .box-ilh-image, .paragraphe-avec-icone--image img, .paragraphe-avec-image--image img, .images-en-colonnes-egales img, .blocs-lien-image-link img, .cta .it-block-image img {
width: 100%;
height: auto !important; }
.zoomable-image-link, .zoomable-image-link-to-page, .blocs-lien-image-link {
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
line-height: 0;
position: relative;
vertical-align: middle;
overflow: hidden; }
.not-mobile .zoomable-image-link:before, .not-mobile .zoomable-image-link-to-page:before, .not-mobile .blocs-lien-image-link:before, .zoomable-image-link:after, .zoomable-image-link-to-page:after, .blocs-lien-image-link:after {
*display: none;
vertical-align: middle;
text-align: right;
display: inline-block;
visibility: hidden;
opacity: 0;
position: absolute;
line-height: 30px;
font-size: 30px;
padding-top: 16px;
padding-right: 16px;
color: #fff;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear; }
.not-mobile .zoomable-image-link:hover:before, .not-mobile .zoomable-image-link-to-page:hover:before, .not-mobile .blocs-lien-image-link:hover:before, .not-mobile .zoomable-image-link:hover:after, .not-mobile .zoomable-image-link-to-page:hover:after, .not-mobile .blocs-lien-image-link:hover:after {
visibility: visible;
opacity: 1; }
.not-mobile .zoomable-image-link:before, .not-mobile .zoomable-image-link-to-page:before, .not-mobile .blocs-lien-image-link:before {
content: '\f00e';
font-family: FontAwesome;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.3); }
.not-mobile .zoomable-image-link:hover img, .not-mobile .zoomable-image-link-to-page:hover img, .not-mobile .blocs-lien-image-link:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.zoomable-image-link img, .zoomable-image-link-to-page img, .blocs-lien-image-link img {
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.zoomable-image-link.zoomable-image-link--has-title:after, .zoomable-image-link--has-title.zoomable-image-link-to-page:after, .zoomable-image-link--has-title.blocs-lien-image-link:after {
content: attr(data-title);
bottom: 0;
left: 0;
width: 100%;
padding: 5px 16px;
font-size: 14px;
line-height: 16px;
z-index: 2;
color: #fff;
text-align: center;
display: block;
background: #7fcc28;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear; }
.not-mobile .zoomable-image-link-to-page:before {
content: '\f0c1'; }
.row, .gallerie {
max-width: 1432px;
width: 100%;
margin: 0 auto;
list-style-type: none;
padding: 0;
display: block;
overflow-x: hidden; }
.col-6, .social-posts, .col-5, .col-4, .col-3, .col-2, .paragraphe-avec-icone-col-2, .col-1, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-40-100, .col-60-100 {
padding: 0 16px;
margin-right: -4px;
display: inline-block;
*display: inline !important;
*zoom: 1;
vertical-align: top; }
.col-6, .social-posts {
width: 16.66667%; }
@media only screen and (max-width: 1400px) {
.col-6, .social-posts {
width: 33.33333%; } }
@media only screen and (max-width: 767px) {
.col-6, .social-posts {
width: 50%; } }
@media only screen and (max-width: 767px) {
.col-6, .social-posts {
width: 100%; } }
.col-5 {
width: 20%; }
@media only screen and (max-width: 1400px) {
.col-5 {
width: 33.33333%; } }
@media only screen and (max-width: 767px) {
.col-5 {
width: 50%; } }
@media only screen and (max-width: 767px) {
.col-5 {
width: 100%; } }
.col-4 {
width: 25%; }
@media only screen and (max-width: 1400px) {
.col-4 {
width: 50%; } }
@media only screen and (max-width: 767px) {
.col-4 {
width: 100%; } }
.col-3 {
width: 33.33333%; }
@media only screen and (max-width: 767px) {
.col-3 {
width: 100%; } }
.col-2, .paragraphe-avec-icone-col-2 {
width: 50%; }
@media only screen and (max-width: 767px) {
.col-2, .paragraphe-avec-icone-col-2 {
width: 100%; } }
.col-1 {
width: 100%; }
.col-1-3 {
width: 33.33333%; }
.col-2-3 {
width: 66.66667%; }
.col-1-4 {
width: 25%; }
.col-3-4 {
width: 75%; }
.col-40-100 {
width: 40%; }
.col-60-100 {
width: 60%; }
.btn, .box-dlir-link, .comments .submit, .comment-reply-link, .wpcf7 .wpcf7-submit {
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
background: #7fcc28;
text-transform: uppercase;
padding: 16px 32px;
line-height: 18px;
border: none;
text-align: center;
font-weight: 500;
display: inline-block;
*display: inline;
-webkit-border-radius: 5px;
border-radius: 5px;
*zoom: 1;
-webkit-transition: color 300ms, background-color 300ms;
-o-transition: color 300ms, background-color 300ms;
transition: color 300ms, background-color 300ms; }
.btn:hover, .box-dlir-link:hover, .comments .submit:hover, .comment-reply-link:hover, .wpcf7 .wpcf7-submit:hover {
color: #fff;
background: #72b724; }
.check-list {
list-style-type: none;
padding: 0; }
.check-list li {
line-height: 24px;
min-height: 31px;
position: relative;
padding-left: 41px;
margin-bottom: 12px;
background: url(//ohbio.ca/wp-content/themes/verteb/img/check.svg) left 0px no-repeat; }
.oldie .check-list li {
background: url(//ohbio.ca/wp-content/themes/verteb/img/check.png) left 0px no-repeat; }
.section-title {
text-align: center;
text-transform: uppercase;
margin-bottom: 40px; }
.section-intro {
font-size: 20px;
line-height: 30px;
text-align: center;
max-width: 780px;
margin: 0 auto;
margin-bottom: 74px; }
.mega-title {
background: #7fcc28;
text-align: center;
border-top: 1px solid #979797;
border-bottom: 1px solid #979797;
padding: 0 5px;
margin: 30px 0 40px 0; }
.mega-title .mega-title-text {
max-width: 730px;
margin: 40px auto;
color: #fff;
font-size: 27px;
font-weight: 800;
line-height: 30px;
font-style: italic; }
@media only screen and (max-width: 730px) {
.mega-title .mega-title-text {
padding-left: 10px;
padding-right: 10px; } }
.mega-title a {
color: inherit; }
.bordered-text-left {
border-left: 5px solid #7fcc28;
margin-left: 23.95833%; }
.bordered-text-right {
border-right: 5px solid #7fcc28;
margin-right: 23.95833%;
text-align: right; }
.bordered-text-left, .bordered-text-right {
max-width: 619px;
padding: 0 20px 0 20px;
margin-top: 30px;
margin-bottom: 30px; }
@media only screen and (max-width: 639px) {
.bordered-text-left, .bordered-text-right {
margin-left: 0;
margin-right: 0;
border-left: none;
border-right: none;
width: 100%;
text-align: left; } }
.bullet-border-bottom, .bullet-border-bottom-right {
position: relative;
padding-bottom: 40px;
margin-bottom: 40px; }
.bullet-border-bottom:before, .bullet-border-bottom-right:before, .bullet-border-bottom:after, .bullet-border-bottom-right:after {
content: '';
display: block;
position: absolute; }
.bullet-border-bottom:before, .bullet-border-bottom-right:before {
width: 10px;
height: 10px;
border: 1px solid #d9d9d9;
-webkit-border-radius: 50%;
border-radius: 50%;
bottom: 0;
left: 0; }
.bullet-border-bottom:after, .bullet-border-bottom-right:after {
border-bottom: 1px solid #d9d9d9;
left: 10px;
bottom: 4px;
width: 100%;
max-width: 304px; }
.bullet-border-bottom-right:before {
right: 0;
left: auto; }
.bullet-border-bottom-right:after {
right: 10px;
left: auto; }
.bullet-list, .bullet-list-horiz {
list-style-type: none;
padding-left: 44px;
line-height: 22px; }
.bullet-list li, .bullet-list-horiz li {
position: relative;
padding-left: 30px;
padding-bottom: 12px; }
.bullet-list li:before, .bullet-list-horiz li:before {
content: '';
position: absolute;
top: 7px;
left: 0;
display: block;
width: 12px;
height: 12px;
border: 3px solid #7fcc28;
-webkit-border-radius: 50%;
border-radius: 50%; }
.bullet-list-horiz {
padding-left: 0; }
.bullet-separator {
border: none;
max-width: 300px;
margin: 40px auto;
border-bottom: 2px solid #d9d9d9;
position: relative; }
.bullet-separator:before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #d9d9d9;
-webkit-border-radius: 50%;
border-radius: 50%;
bottom: 0;
left: 50%;
top: 50%;
margin-left: -5px;
margin-top: -5px;
background: #fff; }
::-moz-selection {
background: #333;
color: #fff;
text-shadow: none; }
::selection {
background: #333;
color: #fff;
text-shadow: none; }
::-moz-selection {
background: #333;
color: #fff;
text-shadow: none; }
::-webkit-selection {
background: #333;
color: #fff;
text-shadow: none; }
.gallerie {
padding-bottom: 64px; }
.gallerie ul.gallerie-list {
padding-left: 0; }
.gallerie-list {
margin: 0;
padding: 0;
list-style-type: none; }
.gallerie-list-item {
margin-left: -4px;
margin-bottom: 20px;
padding-left: 16px !important;
background: none !important; }
.breadcrumb div {
display: inline;
float: left; }
.breadcrumb a {
color: #006f3e; }
.breadcrumb a:hover {
color: #003c22; }
.paragraphe-avec-image.paragraphe-avec-image-parallax {
max-width: 100%;
width: 100%;
padding: 0;
margin-bottom: 0;
display: table; }
.paragraphe-avec-image.paragraphe-avec-image-parallax .paragraphe-avec-image--image,
.paragraphe-avec-image.paragraphe-avec-image-parallax .paragraphe-avec-image--text {
padding: 0;
margin-bottom: 0;
display: table-cell;
vertical-align: middle; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-image.paragraphe-avec-image-parallax .paragraphe-avec-image--image,
.paragraphe-avec-image.paragraphe-avec-image-parallax .paragraphe-avec-image--text {
display: inline-block; } }
@media only screen and (max-width: 767px) {
.paragraphe-avec-image.paragraphe-avec-image-parallax .paragraphe-avec-image--image {
height: 200px; } }
.paragraphe-avec-image.paragraphe-avec-image-parallax .paragraphe-avec-image--text {
padding: 13.125vw 6.5625vw;
text-align: left; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-image.paragraphe-avec-image-parallax .paragraphe-avec-image--text {
padding: 16px; } } .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block;
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.slick-slide img:active {
cursor: -webkit-grabbing;
cursor: grabbing; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-slide:focus {
outline: none; }
.slick-arrow.slick-hidden {
display: none; }
.slider-outer {
position: relative;
z-index: 1; }
.slider {
background-color: transparent;
font-size: 0;
line-height: 0; }
.slider:hover .slider-next,
.slider:hover .slider-prev {
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60); }
.slider:hover .slider-next:hover,
.slider:hover .slider-prev:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.slider-inner {
background-color: transparent;
padding: 0;
position: relative; }
.slider-slide {
width: 100%; }
.slider-next,
.slider-prev {
position: absolute;
z-index: 999;
width: 3.64583vw;
height: 3.64583vw;
line-height: 3.54167vw;
text-align: center;
background: #444444;
color: #fff;
font-size: 2.08333vw;
top: 50%;
margin-top: -1.95312vw;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear; }
.slider-next {
right: 15px;
padding-left: 0.26042vw; }
.slider-prev {
left: 15px;
padding-right: 0.26042vw; }
.box, .shadow-box {
position: relative;
z-index: 1; }
.box .box-inner, .shadow-box .box-inner, .box .shadow-box-inner, .shadow-box .shadow-box-inner {
position: relative;
background-color: #ffffff;
*zoom: 1; }
.box .box-title, .shadow-box .box-title {
margin-top: 0;
margin-bottom: 32px; }
.box .box-content, .shadow-box .box-content {
font-size: 14px;
padding: 0 20px 20px 20px; }
.box .shadow-box-inner:before, .box .shadow-box-inner:after, .shadow-box .shadow-box-inner:before, .shadow-box .shadow-box-inner:after {
content: '';
bottom: 15px;
width: 50%;
height: 20%;
max-width: 300px;
max-height: 100px;
position: absolute;
content: '';
z-index: -1;
-webkit-box-shadow: 0 19px 19px rgba(0, 0, 0, 0.7);
box-shadow: 0 19px 19px rgba(0, 0, 0, 0.7);
opacity: 0.7; }
.box .shadow-box-inner:before, .shadow-box .shadow-box-inner:before {
left: 10px;
right: auto;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg); }
.box .shadow-box-inner:after, .shadow-box .shadow-box-inner:after {
right: 10px;
left: auto;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg); }
@media only screen and (max-width: 780px) {
.box-ilh-container .box-ilh-column {
float: none;
width: 300px;
margin: 0 auto;
margin-bottom: 15px; }
.box-ilh-container .box-ilh-column .box-ilh-column-inner {
padding: 0 !important; } }
.box-ilh-column {
margin-bottom: 20px; }
.box-ilh-column-inner {
padding: 0 10px; }
.box-ilh-column:nth-child(3n+1) .box-ilh-column-inner {
padding-left: 0;
padding-right: 20px; }
.box-ilh-column:nth-child(3n+3) .box-ilh-column-inner {
padding-right: 0;
padding-left: 20px; }
.box-ilh {
position: relative;
overflow: hidden;
z-index: 1;
line-height: 0; }
.box-ilh:hover .box-ilh-hover {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=99)";
filter: alpha(opacity=99);
opacity: 0.9;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.box-ilh-hover {
height: 100%;
position: absolute;
width: 100%;
overflow: hidden;
top: 0;
left: 0;
color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(68, 68, 68, 0.86)), to(rgba(145, 145, 145, 0.86)));
background-image: -webkit-linear-gradient(top, rgba(68, 68, 68, 0.86), rgba(145, 145, 145, 0.86));
background-image: -o-linear-gradient(top, rgba(68, 68, 68, 0.86), rgba(145, 145, 145, 0.86));
background-image: linear-gradient(to bottom, rgba(68, 68, 68, 0.86), rgba(145, 145, 145, 0.86));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB444444', endColorstr='#DB919191',GradientType=0 );
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden; }
.oldie .box-ilh-hover {
background-color: #444444;
background-color: rgba(68, 68, 68, 0.86); }
.box-ilh-hover:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.box-ilh-hover-inner {
display: inline-block;
vertical-align: middle;
width: 98%;
height: auto;
text-align: center;
color: inherit;
line-height: 22px;
*color: #fff; }
.box-ilh-hover-inner:hover {
color: inherit;
*color: #fff; }
.box-ilh-title {
color: #fff;
margin-bottom: 5px;
font-weight: 700; }
.box-ilh-title, .box-ilh-desc {
padding: 0 10px; }
.box-ilh-icon {
font-size: 30px; }
.social-posts-inner {
padding: 0 15px; }
.social-posts-title {
font-size: 20px;
line-height: 24px; }
.social-post-item {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f3f3f3; }
.social-post-item:last-child {
border-bottom: none; }
.social-post-item-title {
margin: 0; }
.social-post-item-title a {
color: inherit;
text-decoration: underline; }
a.social-post-item-link {
color: #006f3e; }
.social-post-item-date {
color: #7fcc28;
font-size: 14px; }
.box-dlir-container .box-dlir:nth-child(odd) {
float: left; }
.box-dlir-container .box-dlir:nth-child(even) {
float: right; }
@media only screen and (max-width: 1400px) {
.box-dlir-container {
width: 466px;
margin: 0 auto; }
.box-dlir-container .box-dlir {
float: none !important;
margin: 0 auto 20px auto; } }
@media only screen and (max-width: 506px) {
.box-dlir-container {
width: 233px; } }
.box-dlir {
width: 466px; }
@media only screen and (max-width: 506px) {
.box-dlir {
float: none !important;
width: 233px; }
.box-dlir .box-dlir-left, .box-dlir .box-dlir-right {
float: none;
margin: 0 auto;
height: 175px;
width: 233px; } }
.box-dlir-left {
text-align: center;
background: #f3f3f3;
height: 175px;
position: relative; }
.box-dlir-left:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.box-dlir-left:after {
border-style: solid;
border-width: 11px 0px 11px 11px;
border-color: transparent transparent transparent #f3f3f3;
content: "";
display: block;
position: absolute;
top: 20px;
left: 100%;
margin-left: -1px; }
@media only screen and (max-width: 506px) {
.box-dlir-left:after {
content: none; } }
.box-dlir-left .box-dlir-left-inner {
display: inline-block;
vertical-align: middle;
width: 98%; }
.box-dlir-right {
line-height: 0;
font-size: 0;
width: 233px;
height: 175px; }
.box-dlir-title {
margin-top: 0;
margin-bottom: 5px;
padding: 0 10px; }
.box-dlir-desc {
padding: 0 10px; }
.box-dlir-link-container {
margin-bottom: 0; }
.separator {
margin: 0 auto;
border: 0 solid #e7e6e6;
clear: both;
position: relative; }
.separator.sep-shadow {
height: 1px;
overflow: visible;
border: none;
background: none;
background: -webkit-gradient(linear, left top, right top, from(rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), to(rgba(150, 150, 150, 0)));
background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
background: linear-gradient(to right, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1); }
.separator.sep-shadow:after {
display: block;
height: 6px;
width: 100%;
content: '';
background: -webkit-radial-gradient(ellipse at 50% -50%, #000000 0px, #ffffff 65%);
background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
background: -o-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%); }
.paragraphe-avec-icone {
margin-top: 20px; }
.paragraphe-avec-icone h1, .paragraphe-avec-icone h2, .paragraphe-avec-icone .box .box-title, .box .paragraphe-avec-icone .box-title, .paragraphe-avec-icone .shadow-box .box-title, .shadow-box .paragraphe-avec-icone .box-title, .paragraphe-avec-icone .sidebar h3, .sidebar .paragraphe-avec-icone h3, .paragraphe-avec-icone .comment-reply-title, .paragraphe-avec-icone h1.contact-title, .paragraphe-avec-icone h3, .paragraphe-avec-icone h4, .paragraphe-avec-icone h5, .paragraphe-avec-icone h6 {
margin-top: 0; }
.paragraphe-avec-icone-2 {
display: table;
width: 100%; }
.paragraphe-avec-icone--image, .paragraphe-avec-icone--text {
display: table-cell;
padding: 0 16px;
vertical-align: top; }
.pai-vertical-middle .paragraphe-avec-icone--image, .pai-vertical-middle .paragraphe-avec-icone--text {
vertical-align: middle; }
.paragraphe-avec-icone-col-1 {
display: table;
width: 100%; }
.paragraphe-avec-icone-col-1 .paragraphe-avec-icone--image {
width: 240px; }
.paragraphe-avec-icone-col-1 .paragraphe-avec-icone--image img {
max-width: 150px; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-icone-col-1 .paragraphe-avec-icone--image, .paragraphe-avec-icone-col-1 .paragraphe-avec-icone--text {
display: block;
width: 100%; } }
.paragraphe-avec-icone-col-2 {
padding: 0; }
.paragraphe-avec-icone-col-2 .paragraphe-avec-icone--image {
width: 120px; }
.paragraphe-avec-icone-col-2 .paragraphe-avec-icone--image img {
max-width: 75px; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-icone-col-2 {
width: 100%; } }
@media only screen and (max-width: 767px) {
.paragraphe-avec-icone-col-2 .paragraphe-avec-icone--image, .paragraphe-avec-icone-col-2 .paragraphe-avec-icone--text {
display: block;
width: 100%; } }
.paragraphe-avec-icone--image {
text-align: center;
padding-top: 6px; }
.paragraphe-avec-icone--image img {
max-width: 150px; }
.pai-vertical-middle .paragraphe-avec-icone--image {
padding-top: -0px; }
.paragraphe-avec-icone--text *:last-child {
margin-bottom: 0; }
.paragraphe-avec-icone--text *:first-child {
margin-top: 0; }
.paragraphe-avec-image--image {
padding-top: 5px;
line-height: 0;
text-align: center; }
.paragraphe-avec-image--text *:first-child {
margin-top: 0; }
.paragraphe-avec-image--text *:last-child {
margin-bottom: 0; }
.paragraphe-avec-image--description {
font-size: 12px;
text-align: right;
line-height: 15px; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-image--image {
display: block;
width: 100%;
text-align: center; }
.paragraphe-avec-image--image img {
max-width: 480px; }
.paragraphe-avec-image--text {
display: block;
width: 100%; } }
.titre-reset, h1.contact-title, .box .contact-title.box-title, .shadow-box .contact-title.box-title, .sidebar h3.contact-title, .contact-title.comment-reply-title, h2.contact-title {
color: #444444;
background-color: transparent;
padding: 0;
line-height: 29px;
font-weight: 400;
text-transform: none;
font-family: "casper"; }
.titre-reset:before, h1.contact-title:before, .box .contact-title.box-title:before, .shadow-box .contact-title.box-title:before, .sidebar h3.contact-title:before, .contact-title.comment-reply-title:before, h2.contact-title:before, .titre-reset:after, h1.contact-title:after, .box .contact-title.box-title:after, .shadow-box .contact-title.box-title:after, .sidebar h3.contact-title:after, .contact-title.comment-reply-title:after, h2.contact-title:after {
content: none; }
.titre-standard, h2, .box .box-title, .shadow-box .box-title, .sidebar h3, .comment-reply-title, h1.contact-title, h2.contact-title, h3, h4 {
text-align: left; }
.titre-standard-centre, .main h1 {
text-align: center; }
.titre-standard-droite {
text-align: right; }
.titre-souligne-full, h5, h6, .titre-souligne-full-bullet, .titre-souligne-full-centre, .titre-souligne-full-centre-bullet, .titre-souligne-full-droite, .titre-souligne-full-droite-bullet, .titre-souligne-fixe-gauche, .titre-souligne-fixe-gauche-bullet, .titre-souligne-fixe-centre, .titre-souligne-fixe-centre-bullet, .titre-souligne-fixe-droite, .titre-souligne-fixe-droite-bullet {
position: relative;
margin-bottom: 30px;
padding-bottom: 0; }
.titre-souligne-full:after, h5:after, h6:after, .titre-souligne-full-bullet:after, .titre-souligne-full-centre:after, .titre-souligne-full-centre-bullet:after, .titre-souligne-full-droite:after, .titre-souligne-full-droite-bullet:after, .titre-souligne-fixe-gauche:after, .titre-souligne-fixe-gauche-bullet:after, .titre-souligne-fixe-centre:after, .titre-souligne-fixe-centre-bullet:after, .titre-souligne-fixe-droite:after, .titre-souligne-fixe-droite-bullet:after {
content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #7fcc28;
margin-top: 17px; }
.titre-souligne-full, h5, h6, .titre-souligne-full-bullet {
text-align: left; }
.titre-souligne-full-centre, .titre-souligne-full-centre-bullet {
text-align: center; }
.titre-souligne-full-droite, .titre-souligne-full-droite-bullet {
text-align: right; }
.titre-souligne-fixe-gauche:after, .titre-souligne-fixe-gauche-bullet:after, .titre-souligne-fixe-centre:after, .titre-souligne-fixe-centre-bullet:after, .titre-souligne-fixe-droite:after, .titre-souligne-fixe-droite-bullet:after {
width: 224px; }
.titre-souligne-fixe-gauche, .titre-souligne-fixe-gauche-bullet {
text-align: left; }
.titre-souligne-fixe-centre, .titre-souligne-fixe-centre-bullet {
text-align: center; }
.titre-souligne-fixe-centre:after, .titre-souligne-fixe-centre-bullet:after {
margin-left: auto;
margin-right: auto; }
.titre-souligne-fixe-droite, .titre-souligne-fixe-droite-bullet {
text-align: right; }
.titre-souligne-fixe-droite:after, .titre-souligne-fixe-droite-bullet:after {
margin-left: auto;
margin-right: 0; }
.titre-souligne-full-bullet:after, .titre-souligne-full-centre-bullet:after, .titre-souligne-full-droite-bullet:after, .titre-souligne-fixe-gauche-bullet:after, .titre-souligne-fixe-centre-bullet:after, .titre-souligne-fixe-droite-bullet:after {
bottom: 4px; }
.titre-souligne-full-bullet:before, .titre-souligne-full-centre-bullet:before, .titre-souligne-full-droite-bullet:before, .titre-souligne-fixe-gauche-bullet:before, .titre-souligne-fixe-centre-bullet:before, .titre-souligne-fixe-droite-bullet:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border: 2px solid #7fcc28;
-webkit-border-radius: 50%;
border-radius: 50%;
bottom: -4px;
left: 0;
background: #fff;
z-index: 999; }
@media only screen and (max-width: 567px) {
.titre-souligne-full-bullet:before {
left: 0; } }
.titre-souligne-full-centre-bullet:before {
left: 50%;
margin-left: -5px; }
.titre-souligne-full-droite-bullet:before {
left: 100%; }
@media only screen and (max-width: 567px) {
.titre-souligne-full-droite-bullet:before {
left: auto;
right: 0; } }
@media only screen and (max-width: 567px) {
.titre-souligne-fixe-gauche-bullet:before {
left: 0; } }
.titre-souligne-fixe-centre-bullet:before {
left: 50%;
margin-left: -5px; }
.titre-souligne-fixe-droite-bullet:before {
left: 100%; }
@media only screen and (max-width: 567px) {
.titre-souligne-fixe-droite-bullet:before {
left: auto;
right: 0; } }
.images-en-colonnes-egales > .col-1, .images-en-colonnes-egales > .col-2, .images-en-colonnes-egales > .paragraphe-avec-icone-col-2, .images-en-colonnes-egales > .col-3, .images-en-colonnes-egales > .col-4, .images-en-colonnes-egales > .col-5, .images-en-colonnes-egales > .col-6, .images-en-colonnes-egales > .social-posts {
line-height: 0; }
.liens-pdf-link {
display: block;
position: relative;
color: inherit;
padding-left: 35px; }
.liens-pdf-link:before {
content: '\f1c1';
font-family: FontAwesome;
color: #7fcc28;
font-size: 30px;
position: absolute;
top: 6px;
left: 0;
width: 30px;
height: 30px; }
.blocs-lien-image-column {
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0; }
.blocs-lien-image-link {
position: relative;
width: 100%; }
.not-mobile .blocs-lien-image-link:before {
content: none; }
.blocs-lien-image-link img {
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0; }
.blocs-lien-image-link-text {
margin: 0;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
padding: 16px;
line-height: 29px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
background-color: #7fcc28;
color: #fff;
text-transform: uppercase;
position: relative;
z-index: 999;
text-align: center;
transition: background-color 300ms;
-moz-transition: background-color 300ms;
-o-transition: background-color 300ms;
-webkit-transition: background-color 300ms; }
.blocs-lien-image-link:hover .blocs-lien-image-link-text {
background-color: #72b724;
color: #fff; }
.blocs-lien-image-text-container {
padding: 16px 0; }
.blocs-lien-image-text-container p:last-child {
margin-bottom: 0; }
.blocs-lien-image-button-container {
text-align: right; }
.blocs-lien-image-button-container .btn, .blocs-lien-image-button-container .box-dlir-link, .blocs-lien-image-button-container .comments .submit, .comments .blocs-lien-image-button-container .submit, .blocs-lien-image-button-container .comment-reply-link, .blocs-lien-image-button-container .wpcf7 .wpcf7-submit, .wpcf7 .blocs-lien-image-button-container .wpcf7-submit {
margin-top: 0;
margin-bottom: 0; }
.page-header {
position: relative;
font-family: "casper";
z-index: 1;
color: #444444; }
.header-top {
padding-top: 15px;
padding-bottom: 12px;
background: white; }
.oldie .header-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
background-image: -webkit-linear-gradient(top, white, white);
background-image: -o-linear-gradient(top, white, white);
background-image: linear-gradient(to bottom, white, white);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF',GradientType=0 ); }
.oldie .oldie .header-top {
background-color: white; }
.header-inner {
padding: 0 16px; }
.header-inner .main-nav {
clear: right; }
.header-inner-contact {
float: right;
text-align: right; }
@media only screen and (max-width: 767px) {
.header-inner-contact {
float: none;
width: 100%;
text-align: center;
padding-bottom: 15px;
padding-top: 0; }
.header-inner-contact .header-contact-item {
display: block; } }
.logo {
width: 100%;
max-width: 150px;
height: 150px;
margin: 0;
float: left;
background-color: transparent;
padding: 0 !important; }
.logo:before, .logo:after {
content: none; }
.logo a {
display: block;
width: 100%;
height: 100%;
background: url(//ohbio.ca/wp-content/themes/verteb/img/logo.svg) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100%; }
.oldie .logo a {
background: url(//ohbio.ca/wp-content/themes/verteb/img/logo.png) no-repeat; }
@media only screen and (max-width: 767px) {
.logo {
float: none;
margin: 0 auto;
position: static !important;
margin-top: 10px !important;
margin-bottom: 10px; } }
.header-contact {
line-height: 24px;
font-size: 16px;
font-weight: 400; }
.header-contact a {
color: inherit; }
.header-adresse {
font-size: inherit;
color: inherit;
line-height: inherit3px;
display: inline;
padding-right: 6px; }
.header-contact-phone {
font-size: inherit;
color: inherit;
display: inline; }
.header-contact-email {
font-size: 22px;
color: inherit;
display: inline;
padding-left: 8px; }
.header-social {
padding-top: 5px;
display: inline; }
.header-social .fa {
font-size: 22px; }
.header-social-item {
display: inline;
font-size: 22px;
color: inherit; } .slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 0.438em 0.625em 0.438em 0.625em;
line-height: 1.125em;
cursor: pointer; }
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
float: left;
margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
-webkit-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_nav {
clear: both; }
.slicknav_nav ul,
.slicknav_nav li {
display: block; }
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_menu:before,
.slicknav_menu:after {
content: " ";
display: table; }
.slicknav_menu:after {
clear: both; } .slicknav_menu {
*zoom: 1; } .slicknav_menu {
font-size: 16px; } .slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: transparent;
float: none; } .slicknav_menu .slicknav_menutxt {
color: #ffffff;
font-weight: bold; }
.slicknav_menu .slicknav_icon {
float: right; } .slicknav_menu .slicknav_icon-bar {
background-color: #ffffff; }
.slicknav_menu {
background: #006f3e;
padding: 5px; }
.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: 0.875em; }
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow: hidden; }
.slicknav_nav ul {
padding: 0;
margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row {
padding: 5px 10px;
margin: 2px 5px; }
.slicknav_nav a {
padding: 5px 10px;
margin: 2px 5px;
text-decoration: none;
font-family: Arial, sans-serif;
color: white; }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0; }
.slicknav_nav a:hover {
-webkit-border-radius: 6px;
border-radius: 6px;
background: #7fcc28;
color: #006f3e; }
.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
#mobile-nav {
display: none; }
@media only screen and (max-width: 1023px) {
.main-nav {
display: none; }
#mobile-nav {
display: block; } }
.main-nav {
font-family: "casper";
float: right;
margin: 40px 0 0;
font-weight: 400;
font-size: 17px; }
.main-nav a {
color: #444444;
cursor: pointer; }
.main-nav .menu > .menu-item {
float: left;
padding-right: 20px; }
.main-nav .menu > .menu-item:last-child {
padding-right: 0; }
.main-nav .menu > .menu-item a:hover,
.main-nav .menu > .menu-item.current-menu-ancestor > a,
.main-nav .menu > .menu-item.current_page_item > a {
color: #444444; }
.main-nav .menu .menu-item {
position: relative; }
.main-nav .menu .menu-item:hover .sub-menu {
*display: block;
visibility: visible;
opacity: 1;
height: auto; }
.main-nav .sub-menu {
*display: none;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
padding: 15px 15px;
background-color: #7fcc28;
background-color: #7fcc28;
-webkit-border-radius: 0;
border-radius: 0;
color: white;
text-transform: none;
-webkit-transition-property: opacity, height;
-o-transition-property: opacity, height;
transition-property: opacity, height;
-webkit-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear; }
.main-nav .sub-menu .menu-item {
font-size: 16px; }
.main-nav .sub-menu .menu-item a {
line-height: 20px;
white-space: nowrap; }
.main-nav .sub-menu .sub-menu {
background: none;
-webkit-filter: none;
filter: none;
position: static; }
.main-nav .sub-menu a {
color: inherit; }
.main-nav .sub-menu a:after {
content: none !important; }
.main-nav .sub-menu .current-menu-item > a,
.main-nav .sub-menu a:hover {
color: white !important; }
.main-nav > .menu > .menu-item a:after {
content: '';
display: block;
margin: 10px auto 0;
width: 0;
height: 5px;
background: #7fcc28;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.main-nav > .menu > .menu-item.current-page-parent > a:after,
.main-nav > .menu > .menu-item > a:hover:after,
.main-nav > .menu > .menu-item.current_page_item > a:after,
.main-nav > .menu > .menu-item > a:focus:after {
width: 100%; }
.main-nav > .menu > .menu-item.menu-item-has-children > a:focus:after,
.main-nav > .menu > .menu-item.menu-item-has-children > a:hover:after {
width: 0; }
.main-nav > .menu > .menu-item.current-page-parent.menu-item-has-children:hover > a:after,
.main-nav > .menu > .menu-item.current_page_item.menu-item-has-children:hover > a:after {
width: 0; }
.sidebar {
float: right;
width: 30%;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #F2EFEF; }
@media only screen and (max-width: 767px) {
.sidebar {
float: none;
width: 100%; } }
.sidebar .sidebar-block {
padding: 10px 20px;
-webkit-border-radius: 5px;
border-radius: 5px; }
.sidebar .sidebar-block li {
margin-bottom: 15px; }
.sidebar .sidebar-block li .post-date {
font-style: italic; }
.sidebar .post-date {
display: block; }
.sidebar h3 {
color: #006f3e;
margin-top: 15px;
margin-bottom: 10px; }
.sidebar ul {
padding: 0;
list-style-type: none; }
.sidebar .sidebar-contact-list {
font-family: 'Lato', sans-serif;
font-size: 20px;
text-align: center;
line-height: 25px; }
.sidebar .fb-like-container {
padding-bottom: 15px; }
.sidebar .sidebar-share-link {
font-size: 30px; }
.main {
text-align: left; }
@media only screen and (max-width: 767px) {
.main {
text-align: left; } }
.main-inner, .search-results-main {
padding-top: 0; }
@media only screen and (max-width: 1399px) {
.main-inner, .search-results-main {
padding-top: 20px; } }
.error404 .main-inner, .error404 .search-results-main, .main-inner .no-article-found, .search-results-main .no-article-found {
text-align: center;
margin-bottom: 500px; }
.responsive-table {
width: 100%;
margin-bottom: 1.5em;
background-color: #f0efd7; }
@media (min-width: 44em) {
.responsive-table {
font-size: .9em; }
.responsive-table.tab-chalets .tab-chalets-link {
color: #444444; } }
@media (min-width: 62em) {
.responsive-table {
font-size: 1em; } }
.responsive-table thead {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden; }
@media (min-width: 44em) {
.responsive-table thead {
position: relative;
clip: auto;
height: auto;
width: auto;
overflow: auto; } }
.responsive-table thead th {
background-color: #898748;
font-weight: normal;
text-align: center;
color: white;
font-size: 20px; }
.responsive-table tbody,
.responsive-table tr,
.responsive-table th,
.responsive-table td {
display: block;
padding: 0;
white-space: normal; }
@media (min-width: 44em) {
.responsive-table tr {
display: table-row; } }
.responsive-table th,
.responsive-table td {
padding: .5em;
vertical-align: middle; }
@media (min-width: 30em) {
.responsive-table th,
.responsive-table td {
padding: .75em .5em; } }
@media (min-width: 44em) {
.responsive-table th,
.responsive-table td {
display: table-cell;
padding: .5em; } }
@media (min-width: 62em) {
.responsive-table th,
.responsive-table td {
padding: .75em .5em; } }
@media (min-width: 75em) {
.responsive-table th,
.responsive-table td {
padding: .75em; } }
.responsive-table caption {
margin-bottom: 1em;
font-size: 1em;
font-weight: bold;
text-align: center; }
@media (min-width: 44em) {
.responsive-table caption {
font-size: 1.5em; } }
.responsive-table tfoot {
font-size: .8em;
font-style: italic; }
@media (min-width: 62em) {
.responsive-table tfoot {
font-size: .9em; } }
@media (min-width: 44em) {
.responsive-table tbody {
display: table-row-group; } }
.responsive-table tbody tr {
margin-bottom: 1em; }
@media (min-width: 44em) {
.responsive-table tbody tr {
display: table-row;
border-width: 1px; } }
.responsive-table tbody tr:last-of-type {
margin-bottom: 0; }
@media (min-width: 44em) {
.responsive-table tbody th {
width: 14.99472%;
text-align: center; }
.responsive-table tbody th, .responsive-table tbody td {
padding-top: 20px;
padding-bottom: 20px; }
.responsive-table tbody td {
width: 12.3548%;
color: #000;
font-weight: 700; }
.responsive-table tbody tr:nth-of-type(odd) > td:nth-child(2n+2) {
background-color: #ebeace; }
.responsive-table tbody tr:nth-of-type(odd) > td:nth-child(2n+3) {
background-color: #e1e0be; }
.responsive-table tbody tr:nth-of-type(even) > td:nth-child(2n+2) {
background-color: #e1e0be; }
.responsive-table tbody tr:nth-of-type(even) > td:nth-child(2n+3) {
background-color: #ebeace; } }
.responsive-table tbody th[scope="row"] {
background-color: #898748;
color: white; }
@media (min-width: 44em) {
.responsive-table tbody th[scope="row"] {
background-color: transparent;
color: #5e5d52; } }
.responsive-table tbody td {
text-align: right; }
@media (min-width: 44em) {
.responsive-table tbody td {
text-align: center; } }
.responsive-table tbody td[data-type=currency] {
text-align: right; }
.responsive-table tbody td[data-title]:before {
content: attr(data-title);
float: left;
font-size: .8em;
color: #5e5d52;
color: rgba(94, 93, 82, 0.75); }
@media (min-width: 30em) {
.responsive-table tbody td[data-title]:before {
font-size: .9em; } }
@media (min-width: 44em) {
.responsive-table tbody td[data-title]:before {
content: none; } }
.blog-main {
float: left;
width: 70%;
padding-right: 40px;
margin-bottom: 45px; }
@media only screen and (max-width: 767px) {
.blog-main {
float: none;
width: 100%;
padding-right: 0; } }
.blog-main h2, .blog-main .box .box-title, .box .blog-main .box-title, .blog-main .shadow-box .box-title, .shadow-box .blog-main .box-title, .blog-main .sidebar h3, .sidebar .blog-main h3, .blog-main .comment-reply-title, .blog-main h1.contact-title {
font-size: 30px;
font-weight: 300;
line-height: 33px; }
.single-blog-date {
font-style: italic;
display: block;
margin-bottom: 20px; }
.more-link {
display: block;
margin-top: 15px;
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px dotted #5e5e5e;
color: #006f3e; }
.blog-list .type-post:last-child .more-link {
border-bottom: none; }
.comments {
margin-bottom: 40px; }
.comments .form-allowed-tags {
font-size: 12px; }
.comments .form-allowed-tags code {
font-size: inherit;
display: block; }
.comments ul {
padding-left: 0; }
.comment {
list-style-type: none;
margin-top: 30px;
padding-top: 30px; }
.comment:first-child {
margin-top: 0;
padding-top: 0;
border-top: none; }
.comment .children {
margin-top: 20px;
padding-left: 6.25%; }
.comment-form label, .comment-form input[type="text"] {
display: block; }
.comment-form input[type="text"] {
border: 1px solid #ccc;
padding: 10px;
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px; }
.comment-form-comment textarea {
width: 100%;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
border-radius: 5px; }
.comment-respond, .comment-body {
background-color: #fff;
padding: 30px 3.125%;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #F2EFEF; }
.comment-respond {
margin-top: 60px; }
.comment-reply-title {
margin-top: 0; }
.reply {
text-align: right; }
.search-results-main {
margin-bottom: 40px; }
.search-result {
margin-bottom: 40px; }
.search-result-title {
margin-bottom: 0;
color: #7fcc28; }
.search-result-title a {
color: inherit; }
.page-footer {
color: #fff;
background: transparent;
text-align: center; }
.page-footer a {
color: inherit; }
.copyright {
text-align: center;
font-size: 14px;
padding: 10px 0;
line-height: 16px; }
.cta {
padding: 40px 16px;
text-align: left;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 204, 204, 0.86)), to(rgba(255, 255, 255, 0.86)));
background-image: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.86), rgba(255, 255, 255, 0.86));
background-image: -o-linear-gradient(top, rgba(204, 204, 204, 0.86), rgba(255, 255, 255, 0.86));
background-image: linear-gradient(to bottom, rgba(204, 204, 204, 0.86), rgba(255, 255, 255, 0.86));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBCCCCCC', endColorstr='#DBFFFFFF',GradientType=0 );
margin-top: 40px;
color: #7fcc28;
-webkit-background-size: cover;
background-size: cover; }
.cta .it-block {
line-height: 0px;
width: 100%;
max-width: 712px;
margin: 0 auto;
padding: 16px; }
.cta .it-block-image, .cta .it-block-text {
vertical-align: middle; }
.cta .it-block-image {
width: 16.91176%;
max-width: 115px;
line-height: 0; }
.cta .it-block-text {
width: 73.52941%;
max-width: 500px;
line-height: 29px; }
@media only screen and (max-width: 567px) {
.cta .it-block-text, .cta .it-block-image {
display: block;
width: auto;
margin: 0 auto;
padding: 10px 0; }
.cta .it-block-text h2, .cta .it-block-text .box .box-title, .box .cta .it-block-text .box-title, .cta .it-block-text .shadow-box .box-title, .shadow-box .cta .it-block-text .box-title, .cta .it-block-text .sidebar h3, .sidebar .cta .it-block-text h3, .cta .it-block-text .comment-reply-title, .cta .it-block-text h1.contact-title, .cta .it-block-image h2, .cta .it-block-image .box .box-title, .box .cta .it-block-image .box-title, .cta .it-block-image .shadow-box .box-title, .shadow-box .cta .it-block-image .box-title, .cta .it-block-image .sidebar h3, .sidebar .cta .it-block-image h3, .cta .it-block-image .comment-reply-title, .cta .it-block-image h1.contact-title {
margin-top: 0;
text-align: center; }
.cta .it-block-image {
text-align: center; } }
.oldie .cta {
background-color: #cccccc;
background-color: rgba(204, 204, 204, 0.86); }
@media only screen and (max-width: 767px) {
.cta * {
text-align: center; } }
.cta-title {
color: inherit;
text-align: inherit;
margin-top: 0;
margin-bottom: 10px;
font-size: 32px;
line-height: 36px;
font-weight: 400; }
.cta-title:after {
content: none; }
.cta-title a {
color: inherit; }
@media only screen and (max-width: 767px) {
.cta-title {
font-size: 21px;
line-height: 24px;
text-align: center; } }
.cta-description {
color: inherit;
font-size: 18px;
font-weight: 400;
line-height: 24px; }
.cta-contact {
color: inherit;
font-size: 24px;
font-weight: 400;
line-height: 32px; }
.cta-contact a {
color: inherit; }
.cta-button a {
margin-bottom: 0; }
.contact .row a, .contact .gallerie a {
color: #7fcc28; }
.contact .row ul li, .contact .gallerie ul li {
padding-left: 0 !important;
background: none !important; }
.contact .main {
padding: 40px 0; }
.contact .google-maps {
position: relative;
padding-bottom: 60%;
height: 0;
overflow: hidden;
max-width: 480px; }
.contact .google-maps img {
-webkit-border-radius: 5px;
border-radius: 5px; }
.contact .google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.contact-details, .contact-form {
width: 45%; }
.contact-details {
float: left; }
.contact-form {
float: right; }
.contact-details {
margin-bottom: 20px; }
.contact-details .main-inner, .contact-details .search-results-main {
padding-top: 0; }
.contact-details .main-inner h2, .contact-details .search-results-main h2, .contact-details .main-inner .box .box-title, .box .contact-details .main-inner .box-title, .contact-details .search-results-main .box .box-title, .box .contact-details .search-results-main .box-title, .contact-details .main-inner .shadow-box .box-title, .shadow-box .contact-details .main-inner .box-title, .contact-details .search-results-main .shadow-box .box-title, .shadow-box .contact-details .search-results-main .box-title, .contact-details .main-inner .sidebar h3, .sidebar .contact-details .main-inner h3, .contact-details .search-results-main .sidebar h3, .sidebar .contact-details .search-results-main h3, .contact-details .main-inner .comment-reply-title, .contact-details .search-results-main .comment-reply-title, .contact-details .main-inner h1.contact-title, .contact-details .search-results-main h1.contact-title {
margin-bottom: 15px; }
h1.contact-title, .box .contact-title.box-title, .shadow-box .contact-title.box-title, .sidebar h3.contact-title, .contact-title.comment-reply-title, h1.contact-title, h2.contact-title {
color: #006f3e;
margin-top: 30px;
margin-bottom: 30px;
text-align: left; }
@media only screen and (max-width: 1400px) {
h1.contact-title, .box .contact-title.box-title, .shadow-box .contact-title.box-title, .sidebar h3.contact-title, .contact-title.comment-reply-title, h1.contact-title, h2.contact-title {
font-size: 18px;
line-height: 21px; } }
.contact-slogan strong {
font-weight: 600; }
.contact-adresse {
font-style: normal;
margin-bottom: 20px;
font-family: 'Lato', sans-serif; }
.contact-tels, .contact-courriels {
font-family: 'Lato', sans-serif; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="date"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 select {
border: 1px solid #ccc;
padding: 10px;
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #222222;
background: #fff; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.wpcf7 select {
height: 42px;
line-height: 42px;
background: #f4f4f4; } }
.wpcf7 select::-moz-focus-inner {
border: 0;
padding: 0; }
@-moz-document url-prefix() {
.wpcf7 select {
padding: 10px 0 !important; } }
@media screen\0 {
.wpcf7 select {
height: 42px;
line-height: 42px; } }
.wpcf7 textarea {
height: 130px; }
.wpcf7 p {
padding-top: 15px;
margin: 0; }
.wpcf7 p:first-child {
padding-top: 0; }
@media only screen and (max-width: 1400px) {
.contact-form-title {
font-size: 18px;
line-height: 21px; } }
.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); } .fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
-o-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
-o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg {
opacity: 0.87;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.25s, visibility 0s linear 0.25s;
-o-transition: opacity 0.25s, visibility 0s linear 0.25s;
transition: opacity 0.25s, visibility 0s linear 0.25s;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.25s, visibility 0s;
-o-transition: opacity 0.25s, visibility 0s;
transition: opacity 0.25s, visibility 0s; }
.fancybox-infobar {
top: 0;
left: 50%;
margin-left: -79px; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-toolbar {
top: 0;
right: 0; }
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translate3d(0, 0, 0); }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
-webkit-transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block; }
.fancybox-slide--image {
overflow: visible; }
.fancybox-slide--image::before {
display: none; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background: #000; }
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background: #E5E3DF; }
.fancybox-slide--next {
z-index: 99995; }
.fancybox-slide > div {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: -webkit-calc(100% - 100px);
max-width: calc(100% - 100px);
max-height: -webkit-calc(100% - 88px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff; }
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-error {
margin: 0;
padding: 40px;
width: 100%;
max-width: 380px;
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
border-width: 0;
background: #fff;
-webkit-transition: background 0.25s;
-o-transition: background 0.25s;
transition: background 0.25s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; }
.fancybox-slide--iframe .fancybox-close-small {
top: 0;
right: -44px; }
.fancybox-slide--iframe .fancybox-close-small:after {
background: transparent;
font-size: 35px;
color: #aaa; }
.fancybox-slide--iframe .fancybox-close-small:hover:after {
color: #fff; } .fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, #000000), color-stop(40%, #000000), color-stop(80%, #000000), to(#000000));
background: -webkit-linear-gradient(top, transparent 0%, #000000 20%, #000000 40%, #000000 80%, #000000 100%);
background: -o-linear-gradient(top, transparent 0%, #000000 20%, #000000 40%, #000000 80%, #000000 100%);
background: linear-gradient(to bottom, transparent 0%, #000000 20%, #000000 40%, #000000 80%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
pointer-events: none; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; } .fancybox-button {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
border: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background: transparent;
color: #ddd;
-webkit-border-radius: 0;
border-radius: 0;
cursor: pointer;
vertical-align: top;
outline: none; }
.fancybox-button[disabled] {
cursor: default;
pointer-events: none; }
.fancybox-button,
.fancybox-infobar__body {
background: #1e1e1e;
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover:not([disabled]) {
color: #fff;
background: #000000;
background: rgba(0, 0, 0, 0.8); }
.fancybox-button::after,
.fancybox-button::before {
content: '';
pointer-events: none;
position: absolute;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block; }
.fancybox-button[disabled]::after,
.fancybox-button[disabled]::before {
opacity: 0.3; }
.fancybox-button--left::after,
.fancybox-button--right::after {
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor; }
.fancybox-button--left::after {
left: 20px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right::after {
right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px; }
.fancybox-button--right {
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px; }
.fancybox-button--close::after,
.fancybox-button--close::before {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: -webkit-calc(50% - 1px);
top: calc(50% - 1px);
left: -webkit-calc(50% - 8px);
left: calc(50% - 8px); }
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); } .fancybox-arrow {
position: absolute;
top: 50%;
margin: -50px 0 0;
height: 100px;
width: 54px;
padding: 0;
border: 0;
outline: none;
background: none;
cursor: pointer;
z-index: 99995;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s; }
.fancybox-arrow::after {
content: '';
position: absolute;
top: 28px;
width: 44px;
height: 44px;
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, 0.8);
background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 24px 24px;
background-size: 24px 24px; }
.fancybox-arrow--right {
right: 0; }
.fancybox-arrow--left {
left: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1); }
.fancybox-arrow--left::after,
.fancybox-arrow--right::after {
left: 0; }
.fancybox-show-nav .fancybox-arrow {
opacity: 0.6; }
.fancybox-show-nav .fancybox-arrow[disabled] {
opacity: 0.3; } .fancybox-slide > .fancybox-loading {
border: 6px solid #646464;
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
-webkit-border-radius: 100%;
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate 0.8s infinite linear;
animation: fancybox-rotate 0.8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } } .fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
-o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } .fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); } @media all and (max-width: 800px) {
.fancybox-infobar {
left: 0;
margin-left: 0; }
.fancybox-button--left,
.fancybox-button--right {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } } .fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: -webkit-calc(50% - 7px);
left: calc(50% - 7px);
top: -webkit-calc(50% - 6px);
top: calc(50% - 6px);
border: 2px solid;
background: none; } .fancybox-button--pause::before,
.fancybox-button--play::before {
top: -webkit-calc(50% - 6px);
top: calc(50% - 6px);
left: -webkit-calc(50% - 4px);
left: calc(50% - 4px);
background: transparent; }
.fancybox-button--play::before {
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
-webkit-border-radius: 1px;
border-radius: 1px; }
.fancybox-button--pause::before {
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px; } .fancybox-thumbs {
display: none; }
.fancybox-button--thumbs {
display: none; }
@media all and (min-width: 800px) {
.fancybox-button--thumbs {
display: inline-block; }
.fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs::before {
width: 3px;
height: 3px;
top: -webkit-calc(50% - 2px);
top: calc(50% - 2px);
left: -webkit-calc(50% - 2px);
left: calc(50% - 2px);
-webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
word-break: normal;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 99995; }
.fancybox-show-thumbs .fancybox-thumbs {
display: block; }
.fancybox-show-thumbs .fancybox-inner {
right: 220px; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid transparent;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: #000000;
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; } }
.woocommerce-variation-price {
margin-bottom: 16px; }
.woocommerce-product-gallery__image {
pointer-events: none !important; }
.product_meta,
.woocommerce-ordering,
.woocommerce-result-count {
display: none !important; }
.woocommerce div.product div.images {
width: 38%; }
@media only screen and (max-width: 768px) {
.woocommerce div.product div.images {
width: 100%;
max-width: 300px;
text-align: center;
margin-left: auto;
margin-right: auto; } }
.woocommerce div.product div.summary {
width: 58%; }
@media only screen and (max-width: 768px) {
.woocommerce div.product div.summary {
width: 100%; } }
.woocommerce div.product form.cart .variations {
width: auto; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin: 0 2.95% 2.992em 0;
padding: 8px;
list-style-type: none;
background: none;
margin-left: 0;
text-align: center;
-webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.15);
box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.15);
background: #f1f1f1; }
.woocommerce ul.products li.product.dark,
.woocommerce-page ul.products li.product.dark {
background: #eaeaea; }
@media only screen and (max-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 50%; } }
@media only screen and (max-width: 479px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
float: none !important; } }
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #545454;
text-align: center; }
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
background-color: #7fcc28;
color: #ffffff; }
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
background-color: #72b724;
color: #ffffff; }
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
max-width: 1400px;
padding: 16px;
margin: 0 auto; }
.woocommerce div.product .product_title {
text-align: left; }
.woocommerce div.product div.summary {
background: #fff;
padding: 16px;
-webkit-box-shadow: 0 0 16px 1px rgba(50, 50, 50, 0.5);
box-shadow: 0 0 16px 1px rgba(50, 50, 50, 0.5);
-webkit-border-radius: 3px;
border-radius: 3px; }
.woocommerce-product-gallery__wrapper {
-webkit-box-shadow: 0 0 16px 1px rgba(50, 50, 50, 0.5);
box-shadow: 0 0 16px 1px rgba(50, 50, 50, 0.5);
-webkit-border-radius: 3px;
border-radius: 3px; }
.wc-tabs {
display: none !important; }
.sku_wrapper {
display: none; }
.single-product .main h1 {
font-size: 26px;
line-height: 34px;
text-align: left; }
.single-product .variations td {
vertical-align: top !important; }
.single-product .variations td.label {
padding-top: 10px; }
input[type="text"],
input[type="email"],
textarea,
input[type="date"],
input[type="number"],
input[type="tel"],
select {
border: 1px solid #ccc;
padding: 6px;
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #444444;
vertical-align: middle; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
height: 42px;
line-height: 42px;
background: #f4f4f4; } }
select::-moz-focus-inner {
border: 0;
padding: 0; }
@-moz-document url-prefix() {
select {
padding: 10px 0 !important !important; } }
@media screen\0 {
select {
height: 42px;
line-height: 42px; } }
textarea {
height: 130px; }
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background-color: #7fcc28;
color: #ffffff;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
border-radius: 5px; }
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background-color: #72b724;
color: #ffffff; }
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
max-width: 1400px;
padding: 16px;
margin: 0 auto; }
.shop_table thead {
background: #7fcc28;
color: #fff; }
.shop_table tbody tr:nth-child(odd) {
background: #fff; }
.shop_table tbody tr:nth-child(even) {
background: #eee; }
.shop_table tbody tr:last-child {
background: #ccc; }
.d, .slider-inner, .produits-cols.produits-col-depliant .col,
.produits-cols.produits-col-depliant .col-2,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2, .blog-main .type-post, .dt, .cta, .page-footer-content-wrapper, .db {
position: relative;
display: block; }
.d:after, .slider-inner:after, .produits-cols.produits-col-depliant .col:after,
.produits-cols.produits-col-depliant .col-2:after,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:after, .blog-main .type-post:after, .dt:after, .cta:after, .page-footer-content-wrapper:after, .db:after, .d:before, .slider-inner:before, .produits-cols.produits-col-depliant .col:before,
.produits-cols.produits-col-depliant .col-2:before,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:before, .blog-main .type-post:before, .dt:before, .cta:before, .page-footer-content-wrapper:before, .db:before {
display: block;
position: absolute;
left: 0;
-webkit-clip-path: polygon(100% 93%, 0% 100%, 100% 100%);
clip-path: polygon(100% 93%, 0% 100%, 100% 100%);
z-index: 999;
width: 100%;
height: 100%;
background: #ffffff; }
@media only screen and (max-width: 767px) {
.d:after, .slider-inner:after, .produits-cols.produits-col-depliant .col:after,
.produits-cols.produits-col-depliant .col-2:after,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:after, .blog-main .type-post:after, .dt:after, .cta:after, .page-footer-content-wrapper:after, .db:after, .d:before, .slider-inner:before, .produits-cols.produits-col-depliant .col:before,
.produits-cols.produits-col-depliant .col-2:before,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:before, .blog-main .type-post:before, .dt:before, .cta:before, .page-footer-content-wrapper:before, .db:before {
content: none !important; } }
.d:before, .slider-inner:before, .produits-cols.produits-col-depliant .col:before,
.produits-cols.produits-col-depliant .col-2:before,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:before, .blog-main .type-post:before, .dt:before, .cta:before, .page-footer-content-wrapper:before {
content: '';
top: -1px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.d:after, .slider-inner:after, .produits-cols.produits-col-depliant .col:after,
.produits-cols.produits-col-depliant .col-2:after,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:after, .blog-main .type-post:after, .db:after {
content: '';
bottom: -1px; }
.logo {
max-width: 200px;
left: 32px;
height: 200px;
position: absolute;
z-index: 9999; }
@media only screen and (max-width: 1150px) {
.logo {
max-width: 125px;
height: 125px; } }
.contrast-zone {
padding: 60px 0; }
.contrast-zone.parallax * {
color: #eeeeee; }
.contrast-zone.not-parallax {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.6);
background-repeat: no-repeat;
background-blend-mode: multiply;
margin-bottom: 60px; }
.contrast-zone.not-parallax h2, .contrast-zone.not-parallax .box .box-title, .box .contrast-zone.not-parallax .box-title, .contrast-zone.not-parallax .shadow-box .box-title, .shadow-box .contrast-zone.not-parallax .box-title, .contrast-zone.not-parallax .sidebar h3, .sidebar .contrast-zone.not-parallax h3, .contrast-zone.not-parallax .comment-reply-title, .contrast-zone.not-parallax h1.contact-title {
color: #eeeeee; }
.contrast-zone.not-parallax p {
color: #eeeeee; }
.contrast-zone.dt, .contrast-zone.cta, .contrast-zone.page-footer-content-wrapper {
padding-top: 0; }
.paragraphe-avec-image--text {
background: #dde8b5; }
.paragraphe-avec-image--text * {
color: #444444; }
.paragraphe-avec-image--text h2, .paragraphe-avec-image--text .box .box-title, .box .paragraphe-avec-image--text .box-title, .paragraphe-avec-image--text .shadow-box .box-title, .shadow-box .paragraphe-avec-image--text .box-title, .paragraphe-avec-image--text .sidebar h3, .sidebar .paragraphe-avec-image--text h3, .paragraphe-avec-image--text .comment-reply-title, .paragraphe-avec-image--text h1.contact-title {
color: #006f3e;
margin-top: 0; }
.no-slide {
height: 0; }
@media only screen and (max-width: 767px) {
.no-slide {
height: 0; } }
.cta {
background: #444444; }
.cta .btn, .cta .box-dlir-link, .cta .comments .submit, .comments .cta .submit, .cta .comment-reply-link, .cta .wpcf7 .wpcf7-submit, .wpcf7 .cta .wpcf7-submit {
margin-top: 20px; }
.padded-top {
padding-top: 60px;
padding-top: 3.125vw; }
.padded-bottom {
padding-bottom: 60px;
padding-bottom: 3.125vw; }
.header-social .fa {
font-size: 43px; }
@media only screen and (max-width: 767px) {
.header-social .fa {
font-size: 20px; } }
@media only screen and (max-width: 767px) {
.header-social {
display: block;
font-size: 20px; } }
@media only screen and (max-width: 767px) {
.header-inner-contact {
padding-right: 8px; } }
@media only screen and (max-width: 767px) {
.header-contact {
margin-right: 0;
font-size: 19px; } }
.header-top {
padding-bottom: 0; }
.slide-with-text {
min-height: 500px;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: multiply;
background-color: #eeeeee;
color: #fff;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 22px;
line-height: 30px; }
.page-template-template-contact .slide-with-text {
background-position: 83% center; }
.slide-with-text.slide-with-text-shadow {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9); }
.slide-with-text.slide-with-text-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.slide-with-text.slide-with-text-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.slide-with-text.slide-with-text-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media only screen and (max-width: 767px) {
.slide-with-text {
min-height: 300px; } }
.slide-with-text .slide-text {
width: 50%;
text-align: center;
padding: 16px 3.125vw; }
@media only screen and (max-width: 767px) {
.slide-with-text .slide-text {
width: 100%;
padding: 16px 1.5625vw; } }
.slide-with-text .slide-form-text-button-container {
margin-bottom: 0; }
.slide-with-text .slide-form-text-inner {
display: inline-block; }
.slide-with-text .slide-text-title {
color: inherit;
text-align: center;
font-size: 50px;
line-height: 50px;
margin-bottom: 16px;
font-weight: bold;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.slide-with-text .slide-text-title {
font-size: 36px;
line-height: 36px; } }
.slide-with-text .slide-text-paragraphe {
color: inherit;
font-size: 32px;
line-height: 34px;
text-transform: none;
font-weight: 500; }
.slide-with-text .slide-text-button-link {
letter-spacing: 0;
-webkit-border-radius: 0;
border-radius: 0;
background-color: #006f3e;
color: #ffffff;
text-shadow: none;
font-weight: bold;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6); }
.home-services-intro {
max-width: 1080px;
margin: 0 auto; }
.home-services-intro p {
text-align: justify;
font-size: 24px;
line-height: 32px; }
@media only screen and (max-width: 767px) {
.home-services-intro p {
text-align: left; } }
@media only screen and (max-width: 767px) {
.home-services-intro h2, .home-services-intro .box .box-title, .box .home-services-intro .box-title, .home-services-intro .shadow-box .box-title, .shadow-box .home-services-intro .box-title, .home-services-intro .sidebar h3, .sidebar .home-services-intro h3, .home-services-intro .comment-reply-title, .home-services-intro h1.contact-title {
text-align: left !important; } }
.home-services {
max-width: 1080px;
margin: 0 auto;
font-size: 20px;
line-height: 34px; }
.page-footer-content-wrapper {
background-color: #ffffff;
padding-top: 3.125vw;
padding-bottom: 1.5625vw;
padding-left: 16px;
padding-right: 16px; }
@media only screen and (max-width: 767px) {
.page-footer-content-wrapper {
padding-top: 32px; } }
.footer-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #444444;
text-align: left;
max-width: 1400px;
margin: 0 auto; }
.footer-content address {
font-style: normal; }
@media only screen and (max-width: 1215px) {
.footer-content {
padding-left: 16px;
padding-right: 16px; } }
@media only screen and (max-width: 767px) {
.footer-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; } }
.page-footer-inner {
padding-left: 0 !important;
padding-right: 0 !important; }
.footer-col {
min-width: 316px; }
@media only screen and (max-width: 767px) {
.footer-col:first-child {
margin-bottom: 24px; } }
@media only screen and (max-width: 480px) {
.footer-col {
min-width: 263px;
width: 100%; } }
.footer-col h2, .footer-col .box .box-title, .box .footer-col .box-title, .footer-col .shadow-box .box-title, .shadow-box .footer-col .box-title, .footer-col .sidebar h3, .sidebar .footer-col h3, .footer-col .comment-reply-title, .footer-col h1.contact-title {
margin-top: 0; }
@media only screen and (max-width: 767px) {
.footer-logo {
max-width: 280px;
min-width: 0; } }
.footer-tels {
margin-top: 16px;
font-weight: 700;
letter-spacing: 0.3px;
line-height: 32px;
font-size: 26px; }
.footer-tels a {
display: block; }
.footer-nav ul {
list-style-type: none;
padding-left: 0;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-transform: uppercase; }
.footer-nav ul li {
margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
.footer-nav {
margin-top: 40px; } }
.contact-form-title {
margin-bottom: 8px; }
.contact-form-title ~ p {
margin-bottom: 0; }
.product-cat-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1600px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom: 60px; }
.product-cat-list .product-cat-list-item {
margin: 0.83333vw;
width: 23%;
text-align: center;
-webkit-background-size: cover;
background-size: cover;
padding: 100px 16px 40px;
background-repeat: no-repeat;
background-color: #999999;
background-blend-mode: multiply;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.product-cat-list .product-cat-list-item:hover {
background-color: #bbbbbb; }
.product-cat-list .product-cat-list-item:hover .btn, .product-cat-list .product-cat-list-item:hover .box-dlir-link, .product-cat-list .product-cat-list-item:hover .comments .submit, .comments .product-cat-list .product-cat-list-item:hover .submit, .product-cat-list .product-cat-list-item:hover .comment-reply-link, .product-cat-list .product-cat-list-item:hover .wpcf7 .wpcf7-submit, .wpcf7 .product-cat-list .product-cat-list-item:hover .wpcf7-submit {
opacity: 1; }
.product-cat-list .product-cat-list-item .product-cat-list-item-title {
text-align: inherit;
color: #eeeeee;
text-transform: uppercase;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
font-weight: 600; }
.product-cat-list .product-cat-list-item .btn, .product-cat-list .product-cat-list-item .box-dlir-link, .product-cat-list .product-cat-list-item .comments .submit, .comments .product-cat-list .product-cat-list-item .submit, .product-cat-list .product-cat-list-item .comment-reply-link, .product-cat-list .product-cat-list-item .wpcf7 .wpcf7-submit, .wpcf7 .product-cat-list .product-cat-list-item .wpcf7-submit {
opacity: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #444444;
padding: 16px 32px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms; }
.paragraphe-avec-image.large {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
max-width: 100%; }
.paragraphe-avec-image.large .paragraphe-avec-image--image,
.paragraphe-avec-image.large .paragraphe-avec-image--text {
padding: 0;
margin-bottom: 0; }
.paragraphe-avec-image.large .paragraphe-avec-image--image {
background-position: center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-image.large .paragraphe-avec-image--image {
height: 300px; } }
.paragraphe-avec-image.large .paragraphe-avec-image--text {
padding: 8.33333vw; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-image.large .paragraphe-avec-image--text {
padding: 16px; } }
.blocs-lien-image-container .row, .blocs-lien-image-container .gallerie {
max-width: 1600px; }
.blocs-lien-image-container * {
-webkit-border-radius: 0;
border-radius: 0; }
.blocs-lien-image-column {
padding-top: 60px;
padding-bottom: 60px; }
.blocs-lien-image-link {
position: relative; }
.blocs-lien-image-link:hover .blocs-lien-image-link-text {
background: #000000;
background: rgba(0, 0, 0, 0.4); }
.blocs-lien-image-link-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
font-size: 40px;
line-height: 40px;
font-weight: 300;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9); }
@media only screen and (max-width: 1200px) {
.blocs-lien-image-link-text {
font-size: 24px;
line-height: 30px; } }
@media only screen and (max-width: 1023px) {
.blocs-lien-image-link-text {
font-size: 16px;
line-height: 20px; } }
@media only screen and (max-width: 767px) {
.blocs-lien-image-link-text {
font-size: 1.95567vw;
line-height: 2.47718vw; } }
@media only screen and (max-width: 567px) {
.blocs-lien-image-link-text {
font-size: 24px;
line-height: 30px; } }
@media only screen and (max-width: 359px) {
.blocs-lien-image-link-text {
font-size: 18px;
line-height: 22px; } }
.blocs-lien-image-link-text:before {
content: '';
display: inline-block;
height: 100%;
margin-right: -4px;
width: 0.01%;
vertical-align: middle; }
.blocs-lien-image-link-text .blocs-lien-image-link-text-inner {
display: inline-block;
margin-right: -4px;
width: 99.99%;
vertical-align: middle; }
.home-featured {
max-width: 1600px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px; }
.home-featured h2, .home-featured .box .box-title, .box .home-featured .box-title, .home-featured .shadow-box .box-title, .shadow-box .home-featured .box-title, .home-featured .sidebar h3, .sidebar .home-featured h3, .home-featured .comment-reply-title, .home-featured h1.contact-title {
text-align: center;
font-size: 32px;
line-height: 1.3;
margin-bottom: 16px; }
@media only screen and (max-width: 1416px) {
.home-featured h2, .home-featured .box .box-title, .box .home-featured .box-title, .home-featured .shadow-box .box-title, .shadow-box .home-featured .box-title, .home-featured .sidebar h3, .sidebar .home-featured h3, .home-featured .comment-reply-title, .home-featured h1.contact-title {
font-size: 24px;
line-height: 1.3; } }
@media only screen and (max-width: 1090px) {
.home-featured h2, .home-featured .box .box-title, .box .home-featured .box-title, .home-featured .shadow-box .box-title, .shadow-box .home-featured .box-title, .home-featured .sidebar h3, .sidebar .home-featured h3, .home-featured .comment-reply-title, .home-featured h1.contact-title {
font-size: 20px;
line-height: 1.3; } }
.home-featured .col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 480px;
width: 30%;
min-width: 300px;
margin: 0.83333vw; }
@media only screen and (max-width: 948px) {
.home-featured .col {
width: 48%; }
.home-featured .col h2, .home-featured .col .box .box-title, .box .home-featured .col .box-title, .home-featured .col .shadow-box .box-title, .shadow-box .home-featured .col .box-title, .home-featured .col .sidebar h3, .sidebar .home-featured .col h3, .home-featured .col .comment-reply-title, .home-featured .col h1.contact-title {
font-size: 28px; } }
@media only screen and (max-width: 767px) {
.home-featured .col {
width: 100%;
margin: 0 auto; } }
.home-featured p:nth-child(3) {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 17px;
line-height: 27px; }
.copyright {
background-color: #ffffff;
color: #444444;
height: 40px; }
@media only screen and (max-width: 767px) {
.copyright {
height: 100px;
padding-left: 16px;
padding-right: 16px; } }
.page-footer-inner {
background: url(//ohbio.ca/wp-content/themes/verteb/img/pattern.svg) repeat-x;
max-width: 100%;
padding-bottom: 60px;
background-position: left 40px; }
h3 {
margin-bottom: 8px; }
.produits-intro {
margin: 40px auto;
max-width: 1000px;
color: #444444;
text-align: justify;
font-size: 24px; }
.produits-intro * {
vertical-align: top; }
.produits-intro :last-child {
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.produits-intro {
text-align: left; } }
.produits-cols {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.produits-cols .col {
max-width: 600px;
min-width: 300px;
margin: 0.83333vw; }
.produits-cols .col h3 {
color: #444444;
font-weight: bold; }
.produits-cols .col h3,
.produits-cols .col p {
padding-left: 111px;
margin-top: 0; }
@media only screen and (max-width: 767px) {
.produits-cols .col h3,
.produits-cols .col p {
padding-left: 0; } }
.produits-cols .col :last-child {
margin-bottom: 0; }
.produits-cols .col ul {
padding-left: 20px; }
.produits-cols .col li {
margin-bottom: 16px; }
@media only screen and (max-width: 767px) {
.produits-cols .col {
margin-bottom: 32px; } }
.produits-cols .col-2, .produits-cols .paragraphe-avec-icone-col-2 {
width: 48%; }
@media only screen and (max-width: 767px) {
.produits-cols .col-2, .produits-cols .paragraphe-avec-icone-col-2 {
width: 100%; } }
.produits-cols .col-3 {
width: 30%; }
@media only screen and (max-width: 767px) {
.produits-cols .col-3 {
width: 100%; } }
.produits-cols.produits-cols-no-padding .col h3,
.produits-cols.produits-cols-no-padding .col p {
padding-left: 0; }
.produits-cols.produits-col-depliant {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
padding: 0;
position: relative;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 3.125vw;
padding-bottom: 3.125vw; }
.produits-cols.produits-col-depliant .col,
.produits-cols.produits-col-depliant .col-2,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2 {
width: 100%;
max-width: 50%;
margin: 0;
padding: 3.125vw;
background: #eff4dc;
padding-top: 80px;
padding-bottom: 80px; }
.produits-cols.produits-col-depliant .col *,
.produits-cols.produits-col-depliant .col-2 *,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2 * {
text-align: center; }
.produits-cols.produits-col-depliant .col:nth-child(3n+1),
.produits-cols.produits-col-depliant .col-2:nth-child(3n+1),
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:nth-child(3n+1) {
background: #dde8b5; }
@media only screen and (max-width: 767px) {
.produits-cols.produits-col-depliant .col,
.produits-cols.produits-col-depliant .col-2,
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2 {
max-width: 100%;
padding-top: 32px;
padding-bottom: 32px; }
.produits-cols.produits-col-depliant .col:nth-child(odd),
.produits-cols.produits-col-depliant .col-2:nth-child(odd),
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:nth-child(odd) {
background: #dde8b5 !important; }
.produits-cols.produits-col-depliant .col:nth-child(even),
.produits-cols.produits-col-depliant .col-2:nth-child(even),
.produits-cols.produits-col-depliant .paragraphe-avec-icone-col-2:nth-child(even) {
background: #e8efcc !important; } }
.produits-cols.produits-col-depliant h2, .produits-cols.produits-col-depliant .box .box-title, .box .produits-cols.produits-col-depliant .box-title, .produits-cols.produits-col-depliant .shadow-box .box-title, .shadow-box .produits-cols.produits-col-depliant .box-title, .produits-cols.produits-col-depliant .sidebar h3, .sidebar .produits-cols.produits-col-depliant h3, .produits-cols.produits-col-depliant .comment-reply-title, .produits-cols.produits-col-depliant h1.contact-title {
margin-top: 0; }
.produits-cols.produits-col-depliant h3,
.produits-cols.produits-col-depliant p {
padding-left: 0;
margin-top: 0; }
@media only screen and (max-width: 767px) {
.produits-cols.produits-col-depliant h3,
.produits-cols.produits-col-depliant p {
padding-left: 0; } }
@media only screen and (max-width: 767px) {
.produits-cols.produits-col-depliant {
padding-bottom: 0; } }
.media h2 a, .media .box .box-title a, .box .media .box-title a, .media .shadow-box .box-title a, .shadow-box .media .box-title a, .media .sidebar h3 a, .sidebar .media h3 a, .media .comment-reply-title a, .media h1.contact-title a {
color: inherit; }
.media {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.media p {
padding-left: 0 !important; }
.media img {
width: 96px;
display: inline-block;
margin: 0 15px 0 0; }
.media h2, .media .box .box-title, .box .media .box-title, .media .shadow-box .box-title, .shadow-box .media .box-title, .media .sidebar h3, .sidebar .media h3, .media .comment-reply-title, .media h1.contact-title {
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase; }
.paragraphe-avec-icone-col-1 .paragraphe-avec-icone--image {
width: 136px; }
@media only screen and (max-width: 767px) {
.paragraphe-avec-icone-col-1 .paragraphe-avec-icone--image {
text-align: center;
margin-bottom: 16px;
width: 100%; }
.paragraphe-avec-icone-col-1 .paragraphe-avec-icone--image img {
width: 68px;
display: inline-block; } }
small {
line-height: 24px;
font-size: 18px;
display: block; }
.sidebar h3 {
color: #444444;
font-size: 24px;
line-height: 32px; }
@media only screen and (max-width: 1114px) {
.main-nav .menu > .menu-item {
padding-right: 18px; } }
.header-adresse,
.header-social {
display: inline-block;
vertical-align: bottom; }
.header-adresse-name {
font-weight: bold;
display: block;
line-height: 16px; }
@media only screen and (max-width: 767px) {
.header-social {
display: inline; } }
.header-top {
padding-bottom: 1px; }
@media only screen and (max-width: 767px) {
.header-top {
padding-top: 0; } }
[itemprop="addressLocality"] {
white-space: nowrap; }
@media only screen and (max-width: 767px) {
h1.contact-title {
font-size: 36px;
line-height: 40px;
margin-bottom: 6px; } }
#mc_embed_signup input.email {
width: 96% !important; }
#mc_embed_signup .button {
background: #006f3e !important; }
.infolettre-wrapper {
max-width: 400px;
margin: 0 auto; }
.infolettre .main .infolettre-wrapper {
padding-bottom: 140px; }
blockquote {
padding: 0;
margin: 0; }
.blog-main .type-post {
background: #dde8b5;
padding: 3.33333vw;
margin-bottom: 16px; }
.blog-main .type-post:nth-child(even) {
background: #eff4dc; }
.blog-main .type-post .more-link {
border-bottom: none;
margin-bottom: 0; }
.blog-main .type-post .single-blog-title {
margin-bottom: 6px; }
.blog-main .type-post .hentry-text a {
color: #444444;
text-decoration: underline; }
.sidebar {
background: #eff4dc;
border: none;
padding: 1.66667vw; }
@media only screen and (max-width: 767px) {
.produits-erable {
background: #dde8b5 !important;
padding-top: 16px;
padding-bottom: 16px;
margin-top: 0; }
.produits-erable p {
color: #444444 !important; }
.produits-erable h2, .produits-erable .box .box-title, .box .produits-erable .box-title, .produits-erable .shadow-box .box-title, .shadow-box .produits-erable .box-title, .produits-erable .sidebar h3, .sidebar .produits-erable h3, .produits-erable .comment-reply-title, .produits-erable h1.contact-title {
color: #006f3e !important; }
.produits-erable .text-block {
padding-top: 0;
padding-bottom: 0; } }
#mc-embedded-subscribe {
display: inline-block;
padding: 11px 16px 8px 16px;
margin-top: 8px;
color: white;
font-size: 16px;
border: none;
-webkit-border-radius: 8px;
border-radius: 8px; }
.cta-social {
color: #444444; }
.cta-social * {
text-align: left !important;
font-size: 24px !important; }
.cat-1, .contrast-zone.cat-1 {
background-color: #DEE8B4;
margin-bottom: 0; }
.cat-1 h2, .cat-1 .box .box-title, .box .cat-1 .box-title, .cat-1 .shadow-box .box-title, .shadow-box .cat-1 .box-title, .cat-1 .sidebar h3, .sidebar .cat-1 h3, .cat-1 .comment-reply-title, .cat-1 h1.contact-title, .contrast-zone.cat-1 h2, .contrast-zone.cat-1 .box .box-title, .box .contrast-zone.cat-1 .box-title, .contrast-zone.cat-1 .shadow-box .box-title, .shadow-box .contrast-zone.cat-1 .box-title, .contrast-zone.cat-1 .sidebar h3, .sidebar .contrast-zone.cat-1 h3, .contrast-zone.cat-1 .comment-reply-title, .contrast-zone.cat-1 h1.contact-title {
color: #006f3e; }
.cat-2, .contrast-zone.cat-2 {
background: #EFF4DC;
margin-top: 0; }
.cat-2 h2, .cat-2 .box .box-title, .box .cat-2 .box-title, .cat-2 .shadow-box .box-title, .shadow-box .cat-2 .box-title, .cat-2 .sidebar h3, .sidebar .cat-2 h3, .cat-2 .comment-reply-title, .cat-2 h1.contact-title, .contrast-zone.cat-2 h2, .contrast-zone.cat-2 .box .box-title, .box .contrast-zone.cat-2 .box-title, .contrast-zone.cat-2 .shadow-box .box-title, .shadow-box .contrast-zone.cat-2 .box-title, .contrast-zone.cat-2 .sidebar h3, .sidebar .contrast-zone.cat-2 h3, .contrast-zone.cat-2 .comment-reply-title, .contrast-zone.cat-2 h1.contact-title {
color: #006f3e; }
.produits-cols .col-1 {
max-width: 100%; }
.mt {
margin-top: 64px; }
.mb {
margin-bottom: 64px; }