@charset "UTF-8";
 @keyframes bounce {
from,
20%,
53%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%,
43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from,
11.1%,
to {
transform: translate3d(0, 0, 0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.heartBeat {
animation-name: heartBeat;
animation-duration: 1.3s;
animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-duration: 0.75s;
animation-name: bounceIn;
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-duration: 0.75s;
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
}
.animated.flip {
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-duration: 0.75s;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
animation-duration: 0.75s;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-duration: 2s;
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
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);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
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);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
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);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
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);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
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);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
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);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
animation-duration: 1ms !important;
transition-duration: 1ms !important;
animation-iteration-count: 1 !important;
}
} .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; } .hamburger--3dx .hamburger-box {
perspective: 80px; }
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dx-r .hamburger-box {
perspective: 80px; }
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg); }
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy .hamburger-box {
perspective: 80px; }
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg); }
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy-r .hamburger-box {
perspective: 80px; }
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg); }
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy .hamburger-box {
perspective: 80px; }
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg) rotateY(180deg); }
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy-r .hamburger-box {
perspective: 80px; }
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg); }
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg); }
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none; }
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg); }
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); } .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s; } .hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s; } .hamburger--emphatic {
overflow: hidden; }
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent; }
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r {
overflow: hidden; }
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent; }
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
.hamburger--minus.is-active .hamburger-inner::before {
top: 0; }
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0; } .hamburger--slider .hamburger-inner {
top: 2px; }
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger--slider-r .hamburger-inner {
top: 2px; }
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.hamburger--slider-r .hamburger-inner::after {
top: 20px; }
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg); }
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg); } .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg); } .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg); }
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{transition:all 0s}.tns-slider>.tns-item{box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:calc(100% / 70);height:10px;float:left} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}  article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
} body {
line-height: 1;
} ol, ul {
list-style: none;
} blockquote, q {
quotes: none;
} blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} html {
transition: all 0.4s ease;
} html.wf-loading {
opacity: 0;
} html.wf-active, html.wf-inactive {
opacity: 1;
} .bg-green {
background-color: #a2c03b;
} .bg-teal {
background-color: #3d8099;
} .bg-white {
background-color: #fff;
} .bg-black {
background-color: #333;
} .bg-darkgrey {
background-color: #333;
} .bg-grey {
background-color: #f6f6f6;
} .bg-midgrey {
background-color: #dadada;
} .bg-greenwhite {
background-color: #f1f2ea;
} .bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white h6, .bg-white p, .bg-white a:not(.button),
.bg-grey h1,
.bg-grey h2,
.bg-grey h3,
.bg-grey h4,
.bg-grey h5,
.bg-grey h6,
.bg-grey p,
.bg-grey a:not(.button) {
color: #333;
} .bg-teal h1, .bg-teal h2, .bg-teal h3, .bg-teal h4, .bg-teal h5, .bg-teal h6, .bg-teal p, .bg-teal a:not(.button),
.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4,
.bg-green h5,
.bg-green h6,
.bg-green p,
.bg-green a:not(.button),
.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5,
.bg-black h6,
.bg-black p,
.bg-black a:not(.button),
.bg-darkgrey h1,
.bg-darkgrey h2,
.bg-darkgrey h3,
.bg-darkgrey h4,
.bg-darkgrey h5,
.bg-darkgrey h6,
.bg-darkgrey p,
.bg-darkgrey a:not(.button),
.bg-grey h1,
.bg-grey h2,
.bg-grey h3,
.bg-grey h4,
.bg-grey h5,
.bg-grey h6,
.bg-grey p,
.bg-grey a:not(.button) {
color: #fff;
} body {
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
color: #333;
} * {
box-sizing: border-box;
} .container {
max-width: 1180px;
padding: 0px 30px;
margin: 0 auto;
}
@media all and (max-width: 600px) { .container {
padding: 0px 15px;
}
} body.home .column-section .container {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
max-width: 1000px;
} .col {
float: left;
} .col.col1of2 {
width: 50%;
} .col.col1of3 {
width: 33.333%;
} .col > *:first-child {
margin-top: 0;
} .col > *:last-child {
margin-bottom: 0;
}
@media all and (max-width: 600px) { .col {
float: none;
width: 100% !important;
}
} img {
max-width: 100%;
height: auto;
} a {
text-decoration: none;
} .v-align {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
} input {
backound: #fff;
border: none;
padding: 10px;
max-width: 100%;
} ul,
li {
list-style: none;
} .main-content {
font-size: 14px;
} .main-content input, .main-content textarea {
font-family: "Open Sans", sans-serif;
width: 100%;
box-sizing: border-box;
background: #eee;
border: none;
padding: 15px;
margin: 0;
} .main-content input.wpcf7-submit, .main-content textarea.wpcf7-submit {
background: #555555;
display: inline-block;
width: auto;
padding: 15px 80px;
font-size: 18px;
font-weight: 600;
color: #fff;
} .main-content ul {
padding: 0 0 0 15px;
list-style-type: disc;
} .main-content ul li {
list-style-type: disc;
} .main-content ul + p {
margin-top: 10px;
} .main-content ol {
margin: 20px 20px 20px 24px;
} .main-content ol, .main-content ol li {
list-style-type: decimal;
list-style-position: outside;
} *[disabled] {
pointer-events: none;
cursor: default;
} span.wpcf7-not-valid-tip {
font-size: 12px;
} .wpcf7-form br {
display: none;
} .wpcf7-response-output {
position: relative;
margin: 0px 0px 20px 0px;
} .wpcf7-response-output:after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
transform: translateX(-50%);
} .wpcf7-response-output.wpcf7-validation-errors:after {
border-top-color: #df5c49;
} .wpcf7-form-control-wrap {
position: relative;
display: block;
margin: 0;
margin-bottom: 15px;
} .wpcf7-form-control-wrap:first-child {
margin-top: 0;
} .wpcf7-form-control-wrap:last-child {
margin-bottom: 0;
} .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid {
border-left: 4px solid #df5c49;
} div.wpcf7-response-output {
margin: 15px 0;
padding: 15px;
border: none;
background: #333;
font-size: 13px;
font-weight: 600;
line-height: 18px;
color: #fff;
} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
background: #df5c49;
} table, tr, td {
border: 1px solid #676767;
font-size: 15px;
line-height: 18px;
} table td {
padding: 10px;
} .frm_style_formidable-style.with_frm_style label.frm_primary_label {
display: none;
} .action-section .frm_style_formidable-style.with_frm_style .form-field {
margin: 0;
float: left;
width: 25%;
clear: none;
padding: 5px;
box-sizing: border-box;
} .action-section .frm_submit {
width: 25%;
float: left;
clear: none;
padding: 5px;
} .action-section .frm_btn_center .frm_submit {
width: 25%;
clear: none;
padding: 5px;
margin: 0 auto;
float: none;
} .action-section .frm_btn_left .frm_submit {
width: 25%;
clear: none;
padding: 5px;
margin: 0;
float: left;
} .action-section .frm_btn_right .frm_submit {
width: 25%;
clear: none;
padding: 5px;
margin: 0;
float: right;
} .action-section .signup-template .frm_style_formidable-style.with_frm_style .form-field {
width: 33.333%;
} .action-section .signup-template .frm_submit {
width: 33.333%;
}
@media all and (max-width: 782px) { .action-section .frm_style_formidable-style.with_frm_style .form-field,
.action-section .frm_submit {
float: none;
width: 100%;
}
} form[name=gm_form] input[type="submit"] {
background: #3d8099;
color: #fff;
padding: 10px 30px !important;
border-radius: 0px !important;
border: 0px !important;
box-shadow: none;
} form.frm_pro_form {
position: relative;
} .action-section .frm_style_formidable-style.with_frm_style .frm_submit button {
width: 100%;
margin: 0;
padding: 4px;
} .action-section .frm_style_formidable-style.with_frm_style .frm_error_style {
position: absolute;
background: red;
border: none;
bottom: 105%;
left: 50%;
padding: 0 20px;
text-align: center;
transform: translateX(-50%);
} .action-section .frm_style_formidable-style.with_frm_style .frm_error {
position: relative;
color: #fff;
line-height: 18px;
margin-top: 5px;
font-size: 10px;
font-weight: 300;
} .action-section .frm_style_formidable-style.with_frm_style .frm_error_style p {
font-weight: 600;
font-size: 13px;
line-height: 18px;
margin: 10px 0;
} .frm_style_formidable-style.with_frm_style .frm_error_style {
background: #ce0505;
border: none;
border-radius: 0px;
color: #fff;
padding: 10px;
} .frm_style_formidable-style.with_frm_style .frm_error_style p {
margin: 0;
font-size: 13px;
line-height: 18px;
font-weight: 600;
} .sidebar .frm_style_formidable-style.with_frm_style .frm_message p {
margin-top: 0px;
color: #fff;
font-size: 17px;
} .action-section .frm_style_formidable-style.with_frm_style .frm_message p {
color: #fff;
margin: 0;
font-size: 17px;
font-weight: 600;
} .action-section .frm_style_formidable-style.with_frm_style .frm_message {
margin: 0;
} .action-section .frm_forms.frm_style_formidable-style.with_frm_style {
padding: 20px 0;
} .exit-intent-form .frm_style_formidable-style.with_frm_style .form-field {
margin: 0;
} .exit-intent-form .frm_style_formidable-style.with_frm_style .frm_submit button {
width: 100%;
background: #3d8099;
color: #fff;
border-radius: 0px;
border: none;
padding: 10px;
font-weight: 600;
font-size: 15px;
font-family: 'Open Sans',sans-serif;
margin-top: 10px;
} .frm_style_formidable-style.with_frm_style .frm_submit button {
margin: 0;
} .sidebar .frm_style_formidable-style.with_frm_style .form-field {
margin-bottom: 10px;
} .toolkit-download .frm_forms.frm_style_formidable-style.with_frm_style {
padding: 0;
} .main-footer .frm_forms.frm_style_formidable-style.with_frm_style {
padding-top: 0px;
} .frm_style_formidable-style.with_frm_style input[type=text],
.frm_style_formidable-style.with_frm_style input[type=password],
.frm_style_formidable-style.with_frm_style input[type=email],
.frm_style_formidable-style.with_frm_style input[type=number],
.frm_style_formidable-style.with_frm_style input[type=url],
.frm_style_formidable-style.with_frm_style input[type=tel],
.frm_style_formidable-style.with_frm_style input[type=phone],
.frm_style_formidable-style.with_frm_style input[type=search],
.frm_style_formidable-style.with_frm_style select,
.frm_style_formidable-style.with_frm_style textarea {
border-radius: 0px;
padding: 13px 10px;
} .frm_style_formidable-style.with_frm_style select {
padding: 0em 10px;
min-height: 41.5px;
} .frm_style_formidable-style.with_frm_style select:invalid {
font-style: italic;
} .frm_style_formidable-style.with_frm_style select:not(.has-value) {
color: #a1a1a1;
} .frm_style_formidable-style.with_frm_style select:focus:not(.has-value) {
color: black;
}  .frm_style_formidable-style.with_frm_style select > option {
font-style: normal;
}  .frm_style_formidable-style.with_frm_style select option[value=""], .frm_style_formidable-style.with_frm_style select option:not([value]) {
font-style: italic;
} .frm_style_formidable-style.with_frm_style .frm_form_fields > fieldset {
padding: 0;
} .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #3d8099;
color: #fff;
padding: 9px 30px 10px 30px !important;
border-radius: 0px !important;
border: 0px !important;
box-shadow: none;
} .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
background: #202020;
color: #fff;
} .action-section .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #202020;
} .action-section .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
background: #a2c03b;
} .exit-intent-form .frm_submit,
.exit-intent-form .frm_button_submit {
margin-bottom: 30px;
} a#CybotCookiebotDialogBodyLevelButtonAccept {
background-color: #a2c03b !important;
border: 1px solid #a2c03b !important;
} .section .cookieconsent-optout-marketing {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
top: 0;
background: #a2c03b;
left: 0;
right: 20px;
bottom: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 50px;
color: #fff;
text-align: center;
font-size: 20px;
line-height: 28px;
overflow: hidden;
} .section .cookieconsent-optout-marketing * {
margin: 10px auto;
max-width: 400px;
} .section .cookieconsent-optout-marketing p {
font-size: 17px;
} .section .cookieconsent-optout-marketing + p {
margin: 0;
} .section .cookieconsent-optout-marketing img {
width: 100%;
height: auto;
max-width: 160px;
margin: 0;
margin-top: 10px;
} .section .cookieconsent-optout-marketing a {
color: #fff;
text-decoration: underline;
} .section .cookieconsent-optout-marketing .cover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
margin: 0;
max-width: 100%;
background-position: center;
} .section .cookieconsent-optout-marketing .cover:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 9;
} .section .cookieconsent-optout-marketing .cover .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
transition: all 0.3s;
} .section .cookieconsent-optout-marketing .cover .play-button br {
display: none;
} .section .cookieconsent-optout-marketing .cover .play-button svg {
width: 110px;
height: auto;
} .section .cookieconsent-optout-marketing .cover .play-button svg path {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
fill: rgba(255, 255, 255, 0.5);
} .section .cookieconsent-optout-marketing .cover .play-button:hover {
transform: translate(-50%, -50%) scale(1.15);
} .section .cookieconsent-optout-marketing .cover .play-button:hover svg path {
fill: #fff;
} #CybotCookiebotDialog {
z-index: 500 !important;
} .CookieDeclaration {
display: none;
}  ol.lower-alpha {
list-style-type: lower-alpha;
} ol.lower-alpha > li {
list-style-type: lower-alpha;
} ol.lower-decimal {
list-style-type: decimal;
} ol.lower-decimal > li {
list-style-type: decimal;
} ol.lower-roman {
list-style-type: lower-roman;
} ol.lower-roman > li {
list-style-type: lower-roman;
}
@media all and (max-width: 782px) { .tawk-min-container, .tawk-min-container .tawk-button {
display: none;
}  .tawk-mobile {
display: none;
}
}
@media all and (max-width: 600px) { .tawk-min-container, .tawk-min-container .tawk-button {
display: none;
}  .tawk-mobile {
display: none;
}
}
@media all and (max-width: 320px) { .tawk-min-container, .tawk-min-container .tawk-button {
display: none;
}  .tawk-mobile {
display: none;
}
} .mobile-visible-desktop-hidden {
display: none;
}
@media all and (max-width: 1050px) { .mobile-visible-desktop-hidden {
display: block !important;
}
} .desktop-visible-mobile-hidden {
display: none;
}
@media all and (min-width: 1050px) { .desktop-visible-mobile-hidden {
display: block !important;
}
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local(""), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/open-sans-v27-latin-300.woff2) format("woff2"); font-display: swap;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src: local(""), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/open-sans-v27-latin-500.woff2) format("woff2"); font-display: swap;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local(""), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/open-sans-v27-latin-regular.woff2) format("woff2"); font-display: swap;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local(""), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/open-sans-v27-latin-700.woff2) format("woff2"); font-display: swap;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local(""), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/open-sans-v27-latin-600.woff2) format("woff2"); font-display: swap;
} @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local(""), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/open-sans-v27-latin-800.woff2) format("woff2"); font-display: swap;
} body {
font-family: 'Open Sans', sans-serif;
color: #333;
line-height: 1.4em;
} hr {
border: none;
border-top: 1px solid #e0e0e0;
margin: 30px auto 20px;
display: block;
width: 100%;
max-width: 160px;
} a {
color: #3d8099;
} p, h1, h2, h3, h4, h5, h6 {
margin: 20px 0;
line-height: 1.4em;
} p {
font-size: 14px;
line-height: 22px;
} h1 {
font-size: 48px;
line-height: 54px;
} h2 {
font-size: 35px;
line-height: 38px;
} h3 {
font-size: 24px;
line-height: 32px;
} h4 {
font-size: 18px;
line-height: 24px;
} small {
font-size: 12px;
line-height: 14px;
} blockquote {
border-top: 4px solid #3d8099;
border-bottom: 4px solid #3d8099;
padding: 20px;
margin: 30px 0;
font-size: 22px;
line-height: 30px;
color: #333;
} blockquote p {
font-size: 22px;
line-height: 30px;
color: #333;
} blockquote p:first-child {
margin-top: 0;
} blockquote p:last-child {
margin-bottom: 0;
}
@media all and (max-width: 600px) { h1 {
font-size: 30px;
line-height: 38px;
}
}      .pure-img {
max-width: 100%;
height: auto;
display: block;
}  .pure-g {
text-rendering: optimizespeed;  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; -ms-flex-line-pack: start;
align-content: flex-start;
} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { table .pure-g {
display: block;
}
}  .opera-only :-o-prefocus,
.pure-g {
word-spacing: -0.43em;
} .pure-u {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}  .pure-g [class*="pure-u"] {
font-family: sans-serif;
} .pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
} .pure-u-1-24 {
width: 4.1667%;
} .pure-u-1-12,
.pure-u-2-24 {
width: 8.3333%;
} .pure-u-1-8,
.pure-u-3-24 {
width: 12.5000%;
} .pure-u-1-6,
.pure-u-4-24 {
width: 16.6667%;
} .pure-u-1-5 {
width: 20%;
} .pure-u-5-24 {
width: 20.8333%;
} .pure-u-1-4,
.pure-u-6-24 {
width: 25%;
} .pure-u-7-24 {
width: 29.1667%;
} .pure-u-1-3,
.pure-u-8-24 {
width: 33.3333%;
} .pure-u-3-8,
.pure-u-9-24 {
width: 37.5000%;
} .pure-u-2-5 {
width: 40%;
} .pure-u-5-12,
.pure-u-10-24 {
width: 41.6667%;
} .pure-u-11-24 {
width: 45.8333%;
} .pure-u-1-2,
.pure-u-12-24 {
width: 50%;
} .pure-u-13-24 {
width: 54.1667%;
} .pure-u-7-12,
.pure-u-14-24 {
width: 58.3333%;
} .pure-u-3-5 {
width: 60%;
} .pure-u-5-8,
.pure-u-15-24 {
width: 62.5000%;
} .pure-u-2-3,
.pure-u-16-24 {
width: 66.6667%;
} .pure-u-17-24 {
width: 70.8333%;
} .pure-u-3-4,
.pure-u-18-24 {
width: 75%;
} .pure-u-19-24 {
width: 79.1667%;
} .pure-u-4-5 {
width: 80%;
} .pure-u-5-6,
.pure-u-20-24 {
width: 83.3333%;
} .pure-u-7-8,
.pure-u-21-24 {
width: 87.5000%;
} .pure-u-11-12,
.pure-u-22-24 {
width: 91.6667%;
} .pure-u-23-24 {
width: 95.8333%;
} .pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
width: 100%;
} .pure-button { display: inline-block;
line-height: normal;
white-space: nowrap;
vertical-align: middle;
text-align: center;
cursor: pointer;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
}  .pure-button::-moz-focus-inner {
padding: 0;
border: 0;
}  .pure-button-group {
letter-spacing: -0.31em; text-rendering: optimizespeed; } .opera-only :-o-prefocus,
.pure-button-group {
word-spacing: -0.43em;
} .pure-button-group .pure-button {
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}  .pure-button {
font-family: inherit;
font-size: 100%;
padding: 0.5em 1em;
color: rgba(0, 0, 0, 0.8);
border: none rgba(0, 0, 0, 0);
background-color: #E6E6E6;
text-decoration: none;
border-radius: 2px;
} .pure-button-hover,
.pure-button:hover,
.pure-button:focus {
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
} .pure-button:focus {
outline: 0;
} .pure-button-active,
.pure-button:active {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
border-color: #000;
} .pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
border: none;
background-image: none;
opacity: 0.40;
cursor: not-allowed;
box-shadow: none;
pointer-events: none;
} .pure-button-hidden {
display: none;
} .pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
background-color: #0078e7;
color: #fff;
}  .pure-button-group .pure-button {
margin: 0;
border-radius: 0;
border-right: 1px solid rgba(0, 0, 0, 0.2);
} .pure-button-group .pure-button:first-child {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
} .pure-button-group .pure-button:last-child {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-right: none;
}   .pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
padding: 0.5em 0.6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
vertical-align: middle;
box-sizing: border-box;
}  .pure-form input:not([type]) {
padding: 0.5em 0.6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
box-sizing: border-box;
}   .pure-form input[type="color"] {
padding: 0.2em 0.5em;
} .pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
outline: 0;
border-color: #129FEA;
}  .pure-form input:not([type]):focus {
outline: 0;
border-color: #129FEA;
} .pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
outline: thin solid #129FEA;
outline: 1px auto #129FEA;
} .pure-form .pure-checkbox,
.pure-form .pure-radio {
margin: 0.5em 0;
display: block;
} .pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3;
}  .pure-form input:not([type])[disabled] {
cursor: not-allowed;
background-color: #eaeded;
color: #cad2d3;
} .pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
background-color: #eee; color: #777; border-color: #ccc;
} .pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
color: #b94a48;
border-color: #e9322d;
} .pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
outline-color: #e9322d;
} .pure-form select { height: 2.25em;
border: 1px solid #ccc;
background-color: white;
} .pure-form select[multiple] {
height: auto;
} .pure-form label {
margin: 0.5em 0 0.2em;
} .pure-form fieldset {
margin: 0;
padding: 0.35em 0 0.75em;
border: 0;
} .pure-form legend {
display: block;
width: 100%;
padding: 0.3em 0;
margin-bottom: 0.3em;
color: #333;
border-bottom: 1px solid #e5e5e5;
} .pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
display: block;
margin: 0.25em 0;
}  .pure-form-stacked input:not([type]) {
display: block;
margin: 0.25em 0;
} .pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-message-inline {
display: inline-block;
vertical-align: middle;
} .pure-form-aligned textarea {
vertical-align: top;
}  .pure-form-aligned .pure-control-group {
margin-bottom: 0.5em;
} .pure-form-aligned .pure-control-group label {
text-align: right;
display: inline-block;
vertical-align: middle;
width: 10em;
margin: 0 1em 0 0;
} .pure-form-aligned .pure-controls {
margin: 1.5em 0 0 11em;
}  .pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
border-radius: 2em;
padding: 0.5em 1em;
}  .pure-form .pure-group fieldset {
margin-bottom: 10px;
} .pure-form .pure-group input,
.pure-form .pure-group textarea {
display: block;
padding: 10px;
margin: 0 0 -1px;
border-radius: 0;
position: relative;
top: -1px;
} .pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
z-index: 3;
} .pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
top: 1px;
border-radius: 4px 4px 0 0;
margin: 0;
} .pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
top: 1px;
border-radius: 4px;
margin: 0;
} .pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
top: -2px;
border-radius: 0 0 4px 4px;
margin: 0;
} .pure-form .pure-group button {
margin: 0.35em 0;
} .pure-form .pure-input-1 {
width: 100%;
} .pure-form .pure-input-3-4 {
width: 75%;
} .pure-form .pure-input-2-3 {
width: 66%;
} .pure-form .pure-input-1-2 {
width: 50%;
} .pure-form .pure-input-1-3 {
width: 33%;
} .pure-form .pure-input-1-4 {
width: 25%;
}  .pure-form-message-inline {
display: inline-block;
padding-left: 0.3em;
color: #666;
vertical-align: middle;
font-size: 0.875em;
}  .pure-form-message {
display: block;
color: #666;
font-size: 0.875em;
}
@media only screen and (max-width: 480px) { .pure-form button[type="submit"] {
margin: 0.7em 0 0;
} .pure-form input:not([type]),
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form label {
margin-bottom: 0.3em;
display: block;
} .pure-group input:not([type]),
.pure-group input[type="text"],
.pure-group input[type="password"],
.pure-group input[type="email"],
.pure-group input[type="url"],
.pure-group input[type="date"],
.pure-group input[type="month"],
.pure-group input[type="time"],
.pure-group input[type="datetime"],
.pure-group input[type="datetime-local"],
.pure-group input[type="week"],
.pure-group input[type="number"],
.pure-group input[type="search"],
.pure-group input[type="tel"],
.pure-group input[type="color"] {
margin-bottom: 0;
} .pure-form-aligned .pure-control-group label {
margin-bottom: 0.3em;
text-align: left;
display: block;
width: 100%;
} .pure-form-aligned .pure-controls {
margin: 1.5em 0 0 0;
} .pure-form-message-inline,
.pure-form-message {
display: block;
font-size: 0.75em; padding: 0.2em 0 0.8em;
}
}  .pure-menu {
box-sizing: border-box;
} .pure-menu-fixed {
position: fixed;
left: 0;
top: 0;
z-index: 3;
} .pure-menu-list,
.pure-menu-item {
position: relative;
} .pure-menu-list {
list-style: none;
margin: 0;
padding: 0;
} .pure-menu-item {
padding: 0;
margin: 0;
height: 100%;
} .pure-menu-link,
.pure-menu-heading {
display: block;
text-decoration: none;
white-space: nowrap;
}  .pure-menu-horizontal {
width: 100%;
white-space: nowrap;
} .pure-menu-horizontal .pure-menu-list {
display: inline-block;
}  .pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
display: inline-block;
vertical-align: middle;
}  .pure-menu-item .pure-menu-item {
display: block;
} .pure-menu-children {
display: none;
position: absolute;
left: 100%;
top: 0;
margin: 0;
padding: 0;
z-index: 3;
} .pure-menu-horizontal .pure-menu-children {
left: 0;
top: auto;
width: inherit;
} .pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
display: block;
position: absolute;
}  .pure-menu-has-children > .pure-menu-link:after {
padding-left: 0.5em;
content: "\25B8";
font-size: small;
}  .pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
content: "\25BE";
}  .pure-menu-scrollable {
overflow-y: scroll;
overflow-x: hidden;
} .pure-menu-scrollable .pure-menu-list {
display: block;
} .pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
display: inline-block;
} .pure-menu-horizontal.pure-menu-scrollable {
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto; padding: .5em 0;
}  .pure-menu-separator,
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
background-color: #ccc;
height: 1px;
margin: .3em 0;
} .pure-menu-horizontal .pure-menu-separator {
width: 1px;
height: 1.3em;
margin: 0 0.3em;
}  .pure-menu-horizontal .pure-menu-children .pure-menu-separator {
display: block;
width: auto;
} .pure-menu-heading {
text-transform: uppercase;
color: #565d64;
} .pure-menu-link {
color: #777;
} .pure-menu-children {
background-color: #fff;
} .pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
padding: .5em 1em;
} .pure-menu-disabled {
opacity: .5;
} .pure-menu-disabled .pure-menu-link:hover {
background-color: transparent;
} .pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
background-color: #eee;
} .pure-menu-selected > .pure-menu-link,
.pure-menu-selected > .pure-menu-link:visited {
color: #000;
} .pure-table { border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #cbcbcb;
} .pure-table caption {
color: #000;
font: italic 85%/1 arial, sans-serif;
padding: 1em 0;
text-align: center;
} .pure-table td,
.pure-table th {
border-left: 1px solid #cbcbcb; border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible; padding: 0.5em 1em; } .pure-table thead {
background-color: #e0e0e0;
color: #000;
text-align: left;
vertical-align: bottom;
}  .pure-table td {
background-color: transparent;
} .pure-table-odd td {
background-color: #f2f2f2;
}  .pure-table-striped tr:nth-child(2n-1) td {
background-color: #f2f2f2;
}  .pure-table-bordered td {
border-bottom: 1px solid #cbcbcb;
} .pure-table-bordered tbody > tr:last-child > td {
border-bottom-width: 0;
}  .pure-table-horizontal td,
.pure-table-horizontal th {
border-width: 0 0 1px 0;
border-bottom: 1px solid #cbcbcb;
} .pure-table-horizontal tbody > tr:last-child > td {
border-bottom-width: 0;
}
@media screen and (max-width: 600px) { .pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-1-2,
.pure-u-sm-1-3,
.pure-u-sm-2-3,
.pure-u-sm-1-4,
.pure-u-sm-3-4,
.pure-u-sm-1-5,
.pure-u-sm-2-5,
.pure-u-sm-3-5,
.pure-u-sm-4-5,
.pure-u-sm-5-5,
.pure-u-sm-1-6,
.pure-u-sm-5-6,
.pure-u-sm-1-8,
.pure-u-sm-3-8,
.pure-u-sm-5-8,
.pure-u-sm-7-8,
.pure-u-sm-1-12,
.pure-u-sm-5-12,
.pure-u-sm-7-12,
.pure-u-sm-11-12,
.pure-u-sm-1-24,
.pure-u-sm-2-24,
.pure-u-sm-3-24,
.pure-u-sm-4-24,
.pure-u-sm-5-24,
.pure-u-sm-6-24,
.pure-u-sm-7-24,
.pure-u-sm-8-24,
.pure-u-sm-9-24,
.pure-u-sm-10-24,
.pure-u-sm-11-24,
.pure-u-sm-12-24,
.pure-u-sm-13-24,
.pure-u-sm-14-24,
.pure-u-sm-15-24,
.pure-u-sm-16-24,
.pure-u-sm-17-24,
.pure-u-sm-18-24,
.pure-u-sm-19-24,
.pure-u-sm-20-24,
.pure-u-sm-21-24,
.pure-u-sm-22-24,
.pure-u-sm-23-24,
.pure-u-sm-24-24 {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
} .pure-u-sm-1-24 {
width: 4.1667%;
} .pure-u-sm-1-12,
.pure-u-sm-2-24 {
width: 8.3333%;
} .pure-u-sm-1-8,
.pure-u-sm-3-24 {
width: 12.5000%;
} .pure-u-sm-1-6,
.pure-u-sm-4-24 {
width: 16.6667%;
} .pure-u-sm-1-5 {
width: 20%;
} .pure-u-sm-5-24 {
width: 20.8333%;
} .pure-u-sm-1-4,
.pure-u-sm-6-24 {
width: 25%;
} .pure-u-sm-7-24 {
width: 29.1667%;
} .pure-u-sm-1-3,
.pure-u-sm-8-24 {
width: 33.3333%;
} .pure-u-sm-3-8,
.pure-u-sm-9-24 {
width: 37.5000%;
} .pure-u-sm-2-5 {
width: 40%;
} .pure-u-sm-5-12,
.pure-u-sm-10-24 {
width: 41.6667%;
} .pure-u-sm-11-24 {
width: 45.8333%;
} .pure-u-sm-1-2,
.pure-u-sm-12-24 {
width: 50%;
} .pure-u-sm-13-24 {
width: 54.1667%;
} .pure-u-sm-7-12,
.pure-u-sm-14-24 {
width: 58.3333%;
} .pure-u-sm-3-5 {
width: 60%;
} .pure-u-sm-5-8,
.pure-u-sm-15-24 {
width: 62.5000%;
} .pure-u-sm-2-3,
.pure-u-sm-16-24 {
width: 66.6667%;
} .pure-u-sm-17-24 {
width: 70.8333%;
} .pure-u-sm-3-4,
.pure-u-sm-18-24 {
width: 75%;
} .pure-u-sm-19-24 {
width: 79.1667%;
} .pure-u-sm-4-5 {
width: 80%;
} .pure-u-sm-5-6,
.pure-u-sm-20-24 {
width: 83.3333%;
} .pure-u-sm-7-8,
.pure-u-sm-21-24 {
width: 87.5000%;
} .pure-u-sm-11-12,
.pure-u-sm-22-24 {
width: 91.6667%;
} .pure-u-sm-23-24 {
width: 95.8333%;
} .pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-5-5,
.pure-u-sm-24-24 {
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1050px) { .pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-1-2,
.pure-u-md-1-3,
.pure-u-md-2-3,
.pure-u-md-1-4,
.pure-u-md-3-4,
.pure-u-md-1-5,
.pure-u-md-2-5,
.pure-u-md-3-5,
.pure-u-md-4-5,
.pure-u-md-5-5,
.pure-u-md-1-6,
.pure-u-md-5-6,
.pure-u-md-1-8,
.pure-u-md-3-8,
.pure-u-md-5-8,
.pure-u-md-7-8,
.pure-u-md-1-12,
.pure-u-md-5-12,
.pure-u-md-7-12,
.pure-u-md-11-12,
.pure-u-md-1-24,
.pure-u-md-2-24,
.pure-u-md-3-24,
.pure-u-md-4-24,
.pure-u-md-5-24,
.pure-u-md-6-24,
.pure-u-md-7-24,
.pure-u-md-8-24,
.pure-u-md-9-24,
.pure-u-md-10-24,
.pure-u-md-11-24,
.pure-u-md-12-24,
.pure-u-md-13-24,
.pure-u-md-14-24,
.pure-u-md-15-24,
.pure-u-md-16-24,
.pure-u-md-17-24,
.pure-u-md-18-24,
.pure-u-md-19-24,
.pure-u-md-20-24,
.pure-u-md-21-24,
.pure-u-md-22-24,
.pure-u-md-23-24,
.pure-u-md-24-24 {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
} .pure-u-md-1-24 {
width: 4.1667%;
} .pure-u-md-1-12,
.pure-u-md-2-24 {
width: 8.3333%;
} .pure-u-md-1-8,
.pure-u-md-3-24 {
width: 12.5000%;
} .pure-u-md-1-6,
.pure-u-md-4-24 {
width: 16.6667%;
} .pure-u-md-1-5 {
width: 20%;
} .pure-u-md-5-24 {
width: 20.8333%;
} .pure-u-md-1-4,
.pure-u-md-6-24 {
width: 25%;
} .pure-u-md-7-24 {
width: 29.1667%;
} .pure-u-md-1-3,
.pure-u-md-8-24 {
width: 33.3333%;
} .pure-u-md-3-8,
.pure-u-md-9-24 {
width: 37.5000%;
} .pure-u-md-2-5 {
width: 40%;
} .pure-u-md-5-12,
.pure-u-md-10-24 {
width: 41.6667%;
} .pure-u-md-11-24 {
width: 45.8333%;
} .pure-u-md-1-2,
.pure-u-md-12-24 {
width: 50%;
} .pure-u-md-13-24 {
width: 54.1667%;
} .pure-u-md-7-12,
.pure-u-md-14-24 {
width: 58.3333%;
} .pure-u-md-3-5 {
width: 60%;
} .pure-u-md-5-8,
.pure-u-md-15-24 {
width: 62.5000%;
} .pure-u-md-2-3,
.pure-u-md-16-24 {
width: 66.6667%;
} .pure-u-md-17-24 {
width: 70.8333%;
} .pure-u-md-3-4,
.pure-u-md-18-24 {
width: 75%;
} .pure-u-md-19-24 {
width: 79.1667%;
} .pure-u-md-4-5 {
width: 80%;
} .pure-u-md-5-6,
.pure-u-md-20-24 {
width: 83.3333%;
} .pure-u-md-7-8,
.pure-u-md-21-24 {
width: 87.5000%;
} .pure-u-md-11-12,
.pure-u-md-22-24 {
width: 91.6667%;
} .pure-u-md-23-24 {
width: 95.8333%;
} .pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-5-5,
.pure-u-md-24-24 {
width: 100%;
}
}
@media screen and (min-width: 64em) { .pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-1-2,
.pure-u-lg-1-3,
.pure-u-lg-2-3,
.pure-u-lg-1-4,
.pure-u-lg-3-4,
.pure-u-lg-1-5,
.pure-u-lg-2-5,
.pure-u-lg-3-5,
.pure-u-lg-4-5,
.pure-u-lg-5-5,
.pure-u-lg-1-6,
.pure-u-lg-5-6,
.pure-u-lg-1-8,
.pure-u-lg-3-8,
.pure-u-lg-5-8,
.pure-u-lg-7-8,
.pure-u-lg-1-12,
.pure-u-lg-5-12,
.pure-u-lg-7-12,
.pure-u-lg-11-12,
.pure-u-lg-1-24,
.pure-u-lg-2-24,
.pure-u-lg-3-24,
.pure-u-lg-4-24,
.pure-u-lg-5-24,
.pure-u-lg-6-24,
.pure-u-lg-7-24,
.pure-u-lg-8-24,
.pure-u-lg-9-24,
.pure-u-lg-10-24,
.pure-u-lg-11-24,
.pure-u-lg-12-24,
.pure-u-lg-13-24,
.pure-u-lg-14-24,
.pure-u-lg-15-24,
.pure-u-lg-16-24,
.pure-u-lg-17-24,
.pure-u-lg-18-24,
.pure-u-lg-19-24,
.pure-u-lg-20-24,
.pure-u-lg-21-24,
.pure-u-lg-22-24,
.pure-u-lg-23-24,
.pure-u-lg-24-24 {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
} .pure-u-lg-1-24 {
width: 4.1667%;
} .pure-u-lg-1-12,
.pure-u-lg-2-24 {
width: 8.3333%;
} .pure-u-lg-1-8,
.pure-u-lg-3-24 {
width: 12.5000%;
} .pure-u-lg-1-6,
.pure-u-lg-4-24 {
width: 16.6667%;
} .pure-u-lg-1-5 {
width: 20%;
} .pure-u-lg-5-24 {
width: 20.8333%;
} .pure-u-lg-1-4,
.pure-u-lg-6-24 {
width: 25%;
} .pure-u-lg-7-24 {
width: 29.1667%;
} .pure-u-lg-1-3,
.pure-u-lg-8-24 {
width: 33.3333%;
} .pure-u-lg-3-8,
.pure-u-lg-9-24 {
width: 37.5000%;
} .pure-u-lg-2-5 {
width: 40%;
} .pure-u-lg-5-12,
.pure-u-lg-10-24 {
width: 41.6667%;
} .pure-u-lg-11-24 {
width: 45.8333%;
} .pure-u-lg-1-2,
.pure-u-lg-12-24 {
width: 50%;
} .pure-u-lg-13-24 {
width: 54.1667%;
} .pure-u-lg-7-12,
.pure-u-lg-14-24 {
width: 58.3333%;
} .pure-u-lg-3-5 {
width: 60%;
} .pure-u-lg-5-8,
.pure-u-lg-15-24 {
width: 62.5000%;
} .pure-u-lg-2-3,
.pure-u-lg-16-24 {
width: 66.6667%;
} .pure-u-lg-17-24 {
width: 70.8333%;
} .pure-u-lg-3-4,
.pure-u-lg-18-24 {
width: 75%;
} .pure-u-lg-19-24 {
width: 79.1667%;
} .pure-u-lg-4-5 {
width: 80%;
} .pure-u-lg-5-6,
.pure-u-lg-20-24 {
width: 83.3333%;
} .pure-u-lg-7-8,
.pure-u-lg-21-24 {
width: 87.5000%;
} .pure-u-lg-11-12,
.pure-u-lg-22-24 {
width: 91.6667%;
} .pure-u-lg-23-24 {
width: 95.8333%;
} .pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-5-5,
.pure-u-lg-24-24 {
width: 100%;
}
}
@media screen and (min-width: 80em) { .pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-1-2,
.pure-u-xl-1-3,
.pure-u-xl-2-3,
.pure-u-xl-1-4,
.pure-u-xl-3-4,
.pure-u-xl-1-5,
.pure-u-xl-2-5,
.pure-u-xl-3-5,
.pure-u-xl-4-5,
.pure-u-xl-5-5,
.pure-u-xl-1-6,
.pure-u-xl-5-6,
.pure-u-xl-1-8,
.pure-u-xl-3-8,
.pure-u-xl-5-8,
.pure-u-xl-7-8,
.pure-u-xl-1-12,
.pure-u-xl-5-12,
.pure-u-xl-7-12,
.pure-u-xl-11-12,
.pure-u-xl-1-24,
.pure-u-xl-2-24,
.pure-u-xl-3-24,
.pure-u-xl-4-24,
.pure-u-xl-5-24,
.pure-u-xl-6-24,
.pure-u-xl-7-24,
.pure-u-xl-8-24,
.pure-u-xl-9-24,
.pure-u-xl-10-24,
.pure-u-xl-11-24,
.pure-u-xl-12-24,
.pure-u-xl-13-24,
.pure-u-xl-14-24,
.pure-u-xl-15-24,
.pure-u-xl-16-24,
.pure-u-xl-17-24,
.pure-u-xl-18-24,
.pure-u-xl-19-24,
.pure-u-xl-20-24,
.pure-u-xl-21-24,
.pure-u-xl-22-24,
.pure-u-xl-23-24,
.pure-u-xl-24-24 {
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
} .pure-u-xl-1-24 {
width: 4.1667%;
} .pure-u-xl-1-12,
.pure-u-xl-2-24 {
width: 8.3333%;
} .pure-u-xl-1-8,
.pure-u-xl-3-24 {
width: 12.5000%;
} .pure-u-xl-1-6,
.pure-u-xl-4-24 {
width: 16.6667%;
} .pure-u-xl-1-5 {
width: 20%;
} .pure-u-xl-5-24 {
width: 20.8333%;
} .pure-u-xl-1-4,
.pure-u-xl-6-24 {
width: 25%;
} .pure-u-xl-7-24 {
width: 29.1667%;
} .pure-u-xl-1-3,
.pure-u-xl-8-24 {
width: 33.3333%;
} .pure-u-xl-3-8,
.pure-u-xl-9-24 {
width: 37.5000%;
} .pure-u-xl-2-5 {
width: 40%;
} .pure-u-xl-5-12,
.pure-u-xl-10-24 {
width: 41.6667%;
} .pure-u-xl-11-24 {
width: 45.8333%;
} .pure-u-xl-1-2,
.pure-u-xl-12-24 {
width: 50%;
} .pure-u-xl-13-24 {
width: 54.1667%;
} .pure-u-xl-7-12,
.pure-u-xl-14-24 {
width: 58.3333%;
} .pure-u-xl-3-5 {
width: 60%;
} .pure-u-xl-5-8,
.pure-u-xl-15-24 {
width: 62.5000%;
} .pure-u-xl-2-3,
.pure-u-xl-16-24 {
width: 66.6667%;
} .pure-u-xl-17-24 {
width: 70.8333%;
} .pure-u-xl-3-4,
.pure-u-xl-18-24 {
width: 75%;
} .pure-u-xl-19-24 {
width: 79.1667%;
} .pure-u-xl-4-5 {
width: 80%;
} .pure-u-xl-5-6,
.pure-u-xl-20-24 {
width: 83.3333%;
} .pure-u-xl-7-8,
.pure-u-xl-21-24 {
width: 87.5000%;
} .pure-u-xl-11-12,
.pure-u-xl-22-24 {
width: 91.6667%;
} .pure-u-xl-23-24 {
width: 95.8333%;
} .pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-5-5,
.pure-u-xl-24-24 {
width: 100%;
}
}  .carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
} .carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; } .carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
} .carousel .owl-wrapper,
.carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
} .carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
} .carousel .owl-item img {
display: block;
width: 100%;
} .carousel .owl-nav.disabled,
.carousel .owl-dots.disabled {
display: none;
} .carousel .owl-nav .owl-prev,
.carousel .owl-nav .owl-next,
.carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .carousel .owl-nav button.owl-prev,
.carousel .owl-nav button.owl-next,
.carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
} .carousel.owl-loaded {
display: block;
} .carousel.owl-loading {
opacity: 0;
display: block;
} .carousel.owl-hidden {
opacity: 0;
} .carousel.owl-refresh .owl-item {
visibility: hidden;
} .carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .carousel.owl-grab {
cursor: move;
cursor: grab;
} .carousel.owl-rtl {
direction: rtl;
} .carousel.owl-rtl .owl-item {
float: right;
}  .no-js .owl-carousel {
display: block;
} body.home .carousel-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #3d8099;
opacity: 0.4;
z-index: 5;
} body.home .content-carousel {
background: #333;
} body.home .content-carousel .owl-item {
overflow: hidden;
} body.home .content-carousel .owl-item .carousel-item {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 0;
transition-duration: 3s;
transform: scale(1.5);
} body.home .content-carousel .owl-item.active .carousel-item {
opacity: 1;
transform: scale(1);
} .owl-carousel .owl-nav {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
transform: translateY(-50%);
pointer-events: none;
} .button {
position: relative;
display: inline-block;
padding: 15px 45px;
background: #a2c03b;
color: #fff;
font-size: 18px;
font-weight: 600;
margin: 10px 0;
cursor: pointer;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .button.load-more {
margin: 30px 0 0 !important;
} .button > svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
width: 18px;
opacity: 0;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0s;
} .button > svg path {
fill: #fff;
} .button:hover {
background: #333;
color: #fff;
padding-right: 60px;
} .button:hover > svg {
opacity: 1;
right: 15px;
transition-delay: 0.2s;
} .button[type=submit] {
padding: 15px 45px;
} .bg-green .button,
.bg-teal .button,
.bg-black .button {
background: #fff;
color: #333;
} .bg-green .button:hover,
.bg-teal .button:hover,
.bg-black .button:hover {
background: #333;
color: #fff;
} .button.bg-teal {
background: #3d8099;
} .button.bg-teal:hover, .button.bg-teal:focus {
background: #333;
} .notification-bar {
display: none;
overflow: hidden;
padding: 15px 0;
background: #333;
} .notification-bar svg {
float: left;
margin-right: 10px;
margin-top: 5px;
} .notification-bar svg path {
fill: #fff;
} .notification-bar p {
margin: 0;
display: inline-block;
line-height: 24px;
font-size: 16px;
color: #fff;
margin-top: 5px;
} .notification-bar p a {
color: #a2c03b;
font-weight: 600;
} .notification-bar p a:hover {
text-decoration: underline;
} .notification-bar .button {
margin: 0;
float: right;
padding: 5px 15px;
font-size: 12px;
font-weight: 600;
background: #f6f6f6;
color: #333;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .notification-bar .button:hover {
background: #a2c03b;
color: #fff;
} .main-header {
position: relative;
top: 0px;
left: 0px;
width: 100%;
background: #a2c03b;
z-index: 300;
overflow: visible;
} .main-header > .container {
position: relative;
} .main-header .header-content {
height: 120px;
} .main-header .main-search,
.main-header .main-nav {
float: right;
clear: right;
margin-top: 19px;
} .main-header .main-search label {
display: none;
} .main-header .main-search input[type=text] {
display: block;
float: left;
} .main-header .main-search input[type=submit] {
background: #333 url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/search-icon-white.svg) no-repeat;
background-position: center;
background-size: 60%;
width: 36px;
cursor: pointer;
} .main-header .main-nav {
position: absolute;
bottom: 0;
right: 30px;
} .main-header .main-nav .close-button {
display: none;
float: right;
margin: 20px;
} .main-header .main-nav .close-button svg path {
fill: #333;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .main-header .main-nav .close-button:hover svg path {
fill: #fff;
} .main-header .main-nav ul ul {
display: none;
position: absolute;
left: 0;
z-index: 99999;
width: 180px;
background: #333;
} .main-header .main-nav ul ul a {
color: #fff;
font-size: 14px;
} .main-header .main-nav ul ul a:hover {
color: #a2c03b;
} .main-header .main-nav ul ul li {
float: none !important;
border-bottom: 1px solid #d9d9d9;
} .main-header .main-nav ul ul li:last-child {
border-bottom: none;
} .main-header .main-nav ul li:hover {
background: #333;
color: #fff;
} .main-header .main-nav ul li:hover > ul {
display: block;
} .main-header .main-nav ul li ul a:hover {
color: #a2c03b !important;
} .main-header .main-nav ul li:hover > a {
color: #fff;
} .main-header .main-nav li {
position: relative !important;
display: block;
float: left;
} .main-header .main-nav li a {
display: block;
padding: 10px 12px;
color: #333;
font-size: 16px;
} .main-header .main-nav li:first-child {
margin-left: 0;
} .main-header .main-nav li:first-child li a:hover {
color: #a2c03b;
} .main-header .main-nav li.current-menu-item, .main-header .main-nav li.current-page-ancestor {
position: relative;
} .main-header .main-nav li.current-menu-item a, .main-header .main-nav li.current-page-ancestor a {
font-weight: 600;
background: #333;
color: #fff;
}
@media all and (max-width: 1050px) { .main-header .main-nav li.current-menu-item a, .main-header .main-nav li.current-page-ancestor a {
background: unset;
}
} .main-header .main-nav li.current-menu-item a {
font-weight: 500;
background: #333;
color: #fff;
}
@media all and (max-width: 1050px) { .main-header {
overflow: visible;
} .main-header .main-nav {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100vh;
background: #a2c03b;
margin: 0;
opacity: 0;
pointer-events: none;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 999;
} .main-header .main-nav .close-button {
display: none;
} .main-header .main-nav .menu {
position: relative;
top: 20%;
text-align: left;
left: 0;
transform: none;
} .main-header .main-nav .menu li {
float: none;
margin: 0;
clear: both;
} .main-header .main-search {
clear: none;
margin-top: 35px;
} .main-header .main-logo {
width: 180px;
margin: 24px 30px 24px 0;
} .main-header .header-content {
padding-right: 10px;
height: 100px;
}
}
@media all and (max-width: 600px) { .main-header .main-search {
display: none;
} .main-header .header-content {
height: 72px;
overflow: hidden;
} .main-header .main-logo {
margin: 15px 0;
width: 150px;
}
}
@media all and (max-width: 600px) { #wpadminbar {
overflow: hidden;
}
} li#menu-item-4601 {
background: #a2c03b;
color: #333;
} li#menu-item-4601 a {
color: #333;
font-weight: 700;
} .main-header .main-nav ul li ul li#menu-item-4601 a:hover {
color: #fff !important;
} .single-post.nav-open .main-header .main-nav li.menu-item-15 a {
background: inherit;
color: #333;
} .nav-open .main-header .header-content {
overflow: visible;
} .nav-open .main-header .main-nav {
opacity: 1;
pointer-events: auto;
display: block;
position: fixed;
overflow: scroll;
} .nav-open .main-header .main-nav .close-button {
display: block;
} .nav-open .main-header .main-nav li {
width: 100%;
border-bottom: 1px solid #000;
} .nav-open .main-header .main-nav li a {
margin-left: 5%;
color: #333;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
font-weight: 600;
} .nav-open .main-header .main-nav li.current-menu-item a {
color: #333;
background: #a2c03b;
font-weight: normal;
} .nav-open .main-header .main-nav li.current-menu-item li a {
font-weight: 300;
} .nav-open .main-header .main-nav li.menu-item-has-children li {
border-bottom: none;
} .nav-open .main-header .main-nav li.menu-item-has-children li a:nth-child(1) {
font-weight: 400;
color: #333;
} .nav-open .main-header .main-nav ul ul {
width: 100%;
position: relative;
border-bottom: none;
background: #a2c03b;
color: #333;
} .nav-open .main-header .main-nav ul ul a {
border-bottom: none;
background: #a2c03b;
color: #333;
font-weight: 400;
} .nav-open .main-header .main-nav ul li:hover {
background: #a2c03b;
color: #333;
} .nav-open .main-header .main-nav ul li:hover > a {
color: #333;
} .nav-open .main-header .main-nav ul li:hover > ul {
display: none;
} .nav-open .main-header .main-nav ul li ul a:hover {
color: #333 !important;
} .nav-open .main-header .main-nav .menu-item-has-children:before {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
content: "+";
font-size: 2.1em;
float: right;
color: #333;
position: absolute;
top: 8px;
right: 20%;
} .nav-open .main-header .main-nav .menu-item-has-children.open-sub-menu:before {
content: "_";
font-family: monospace;
font-size: 35px;
color: #333;
top: -8px;
} .single-stories .main-header .main-nav li.menu-item-4437,
.single-event .main-header .main-nav li.menu-item-4534 {
position: relative;
} .single-stories .main-header .main-nav li.menu-item-4437 a,
.single-event .main-header .main-nav li.menu-item-4534 a {
font-weight: 600;
background: #333;
color: #fff;
}  .main-header .main-nav .parentColumns > li.theColumn > a {
display: none !important; } .main-header .main-nav .parentColumns > li.theColumn .sub-menu {
margin-top: 5px; } #menu-item-18212, #menu-item-18212 a,
#menu-item-22914, #menu-item-18212 a,
#menu-item-14206, #menu-item-14206 a,
#menu-item-9565, #menu-item-9565 a,
#menu-item-22136, #menu-item-22136 a {
font-weight: 700 !important;
}  .menu-item.highlight {
font-weight: 700 !important;
} @media (max-width: 782px) { .business-insights-section .service-video iframe {
min-height: 220px;
}
}  .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
} .hamburger:hover {
opacity: 0.7;
} .hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
} .hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
} .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #333;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
} .hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
} .hamburger-inner::before {
top: -10px;
} .hamburger-inner::after {
bottom: -10px;
}  .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
} .hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
} .hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
} .hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
} .hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger-container {
float: right;
display: none;
margin: 25px 0 0 15px;
}
@media all and (max-width: 1050px) { .hamburger-container {
display: block;
}
}
@media all and (max-width: 600px) { .hamburger-container {
margin-top: 8px;
}
} .top-bar {
background: #3d8099;
overflow: hidden;
} .top-bar .col {
float: left;
width: 35%;
}
@media all and (max-width: 1050px) { .top-bar .col {
display: none;
}
} .top-bar .col:last-child {
width: 65%;
text-align: right;
}
@media all and (max-width: 1050px) { .top-bar .col:last-child {
display: block;
width: 100%;
}
} .top-bar p, .top-bar a {
display: inline-block;
padding: 10px 0;
margin: 0;
font-size: 13px;
line-height: 18px;
color: #fff;
white-space: nowrap;
} .top-bar a {
position: relative;
padding: 10px 10px 10px 25px;
margin-left: 10px;
}
@media all and (max-width: 600px) { .top-bar a {
display: none;
}
} .top-bar a svg {
position: absolute;
height: 18px;
width: auto;
left: 0;
top: 50%;
transform: translateY(-50%);
} .top-bar a svg path {
fill: #fff;
}
@media all and (max-width: 600px) { .top-bar {
padding-bottom: 10px;
}
} .main-logo {
display: block;
float: left;
margin: 30px 30px 30px 0;
width: 210px;
} .main-logo img {
display: block;
width: 100%;
height: auto;
} .main-content {
float: left;
width: 70%;
padding-right: 30px;
} .main-content > .section {
margin: 20px 0;
} .main-content > .section > .container {
padding: 0px;
} .main-content .custom-section {
padding: 20px;
} .main-content .content-section {
padding-top: 0px;
padding-bottom: 0px;
} .main-content .tiles-section {
padding: 0;
} .main-content .tiles-section .container {
overflow: visible;
} .main-content .action-section {
padding: 30px;
} .main-content .action-section .stories-template {
grid-template-columns: 1fr 280px;
grid-gap: 10px 30px;
} .main-content .action-section .stories-template .section-title {
grid-column: span 2;
} .main-content .action-section .signup-template {
padding: 0;
} .main-content .action-section .signup-template .section-title {
padding: 0;
position: relative;
top: -5px;
transform: none;
width: 100%;
margin-bottom: 10px;
} .main-content .action-section .signup-template .content {
padding: 0;
} .main-content .action-section .signup-template .content input[type=submit] {
padding: 15px !important;
} .main-content iframe {
width: 100%;
min-height: 400px;
} .main-content > *:first-child {
margin-top: 0;
padding-top: 0;
} .main-content > *:first-child h2:first-of-type {
margin-top: 0;
} .main-content h2 + p,
.main-content h3 + p,
.main-content h4 + p {
margin-top: -15px;
margin-bottom: 10px;
} .main-content p + p {
margin: 10px 0;
} .main-content:not(.tiles) p:first-of-type {
font-size: 18px;
line-height: 26px;
}
@media all and (max-width: 782px) { .main-content {
float: none;
width: auto;
padding: 0;
}
} form[name=gm_form] input {
margin-bottom: 15px;
} form[name=gm_form] input.error {
border: 1px solid #d71313;
background: #ffefef;
} form[name=gm_form] input[type=submit] {
margin-top: 20px;
display: inline-block;
width: auto;
background: #3d8099;
font-size: 14px;
font-weight: 400;
} form[name=gm_form] input[type=submit]:hover {
background: #333;
} .content iframe {
width: 100%;
min-height: 400px;
} .youtube-hero {
width: 788px;
height: 444px;
}
@media all and (max-width: 782px) { .youtube-hero {
width: 713px;
height: 417px;
}
}
@media all and (max-width: 600px) { .youtube-hero {
width: calc(100vw - 30px);
height: 280px;
max-width: calc(100vw - 70px);
}
} .section.column-section {
padding: 30px 0;
overflow: hidden;
} .section.column-section:nth-child(even) {
background: #f4f4f4;
} .section.column-section .col {
position: relative;
float: left;
width: 50%;
padding-right: 25px;
} .section.column-section .col:nth-child(2) {
padding-left: 25px;
}
@media all and (max-width: 600px) { .section.column-section {
padding: 15px 0;
text-align: center;
} .section.column-section .container {
-ms-flex-direction: column;
flex-direction: column;
} .section.column-section .col {
float: none;
width: 100%;
padding: 0px !important;
}
} body.home .section.column-section {
padding: 20px 0;
} body.home .section.column-section .col {
padding: 20px;
} body.home .section.column-section .col:first-child {
padding-left: 0;
} body.home .section.column-section .col:last-child {
padding-right: 0;
} .sidebar {
display: block;
float: left;
width: 30%;
text-align: left;
} .sidebar .widgettitle {
font-size: 24px;
} .sidebar .more-button {
display: block;
padding: 10px 0;
text-align: right;
font-size: 16px;
font-weight: 400;
} .sidebar .pages .child {
border-bottom: 1px solid #333;
} .sidebar .pages .child:first-child {
border-top: 1px solid #333;
} .sidebar .pages .child a {
padding: 15px 0;
display: block;
} .sidebar .pages .child h3, .sidebar .pages .child p {
margin: 0;
color: #333;
} .sidebar .widget.subpage-widget {
background: #dadada;
padding: 20px;
} .sidebar .widget.subpage-widget h2.widgettitle {
margin-top: 0;
margin-bottom: 10px;
} .sidebar .widget.subpage-widget li {
margin: 10px 0;
} .sidebar .widget.widget_text.widget_custom_html:first-child, .sidebar .widget#text-2:first-child {
background: #a2c03b;
padding: 10px 10px 5px 10px;
margin-bottom: 20px;
} .sidebar .widget.widget_text.widget_custom_html:first-child form > p, .sidebar .widget#text-2:first-child form > p {
margin-bottom: 0;
} .sidebar .widget.widget_text.widget_custom_html:first-child h2.widgettitle, .sidebar .widget#text-2:first-child h2.widgettitle {
font-size: 30px;
line-height: 34px;
color: #fff;
margin: 0;
} .sidebar .widget.widget_text.widget_custom_html:first-child input, .sidebar .widget#text-2:first-child input {
font-size: 14px;
color: #999;
padding: 16px;
width: 100%;
margin: 10px 0px 0px 0;
} .sidebar .widget.widget_text.widget_custom_html:first-child input.error, .sidebar .widget#text-2:first-child input.error {
border: 1px solid #d71313;
background: #ffefef;
} .sidebar .widget.widget_text.widget_custom_html:first-child input[type=submit], .sidebar .widget#text-2:first-child input[type=submit] {
background: #3d8099;
color: #fff;
cursor: pointer;
padding: 16px 30px;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .sidebar .widget.widget_text.widget_custom_html:first-child input[type=submit]:hover, .sidebar .widget#text-2:first-child input[type=submit]:hover {
background: #333;
} .sidebar .business-insights {
margin: 30px 0;
} .sidebar .business-insights > h3 {
margin-top: 0;
} .sidebar .business-insights ul {
border-bottom: 1px solid #333;
} .sidebar .business-insights ul li {
border-top: 1px solid #333;
padding: 0;
margin: 0;
clear: both;
} .sidebar .business-insights ul li a {
display: block;
padding: 15px 0;
font-weight: 600;
color: #333;
overflow: hidden;
} .sidebar .business-insights ul li a .title {
display: block;
padding-left: 145px;
} .sidebar .business-insights ul li a p {
font-size: 13px;
font-weight: 400;
line-height: 18px;
margin: 0;
} .sidebar .business-insights ul li .thumbnail {
position: relative;
display: block;
float: left;
width: 130px;
height: 80px;
background-size: cover;
background-position: center;
margin-right: 15px;
} .sidebar .business-insights ul li .thumbnail:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 2;
} .sidebar .business-insights ul li .thumbnail .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
} .sidebar .business-insights ul li .thumbnail .play-button svg {
width: 46px;
height: 46px;
} .sidebar .business-insights ul li .thumbnail .play-button svg path {
fill: rgba(255, 255, 255, 0.5);
} .sidebar .client-stories {
margin: 30px 0;
background: #f6f6f6;
} .sidebar .client-stories h3 {
background: #333;
color: #fff;
padding: 15px 20px;
margin: 0;
} .sidebar .client-stories .more-button {
background: #333;
padding: 10px;
color: #fff;
} .sidebar .client-stories ul {
padding: 20px !important;
} .sidebar .client-stories ul li {
position: relative;
margin-bottom: 30px;
} .sidebar .client-stories ul li:after {
content: '';
position: absolute;
bottom: -15px;
width: 100%;
height: 1px;
background: #333;
} .sidebar .client-stories ul li:last-child {
margin-bottom: 0px;
} .sidebar .client-stories ul li:last-child:after {
content: none;
} .sidebar .client-stories ul li a {
overflow: hidden;
} .sidebar .client-stories ul li .image {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100px;
height: 100%;
background-size: cover;
background-position: center;
} .sidebar .client-stories ul li .content {
display: block;
padding-left: 115px;
} .sidebar .client-stories ul li h4 {
color: #333;
font-size: 18px;
margin: 0 0 5px 0;
} .sidebar .client-stories ul li p {
display: block;
font-size: 13px;
line-height: 16px;
margin: 0;
} .sidebar .services {
margin: 30px 0;
background: #f6f6f6;
} .sidebar .services h3 {
background: #3d8099;
color: #fff;
padding: 15px 20px;
margin: 0;
} .sidebar .services .more-button {
background: #3d8099;
padding: 10px;
color: #fff;
} .sidebar .services ul {
padding: 10px 0;
} .sidebar .services ul li a {
position: relative;
display: block;
overflow: hidden;
} .sidebar .services ul li a span {
display: block;
float: left;
} .sidebar .services ul li a span.icon {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 20px;
border-radius: 50%;
background: #3d8099;
transform: translateY(-50%);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
} .sidebar .services ul li a span.icon svg {
width: 100%;
height: auto;
max-width: 30px;
max-height: 30px;
} .sidebar .services ul li a span.icon svg path, .sidebar .services ul li a span.icon svg ellipsse, .sidebar .services ul li a span.icon svg polygon, .sidebar .services ul li a span.icon svg line, .sidebar .services ul li a span.icon svg circle {
stroke: #fff;
} .sidebar .services ul li a span.content {
padding-left: 90px;
padding-right: 20px;
padding: 0px 20px 0px 90px;
height: 72px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
} .sidebar .services ul li a span.content h4 {
margin: 0;
line-height: 18px;
} .sidebar > *:first-child {
margin-top: 0;
}
@media all and (max-width: 782px) { .sidebar {
float: none;
width: auto;
padding: 0;
border-top: 2px solid #3d8099;
padding-top: 15px;
margin-top: 30px;
}
} .blog .sidebar .business-insights {
display: none;
} .download-link {
background: #3d8099;
padding: 15px;
overflow: hidden;
} .download-link > div {
float: left;
padding: 15px;
} .download-link .image {
width: 30%;
}
@media all and (max-width: 600px) { .download-link .image {
float: none;
width: 100%;
}
} .download-link .image img {
border: 2px solid #fff;
} .download-link .content {
width: 70%;
}
@media all and (max-width: 600px) { .download-link .content {
width: 100%;
float: none;
} .download-link .content .button {
padding: 15px 20px;
text-align: center;
}
} .download-link .content > * {
color: #fff;
margin: 10px 0;
} .download-link .content > *:first-child {
margin-top: 0;
} .lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 555;
} .lightbox .popup {
position: absolute;
top: 50%;
left: 50%;
width: 80vw;
max-width: 660px;
transform: translate(-50%, -50%);
background: #fff;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
z-index: 556;
overflow: hidden;
} .lightbox .popup > iframe {
width: 100%;
} .lightbox .popup header.popup-header {
background: #a2c03b;
padding: 30px;
text-align: center;
} .lightbox .popup header.popup-header svg {
width: 44px;
height: auto;
} .lightbox .popup header.popup-header h2 {
margin: 0;
color: #020202;
font-weight: 600;
font-size: 26px;
} .lightbox .popup a.close-button {
position: absolute;
top: 10px;
right: 10px;
} .lightbox .popup a.close-button svg {
width: 15px;
height: auto;
} .lightbox .popup .content {
padding: 0px 80px;
text-align: center;
max-height: 63vh;
overflow-y: scroll;
} .lightbox .popup input {
width: 100%;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.07);
font-family: "Open sans", sans-serif;
font-size: 16px;
} .lightbox .popup input[type=submit] {
background: #000;
color: #fff;
} .lightbox .popup .visible-only-when-sent {
display: none;
text-align: center;
padding: 20px 50px 50px;
} .lightbox .popup[data-popup="promo"] {
max-width: 900px;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .lightbox .popup[data-popup="promo"] .close-button {
background: #333;
border-radius: 50%;
width: 25px;
height: 25px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
top: 20px;
right: 20px;
z-index: 20;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .lightbox .popup[data-popup="promo"] .close-button svg {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
width: 11px;
} .lightbox .popup[data-popup="promo"] .close-button svg path {
fill: #fff;
} .lightbox .popup[data-popup="promo"] .close-button:hover {
background: #3d8099;
} .lightbox .popup[data-popup="promo"] .close-button:hover svg {
transform: rotate(45deg);
} .lightbox .popup[data-popup="promo"] .cols {
padding: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
animation: reveal 1500ms forwards;
} .lightbox .popup[data-popup="promo"] .cols .col {
-ms-flex: 1;
flex: 1;
padding: 0px 20px;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .lightbox .popup[data-popup="promo"] .cols .col:first-child {
padding-left: 0;
} .lightbox .popup[data-popup="promo"] .cols .col:last-child {
padding-right: 0;
} .lightbox .popup[data-popup="promo"] .cols .col:last-child {
-ms-flex: 1.3;
flex: 1.3;
} .lightbox .popup[data-popup="promo"] .cols .col > *:first-child {
margin-top: 0;
} .lightbox .popup[data-popup="promo"] .cols .col > *:last-child {
margin-bottom: 0;
} .lightbox .popup[data-popup="promo"] .cols .col h2 {
font-size: 30px;
margin: 0;
} .lightbox .popup[data-popup="promo"] .cols .col h3, .lightbox .popup[data-popup="promo"] .cols .col p {
font-size: 17px;
line-height: 26px;
margin: 10px 0;
} .lightbox .popup[data-popup="promo"] .cols .col h2, .lightbox .popup[data-popup="promo"] .cols .col h3, .lightbox .popup[data-popup="promo"] .cols .col a {
color: #3d8099;
} .lightbox .popup[data-popup="promo"] .cols .col a {
font-weight: bold;
} .lightbox .popup[data-popup="promo"] .cols .col a:hover {
text-decoration: underline;
} .lightbox .popup[data-popup="promo"] .cols .col .stat {
display: -ms-flexbox;
display: flex;
margin: 10px 0;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
} .lightbox .popup[data-popup="promo"] .cols .col .stat .circle {
display: -ms-flexbox;
display: flex;
width: 50px;
min-width: 50px;
height: 50px;
background: #3d8099;
border-radius: 50%;
color: #fff;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 26px;
font-weight: 600;
margin-right: 15px;
animation: spinner 2000ms;
animation-delay: 3s;
} .lightbox .popup[data-popup="promo"] .cols .col .stat p {
margin: 0;
font-size: 20px;
line-height: 24px;
} .lightbox .popup[data-popup="promo"] .gauge svg {
max-width: 100%;
height: auto;
} .lightbox .popup[data-popup="promo"] .gauge svg path:nth-of-type(4) {
transform: rotate(-89deg);
transform-origin: 50% 90%;
} .lightbox.open .popup[data-popup="promo"] .gauge svg path:nth-of-type(4) {
animation: gauge 2000ms forwards;
animation-timing-function: cubic-bezier(17, 0.51, 0.28, 0.76);
animation-delay: 1000ms;
} .lightbox.open .popup[data-popup="promo"] .cols {
transform: translateY(0%);
opacity: 1;
transition-delay: 0.5s;
}
@media all and (max-width: 850px) { .lightbox .popup[data-popup="promo"] .cols {
padding: 30px;
-ms-flex-direction: column;
flex-direction: column;
} .lightbox .popup[data-popup="promo"] .cols .col {
padding: 0;
} .lightbox .popup[data-popup="promo"] .close-button {
top: 15px;
right: 15px;
} .lightbox .popup[data-popup="promo"] .gauge {
margin: 10px 0;
}
}
@media all and (max-width: 600px) { .lightbox .popup[data-popup=promo] {
width: calc(100vw - 40px);
height: auto;
max-height: calc(100vh - 86px);
overflow-y: scroll;
overflow-x: hidden;
}
}
@media all and (max-width: 600px) { body.admin-bar .lightbox .popup[data-popup=promo] {
margin-top: 23px;
height: auto;
max-height: calc(100vh - 86px);
}
}
@keyframes reveal {
from {
opacity: 0;
transform: translateY(20%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes gauge {
from {
transform: rotate(-89deg);
}
to {
transform: rotate(80deg);
}
}
@keyframes spinner {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(-360deg);
}
} .carousel-section + .lightbox {
background: rgba(85, 85, 85, 0.8);
} .frm_style_formidable-style.with_frm_style .frm_message {
background: none;
border: none;
padding: 0;
overflow: hidden;
color: inherit;
} .frm_style_formidable-style.with_frm_style .frm_message p {
color: inherit;
} .frm_forms.frm_style_formidable-style.with_frm_style {
padding: 20px 0 0 0;
} .frm_style_formidable-style.with_frm_style .frm_message h3:first-of-type {
margin-top: 0;
} .main-footer {
background: #f6f6f6;
padding: 30px 0;
border-top: 5px solid #a2c03b;
clear: both;
overflow: hidden;
} .main-footer .main-logo {
margin: 0;
}
@media all and (max-width: 600px) { .main-footer .main-logo {
display: inline-block;
float: none;
}
} .main-footer .footer-bottom {
display: block;
clear: both;
text-align: center;
padding-top: 20px;
} .main-footer .footer-bottom p {
font-size: 12px;
} .main-footer ul li {
margin: 5px 0;
} .main-footer ul li.current-menu-item, .main-footer ul li.current-page-ancestor {
font-weight: 800;
} .main-footer .col {
display: block;
float: left;
width: 25%;
padding: 20px;
}
@media all and (max-width: 1050px) { .main-footer .col {
width: 50%;
}
}
@media all and (max-width: 600px) { .main-footer .col {
width: 100%;
float: none;
clear: both;
padding: 10px 0;
text-align: center;
}
} .main-footer .col:first-child {
padding-left: 0px;
}
@media all and (max-width: 1050px) { .main-footer .col:first-child {
padding: 30px;
}
}
@media all and (max-width: 600px) { .main-footer .col:first-child {
padding: 0 0 20px 10px;
overflow: overlay;
}
} .main-footer .col:last-child {
padding-right: 0px;
} .main-footer .col h2 {
font-size: 24px;
line-height: 32px;
} .main-footer .col input[type=submit] {
background: #a2c03b;
color: #fff;
padding: 10px 30px;
} .main-footer .col *:first-child {
margin-top: 0px;
} .main-footer .col .custom-html-widget {
overflow: hidden;
} .main-footer .col .custom-html-widget .wpcf7 p {
margin: 0;
} .main-footer .col .custom-html-widget .wpcf7 br {
display: none;
} .main-footer .col .custom-html-widget .wpcf7 input {
max-width: 100%;
}  #cookie-law-info-bar { padding: 13px 10px 0px !important;
} #cookie-law-info-bar > span > a.cli_settings_button {
width: 120px !important;
display: block !important;
margin: 5px auto !important;
} #cookie_action_close_header {
width: 100px !important;
display: block !important;
margin: 10px auto !important;
} #cookie-law-info-again {
right: 200px !important;
} .video-outter-container {
max-width: 640px;
margin: 0 auto;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
width: 100%;
} .video-container::after {
padding-top: 56.25%;
display: block;
content: "";
} .video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .video-outter-container {
max-width: 640px;
margin: 0 auto;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
width: 100%;
} .video-container::after {
padding-top: 56.25%;
display: block;
content: "";
} .video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .section {
padding: 50px 0;
clear: both;
overflow: hidden;
} .section.single-service-section {
overflow: visible;
}
@media all and (max-width: 600px) { .section {
padding: 30px 0px;
}
} .section .section-title {
text-align: center;
} .section .section-title .icon {
width: 44px;
margin: auto;
} .section .section-title .icon svg {
width: 100%;
height: 32px;
} .single-service .section .section-title .icon svg {
width: 100%;
height: auto;
} .section .section-title .icon svg path {
fill: #a2c03b;
} .section .section-title .icon.icon-large {
width: 60px;
} .section .section-title .icon.icon-large svg path {
fill: #333;
} .section .section-title h3 {
margin: 0;
} .section.bg-green .section-title .icon svg path, .section.bg-teal .section-title .icon svg path, .section.bg-black .section-title .icon svg path {
fill: #fff;
} .section.section-state-collapsed {
display: none;
} .section.tiles-section > .container > .section-toggle-button {
margin: 0px 0px 5px 0;
} .header-section {
text-align: center;
background: #333;
padding: 30px 0;
clear: both;
} .header-section h1, .header-section h2, .header-section h3, .header-section h4 {
color: #fff;
max-width: 80%;
margin: 0 auto;
} .header-section .subtitle h3, .header-section .subtitle h4 {
color: #fff;
max-width: 80%;
left: 9%;
position: relative;
font-weight: 200;
} .header-section.bg-white {
background-color: #fff;
} .header-section.bg-black {
background-color: #333;
} .header-section.bg-darkgrey {
background-color: #333;
} .header-section.bg-grey {
background-color: #f6f6f6;
} .header-section.bg-white h1, .header-section.bg-white h2, .header-section.bg-white h3, .header-section.bg-white h4, .header-section.bg-white h5, .header-section.bg-white h6, .header-section.bg-white p, .header-section.bg-white a:not(.button), .header-section.bg-grey h1, .header-section.bg-grey h2, .header-section.bg-grey h3, .header-section.bg-grey h4, .header-section.bg-grey h5, .header-section.bg-grey h6, .header-section.bg-grey p, .header-section.bg-grey a:not(.button) {
color: #333;
} .header-section.bg-teal h1, .header-section.bg-teal h2, .header-section.bg-teal h3, .header-section.bg-teal h4, .header-section.bg-teal h5, .header-section.bg-teal h6, .header-section.bg-teal p, .header-section.bg-teal a:not(.button), .header-section.bg-green h1, .header-section.bg-green h2, .header-section.bg-green h3, .header-section.bg-green h4, .header-section.bg-green h5, .header-section.bg-green h6, .header-section.bg-green p, .header-section.bg-green a:not(.button), .header-section.bg-black h1, .header-section.bg-black h2, .header-section.bg-black h3, .header-section.bg-black h4, .header-section.bg-black h5, .header-section.bg-black h6, .header-section.bg-black p, .header-section.bg-black a:not(.button), .header-section.bg-darkgrey h1, .header-section.bg-darkgrey h2, .header-section.bg-darkgrey h3, .header-section.bg-darkgrey h4, .header-section.bg-darkgrey h5, .header-section.bg-darkgrey h6, .header-section.bg-darkgrey p, .header-section.bg-darkgrey a:not(.button) {
color: #fff;
} .content-section ul, .content-section li {
list-style-type: disc;
list-style-position: outside;
} .content-section ul {
padding-left: 20px;
} .content-section li {
margin-bottom: 10px;
} .home .section.column-section .col:nth-child(1) iframe {
width: 100%;
min-height: 250px;
}
@media (max-width: 600px) { .home .section.column-section .col:first-child {
padding: 30px 15px !important;
} .home .section.column-section .col:last-child {
padding: 0px 15px 30px !important;
}
} .home .section.column-section {
background: #f6f6f6;
} .carousel-section {
position: relative;
height: 75vh;
max-height: 550px;
padding: 0;
overflow: hidden;
z-index: 5;
clear: both;
} .carousel-section > .container {
position: relative;
top: -100%;
height: 100%;
max-width: 1270px;
padding: 0;
overflow: visible;
} .carousel-section .notice {
position: absolute;
top: 23%;
right: 0px;
text-align: right;
background: #333;
width: auto;
padding: 10px 15px 10px 20px;
color: #fff;
font-weight: 400;
line-height: 1.2em;
z-index: 55;
max-width: 200px;
height: 345px;
display: block;
zoom: 0.8;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .carousel-section .notice span {
float: right;
margin-right: 10px;
} .carousel-section .notice span p {
line-height: 1.4em;
margin: 0;
font-size: 20px;
} .carousel-section .notice i {
color: #a2c03b;
font-weight: bold;
font-style: normal;
margin-left: 5px;
display: block;
margin-top: 10px;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .carousel-section .notice span:first-of-type {
font-size: 42px;
float: right;
margin-top: 20px;
margin-right: 10px;
display: inline-block;
font-weight: 600;
height: 40px;
line-height: 35px;
} .carousel-section .notice span:nth-child(2) {
-ms-flex: 1;
flex: 1;
} .carousel-section .notice span:last-of-type {
margin: 0;
line-height: 19px;
font-weight: 300;
font-size: 15px;
margin-left: 5px;
} .carousel-section .notice span:last-of-type:last-child {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
} .carousel-section .notice svg {
margin: 10px 20px;
} .carousel-section .notice svg path {
fill: #a2c03b;
} .carousel-section .notice:hover {
background: #3d8099;
} .carousel-section .notice:hover p i {
color: #fff;
} .carousel-section .carousel {
height: 100%;
} .carousel-section .carousel .owl-stage,
.carousel-section .carousel .owl-stage-outer,
.carousel-section .carousel .owl-item,
.carousel-section .carousel .container {
height: 100%;
} .carousel-section .carousel[data-city] {
display: none;
} .carousel-section .carousel .owl-nav,
.carousel-section .carousel .owl-dots {
display: none;
} .carousel-section .carousel .owl-nav.disabled,
.carousel-section .carousel .owl-dots.disabled {
display: none;
} .carousel-section .carousel .owl-dots {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: 30px;
opacity: 1;
} .carousel-section .carousel .owl-dots.disabled {
display: none;
} .carousel-section .carousel .owl-dots .owl-dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 5px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
outline: none;
} .carousel-section .carousel .owl-dots .owl-dot:hover {
background: rgba(255, 255, 255, 0.6);
} .carousel-section .carousel .owl-dots .owl-dot.active {
background: #fff;
} .carousel-section .carousel .owl-nav {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 1280px;
transform: translate(-50%, -50%);
pointer-events: none;
} .carousel-section .carousel .owl-nav.disabled {
display: none;
} .carousel-section .carousel .owl-nav button {
display: block;
float: left;
width: 50px;
height: 50px;
z-index: 10;
pointer-events: auto;
} .carousel-section .carousel .owl-nav button svg path {
fill: #fff;
} .carousel-section .carousel .owl-nav button.owl-next {
float: right;
} .carousel-section .carousel .carousel-item {
height: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
} .carousel-section .carousel .carousel-item .container {
position: relative;
} .carousel-section .carousel.message-carousel {
z-index: 20;
} .carousel-section .carousel.message-carousel .owl-stage,
.carousel-section .carousel.message-carousel .owl-stage-outer,
.carousel-section .carousel.message-carousel .owl-item {
overflow: visible;
} .carousel-section .carousel.message-carousel .owl-dots {
position: absolute;
bottom: 20px;
left: auto;
margin-left: 0;
z-index: 22;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 31%;
-ms-flex-align: center;
align-items: center;
width: 100%;
} .carousel-section .carousel.message-carousel .owl-dots .owl-dot {
width: 15px;
height: 15px;
background: rgba(255, 255, 255, 0.3);
} .carousel-section .carousel.message-carousel .owl-dots .owl-dot:hover {
background: rgba(255, 255, 255, 0.6);
} .carousel-section .carousel.message-carousel .owl-dots .owl-dot.active {
background: #3d8099;
} .carousel-section .carousel.message-carousel .carousel-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-duration: 2s;
opacity: 0;
} .carousel-section .carousel.message-carousel .carousel-item .content {
padding: 30px 15%;
width: 100%;
} .carousel-section .carousel.message-carousel .carousel-item .content h1, .carousel-section .carousel.message-carousel .carousel-item .content h2, .carousel-section .carousel.message-carousel .carousel-item .content h3, .carousel-section .carousel.message-carousel .carousel-item .content h4, .carousel-section .carousel.message-carousel .carousel-item .content h5, .carousel-section .carousel.message-carousel .carousel-item .content h6, .carousel-section .carousel.message-carousel .carousel-item .content p {
color: #fff;
} .carousel-section .carousel.message-carousel .owl-item.active .carousel-item {
opacity: 1;
}
@media all and (max-width: 782px) { .carousel-section .carousel.message-carousel .carousel-item .content {
padding: 30px;
} .carousel-section > .container {
position: absolute;
width: 100%;
top: 0;
} .carousel-section .notice {
display: -ms-flexbox;
display: flex;
width: 100%;
left: 0;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
top: 0px;
max-width: 460px;
height: auto;
text-align: left;
zoom: 1;
} .carousel-section .notice svg {
margin: 0;
} .carousel-section .notice i {
display: inline;
margin-top: 0px;
} .carousel-section .notice span {
font-size: 30px;
} .carousel-section .notice span p {
font-size: 14px;
} .carousel-section .notice span:first-of-type {
font-size: 42px;
float: unset;
margin-top: 0px;
margin-right: 20px;
} .carousel-section .notice p:first-of-type {
width: 100%;
line-height: 1.2em;
position: relative;
top: 0px;
float: unset;
margin-top: 0px;
margin-right: 20px;
font-size: 14px;
} .carousel-section .notice p:last-of-type {
margin-left: 0px;
}
}
@media all and (max-width: 320px) { .carousel-section .notice {
padding: 5px;
} .carousel-section .notice span:first-of-type {
font-size: 26px;
float: unset;
margin-top: 0;
margin-right: 20px;
} .carousel-section .notice p:first-of-type {
font-size: 13px;
} .carousel-section > .container {
padding-top: 15px;
}
} .logo-carousel-section {
position: relative;
} .logo-carousel-section h2 {
margin-bottom: 40px;
} .logo-carousel-section.remove-bottom-padding {
padding-bottom: 0;
} .logo-carousel-section > .container {
text-align: center;
} .logo-carousel-section > .container > .content {
border-bottom: 1px solid black;
text-align: center;
padding: 0px 140px;
margin-bottom: 30px;
} .logo-carousel-section > .container > .content p {
font-size: 20px;
line-height: 24px;
} .logo-carousel-section > .container > .content * {
font-weight: 400;
} .logo-carousel-section > .container > .content *:first-child {
margin-top: 0;
}
@media all and (max-width: 600px) { .logo-carousel-section > .container > .content {
padding: 0 15px;
padding-top: 10px;
} .logo-carousel-section > .container > .content p {
font-size: 16px;
line-height: 22px;
}
} .logo-carousel-section .owl-stage {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
} .logo-carousel-section .owl-stage img {
max-height: 100%;
} .logo-carousel-section .carousel {
padding: 0 50px;
} .logo-carousel-section .carousel .owl-nav {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
pointer-events: none;
} .logo-carousel-section .carousel .owl-nav button {
display: block;
float: left;
z-index: 10;
pointer-events: auto;
} .logo-carousel-section .carousel .owl-nav button.owl-next {
float: right;
} .tiles-section {
overflow: visible;
} .tiles-section + .tiles-section {
padding-top: 0;
} .tiles-section + .tiles-section .section-title {
padding-top: 50px;
} .tiles-section > .container {
text-align: center;
} .tiles-section > .container > .button {
margin: 0px 0px 40px 0;
} .tiles-section > .container > .content {
text-align: center;
padding: 0px 100px;
margin-bottom: 30px;
} .tiles-section > .container > .content p {
font-size: 20px;
line-height: 24px;
} .tiles-section > .container > .content * {
font-weight: 400;
} .tiles-section > .container > .content *:first-child {
margin-top: 0;
}
@media all and (max-width: 600px) { .tiles-section > .container > .content {
padding: 0 30px;
padding-top: 10px;
} .tiles-section > .container > .content p {
font-size: 16px;
line-height: 22px;
}
} .tiles-section[data-tiles-per-row="2"] .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
@media all and (max-width: 782px) { .tiles-section[data-tiles-per-row="2"] .tiles {
grid-template-columns: repeat(1, minmax(150px, 1fr));
}
} .tiles-section[data-tiles-per-row="3"] .tiles {
grid-template-columns: repeat(3, minmax(150px, 1fr));
}
@media all and (max-width: 782px) { .tiles-section[data-tiles-per-row="3"] .tiles {
grid-template-columns: repeat(1, minmax(150px, 1fr));
}
}
@media all and (max-width: 782px) { .tiles-section[data-tiles-per-row="3"] .tiles.team-members {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
}
@media all and (max-width: 600px) { .tiles-section[data-tiles-per-row="3"] .tiles.team-members {
grid-template-columns: repeat(1, minmax(150px, 1fr));
}
} .tiles-section[data-tiles-per-row="4"] .tiles {
grid-template-columns: repeat(4, minmax(150px, 1fr));
} .tiles-section[data-tiles-per-row="4"] .tiles .tile .team-video-container,
.tiles-section[data-tiles-per-row="4"] .tiles .tile .team-photo {
height: 223px;
background-repeat: no-repeat;
}
@media all and (max-width: 1050px) { .tiles-section[data-tiles-per-row="4"] .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
} .tiles-section[data-tiles-per-row="4"] .tiles .tile .team-video-container,
.tiles-section[data-tiles-per-row="4"] .tiles .tile .team-photo {
height: 350px;
}
}
@media all and (max-width: 600px) { .tiles-section[data-tiles-per-row="4"] .tiles {
grid-template-columns: repeat(1, minmax(150px, 1fr));
} .tiles-section[data-tiles-per-row="4"] .tiles .tile .team-video-container,
.tiles-section[data-tiles-per-row="4"] .tiles .tile .team-photo {
height: 300px;
}
} .tiles-section[data-tiles-per-row="5"] .tiles {
grid-template-columns: repeat(5, minmax(150px, 1fr));
}
@media all and (max-width: 1050px) { .tiles-section[data-tiles-per-row="5"] .tiles {
grid-template-columns: repeat(4, minmax(150px, 1fr));
}
}
@media all and (max-width: 782px) { .tiles-section[data-tiles-per-row="5"] .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
} .tiles .service.tile .content p {
margin: 15px 0;
} .tiles .service.tile .content h3 {
line-height: 1.2em;
} .tiles .service.tile .content .icon {
height: 85px;
} .tiles .service.tile .content .icon svg {
height: 65px;
} .tiles .service.tile .content .icon svg g, .tiles .service.tile .content .icon svg polygon, .tiles .service.tile .content .icon svg line, .tiles .service.tile .content .icon svg path, .tiles .service.tile .content .icon svg circle, .tiles .service.tile .content .icon svg polyline {
stroke: #333;
} .tiles {
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr));
grid-gap: 30px;
} .tiles .service-tile-text {
grid-column: 1/5;
padding: 0 15%;
}
@media all and (max-width: 1050px) { .tiles .service-tile-text {
grid-column: 1/3;
}
}
@media all and (max-width: 600px) { .tiles .service-tile-text {
grid-column: 1;
}
} .tiles .pagination {
grid-column: 1/-1;
text-align: center;
} .tiles .pagination a, .tiles .pagination span {
display: inline-block;
padding: 10px 20px;
margin: 5px;
background: #f6f6f6;
} .tiles .pagination a.current, .tiles .pagination span.current {
background: #a2c03b;
color: #fff;
} .tiles .tile {
position: relative;
display: block;
border: 1px solid #f6f6f6;
background: #f6f6f6;
transform: scale(1);
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0);
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .tiles .tile.expired {
opacity: 0.5;
transform: none;
box-shadow: none;
pointer-events: none;
} .tiles .tile.expired .content-type {
display: block !important;
} .tiles .tile:hover {
transform: scale(1.05);
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
@media all and (max-width: 600px) { .tiles .tile {
transform: none !important;
box-shadow: none !important;
}
} .tiles .tile .image, .tiles .tile .team-photo {
display: block;
height: 190px;
background-size: cover;
background-position: center;
} .tiles .tile .image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
} .tiles .tile .content-type {
display: none;
position: absolute;
top: 0;
right: 0;
background: #3d8099;
z-index: 10;
padding: 5px 15px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
pointer-events: none;
font-weight: 300;
} .tiles .tile.no-icon .content {
height: 240px;
} .tiles .tile.no-icon .content p {
margin: 10px 0px 15px 0;
} .tiles .tile .top-right-status {
position: absolute;
top: 0;
right: 0;
background: #3d8099;
z-index: 10;
padding: 5px 15px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
pointer-events: none;
font-weight: 300;
} .tiles .tile .content {
padding: 20px;
padding-bottom: 60px;
text-align: left;
overflow: hidden;
} .tiles .tile .content h1, .tiles .tile .content h2, .tiles .tile .content h3, .tiles .tile .content h4, .tiles .tile .content h5, .tiles .tile .content h6, .tiles .tile .content p {
color: #333;
} .tiles .tile .content a {
position: absolute;
bottom: 20px;
left: 20px;
display: block;
font-weight: 600;
color: #3d8099;
} .tiles .tile .content p {
font-size: inherit;
line-height: inherit;
margin: 5px 0;
} .tiles .tile .content > *:first-child {
margin-top: 0;
} .tiles .tile .content > *:last-child {
margin-bottom: 0;
} .tiles .tile .content.full {
padding-bottom: 20px;
} .tiles .tile .content.full a {
position: relative;
bottom: 0;
left: 0;
margin-top: 15px;
display: inline-block;
font-size: 13px;
} .tiles .tile.video-tile .image {
position: relative;
} .tiles .tile.video-tile .image:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 9;
} .tiles .tile.video-tile .image .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
} .tiles .tile.video-tile .image .play-button svg {
width: 88px;
height: auto;
} .tiles .tile.video-tile .image .play-button svg path {
fill: rgba(255, 255, 255, 0.5);
}
@media all and (max-width: 600px) { .tiles {
grid-gap: 15px;
grid-template-columns: repeat(1, minmax(150px, 1fr));
}
} .website-4 .tiles-section[data-tiles-per-row="5"] .tiles {
grid-template-columns: repeat(3, minmax(150px, 1fr));
} .website-4 .tiles-section[data-tiles-per-row="5"] .tiles .tile .team-photo {
height: 300px;
}
@media all and (max-width: 782px) { .website-4 .tiles-section[data-tiles-per-row="5"] .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
} .search .tiles .tile .content-type {
display: block;
} .main-content > .content-section:first-child {
padding-bottom: 20px;
} .main-content > .content-section + .tiles-section {
padding-top: 0px;
} .single-services-page .tile .content-type {
display: none;
} .steptiles-section {
overflow: visible;
padding: 62.6px 0;
} .steptiles-section .section-title {
margin-bottom: 40px;
} .steptiles-section .section-title h3 {
font: normal normal bold 24px/30px Open Sans;
font-size: 30px;
line-height: 1.2em;
font-weight: 700;
} .steptiles-section .section-title p {
font: normal normal normal 16px/24px Open Sans;
letter-spacing: -0.06px;
} .steptiles-section > .container {
text-align: left;
} .steptiles-section > .container > .button {
margin: 0px 0px 40px 0;
} .steptiles-section > .container > .content {
text-align: center;
padding: 0px 100px;
margin-bottom: 30px;
} .steptiles-section > .container > .content p {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.06px;
} .steptiles-section > .container > .content * {
font-weight: 400;
} .steptiles-section > .container > .content *:first-child {
margin-top: 0;
}
@media all and (max-width: 600px) { .steptiles-section > .container > .content {
padding: 0 30px;
padding-top: 10px;
} .steptiles-section > .container > .content p {
font-size: 16px;
line-height: 22px;
letter-spacing: -0.06px;
}
} .steptiles-section .tiles-grid {
display: grid;
grid-template-columns: auto auto;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
justify-items: start;
-ms-flex-align: stretch;
align-items: stretch;
gap: 30px;
}
@media all and (max-width: 782px) { .steptiles-section .tiles-grid {
grid-template-columns: 1fr;
}
}
@media all and (max-width: 600px) { .steptiles-section .tiles-grid {
grid-template-columns: 1fr;
}
} .steptiles-section .tiles-grid.mobile-only {
display: none;
}
@media all and (max-width: 782px) { .steptiles-section .tiles-grid.desktop-only {
display: none;
} .steptiles-section .tiles-grid.mobile-only {
display: grid;
}
} .steptiles {
display: -ms-flexbox;
display: flex;
justify-items: start;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
min-height: 263px;
}
@media all and (max-width: 782px) { .steptiles {
height: 100%;
min-height: 293px;
height: 100%;
width: 100%;
min-height: unset;
}
}
@media all and (max-width: 600px) { .steptiles {
height: 100%;
width: 100%;
min-height: unset;
}
} .steptiles .left-side {
min-width: 95px;
max-width: 95px;
height: 100%;
-ms-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: grid;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: start;
grid-template-rows: 1fr 1fr;
justify-items: center;
-ms-flex-line-pack: center;
align-content: center;
} .steptiles .left-side img {
padding: 10px;
padding-top: 18px;
} .steptiles .right-side {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding-right: 33px;
padding-left: 28px;
} .steptiles .right-side .title, .steptiles .right-side .icon {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 25px 0px 0px;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-pack: center;
justify-content: center;
} .steptiles .right-side .title h2, .steptiles .right-side .icon h2 {
font-size: 63px;
line-height: 30px;
font-weight: bold;
color: #fff;
padding: 12px 15px 15px 0px;
margin: 0;
}
@media all and (max-width: 600px) { .steptiles .right-side .title h2, .steptiles .right-side .icon h2 {
font-size: 38px;
line-height: 30px;
}
} .steptiles .right-side .title h3, .steptiles .right-side .icon h3 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #fff;
margin: 0px;
}
@media all and (max-width: 600px) { .steptiles .right-side .title h3, .steptiles .right-side .icon h3 {
font-size: 20px;
line-height: 30px;
}
} .steptiles .right-side .content {
font-size: 16px;
line-height: 24px;
} .steptiles .right-side .content p {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.06px;
color: #F1F2EA;
} .steptiles .fc-video-content {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
clear: both;
float: left;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
} .steptiles .fc-video-content .iframe-vid-container {
width: 59px;
height: 100%;
display: -ms-flexbox;
display: flex;
} .steptiles .fc-video-content .iframe-vid-container svg {
fill: white;
color: white;
min-height: 34px;
min-width: 34px;
margin: 0 22px 0 15px;
height: 34px;
width: 34px;
margin: 0 15px;
cursor: pointer;
} .steptiles .fc-video-content .iframe-vid-container svg:hover {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.1s;
stroke: #A2C03A;
fill: #A2C03A;
} .steptiles .fc-video-content .video-steptile-parent {
width: 100%;
height: 100%;
} .steptiles .fc-video-content .video-steptile-parent .content {
position: relative;
display: block;
} .steptiles .fc-video-content .video-steptile-parent .iframe-wrapper iframe {
margin: 0 0px -5px;
} .steptiles .fc-video-content img.imagen-previa {
display: block;
left: 0;
bottom: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
height: auto;
} .steptiles .fc-video-content div.youtube-play {
height: 35px;
width: 35px;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
opacity: 0.7;
position: absolute;
background: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/Ajax-loader.gif) no-repeat;
} .steptiles .fc-video-content div.youtube-play:hover {
opacity: 1;
} .steptiles .fc-video-content #Exclusion_2 {
fill: #fff;
} .steptiles .fc-video-content #Exclusion_2:hover {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.1s;
stroke: #A2C03A;
fill: #A2C03A;
} .steptiles .fc-video-content svg {
fill: white;
color: white;
min-height: 34px;
min-width: 34px;
margin: 0 22px 0 15px;
height: 34px;
width: 34px;
margin: 0 15px;
cursor: pointer;
} .steptiles .fc-video-content svg:hover {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.1s;
stroke: #A2C03A;
fill: #A2C03A;
} .steptiles .fc-accordion {
padding: 0;
width: 100%;
} .steptiles .fc-accordion .fc-accordion-head, .steptiles .fc-accordion .fc-steptile-accordion-head {
height: 100px;
width: 100%;
float: left;
padding: 0;
} .steptiles .fc-accordion .fc-accordion-title-wrapper {
height: 100%;
width: 65%;
} .steptiles .fc-accordion h3.fc-accordion-title {
margin: 0;
font-size: 20px;
line-height: 30px;
font-weight: 700;
position: unset;
top: unset;
color: #fff;
padding-left: 12px;
}
@media all and (max-width: 600px) { .steptiles .fc-accordion h3.fc-accordion-title {
font-size: 22px;
line-height: 26px;
}
} .steptiles .fc-accordion .fc-accordion-arrow {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
height: 100%;
float: right;
padding-right: 20px;
width: 53px;
} .steptiles .fc-accordion .fc-accordion-arrow svg {
height: 27px;
} .steptiles .fc-accordion .fc-accordion-content {
min-height: unset;
transition-duration: unset;
transition-property: unset;
} .steptiles .fc-accordion .fc-accordion-content p {
display: block;
height: 100%;
padding: 20px;
color: white;
} .steptiles .fc-accordion .fc-accordion-icon {
height: 100%;
width: 59px;
} .steptiles .fc-accordion .fc-accordion-icon h2 {
text-align: center;
font-size: 50px;
line-height: 30px;
font-weight: bold;
padding: 15px 15px 15px 15px;
color: #fff;
margin: 0;
}
@media all and (max-width: 600px) { .steptiles .fc-accordion .fc-accordion-icon h2 {
font-size: 38px;
line-height: 30px;
}
} .service-tiles-section {
display: grid;
grid-template-columns: repeat(6, minmax(50px, 1fr));
padding: 0;
} .service-tiles-section .tile.service {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
overflow: hidden;
text-align: center;
padding: 20px;
height: 16.666vw;
-ms-flex-pack: center;
justify-content: center;
min-height: 200px;
} .service-tiles-section .tile.service:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 200%;
height: 200%;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-duration: 0.8s;
z-index: 1;
} .service-tiles-section .tile.service * {
position: relative;
z-index: 2;
} .service-tiles-section .tile.service svg {
width: auto;
height: 50px;
max-width: 100px;
} .service-tiles-section .tile.service h4, .service-tiles-section .tile.service p {
color: #fff;
} .service-tiles-section .tile.service p {
display: none;
font-size: 12px;
line-height: 16px;
margin: 0;
} .service-tiles-section .tile.service h4 {
font-size: 18px;
line-height: 22px;
margin: 10px auto;
font-weight: 600;
max-width: 200px;
display: block;
} .service-tiles-section .tile.service:nth-child(1) {
background: #565555;
} .service-tiles-section .tile.service:nth-child(1) svg {
width: 80px;
} .service-tiles-section .tile.service:nth-child(2) {
background: #46bbc5;
} .service-tiles-section .tile.service:nth-child(3) {
background: #428098;
} .service-tiles-section .tile.service:nth-child(4) {
background: #a0bd46;
} .service-tiles-section .tile.service:nth-child(5) {
background: #838383;
} .service-tiles-section .tile.service:nth-child(6) {
background: #90a33d;
} .service-tiles-section .tile.service:hover:after {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
@media all and (max-width: 1250px) { .service-tiles-section .tile.service svg {
height: 40px;
} .service-tiles-section .tile.service h4 {
font-size: 16px;
line-height: 20px;
}
}
@media all and (max-width: 950px) { .service-tiles-section {
grid-template-columns: repeat(3, minmax(50px, 1fr));
} .service-tiles-section .tile.service {
height: 33.333vw;
padding: 20px 20%;
} .service-tiles-section .tile.service svg {
height: 60px;
} .service-tiles-section .tile.service h4 {
font-size: 18px;
line-height: 22px;
}
}
@media all and (max-width: 850px) { .service-tiles-section .tile.service svg {
height: 50px;
} .service-tiles-section .tile.service h4 {
font-size: 16px;
line-height: 20px;
}
}
@media all and (max-width: 600px) { .service-tiles-section {
grid-template-columns: repeat(2, minmax(50px, 1fr));
} .service-tiles-section .tile.service {
height: 50vw;
padding: 20px 20%;
}
} .single-service .section .cookieconsent-optout-marketing {
height: 400px;
} .single-service .main-header .main-nav li { } .single-service .main-header .main-nav li .sub-menu li a {
font-weight: 400;
} .single-service .service-tiles-section {
grid-template-columns: repeat(5, minmax(50px, 1fr));
} .single-service .service-tiles-section .tile.service {
height: 20vw;
}
@media all and (max-width: 950px) { .single-service .service-tiles-section {
grid-template-columns: repeat(3, minmax(50px, 1fr));
} .single-service .service-tiles-section .tile.service {
height: 33.333vw;
padding: 20px 20%;
}
} .single-service .service-tiles-section .mobile-only {
display: none;
}
@media all and (max-width: 600px) { .single-service .service-tiles-section {
grid-template-columns: repeat(2, minmax(50px, 1fr));
} .single-service .service-tiles-section .tile.service {
height: 50vw;
}
}
@media all and (max-width: 950px) { .single-service .service-tiles-section .mobile-only {
display: -ms-inline-flexbox;
display: inline-flex;
}
} .single-service .service-heading {
padding-bottom: 20px;
} .single-service .service-heading .container {
max-width: 920px;
} .single-service .service-heading .icon {
position: relative;
display: inline-block;
padding: 0 120px;
}
@media all and (max-width: 600px) { .single-service .service-heading .icon {
padding: 0 50px;
}
} .single-service .service-heading .icon svg {
height: 55px;
width: auto;
background: #fff;
padding: 0px 30px;
} .single-service .service-heading .icon svg path, .single-service .service-heading .icon svg ellipsse, .single-service .service-heading .icon svg polygon, .single-service .service-heading .icon svg line, .single-service .service-heading .icon svg circle {
stroke: #333;
} .single-service .service-heading .icon:after {
content: '';
position: absolute;
left: 0;
top: 28px;
width: 100%;
height: 1px;
background: #555555;
z-index: -1;
} .single-service .service-video .container {
max-width: 700px;
} .single-service .service-video {
padding: 0;
} .single-service .service-video iframe {
width: 100%;
min-height: 300px;
} .single-service .content-section {
text-align: center;
} .single-service .content-section > .container {
max-width: 920px;
} .single-service .content-section:not(.service-heading) {
padding-top: 0;
} .single-service .content-section:not(.service-heading) h3 {
margin: 30px 0 10px 0;
} .single-service .content-section h3 {
font-size: 21px;
font-weight: 600;
line-height: 28px;
} .single-service .content-section h4 {
font-size: 17px;
line-height: 22px;
font-weight: 400;
} .single-service .content-section p {
font-size: 15px;
line-height: 22px;
margin: 10px 0;
} .single-service .tiles-section {
padding: 0px;
} .single-service .tiles-section .section-title {
padding: 20px 0;
position: relative;
} .single-service .tiles-section .section-title h3, .single-service .tiles-section .section-title h4 {
font-weight: 400;
margin: 10px 0;
} .single-service .tiles-section .section-title h4 {
font-size: 21px;
font-weight: 600;
line-height: 28px;
} .single-service .tiles-section .section-title:after {
content: '';
position: absolute;
left: 0;
top: 53px;
width: 100%;
height: 1px;
background: #555;
z-index: -1;
} .single-service .tiles-section .section-title .icon {
width: 66px;
} .single-service .tiles-section .section-title .icon svg {
background: #fff;
border: 10px solid #ffff;
} .single-service .action-section,
.page-template-page_services .action-section {
background: none;
text-align: center;
} .single-service .action-section h2,
.page-template-page_services .action-section h2 {
color: #333;
font-size: 30px;
font-weight: 600;
} .single-service .action-section h2:after,
.page-template-page_services .action-section h2:after {
content: '...';
} .single-service .content-section:not(.service-heading),
.page-template-page_services .content-section:not(.service-heading) {
padding-bottom: 0;
} .single-service .content-section:not(.service-heading) p:last-of-type,
.page-template-page_services .content-section:not(.service-heading) p:last-of-type {
margin-bottom: 0px;
} .single-service:not(.service-heading) .content-section h4 {
margin: 30px 0 0 0;
} .page-template-page_services .content-section .container {
max-width: 920px;
} .page-template-page_services .content-section .stat-logos {
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 50px;
padding: 30px 0 0 0;
}
@media all and (max-width: 950px) { .page-template-page_services .content-section .stat-logos {
padding: 10px 0;
display: block;
}
} .page-template-page_services .action-section {
background: none;
} .page-template-page_services .action-section h2 {
color: #333;
font-size: 30px;
font-weight: 600;
} .page-template-page_services .action-section h2:after {
content: '...';
} .single-post .main-header .main-nav li.menu-item-15 {
position: relative;
} .single-post .main-header .main-nav li.menu-item-15 a {
font-weight: 600;
background: #333;
color: #fff;
}
@font-face {
font-family: 'Blacksword';
src: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/Blacksword.eot);
src: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/Blacksword.eot?#iefix) format("embedded-opentype"), url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/Blacksword.woff2) format("woff2"), url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/Blacksword.woff) format("woff"), url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/Blacksword.ttf) format("truetype"), url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/Blacksword.svg#Blacksword) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
} .mini-team-members {  } .mini-team-members .content {
float: right;
padding: 0px;
} .mini-team-members .container {
display: -ms-flexbox;
display: flex;
} .mini-team-members .container .section-title h3 {
padding-right: 25px;
font-weight: 400;
font-size: 33px;
line-height: 1.2em;
} .mini-team-members .mini-team-container {
max-width: 68%;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
} .mini-team-members .mini-team-container .content {
float: right;
padding: 0px;
clear: both;
padding-left: 25px;
} .mini-team-members .mini-team-container .section-title {
position: relative;
top: 5%;
left: unset;
text-align: unset;
width: 40%;
padding: unset;
float: left;
transform: unset;
} .mini-team-members .mini-team-photo {
height: 125px;
width: 125px;
background-position: center;
background-size: cover;
margin: 0px;
padding: 0px;
} .mini-team-members .mini-team-member {
float: left;
background: #a2c03b;
} .mini-team-members .mini-team-member-anchor-container {
float: left;
margin-right: 25px;
background: #a2c03b;
} .mini-team-members .mini-team-member-anchor-container:nth-child(3) {
margin-right: 0px;
} .mini-team-members label.mini-team-member-anchor {
color: white;
font-weight: 400;
text-align: center;
width: 100%;
display: block;
font-size: 14px;
}
@media all and (max-width: 1050px) and (min-width: 782px) { .mini-team-members .mini-team-member-anchor-container {
margin-bottom: 0px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(2) {
margin-right: 25px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(3) {
margin-right: 0px;
margin-bottom: 0px;
} .mini-team-members .mini-team-container {
width: 100%;
} .mini-team-members .mini-team-container .section-title {
position: relative;
top: 0%;
left: unset;
text-align: unset;
width: 30%;
padding: unset;
float: left;
transform: unset;
margin-bottom: 0px;
} .mini-team-members .mini-team-container .section-title h3 {
font-size: 31px;
} .mini-team-members .mini-team-container .content {
padding-left: 30px;
}
}
@media only screen and (max-width: 782px) and (min-width: 600px) { .mini-team-members .mini-team-member-anchor-container {
margin-bottom: 25px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(2) {
margin-right: 0px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(3) {
margin-right: 0px;
margin-bottom: 0px;
}
}
@media all and (max-width: 600px) and (min-width: 320px) { .mini-team-members .mini-team-member-anchor-container {
margin-bottom: 25px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(3) {
margin-right: 0px;
margin-bottom: 0px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(2) {
margin-right: 0px;
float: right;
} .mini-team-members .container .section-title h3 {
padding-right: 0px;
} .mini-team-members .mini-team-container {
max-width: 90%;
width: 100%;
} .mini-team-members .mini-team-container .section-title {
position: relative;
top: 0%;
left: unset;
text-align: unset;
width: 100%;
padding: unset;
float: left;
transform: unset;
margin-bottom: 20px;
} .mini-team-members .mini-team-container .content {
padding-left: 0px;
} .mini-team-members .content {
padding-left: 0%;
} .mini-team-members .mini-team-member-anchor-container {
margin-right: 20px;
}
}
@media all and (max-width: 320px) { .mini-team-members .mini-team-member-anchor-container {
margin-bottom: 12px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(3) {
margin-right: 0px;
margin-bottom: 0px;
} .mini-team-members .mini-team-member-anchor-container:nth-child(2) {
margin-right: 0px;
float: right;
} .mini-team-members .container .section-title h3 {
padding-right: 0px;
} .mini-team-members .mini-team-container {
max-width: 100%;
width: 100%;
} .mini-team-members .mini-team-container .section-title {
position: relative;
top: 0%;
left: unset;
text-align: unset;
width: 100%;
padding: unset;
float: left;
transform: unset;
margin-bottom: 20px;
} .mini-team-members .mini-team-container .content {
padding-left: 0px;
} .mini-team-members .content {
padding-left: 0%;
} .mini-team-members .mini-team-member-anchor-container {
margin-right: 0px;
}
} .team-video-container {
position: relative;
height: 190px;
background: #f6f6f6;
} .team-video-container.video-playing .video-container {
opacity: 1;
pointer-events: auto;
} .team-video-container.video-playing .cover {
opacity: 0;
pointer-events: none;
} .team-video-container.video-ended .popup {
opacity: 1;
pointer-events: auto;
border-left-width: 45px;
} .team-video-container.video-ended .popup .content a {
opacity: 1;
left: 0;
} .team-video-container .video-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
pointer-events: none;
background: #333;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .team-video-container .video-container video {
width: 100%;
height: 100%;
} .team-video-container .cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 1;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 1;
} .team-video-container .cover .team-photo {
height: 100%;
background-size: cover;
background-position: center;
} .team-video-container .cover .play-button {
position: absolute;
top: 50%;
left: 0px;
z-index: 1;
width: 50px;
height: 50px;
background: #a2c03b;
transform: translateY(-50%);
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
cursor: pointer;
} .team-video-container .cover .play-button:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 14px solid #000;
transform: translate(-50%, -50%);
} .team-video-container .cover:hover .play-button {
left: 0;
} .team-video-container .popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-left: 0px solid #3d8099;
background: #a2c03b;
box-sizing: border-box;
pointer-events: none;
opacity: 0;
z-index: 3;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0.2s;
} .team-video-container .popup .content {
position: absolute;
top: 50%;
left: -20px;
padding: 0;
transform: translateY(-50%);
overflow: visible;
} .team-video-container .popup .content a {
display: block;
color: #333;
font-size: 16px;
position: relative;
left: 50px;
bottom: auto !important;
opacity: 0;
margin: 30px 0px;
padding-left: 50px;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .team-video-container .popup .content a:nth-child(1) {
transition-delay: 0.4s;
} .team-video-container .popup .content a:nth-child(2) {
transition-delay: 0.8s;
} .team-video-container .popup .content a:nth-child(3) {
transition-delay: 1.2s;
} .team-video-container .popup .content a:first-child {
margin-top: 0px;
} .team-video-container .popup .content a:before {
content: '';
position: absolute;
display: block;
left: 0;
top: 50%;
width: 40px;
height: 40px;
background: #000 url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/FC-email-icon.png) no-repeat;
background-position: center;
background-size: 100%;
border-radius: 50%;
transform: translateY(-50%);
} .team-video-container .popup .content a.email:before {
background-image: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/FC-email-icon.png);
} .team-video-container .popup .content a.phone:before {
background-image: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/FC-phone-icon.png);
} .team-video-container .popup .content a.linkedin:before {
background-image: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/FC-linkedin-icon.png);
} .team-video-container .popup .repeat-video {
position: absolute;
bottom: 5px;
right: 10px;
color: white;
z-index: 50;
} .team-member-info {
font-size: 14px;
line-height: 20px;
margin: 8px 0 0 0;
} .team-member-info .full {
display: none;
} .title {
margin: 0;
} .team-members.tiles {
grid-gap: 10px;
} .team-members .team-member {
position: relative;
padding-bottom: 35px;
} .team-members .team-member.tile {
transform: scale(1);
box-shadow: unset;
border: unset;
background: unset;
transform: unset;
box-shadow: unset;
transition: unset;
} .team-members .team-member.tile:hover {
transform: scale(1);
box-shadow: unset;
} .team-members .team-member.tile .content {
padding: 10px 0px 5px 0px;
position: relative;
height: 175px;
} .team-members .team-member.tile .content.has-location {
height: 195px;
} .team-members .team-member.tile .content a {
display: block;
bottom: 0px;
text-align: left;
left: 0px;
position: absolute;
color: #4C8197;
font-size: 14px;
margin-top: 70px;
}
@media all and (max-width: 600px) { .team-members .team-member.tile .content a {
font-size: 16px;
}
} .team-members .team-member.tile .content p {
line-height: 1.2em;
} .team-members .team-member.tile .content .summary p {
font-size: 14px;
line-height: 19px;
} .team-members .team-member h4.title {
color: #a2c03b;
font-size: 18px;
font-weight: bold;
}
@media all and (max-width: 600px) { .team-members .team-member h4.title {
font-size: 21.5px;
}
} .team-members .team-member.title {
color: #a2c03b;
} .team-members .team-member a {
cursor: pointer;
} .team-members .team-member .position, .team-members .team-member p.position, .team-members .team-member .location {
font-weight: bold;
font-size: 15px;
}
@media all and (max-width: 600px) { .team-members .team-member .position, .team-members .team-member p.position, .team-members .team-member .location {
font-size: 19.5px;
}
} .team-members .team-member .position, .team-members .team-member p.position {
margin: 2px 0 4px 0;
} .team-members .team-member .location {
font-weight: normal;
font-size: 14px;
line-height: 19px;
} .team-members .team-member .team-photo {
height: 265px;
background-size: cover;
background-position: center;
cursor: pointer;
}
@media all and (max-width: 782px) { .team-members .team-member .team-photo {
height: 330px;
}
}
@media all and (max-width: 1050px) { .team-members .team-member .team-photo {
height: 330px;
}
}
@media all and (max-width: 600px) { .team-members .team-member .team-photo {
height: 330px;
}
} .team-members .team-member .content a {
bottom: 70px;
} .team-members .team-member .social-icons {
position: absolute;
left: 20px;
bottom: 20px;
} .team-members .team-member .social-icons a {
display: inline-block;
margin-top: 0 !important;
margin-right: 5px;
width: 28px;
height: 28px;
} .team-members .team-member .social-icons a svg {
width: 28px;
height: 28px;
} .team-members .team-member .social-icons a.linkedin path {
fill: #4875B4;
} .team-members .team-member .social-icons a.email {
background: #ccc;
} .team-members .team-member .social-icons a.email svg {
padding: 5px;
} .team-popup-parent {
background: #59595880;
background-color: black;
background-color: rgba(0, 0, 0, 0.75);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 556;
padding: 30px 10px 30px;
box-sizing: border-box;
background-color: black;
background-color: rgba(0, 0, 0, 0.75);
text-align: center;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent {
overflow: auto;
}
} .team-popup-parent .popup {
position: unset;
top: unset;
overflow: unset;
left: unset;
width: unset;
max-width: unset;
transform: unset;
background: unset;
box-shadow: unset;
z-index: unset;
overflow: unset;
background: #fff;
vertical-align: middle;
position: relative;
box-sizing: border-box;
width: 100%;
background: #fff;
text-align: left;
max-width: 1080px;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup {
top: unset;
transform: unset;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup {
top: unset;
transform: unset;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .team-popup-parent .popup {
top: unset;
transform: unset;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .team-popup-parent .popup {
top: unset;
transform: unset;
}
}
@media all and (min-width: 1050px) and (max-height: 740px) { .team-popup-parent .popup {
top: unset;
transform: unset;
}
} .team-popup-parent .popup a.close-button {
position: absolute;
top: 20px;
right: 20px;
} .team-popup-parent .popup a.close-button svg {
width: 40px;
height: auto;
} .team-popup-parent .popup .popup-header h2, .team-popup-parent .popup header.popup-header, .team-popup-parent .popup .popup-header {
background: white;
padding: 0px;
} .team-popup-parent .popup .content {
display: grid;
grid-gap: 30px;
grid-template-columns: 30% auto;
overflow: hidden;
padding: 15px 100px 30px;
height: 100%;
text-align: unset;
max-height: unset;
overflow-y: unset;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content {
grid-template-columns: 100%;
grid-template-rows: auto;
padding: 35px 35px 40px;
grid-gap: 5px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .team-popup-parent .popup .content {
grid-template-columns: 30%;
grid-template-rows: 100%;
padding: 0px 50px 40px;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .team-popup-parent .popup .content {
grid-template-columns: 35%;
grid-template-rows: 100%;
padding: 0px 50px 40px;
}
} .team-popup-parent .popup .content .team-hero-popup-photo-container {
grid-column: 1;
width: 100%;
} .team-popup-parent .popup .content .team-hero-popup-photo-container .team-hero-popup-photo {
width: 100%;
height: 260px;
-o-object-fit: cover;
object-fit: cover;
} .team-popup-parent .popup .content .team-hero-popup-photo-container .title {
text-align: left;
} .team-popup-parent .popup .content .team-hero-popup-photo-container .green-text {
color: #a2c03b;
} .team-popup-parent .popup .content .team-hero-popup-photo-container .position {
text-align: left;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content .team-hero-popup-photo-container .social-icons {
float: right;
position: relative;
top: -45px;
left: 0px;
height: 25px;
}
} .team-popup-parent .popup .content .team-hero-popup-info {
text-align: left;
} .team-popup-parent .popup .content .team-hero-popup-info p {
font-size: 16px;
line-height: 22px;
} .team-popup-parent .popup .content .team-hero-popup-info p.team-hero-popup-biography {
margin-top: 0px;
} .team-popup-parent .popup .content .team-hero-popup-info div.team-hero-popup-biography {
padding-bottom: 10px;
} .team-popup-parent .popup .content .team-hero-popup-info .team-hero-popup-fixed-message {
font-weight: bold;
margin-bottom: 7px;
} .team-popup-parent .popup .content .team-read-more {
cursor: pointer;
} .team-popup-parent .popup .content .team-hero-popup-signature-container {
width: 275px;
height: 65px;
display: block;
clear: both;
text-align: left;
margin: 10px 0px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content .team-hero-popup-signature-container {
width: 100%;
height: 70px;
}
} .team-popup-parent .popup .content .team-hero-popup-signature-container .team-hero-popup-signature {
width: auto;
height: 100%;
display: block;
max-width: 275px;
height: 55px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content .team-hero-popup-signature-container .team-hero-popup-signature {
width: auto;
display: inline-block;
-o-object-fit: contain;
object-fit: contain;
margin: 0px;
padding: 0;
margin: 0 auto;
text-align: center;
display: block;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content .team-hero-popup-signature-container .team-hero-popup-signature {
height: 55px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .team-popup-parent .popup .content .team-hero-popup-signature-container .team-hero-popup-signature {
height: 55px;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .team-popup-parent .popup .content .team-hero-popup-signature-container .team-hero-popup-signature {
height: 55px;
}
} .team-popup-parent .popup .content .team-hero-popup-signature-container .mobile-signature {
display: none;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content .team-hero-popup-signature-container {
width: 100%;
} .team-popup-parent .popup .content .team-hero-popup-signature-container .mobile-signature {
display: block;
} .team-popup-parent .popup .content .team-hero-popup-signature-container .desktop-signature {
display: none;
}
} .team-popup-parent .popup .content .button {
margin-bottom: 0px;
bottom: 0px;
position: absolute;
padding: 10px 45px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content .button {
width: 100%;
float: left;
display: block;
margin-bottom: unset;
bottom: unset;
position: unset;
}
} .team-popup-parent .popup .content a {
display: inline-block;
color: #4C8197;
font-size: 14px;
padding: 5px 0px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content a {
position: unset;
}
} .team-popup-parent .popup .content a.button {
background: #3d8099;
color: #fff;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none;
margin: 0;
width: auto;
font-size: 20px;
height: auto;
line-height: normal;
text-align: center;
border-width: 1px;
border-color: #ccc;
border-style: solid;
cursor: pointer;
font-weight: bold;
border-radius: 4px;
text-shadow: none;
padding: 6px 11px;
box-sizing: border-box;
-ms-box-sizing: border-box;
box-shadow: 0 1px 1px #eee;
margin: 10px;
margin-left: 0;
margin-right: 0;
vertical-align: middle;
-webkit-appearance: none;
position: unset;
width: 200px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-popup-parent .popup .content a.button {
width: 100%;
}
} .team-popup-parent .popup .content .team-hero-popup-content {
font-size: 17px;
line-height: 22px;
font-weight: 400;
} .team-popup-parent .popup .content .team-hero-popup-content h2.title, .team-popup-parent .popup .content .team-hero-popup-content h4.title {
font-size: 24px;
} .team-popup-parent .popup .content .team-hero-popup-info {
height: auto;
box-sizing: content-box;
grid-column: 2;
position: relative;
}
@media all and (max-width: 600px) { .team-popup-parent .popup .content .team-hero-popup-info {
grid-column: 1;
}
} .team-popup-parent .popup .content .team-hero-popup-info p:first-of-type {
margin-top: 0;
} .team-popup-parent .popup .content .team-hero-popup-info p:last-of-type {
margin-top: 1em;
margin-bottom: 0em;
} .team-popup-parent .popup .content .team-hero-popup-form-content form[name="gm_form"] textarea, .team-popup-parent .popup .content .team-hero-popup-form-content .gf__form textarea, .team-popup-parent .popup .content .team-hero-popup-form-content textarea {
padding: 8px 8px;
height: 100px;
border-color: black;
margin-bottom: 12px;
font-family: inherit;
} .team-popup-parent .popup .content .team-hero-popup-form-content form[name="gm_form"] input, .team-popup-parent .popup .content .team-hero-popup-form-content .gf__form input, .team-popup-parent .popup .content .team-hero-popup-form-content input {
margin-bottom: 12px;
border-color: black;
padding: 18.5px 10px;
font-family: inherit;
} .team-popup-parent .popup .content .team-hero-popup-form-content form[name="gm_form"] input[type="submit"].gf__submit, .team-popup-parent .popup .content .team-hero-popup-form-content .gf__form input[type="submit"].gf__submit {
margin-bottom: 12px;
border-color: black;
padding: 19.5px 10px;
font-family: inherit;
width: 200px;
} .section.column-section.team-hero-section.bg-white {
background: white;
} .section.column-section.team-hero-section.bg-greenwhite {
background: #f1f2ea;
} .section.column-section.team-hero-section .container .hero-title-container {
display: grid;
grid-gap: 30px;
grid-template-columns: 32% auto;
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container .hero-title-container {
grid-template-columns: 100%;
grid-template-rows: auto;
grid-gap: 0px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .section.column-section.team-hero-section .container .hero-title-container {
grid-template-columns: 50%;
grid-template-rows: 100%;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .section.column-section.team-hero-section .container .hero-title-container {
grid-template-columns: 35%;
grid-template-rows: 100%;
}
} .section.column-section.team-hero-section .container h4 {
grid-column: 2;
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container h4 {
grid-column: 1;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .section.column-section.team-hero-section .container h4 {
grid-column: 2;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .section.column-section.team-hero-section .container h4 {
grid-column: 2;
}
} .section.column-section.team-hero-section .container h4.title {
color: #A5BE4E;
padding: 0px 10px;
padding-left: 0px;
padding-bottom: 12px;
font-weight: 400;
font-size: 24px;
text-align: left;
line-height: 33.6px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container h4.title {
text-align: center;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .section.column-section.team-hero-section .container h4.title {
text-align: center;
}
} .section.column-section.team-hero-section .container h2.title {
color: #3d8099;
text-align: center;
padding-bottom: 12px;
font-weight: 400;
font-size: 24px;
} .section.column-section.team-hero-section .container .hero-separator {
margin-bottom: 20px;
border-bottom: 1px solid #80807D;
} .section.column-section.team-hero-section .container .content {
display: grid;
grid-gap: 30px;
grid-template-columns: 32% auto;
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container .content {
grid-template-columns: 100%;
grid-template-rows: auto;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .section.column-section.team-hero-section .container .content {
grid-template-columns: 50%;
grid-template-rows: 100%;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .section.column-section.team-hero-section .container .content {
grid-template-columns: 35%;
grid-template-rows: 100%;
}
} .section.column-section.team-hero-section .container .content .team-hero-photo {
grid-column: 1;
width: 100%;
height: 100%;
} .section.column-section.team-hero-section .container .content .team-read-more {
cursor: pointer;
} .section.column-section.team-hero-section .container .content .team-hero-signature-container {
width: 340px;
height: 55px;
display: block;
clear: both;
} .section.column-section.team-hero-section .container .content .team-hero-signature-container img {
max-width: 275px;
height: 55px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container .content .team-hero-signature-container img {
height: 55px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .section.column-section.team-hero-section .container .content .team-hero-signature-container img {
height: 55px;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .section.column-section.team-hero-section .container .content .team-hero-signature-container img {
height: 55px;
}
} .section.column-section.team-hero-section .container .content .team-hero-signature-container .mobile-signature {
display: none;
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container .content .team-hero-signature-container {
width: 100%;
} .section.column-section.team-hero-section .container .content .team-hero-signature-container .mobile-signature {
display: block;
} .section.column-section.team-hero-section .container .content .team-hero-signature-container .desktop-signature {
display: none;
}
} .section.column-section.team-hero-section .container .content .team-hero-signature-container .team-hero-signature {
width: 100%;
height: 100%;
display: block;
font-family: 'CuisineOT';
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container .content .team-hero-signature-container .team-hero-signature {
width: 100px;
display: inline-block;
-o-object-fit: contain;
object-fit: contain;
margin: 0px;
padding: 0;
margin: 0 auto;
text-align: center;
display: block;
}
} .section.column-section.team-hero-section .container .content .button {
margin-bottom: 0px;
bottom: 0px;
position: absolute;
padding: 10px 45px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .section.column-section.team-hero-section .container .content .button {
width: 100%;
float: left;
display: block;
margin-bottom: unset;
bottom: unset;
position: unset;
}
} .section.column-section.team-hero-section .container .content .team-hero-content {
font-size: 16px;
line-height: 22px;
font-weight: 400;
} .section.column-section.team-hero-section .container .content .team-hero-content h2.title {
font-size: 24px;
vertical-align: top;
padding: 0px;
margin: 0px;
line-height: 1.2em;
margin-bottom: 10px;
} .section.column-section.team-hero-section .container .content .team-hero-info {
height: auto;
box-sizing: content-box;
grid-column: 2;
position: relative;
} .section.column-section.team-hero-section .container .content .team-hero-info a.team-hero-read-more {
padding: 5px 0px;
display: block;
color: #3d8099;
}
@media all and (max-width: 600px) { .section.column-section.team-hero-section .container .content .team-hero-info {
grid-column: 1;
}
} .section.column-section.team-hero-section .container .content .team-hero-info p:first-of-type {
margin-top: 0;
} .section.column-section.team-hero-section .container .content .team-hero-info p:last-of-type {
margin-top: 1em;
margin-bottom: 0em;
} .bi-post-author {
overflow: hidden;
margin-bottom: 20px;
} .bi-post-author .team-photo {
float: left;
width: 75px;
height: 75px;
background-size: cover;
margin-right: 15px;
} .bi-post-author .author-info p {
margin: 0;
display: inline-block;
} .bi-post-author .linkedin {
margin-top: 19px;
} .bi-post-author .linkedin svg {
width: 24px;
margin-right: 5px;
position: relative;
top: 4px;
} .bi-post-author .linkedin svg path {
fill: #3d8099;
} .action-section {
padding: 30px 0;
overflow: visible;
} .action-section .container {
position: relative;
}
@media all and (max-width: 600px) { .action-section .container {
padding: 0 30px;
}
} .action-section h1, .action-section h2, .action-section h3, .action-section h4, .action-section h5, .action-section h6, .action-section p {
font-weight: 300;
} .action-section a {
font-weight: 600;
} .action-section img {
position: relative;
top: 4px;
margin: 0px 7px;
} .action-section .section-title {
position: absolute;
top: 50%;
left: 0;
text-align: left;
width: 40%;
padding: 0px 30px;
transform: translateY(-50%);
} .action-section .section-title .icon {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
margin: 0;
}
@media all and (max-width: 600px) { .action-section .section-title .icon {
left: 15px;
}
}
@media all and (max-width: 600px) { .action-section .section-title {
position: relative;
top: 0;
transform: none;
width: 100%;
padding: 0;
}
} .action-section .section-title h3 {
font-weight: 700;
} .action-section .section-title .icon + h3 {
position: absolute;
top: 50%;
left: 95px;
transform: translateY(-60%);
margin: 0;
}
@media all and (max-width: 600px) { .action-section .section-title .icon + h3 {
left: 75px;
transform: translateY(-65%);
}
} .action-section .has-icon .section-title {
padding-left: 90px;
}
@media all and (max-width: 600px) { .action-section .has-icon .section-title {
padding-left: 60px;
} .action-section .has-icon .section-title .icon {
left: 0;
}
} .action-section .wpcf7-form {
position: relative;
} .action-section .wpcf7-form br {
display: none;
} .action-section .wpcf7-form .wpcf7-form-control-wrap {
float: left;
width: 25%;
padding-right: 10px;
overflow: hidden;
}
@media all and (max-width: 600px) { .action-section .wpcf7-form .wpcf7-form-control-wrap {
float: none;
width: 100% !important;
padding-right: 0;
}
} .action-section .wpcf7-form .wpcf7-form-control-wrap > input {
width: 100%;
} .action-section .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid {
border-left: 4px solid #df5c49;
} .action-section .wpcf7-form input[type=submit] {
width: 25%;
background: #a2c03b;
color: #fff;
font-weight: 600;
outline: none;
cursor: pointer;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .action-section .wpcf7-form input[type=submit]:hover, .action-section .wpcf7-form input[type=submit]:focus {
background: #333;
} .action-section .wpcf7-form span.wpcf7-not-valid-tip {
font-size: 12px;
margin: 2px 0;
font-weight: 300;
color: #fff;
} .action-section .wpcf7-form div.wpcf7-validation-errors,
.action-section .wpcf7-form div.wpcf7-mail-sent-ok {
display: block;
position: absolute;
top: -90px;
max-width: 300px;
left: 0;
background: #df5c49;
border: none;
padding: 15px 20px;
margin: 0;
font-size: 14px;
line-height: 20px;
font-weight: 700;
color: #fff;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
} .action-section .wpcf7-form div.wpcf7-validation-errors:after,
.action-section .wpcf7-form div.wpcf7-mail-sent-ok:after {
content: '';
position: absolute;
bottom: -10px;
left: 20px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #df5c49;
} .action-section .wpcf7-form div.wpcf7-mail-sent-ok {
background: #a2c03b;
} .action-section .wpcf7-form div.wpcf7-mail-sent-ok:after {
border-top-color: #a2c03b;
} .action-section .wpcf7-form .ajax-loader {
position: absolute;
top: 50%;
right: -25px;
transform: translateY(-50%);
} .action-section .content {
padding-left: 40%;
}
@media all and (max-width: 600px) { .action-section .content {
padding-left: 0;
text-align: center;
}
} .action-section.bg-teal a:not(.button) {
color: #fff;
} .action-section.bg-teal .signup-template input[type=submit] {
background: #333;
cursor: pointer;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .action-section.bg-teal .signup-template input[type=submit]:hover, .action-section.bg-teal .signup-template input[type=submit]:focus {
background: #a2c03b;
} .action-section.custom-centered {
padding: 45px 0;
}
@media all and (max-width: 782px) { .action-section.custom-centered {
padding: 15px 0px;
}
} .action-section.custom-centered .container {
max-width: 1050px;
text-align: center;
}
@media all and (max-width: 782px) { .action-section.custom-centered .container {
text-align: left;
padding: 0px 15px;
}
} .action-section.custom-centered .section-title {
text-align: center;
width: 100%;
padding: 0px 0px 0px;
position: unset;
top: unset;
left: unset;
transform: unset;
} .action-section.custom-centered .section-title h3 {
font-size: 36px;
margin: 20px 0;
}
@media all and (max-width: 782px) { .action-section.custom-centered .section-title {
text-align: left;
} .action-section.custom-centered .section-title h3 {
font-size: 22px;
}
} .action-section.custom-centered .content {
text-align: center;
padding-left: unset;
}
@media all and (max-width: 782px) { .action-section.custom-centered .content {
text-align: left;
}
} .action-section.custom-centered .content p {
font-weight: 400;
font-size: 18px;
line-height: 28px;
} .action-section.netpromoter {
padding: 45px 0;
}
@media all and (max-width: 782px) { .action-section.netpromoter {
padding: 15px 0;
}
} .action-section.netpromoter .container {
max-width: 960px;
text-align: center;
}
@media all and (max-width: 782px) { .action-section.netpromoter .container {
text-align: left;
padding: 0px 15px;
}
} .action-section.netpromoter .cols {
padding: 0px 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
animation: reveal 1500ms forwards;
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols {
padding: 0 0;
}
} .action-section.netpromoter .cols .col {
-ms-flex: 1;
flex: 1;
padding: 0px 10px;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .action-section.netpromoter .cols .col:first-child {
padding-left: 0;
} .action-section.netpromoter .cols .col:last-child {
padding-right: 0;
} .action-section.netpromoter .cols .col:last-child {
-ms-flex: 1.3;
flex: 1.3;
} .action-section.netpromoter .cols .col > *:first-child {
margin-top: 0;
} .action-section.netpromoter .cols .col > *:last-child {
margin-bottom: 0;
} .action-section.netpromoter .cols .col h2 {
font-size: 30px;
margin: 0;
} .action-section.netpromoter .cols .col h3, .action-section.netpromoter .cols .col p {
font-size: 17px;
line-height: 26px;
margin: 10px 0;
} .action-section.netpromoter .cols .col h2, .action-section.netpromoter .cols .col h3, .action-section.netpromoter .cols .col a {
color: #3d8099;
} .action-section.netpromoter .cols .col a {
font-weight: bold;
} .action-section.netpromoter .cols .col a:hover {
text-decoration: underline;
} .action-section.netpromoter .cols .col.text-left {
text-align: left;
} .action-section.netpromoter .cols .col .text-content p:first-child {
font-weight: 700;
color: #428098;
font-weight: 700;
color: #428098;
font-size: 24px;
margin: 15px 0px 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid black;
width: 250px;
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols .col .text-content p:first-child {
width: unset;
border-bottom: none;
}
} .action-section.netpromoter .cols .col.mobile-only {
display: none;
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols .col.desktop-only {
display: none;
} .action-section.netpromoter .cols .col.mobile-only {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
padding: 0px;
} .action-section.netpromoter .cols .col.mobile-only .stat-number {
display: -ms-flexbox;
display: flex;
-moz-column-gap: 15px;
column-gap: 15px;
margin: 0;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #428098;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
}
}
@media all and (max-width: 782px) and (max-width: 782px) { .action-section.netpromoter .cols .col.mobile-only .stat-number {
padding: 0px;
-moz-column-gap: 10px;
column-gap: 10px;
}
}
@media all and (max-width: 782px) and (max-width: 600px) { .action-section.netpromoter .cols .col.mobile-only .stat-number {
padding: 0px;
-moz-column-gap: 10px;
column-gap: 10px;
}
}
@media all and (max-width: 782px) and (max-width: 320px) { .action-section.netpromoter .cols .col.mobile-only .stat-number {
padding: 0px;
-moz-column-gap: 10px;
column-gap: 10px;
}
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols .col.mobile-only .stat-border {
border-bottom: 1px solid grey;
height: 10px;
}
}
@media all and (max-width: 782px) and (max-width: 782px) { .action-section.netpromoter .cols .col.mobile-only .stat-border {
height: 15px;
}
} .action-section.netpromoter .cols .col .stat {
display: -ms-flexbox;
display: flex;
margin: 0 25px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
max-width: 630px;
margin: 0 auto;
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols .col .stat {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0px;
padding: 0px;
margin: 0;
grid-template-rows: 1fr 1px 1fr;
}
} .action-section.netpromoter .cols .col .stat .text-content.stat-promoter-content {
padding: 0;
} .action-section.netpromoter .cols .col .stat .text-content.stat-promoter-content p:first-child {
font-weight: 300;
color: black;
font-size: 18px;
padding: 0;
margin: 0;
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols .col .stat .text-content.stat-promoter-content p:first-child {
font-size: 14px;
padding-top: 5px;
}
} .action-section.netpromoter .cols .col .stat .circle {
display: -ms-flexbox;
display: flex;
width: 60px;
min-width: 60px;
height: 60px;
background: #3d8099;
border-radius: 50%;
color: #fff;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 32px;
font-weight: 600;
margin-right: 0px;
animation: spinner 2000ms;
animation-delay: 3s;
vertical-align: middle;
margin-top: 5px;
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols .col .stat .circle {
width: 45px;
min-width: 45px;
height: 45px;
font-size: 26px;
margin-bottom: 2px;
padding-bottom: 2px;
}
} .action-section.netpromoter .cols .col .stat p {
margin: 0;
font-size: 14px;
line-height: 1.2em;
font-weight: 400;
display: block;
max-width: 250px;
}
@media all and (max-width: 782px) { .action-section.netpromoter .cols .col .stat p {
margin: 0;
font-size: 15px;
line-height: 1.2em;
font-weight: 700;
padding: 0px;
}
}
@media all and (max-width: 600px) { .action-section.netpromoter .cols .col .stat p {
font-size: 15px;
}
}
@media all and (max-width: 320px) { .action-section.netpromoter .cols .col .stat p {
font-size: 15px;
}
} .action-section.netpromoter .gauge {
-ms-flex-preferred-size: 220px;
flex-basis: 220px;
} .action-section.netpromoter .gauge svg {
max-width: 100%;
height: 125px;
} .action-section.netpromoter .gauge svg path:nth-of-type(4) {
animation-delay: 3s;
animation: netpromo 2000ms;
transform: rotate(-89deg);
transform: rotate(67deg);
transform-origin: 50% 90%;
}
@keyframes netpromo {
from {
transform: rotate(-89deg);
}
to {
transform: rotate(67deg);
}
} .action-section.netpromoter .container {
max-width: 960px;
text-align: center;
}
@media all and (max-width: 782px) { .action-section.netpromoter .container {
text-align: left;
}
} .action-section.netpromoter .section-title {
text-align: center;
width: 100%;
padding: 20px 0px 0px;
position: unset;
top: unset;
left: unset;
transform: unset;
} .action-section.netpromoter .section-title h3 {
font-size: 36px;
}
@media all and (max-width: 782px) { .action-section.netpromoter .section-title {
text-align: left;
padding: 0px 0px 0px;
} .action-section.netpromoter .section-title h3 {
font-size: 22px;
margin: 20px 0;
}
} .action-section.netpromoter .content {
text-align: center;
padding-left: unset;
}
@media all and (max-width: 782px) { .action-section.netpromoter .content {
text-align: left;
}
} .action-section.netpromoter .content p {
font-weight: 500;
font-size: 18px;
line-height: 28px;
margin: 8px 0 5px;
}
@media all and (max-width: 782px) { .action-section.netpromoter .content p {
margin: 5px 0 5px;
font-size: 18px;
line-height: 28px;
}
} .action-section .signup-template {
padding: 30px 0;
} .action-section .signup-template form {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;
} .action-section .signup-template form input {
margin: 0;
width: 100%;
box-sizing: border-box;
}
@media all and (max-width: 1120px) { .action-section .signup-template form {
grid-template-columns: 1fr 1fr;
}
}
@media all and (max-width: 782px) { .action-section .signup-template form {
grid-template-columns: 1fr;
}
} .action-section .signup-template form[name=gm_form] input[type=submit] {
margin: 0px;
}
@media all and (max-width: 782px) { .action-section .signup-template {
padding: 0;
} .action-section .signup-template .section-title {
margin-bottom: 20px;
}
} .action-section .knowledge-template {
display: grid;
grid-template-columns: auto 1fr auto;
grid-gap: 50px;
padding: 30px 0;
-ms-flex-align: center;
align-items: center;
} .action-section .knowledge-template .section-title {
position: relative;
top: 0;
transform: none;
padding: 0;
width: auto;
} .action-section .knowledge-template .section-title .title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
} .action-section .knowledge-template .section-title .title h2, .action-section .knowledge-template .section-title .title h3 {
line-height: 1em;
margin: 0;
} .action-section .knowledge-template .section-title .title h3 {
font-weight: 300;
margin-bottom: 5px;
} .action-section .knowledge-template .section-title .title svg {
margin-right: 10px;
height: 100px;
width: auto;
} .action-section .knowledge-template .content {
padding: 0 50px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
} .action-section .knowledge-template .content h3, .action-section .knowledge-template .content p {
margin: 8px 0;
} .action-section .knowledge-template .content h3 {
line-height: 1.1em;
} .action-section .knowledge-template .content p {
line-height: 1.3em;
} .action-section .knowledge-template .content *:first-child {
margin-top: 0;
} .action-section .knowledge-template .content *:last-child {
margin-bottom: 0;
} .action-section .knowledge-template > *:last-child {
width: 184px;
}
@media all and (max-width: 1050px) { .action-section .knowledge-template {
display: block;
} .action-section .knowledge-template .section-title {
text-align: center;
} .action-section .knowledge-template .section-title .title {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
} .action-section .knowledge-template .content {
padding: 20px 0;
border: none;
max-width: 500px;
margin: auto;
margin-top: 20px;
text-align: center;
} .action-section .knowledge-template > *:last-child {
width: auto;
text-align: center;
}
} .action-section .stories-template,
.action-section .services-template {
display: grid;
grid-template-columns: 1fr 2fr 280px;
grid-gap: 30px;
overflow: hidden;
} .action-section .stories-template .section-title,
.action-section .stories-template .content,
.action-section .services-template .section-title,
.action-section .services-template .content {
padding: 0;
} .action-section .stories-template .section-title,
.action-section .services-template .section-title {
position: relative;
top: 0;
width: 100%;
transform: none;
} .action-section .stories-template .section-title h2,
.action-section .services-template .section-title h2 {
font-weight: 800;
margin: 0;
} .action-section .stories-template .content,
.action-section .services-template .content {
width: 100%;
} .action-section .stories-template .content h3,
.action-section .services-template .content h3 {
margin: 0;
} .action-section .stories-template .button,
.action-section .services-template .button {
width: auto;
max-height: 54px;
text-align: center;
color: #333;
white-space: nowrap;
}
@media all and (max-width: 782px) { .action-section .stories-template,
.action-section .services-template {
grid-template-columns: 1fr;
} .action-section .stories-template .section-title,
.action-section .services-template .section-title {
text-align: center;
}
} .action-section .stories-template .button:hover {
color: #fff;
} .action-section .services-template .section-title h2 {
color: #3d8099;
} .action-section .services-template .content h3 {
color: #3d8099;
} .action-section .services-template .button {
background: #3d8099;
color: #fff;
} .action-section .services-template .button:hover {
background: #333;
} .title-content-button-template {
display: block;
overflow: hidden;
} .title-content-button-template .section-title,
.title-content-button-template .content {
padding: 0;
} .title-content-button-template .section-title {
position: relative;
top: 0;
width: 100%;
transform: none;
} .title-content-button-template .section-title h2, .title-content-button-template .section-title h3 {
font-size: 24px;
line-height: 1.2em;
width: 100%;
} .title-content-button-template .content {
width: 100%;
} .title-content-button-template .content h3 {
margin: 0;
} .title-content-button-template .button {
width: auto;
max-height: 54px;
text-align: center;
color: #fff;
white-space: nowrap;
}
@media all and (max-width: 782px) { .title-content-button-template {
grid-template-columns: 1fr;
} .title-content-button-template .section-title {
text-align: center;
}
} .cta-only-button-template {
display: block;
overflow: hidden;
} .cta-only-button-template .section-title,
.cta-only-button-template .content {
padding: 0;
} .cta-only-button-template .section-title {
position: relative;
top: 0;
width: 100%;
transform: none;
} .cta-only-button-template .section-title h2, .cta-only-button-template .section-title h3 {
font-size: 24px;
line-height: 1.2em;
width: 100%;
} .cta-only-button-template .content {
width: 100%;
} .cta-only-button-template .content h3 {
margin: 0;
} .cta-only-button-template .button {
background: #333;
font-size: 24px;
margin: 15px auto;
display: table;
white-space: normal;
width: auto;
max-height: 54px;
text-align: center;
color: #fff;
white-space: nowrap;
}
@media all and (max-width: 782px) { .cta-only-button-template {
grid-template-columns: 1fr;
} .cta-only-button-template .section-title {
text-align: center;
}
} .cta-two-button-template {
display: block;
overflow: hidden;
text-align: center;
} .cta-two-button-template .cta-or-split {
color: white;
font-size: 24px;
font-weight: 600;
} .cta-two-button-template .section-title,
.cta-two-button-template .content {
padding: 0;
} .cta-two-button-template .section-title {
position: relative;
top: 0;
width: 100%;
transform: none;
} .cta-two-button-template .section-title h2, .cta-two-button-template .section-title h3 {
font-size: 24px;
line-height: 1.2em;
width: 100%;
} .cta-two-button-template .content {
width: 100%;
} .cta-two-button-template .content h3 {
margin: 0;
} .cta-two-button-template .button {
background: #333;
font-size: 24px;
margin: 15px auto;
display: table;
white-space: normal;
width: auto;
max-height: 54px;
text-align: center;
color: #fff;
white-space: break-spaces;
line-height: 1.2em;
} .cta-two-button-template .button.cta-second-button {
background: #fff;
color: #333;
} .cta-two-button-template .button.cta-second-button > svg path {
fill: #333;
}
@media all and (max-width: 782px) { .cta-two-button-template {
grid-template-columns: 1fr;
} .cta-two-button-template .section-title {
text-align: center;
}
} .intouch-template { width: calc(100% + 60px);
margin-left: -30px;
margin-top: -55px;
} .intouch-template hr {
display: block;
margin-top: .5em;
margin-bottom: .5em;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 1px;
max-width: 100%;
width: 100%;
clear: both;
border: 1px solid #000000;
} .intouch-template div.icon {
clear: none;
float: left;
} .intouch-template div.icon svg {
width: 125%;
height: 125%;
padding-right: 40px;
padding-top: 20px;
} .intouch-template div.content {
clear: none;
float: left;
width: 50%;
padding: 0px 20px;
padding-bottom: 15px;
} .intouch-template div.content p {
font-weight: 400;
} .intouch-template div.content h2 {
font-weight: 600;
} .intouch-template div.intouch-button {
clear: none;
float: left;
padding-top: 40px;
} .main-content .action-section > .intouch-template {
padding: 0px !important;
}
@media all and (max-width: 600px) { .intouch-template div.content {
width: 100%;
padding-bottom: 0px;
float: none;
} .intouch-template div.icon {
float: none;
width: 100%;
margin: 0 auto;
} .intouch-template div.icon svg {
width: 50%;
height: 80%;
padding-left: 30px;
display: block;
padding-top: 10px;
margin: 0 auto;
float: none;
overflow: auto;
} .intouch-template div.intouch-button {
padding-top: 0px;
margin: 0 auto;
width: 200px;
float: none;
padding-top: 0px;
}
}
@media all and (max-width: 782px) { .intouch-template div.intouch-button {
float: none;
padding-top: 0px;
}
} .business-insights-section .container,
.client-stories-section .container {
overflow: hidden;
} .business-insights-section .service-video {
padding: 0;
} .business-insights-section .service-video iframe {
min-height: 400px;
} .blog .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
margin-bottom: 30px;
}
@media all and (max-width: 600px) { .blog .tiles {
grid-gap: 15px;
grid-template-columns: repeat(1, minmax(150px, 1fr));
}
} .post-type-archive-event .tiles {
grid-template-columns: repeat(3, minmax(150px, 1fr));
width: 100%;
float: none;
padding: 0;
}
@media all and (max-width: 600px) { .post-type-archive-event .tiles {
grid-gap: 15px;
grid-template-columns: repeat(1, minmax(150px, 1fr));
}
} .post-featured-image {
width: 100%;
height: 400px;
max-height: 50vw;
background-size: cover;
background-position: center;
} .post-featured-video {
position: relative;
padding-bottom: 56%;
background: #333;
} .post-featured-video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .post-featured-video .cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .post-featured-video .cover:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 9;
} .post-featured-video .cover .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
transition: all 0.3s;
} .post-featured-video .cover .play-button svg {
width: 110px;
height: auto;
} .post-featured-video .cover .play-button svg path {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
fill: rgba(255, 255, 255, 0.5);
} .post-featured-video .cover .play-button:hover {
transform: translate(-50%, -50%) scale(1.15);
} .post-featured-video .cover .play-button:hover svg path {
fill: #fff;
} .post-featured-video.played iframe {
opacity: 1;
pointer-events: auto;
} .post-featured-video.played .cover {
opacity: 0;
pointer-events: none;
} .bi-post-meta {
position: relative;
overflow: hidden;
} .bi-post-meta .bi-post-share {
position: absolute;
bottom: 20px;
right: 0px;
} .bi-post-meta .bi-post-share > a {
display: inline-block;
margin-right: 5px;
} .bi-post-meta .bi-post-share > a:last-child {
margin-right: 0;
} .bi-post-meta .bi-post-share > a svg {
width: 30px;
height: 30px;
} .bi-post-meta .bi-post-share > a.linkedin svg path {
fill: #4875B4;
} .bi-post-meta .bi-post-share > a.twitter svg path {
fill: #33CCFF;
} .bi-post-meta .bi-post-share > a.email {
width: 30px;
height: 30px;
background: #ccc;
} .bi-post-meta .bi-post-share > a.email svg {
padding: 5px;
} .bi-post-meta .bi-post-share > a.email svg path {
fill: #000;
} .business-insight-blog-section.bg-white {
background-color: #fff !important;
background: #fff !important;
padding: 50px 0px 25px 0px;
} .business-insight-blog-section.bg-white h1, .business-insight-blog-section.bg-white h2, .business-insight-blog-section.bg-white h3, .business-insight-blog-section.bg-white h4, .business-insight-blog-section.bg-white h5, .business-insight-blog-section.bg-white h6, .business-insight-blog-section.bg-white p, .business-insight-blog-section.bg-white a:not(.button) {
color: #333 !important;
} .business-insight-blog-section .container {
max-width: 980px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .business-insight-blog-section .container {
max-width: 375px;
} .business-insight-blog-section .container h2 {
font-size: 24px;
line-height: 32px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .business-insight-blog-section .container h2 {
font-size: 24px;
line-height: 32px;
}
} .business-insight-blog-section .container h2, .business-insight-blog-section .container h3 {
font-weight: 400;
} .business-insight-blog-section .container h3 {
margin-bottom: -10px;
} .business-insight-blog-section .container p {
font-size: 16px;
} .event-post-info p {
font-size: 18px;
} .featured-image {
width: 49%;
height: 300px;
margin-bottom: 15px;
} .event-location {
width: 100%;
height: 300px;
margin-top: 15px;
} .featured-image {
float: left;
background-size: cover;
background-position: center;
} .event-location {
float: none;
} .event-location .acf-map {
height: 100%;
} .event-register-here {
background: #428199;
width: 360px;
height: 200px;
color: white;
padding: 1px 20px 20px 20px;
max-width: 100%;
} .event-register-here.expired {
display: none;
} .event-register-here .event-click-register {
font-size: 19px;
line-height: 22px;
} .event-register-here .event-click-register.expired {
display: none;
} .event-register-here h2 {
margin-top: 15px;
} .event-register-here a {
color: #3d8099;
font-weight: bold;
background: white;
font-size: 25px;
padding: 8px 55px 8px 55px;
line-height: 60px;
}
@media all and (max-width: 600px) { .event-register-here .event-click-register {
font-size: 17px;
line-height: 22px;
}
} .event-register-here.mobile-only {
position: fixed;
bottom: 0;
right: 0;
height: 60px;
left: 0;
width: 100%;
display: none;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
z-index: 2;
}
@media all and (max-width: 782px) { .event-register-here.mobile-only {
display: -ms-flexbox !important;
display: flex !important;
}
} .event-register-here.mobile-only a {
background-color: #3d8099;
color: white;
font-weight: bold;
background: #3d8099;
font-size: 25px;
padding: 8px 55px 8px 55px;
line-height: 60px;
width: 100%;
height: 100%;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media all and (max-width: 375px) { .event-register-here.mobile-only a {
padding: 8px 15px 8px 15px;
font-size: 22px;
}
}
@media all and (max-width: 320px) { .event-register-here.mobile-only a {
padding: 8px 15px 8px 15px;
font-size: 22px;
}
}
@media all and (max-width: 782px) { .event-register-here.mobile-only a {
padding: 8px 15px 8px 15px;
font-size: 22px;
}
} .event-section {
padding: 0;
max-width: 1117px;
padding: 0px;
margin: 0 auto;
}
@media all and (max-width: 1050px) { .event-section {
max-width: 980px;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .event-section {
max-width: 980px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section {
max-width: 768px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section {
max-width: 741px;
}
} .event-section .event-content {
float: left;
width: 68.335%;
padding: 36px 0;
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .event-content {
width: 100%;
padding: 0px 20px 0px 20px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content {
width: 100%;
padding: 0px 20px 0px 20px;
}
} .event-section .event-content .event-strips {
padding: 20px 40px 0px 0px;
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .event-content .event-strips {
padding: 20px 0px 0px 0px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content .event-strips {
padding: 20px 0px 0px 0px;
}
} .event-section .event-content .event-post p {
margin: 10px 0;
font-size: 14px;
line-height: 24px;
} .event-section .event-content .event-post ul, .event-section .event-content .event-post li {
list-style-type: disc;
list-style-position: outside;
} .event-section .event-content .event-post ul {
padding-left: 20px;
} .event-section .event-content .event-post li {
margin-bottom: 10px;
font-size: 14px;
line-height: 17px;
} .event-section .event-content .event-post hr {
border: none;
border-top: 1px solid #707070;
margin: 35px auto 20px;
display: block;
width: 100%;
max-width: 100%;
unicode-bidi: isolate;
margin-block-start: 0;
margin-block-end: 0;
-moz-margin-start: 0;
margin-inline-start: 0;
-moz-margin-end: 0;
margin-inline-end: 0;
margin-top: 30px;
overflow: hidden;
} .event-section .event-content .hosts-speaker-section {
grid-template-columns: 1fr 1fr;
display: grid;
-ms-flex-align: stretch;
align-items: stretch;
justify-items: stretch;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-line-pack: space-evenly;
align-content: space-evenly;
padding: 10px 0;
}
@media all and (max-width: 600px) { .event-section .event-content .hosts-speaker-section {
grid-template-columns: auto;
max-width: 95%;
grid-row-gap: 0px;
}
} .event-section .event-content .hosts-speaker-section h4 {
font-size: 14px;
line-height: 19px;
font-weight: 400;
} .event-section .event-content .hosts-speaker-section .hosts-tile {
padding: 0 5px;
} .event-section .event-content .hosts-speaker-section .hosts-tile .hosts-image {
max-height: 100px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top;
object-position: top;
max-width: 50%;
} .event-section .event-content .event-speaker-section {
padding: 12px 0;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content .event-speaker-section {
margin: 0 -20px;
}
} .event-section .event-content .speaker-container {
display: grid;
-ms-flex-line-pack: justify;
align-content: space-between;
-ms-flex-align: start;
align-items: start;
justify-items: stretch;
grid-template-columns: 106px 1fr;
padding: 14px 0 0;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 23px;
padding: 23px;
background: #f1f2ea;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content .speaker-container {
width: 100%;
grid-template-columns: 1fr;
grid-gap: 18px;
}
} .event-section .event-content .speaker-container:first-child {
margin-top: 0px;
} .event-section .event-content .speaker-container .speaker-info {
font-weight: 500;
} .event-section .event-content .speaker-container .speaker-info a {
color: #333;
font-weight: 600;
font-size: 14px;
line-height: 22px;
} .event-section .event-content .speaker-container .speaker-photo-title-container {
padding-top: 5px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content .speaker-container .speaker-photo-title-container {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 108px 1fr;
grid-gap: 12px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content .speaker-container .speaker-photo-title-container .speaker-details {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
}
} .event-section .event-content .speaker-container h4.speaker-name {
font-weight: 600;
font-size: 14px;
line-height: 20px;
margin: 8px 0 5px 0;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content .speaker-container h4.speaker-name {
font-size: 18px;
}
} .event-section .event-content .speaker-container p.speaker-title {
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin: 0;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-content .speaker-container p.speaker-title {
font-weight: 400;
}
} .event-section .event-content .speaker-container .speaker-content:first-child, .event-section .event-content .speaker-container .speaker-content p {
margin-top: 0px;
} .event-section .event-content .speaker-container .speaker-image {
height: 106px;
-o-object-fit: cover;
object-fit: cover;
} .event-section .event-content .speaker-container .read-more-toggle-collapsed {
display: none;
} .event-section .event-header {
position: relative;
overflow: hidden;
padding: 36px 0;
background-size: cover;
background-position: center;
width: 100%;
height: 381px;
max-height: 50vw;
background-size: cover;
background-position: center;
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .event-header {
width: 100vw;
margin: 0 -20px;
height: 354px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-header {
width: 100vw;
margin: 0 -20px;
height: 354px;
}
} .event-section .event-header h1, .event-section .event-header h2, .event-section .event-header h3, .event-section .event-header p {
font-size: 32px;
line-height: 34px;
color: #fff;
} .event-section .event-header h3.expired, .event-section .event-header div.expired h3 {
opacity: 0.5;
} .event-section .event-header h2.expired, .event-section .event-header div.expired h2 {
opacity: 1;
color: #a2c03b;
} .event-section .event-header .button.expired {
opacity: 0.5;
pointer-events: none;
} .event-section .event-header .content {
position: absolute;
z-index: 2;
bottom: 0px;
background: #0d0c0c6e;
width: 100%;
left: 0;
text-align: inherit;
padding: 0 24px;
height: 96px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: distribute;
align-content: space-around;
} .event-section .main-content {
padding: 36px 0 36px 0;
} .event-section .event-footer {
padding: 36px 0;
display: block;
width: 100%;
text-align: left;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-footer {
margin: 0 -20px;
width: 100vw;
padding: 0px 0;
}
} .event-section .event-footer .icon-section-wrapper {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: start;
align-items: flex-start;
justify-items: start;
padding: 0 0 20px;
} .event-section .event-footer .widget.subpage-widget {
background-color: #f1f2ea;
padding: 20px 20px;
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .event-footer .widget.subpage-widget {
background-color: #fff;
padding: 20px 20px 0px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-footer .widget.subpage-widget {
background-color: #fff;
padding: 20px 20px 0px;
}
} .event-section .event-footer .event-footer-bottom {
position: relative;
overflow: hidden;
padding: 0;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
padding: 10px 0px 0 0px;
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .event-footer .event-footer-bottom {
padding: 20px 20px 20px 20px;
background: #f1f2ea;
width: 100vw;
margin: 40px -40px 0;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-footer .event-footer-bottom {
padding: 20px 20px 20px 20px;
background: #f1f2ea;
width: 100vw;
margin: 40px -40px 0;
}
}
@media all and (min-width: 320px) and (max-width: 425px) { .event-section .event-footer .event-footer-bottom {
padding: 20px 20px 20px 20px;
background: #f1f2ea;
width: 100vw;
margin: 40px -20px 0;
}
} .event-section .event-footer .sidebar-faq {
margin: 0 -20px;
background: white;
padding: 20px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-footer .sidebar-faq {
margin: unset;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .event-section .event-footer .sidebar-faq {
padding: 0px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .event-footer .sidebar-faq {
padding: 0px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-footer .sidebar-faq {
padding: 0px;
}
} .event-section .event-footer .sidebar-faq .sidebar-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
border-bottom: 1px solid #333;
padding-bottom: 5px;
} .event-section .event-footer .sidebar-faq .sidebar-section:not(.first-section) {
padding-top: 20px;
} .event-section .event-footer .sidebar-faq .sidebar-section .sidebar-sub-title {
font-weight: 600;
font-size: 18px;
line-height: 22px;
} .event-section .event-footer .sidebar-faq .sidebar-section .icon {
height: 40px;
width: 40px;
-o-object-fit: scale-down;
object-fit: scale-down;
} .event-section .event-footer .sidebar-faq .sidebar-section .sidebar-event-icon {
height: 35px;
} .event-section .event-footer .sidebar-faq a {
font-weight: 600;
font-size: 14px;
line-height: 22px;
color: #333;
} .event-section .event-footer .sidebar-faq a.view-map {
line-height: 50px;
} .event-section .event-footer .sidebar-faq .question {
font-weight: 600;
font-size: 14px;
line-height: 22px;
margin-bottom: 0px;
margin-top: 22px;
} .event-section .event-footer .sidebar-faq .answer {
font-weight: 400;
font-size: 14px;
line-height: 22px;
margin: 10px 0;
} .event-section .event-footer h3 {
margin: 0px;
font-size: 14px;
line-height: 16px;
font-weight: 400;
} .event-section .event-footer .button {
width: 100%;
background-color: #3d8099;
text-align: center;
height: 49px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
} .event-section .event-footer .button.btn-rsvp {
font-size: 18px;
} .event-section .event-footer .icon-section {
display: grid;
grid-template-columns: 40px 1fr;
grid-gap: 10px;
} .event-section .event-footer .icon-section:last-child {
padding: 0px;
} .event-section .event-footer .icon-section div.icon img {
height: 40px;
width: 40px;
-o-object-fit: scale-down;
object-fit: scale-down;
} .event-section .event-footer .icon-section div.smalltext p {
font-size: 18px;
line-height: 22px;
margin: 5px 0;
} .event-section .event-footer .icon-section div.smalltext span {
font-size: 14px;
line-height: 22px;
display: -ms-flexbox;
display: flex;
} .event-section .event-mobile-sidebar {
display: none;
}
@media all and (min-width: 320px) and (max-width: 782px) { .event-section .event-mobile-sidebar {
display: block;
}
}
@media all and (min-width: 320px) and (max-width: 782px) { .event-section .event-mobile-sidebar .sidebar {
padding: 0;
display: block;
}
}
@media all and (min-width: 320px) and (max-width: 782px) { .event-section .event-mobile-sidebar .sidebar .button {
width: calc(100% - 40px);
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-mobile-sidebar .sidebar .button {
position: unset;
bottom: unset;
width: calc(100% - 20px);
}
}
@media all and (min-width: 320px) and (max-width: 782px) { .event-section .event-mobile-sidebar .sidebar .sidebar-faq {
padding: 20px 0;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .event-mobile-sidebar .widget .sidebar-header {
margin: 0px -40px 30px;
}
}
@media all and (min-width: 320px) and (max-width: 782px) { .event-section .event-mobile-sidebar .widget .sidebar-header {
padding: 20px 0px 0 20px;
width: 100vw;
margin: 0 -40px 30px;
background-color: #f1f2ea;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .event-mobile-sidebar .widget .sidebar-header {
height: 100%;
max-height: unset;
margin: 0 -40px;
padding: 20px 0px 20px 20px;
width: calc(100% + 80px);
}
} .event-section .sidebar {
padding: 36px 0;
display: block;
float: left;
width: 31.665%;
text-align: left;
}
@media all and (max-width: 782px) { .event-section .sidebar {
margin-top: unset;
border-top: unset;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .sidebar {
width: 100%;
display: none;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .sidebar {
width: 100%;
display: none;
float: none;
}
} .event-section .sidebar .event-location {
width: 100%;
} .event-section .sidebar .widget.subpage-widget {
background-color: #f1f2ea;
padding: 0 20px;
} .event-section .sidebar .sidebar-header {
position: relative;
overflow: hidden;
padding: 0;
background-size: cover;
background-position: center;
width: 100%;
height: 381px;
max-height: 50vw;
background-size: cover;
background-position: center;
padding: 20px 0px 0 0px;
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .sidebar .sidebar-header {
height: 354px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .sidebar .sidebar-header {
height: 354px;
}
} .event-section .sidebar .expired {
margin: 5px 0;
font-size: 14px;
} .event-section .sidebar h3 {
margin: 0px;
font-size: 14px;
line-height: 16px;
font-weight: 400;
} .event-section .sidebar .event-subtitle {
font-size: 20px;
line-height: 28px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .sidebar .event-subtitle {
font-size: 22px;
line-height: 26px;
}
} .event-section .sidebar .button {
position: absolute;
bottom: 26px;
width: 100%;
background-color: #3d8099;
text-align: center;
height: 49px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 22px;
line-height: 34px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .sidebar .button {
font-size: 22px;
line-height: 26px;
}
} .event-section .sidebar .icon-section-wrapper {
display: -ms-flexbox;
display: flex;
padding: 20px 0 20px;
justify-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch;
gap: 30px;
} .event-section .sidebar .icon-section {
display: grid;
grid-template-columns: 40px 1fr;
padding: 14px 0 0;
grid-gap: 23px;
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .sidebar .icon-section {
grid-gap: 13px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .sidebar .icon-section {
grid-gap: 13px;
}
} .event-section .sidebar .icon-section:last-child {
padding: 0px;
} .event-section .sidebar .icon-section div.icon {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
} .event-section .sidebar .icon-section div.icon img {
height: 40px;
width: 40px;
-o-object-fit: scale-down;
object-fit: scale-down;
} .event-section .sidebar .icon-section div.smalltext p {
font-size: 18px;
line-height: 22px;
margin: 5px 0;
} .event-section .sidebar .icon-section div.smalltext span {
font-size: 14px;
line-height: 22px;
display: -ms-flexbox;
display: flex;
} .event-section .sidebar .sidebar-faq {
margin: 0 -20px;
background: white;
padding: 20px;
}
@media all and (min-width: 782px) and (max-width: 1050px) { .event-section .sidebar .sidebar-faq {
padding: 0px 20px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .sidebar .sidebar-faq {
padding: 0px 20px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .sidebar .sidebar-faq {
padding: 0px;
}
} .event-section .sidebar .sidebar-faq .sidebar-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
border-bottom: 1px solid #333;
padding-bottom: 5px;
} .event-section .sidebar .sidebar-faq .sidebar-section .sidebar-sub-title {
font-weight: 600;
font-size: 18px;
line-height: 22px;
} .event-section .sidebar .sidebar-faq .sidebar-section .icon {
height: 40px;
width: 40px;
-o-object-fit: scale-down;
object-fit: scale-down;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
} .event-section .sidebar .sidebar-faq .sidebar-section .sidebar-event-icon {
height: 35px;
} .event-section .sidebar .sidebar-faq a {
font-weight: 600;
font-size: 14px;
line-height: 22px;
color: #333;
} .event-section .sidebar .sidebar-faq a.view-map {
line-height: 50px;
} .event-section .sidebar .sidebar-faq .question {
font-weight: 600;
font-size: 14px;
line-height: 22px;
margin-bottom: 0px;
margin-top: 22px;
} .event-section .sidebar .sidebar-faq .answer {
font-weight: 400;
font-size: 14px;
line-height: 22px;
margin: 10px 0;
} .event-section .virtual-event {
padding: 36px 0;
} .event-section .mobile-hide {
display: block;
}
@media all and (max-width: 782px) { .event-section .mobile-hide {
display: none !important;
}
} .event-section .desktop-hide {
display: none;
}
@media all and (max-width: 782px) { .event-section .desktop-hide {
display: block !important;
}
} .event-section .tiles {
display: grid;
}
@media all and (min-width: 782px) and (max-width: 1050px) { .event-section .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .event-section .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .event-section .tiles {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}
} .single-event .single-service-section {
background: #f6f6f6;
padding: 0 0 30px 0;
overflow: hidden;
} .single-event .single-service-section .tiles .tile {
background: #fff;
} .archive-section-events {
background-color: #fff !important;
} .archive-section-events h1, .archive-section-events h2, .archive-section-events h3, .archive-section-events h4, .archive-section-events h5, .archive-section-events h6, .archive-section-events p, .archive-section-events a:not(.button) {
color: #333 !important;
} .contact-details {
margin-bottom: 50px;
} .contact-details .contact-detail {
position: relative;
overflow: hidden;
margin-bottom: 20px;
} .contact-details .contact-detail .widgettitle {
display: none;
} .contact-details .contact-detail svg {
position: absolute;
top: 0;
left: 0;
width: 32px;
height: auto;
} .contact-details .contact-detail svg path {
fill: #3d8099;
} .contact-details .contact-detail .content {
padding-left: 50px;
} .contact-details .contact-detail .content p {
font-size: 17px;
line-height: 22px;
margin: 5px 0;
} .contact-details .contact-detail .content p:first-child {
margin-top: 0;
} .contact-details .contact-detail .content p:last-child {
margin-bottom: 0;
} .exit-intent-forms {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 500;
} .exit-intent-forms .exit-intent-form {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 40px);
max-width: 750px;
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
border-radius: 10px;
overflow: hidden;
box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2);
z-index: 501;
background-position: -50px 46px;
} .exit-intent-forms .exit-intent-form.alternative {
background-position: -34px 73px;
background-size: 430px;
} .exit-intent-forms .exit-intent-form.alternative .content {
width: 50%;
text-align: center;
} .exit-intent-forms .exit-intent-form.alternative .content.right {
text-align: center;
padding: 0px 20px;
} .exit-intent-forms .exit-intent-form.alternative .content.right input {
width: 100%;
} .exit-intent-forms .exit-intent-form .top-bar {
background: #a2c03b;
padding: 10px;
} .exit-intent-forms .exit-intent-form .top-bar a {
display: block;
width: 30px;
height: 30px;
margin: 0;
float: right;
padding: 0;
} .exit-intent-forms .exit-intent-form .top-bar a svg {
position: relative;
top: 0;
height: 30px;
transform: none;
transition: transform 0.3s ease;
transform-origin: center;
} .exit-intent-forms .exit-intent-form .top-bar a svg path {
fill: #333;
} .exit-intent-forms .exit-intent-form .top-bar a:hover svg {
transform: rotate(225deg);
} .exit-intent-forms .exit-intent-form .content {
width: 60%;
float: left;
padding: 0 30px;
} .exit-intent-forms .exit-intent-form .content.full {
float: none;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
} .exit-intent-forms .exit-intent-form .content.right {
float: right;
} .exit-intent-forms .exit-intent-form .content .ajax-loader {
display: none;
} .exit-intent-forms .exit-intent-form .content h2 {
font-size: 40px;
line-height: 40px;
color: #333;
margin-bottom: 10px;
} .exit-intent-forms .exit-intent-form .content p {
font-weight: 600;
font-size: 16px;
line-height: 18px;
margin-top: 0;
color: #333;
} .exit-intent-forms .exit-intent-form .content p:last-child {
font-size: 13px;
} .exit-intent-forms .exit-intent-form .content input {
border: 1px solid #a5a5a5;
width: 90%;
margin-bottom: 5px;
text-align: center;
font-size: 15px;
} .exit-intent-forms .exit-intent-form .content input.error {
border: 1px solid #d71313;
background: #ffefef;
} .exit-intent-forms .exit-intent-form .content input[type=submit] {
background: #3d8099;
color: #fff;
border: none;
font-size: 18px;
font-weight: 600;
margin: 0px 0px 5px;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
cursor: pointer;
} .exit-intent-forms .exit-intent-form .content input[type=submit]:hover, .exit-intent-forms .exit-intent-form .content input[type=submit]:focus {
background: #333;
} .exit-intent-forms .exit-intent-form .tab {
position: absolute;
bottom: 45px;
right: 0;
background: #a2c03b;
padding: 5px 20px 5px 30px;
} .exit-intent-forms .exit-intent-form .tab p {
margin: 0;
font-weight: 600;
font-size: 14px;
text-align: right;
line-height: 18px;
color: #fff;
} .exit-intent-forms .exit-intent-form .complete {
display: none;
} .exit-intent-forms .exit-intent-form.completed .content {
display: none;
} .exit-intent-forms .exit-intent-form.completed .complete {
display: block;
}
@media all and (max-width: 782px) { .exit-intent-forms .exit-intent-form {
background-image: none !important;
} .exit-intent-forms .exit-intent-form .content {
float: none !important;
width: 100% !important;
padding: 0 30px !important;
text-align: center !important;
} .exit-intent-forms .exit-intent-form .content input {
width: 100% !important;
} .exit-intent-forms .exit-intent-form .tab {
display: none;
}
}
@media all and (max-width: 600px) { .sticky-cta-notice-section .desktop-only {
display: none !important;
}
} .sticky-cta-notice-section .desktop-only.notice {
position: fixed;
right: 0px;
text-align: right;
background: #9eb24d;
width: auto;
width: 120px;
padding: 0px 0px 30px 0px;
color: #fff;
font-weight: 400;
line-height: 1.2em;
z-index: 55;
height: auto;
display: block;
zoom: 0.8;
top: 50%;
transform: translateY(-50%);
height: 380px;
overflow: hidden;
backface-visibility: hidden;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-height: 680px) { .sticky-cta-notice-section .desktop-only.notice {
top: max(450px, 60%);
}
} .sticky-cta-notice-section .desktop-only.notice.open {
width: 300px;
height: 430px;
padding: 0px 0px 10px 0px;
} .sticky-cta-notice-section .desktop-only.notice.open .push-down {
height: 0px;
} .sticky-cta-notice-section .desktop-only.notice.open .arrow-left {
width: 70px;
height: 70px;
float: right;
clear: both;
padding-top: 8px;
} .sticky-cta-notice-section .desktop-only.notice.open svg {
transform: rotate(270deg);
margin: -3px;
} .sticky-cta-notice-section .desktop-only.notice.open .heading {
margin: 15px 0px 15px;
font-family: 'Open Sans';
line-height: 1.3em;
} .sticky-cta-notice-section .desktop-only.notice.open .text-content-closed {
display: none;
} .sticky-cta-notice-section .desktop-only.notice.open .text-content-open {
display: block;
} .sticky-cta-notice-section .desktop-only.notice.open .cta-form {
display: block;
} .sticky-cta-notice-section .desktop-only.notice .push-down {
height: 30px;
} .sticky-cta-notice-section .desktop-only.notice .text-content-open {
font-size: 20px;
text-align: left;
padding: 0px 15px;
display: none;
margin: 0 0 12px;
} .sticky-cta-notice-section .desktop-only.notice .arrow-left {
cursor: pointer;
height: 50px;
background-color: #3d8099;
} .sticky-cta-notice-section .desktop-only.notice .heading {
text-align: left;
padding: 0px 15px;
} .sticky-cta-notice-section .desktop-only.notice .text-content-closed {
text-align: left;
padding: 0px 15px;
} .sticky-cta-notice-section .desktop-only.notice svg {
cursor: pointer;
height: inherit;
margin: 0;
float: left;
transform: rotate(90deg);
zoom: 2;
} .sticky-cta-notice-section .desktop-only.notice svg path {
fill: #fff;
} .sticky-cta-notice-section .desktop-only.notice .cta-form {
padding: 0 15px;
display: none;  } .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__form input {
margin-bottom: 0px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control__label {
display: none;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control__input-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 8px 0;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control input[type=checkbox], .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control .gf__control__input--checkbox {
height: 20px;
width: 20px;
margin: 0;
padding-left: 0px;
margin: 0px 15px 0 0;
border-color: white;
outline: none;
box-shadow: none;
background: white;
top: unset;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control .gf__control__label__checkbox {
font-family: 'Open Sans';
cursor: pointer;
line-height: 1.1em;
font-size: 16px;
text-indent: 0px;
display: -ms-flexbox;
display: flex;
gap: 15px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-left: 0px;
color: #333739;
padding-top: 0px;
} .isIOS .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control .gf__control__label__checkbox { padding-top: 10px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--new_newsletterrecipient--1955, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--new_newsletterrecipient--1966 {
display: none;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--New_Country--1955, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--New_Country--1966 {
display: none;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--DataSource--1955 .gf__control--hidden, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--DataSource--1966 .gf__control--hidden {
display: none;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--FirstName--1955, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--FirstName--1966 {
position: absolute;
left: 15px;
width: 130px;
display: block;
box-shadow: none;
bottom: 65px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--LastName--1955, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--LastName--1966 {
position: absolute;
right: 15px;
width: 130px;
display: block;
box-shadow: none;
bottom: 65px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--EMailLogin--1955, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--EMailLogin--1966 {
display: block;
position: absolute;
left: 15px;
right: 0;
width: 185px;
display: block;
bottom: 10px;
box-shadow: none;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--EMailLogin--1955 div.gf__control__input-container + div.gf__control__failure-message, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--EMailLogin--1966 div.gf__control__input-container + div.gf__control__failure-message {
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: -10px;
font-size: 11px;
font-weight: 600;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1955, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1966 {
display: block;
position: absolute;
left: auto;
right: 15px;
width: 162px;
display: block;
bottom: 18px;
box-shadow: none;
border: 0;
color: #fff;
box-shadow: none;
border: 0;
margin: 0;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1955 input.gf__submit, .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1966 input.gf__submit {
box-shadow: none;
border: 0;
background: #202020 !important;
padding: 5px 8px !important;
font-size: 14px;
height: 41px;
width: 85px;
margin: 0;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control__failure-message {
font-size: 11px;
margin: 0px;
padding: 0;
display: -ms-flexbox;
display: flex;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_forms.frm_style_formidable-style.with_frm_style {
padding-top: 10px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .with_frm_style .frm_required {
opacity: 0;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_form_field .frm_checkbox, .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_form_field .frm_checkbox + .frm_checkbox, .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_form_field .frm_radio, .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_form_field .frm_radio + .frm_radio {
width: 285px;
padding: 5px;
margin: 0;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .with_frm_style .vertical_radio .frm_checkbox label, .sticky-cta-notice-section .desktop-only.notice .cta-form .with_frm_style .vertical_radio .frm_radio label {
font-family: 'Open Sans';
cursor: pointer;
line-height: 1.1em;
font-size: 16px;
text-indent: 0px;
display: -ms-flexbox;
display: flex;
gap: 15px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-left: 0px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .with_frm_style .frm_checkbox input[type=checkbox] {
height: 20px;
width: 20px;
margin: 0;
padding-left: 0px;
margin: 0px 0 0 0;
border-color: white;
outline: none;
box-shadow: none;
background: white;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style .form-field.frm_top_container {
margin: 5px 0;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_bottom_container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-align: center;
align-items: center;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #202020;
color: #fff;
padding: 3px 30px 3px 30px !important;
height: 33px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=text], .sticky-cta-notice-section .desktop-only.notice .cta-form frm_style_formidable-style.with_frm_style input[type=email] {
padding: 16px 10px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=text], .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=password],
.sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=email], .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=number],
.sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=url], .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=tel],
.sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=phone], .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=search],
.sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style select, .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style textarea {
padding: 16px 10px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .frm_style_formidable-style.with_frm_style .form-field {
margin-bottom: 10px;
} .sticky-cta-notice-section .mobile-only {
display: block;
}
@media all and (min-width: 600px) { .sticky-cta-notice-section .mobile-only {
display: none !important;
}
} .sticky-cta-notice-section .mobile-only.notice {
display: none !important;
position: fixed;
right: 0px;
text-align: right;
background: #9eb24d;
width: auto;
width: 95%;
max-width: 480px;
padding: 0px 0px 30px 0px;
color: #fff;
font-weight: 400;
line-height: 1.2em;
z-index: 55;
height: 0;
display: block;
zoom: 0.8;
height: 70px;
overflow: hidden;
backface-visibility: hidden;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
top: auto !important;
right: calc(100% - 95%) !important;
bottom: 0px !important;
left: auto !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media all and (max-width: 600px) { .sticky-cta-notice-section .mobile-only.notice {
right: calc(100% - 97.5%) !important;
}
}
@media all and (max-width: 320px) { .sticky-cta-notice-section .mobile-only.notice {
right: calc(100% - 97.5%) !important;
}
}
@media all and (min-width: 375px) and (max-width: 600px) { .sticky-cta-notice-section .mobile-only.notice {
right: calc(100% - 95%) !important;
}
}
@media all and (max-width: 375px) { .sticky-cta-notice-section .mobile-only.notice {
right: calc(100% - 97.5%) !important;
}
} .sticky-cta-notice-section .mobile-only.notice.open {
height: 480px;
padding: 0px !important;
max-height: 480px;
} .sticky-cta-notice-section .mobile-only.notice.open .push-down {
height: 0px;
display: none;
} .sticky-cta-notice-section .mobile-only.notice.open .notice-header {
border-bottom: 1px solid white;
} .sticky-cta-notice-section .mobile-only.notice.open .notice-header svg {
transform: rotate(0);
margin: 0 !important;
} .sticky-cta-notice-section .mobile-only.notice.open .heading {
font-family: 'Open Sans';
vertical-align: middle;
line-height: 2em;
}
@media all and (min-width: 600px) { .sticky-cta-notice-section .mobile-only.notice.open .heading {
line-height: 2.5em;
width: 82%;
font-size: 20px;
}
}
@media all and (min-width: 320px) { .sticky-cta-notice-section .mobile-only.notice.open .heading {
line-height: 2.5em;
width: 82%;
font-size: 20px;
}
} .sticky-cta-notice-section .mobile-only.notice.open .text-content-closed {
display: none;
} .sticky-cta-notice-section .mobile-only.notice.open .text-content-open {
display: block;
} .sticky-cta-notice-section .mobile-only.notice.open .cta-form {
display: block;
} .sticky-cta-notice-section .mobile-only.notice .notice-header {
display: -ms-flexbox;
display: flex;
} .sticky-cta-notice-section .mobile-only.notice .notice-header .arrow-left {
cursor: pointer;
height: 65px;
background-color: inherit;
width: 15%;
position: relative;
} .sticky-cta-notice-section .mobile-only.notice .notice-header .heading {
margin: 15px 0px 15px;
text-align: left;
padding: 0px;
vertical-align: middle;
line-height: 2em;
width: 82%;
margin-left: 15px;
} .sticky-cta-notice-section .mobile-only.notice .notice-header .text-content-closed {
text-align: left;
padding: 0px 15px;
} .sticky-cta-notice-section .mobile-only.notice .notice-header svg {
position: absolute;
cursor: pointer;
height: inherit;
margin: 0;
float: left;
transform: rotate(0deg);
zoom: 2;
top: 0px;
left: -5px;
} .sticky-cta-notice-section .mobile-only.notice .notice-header svg path {
fill: #fff;
} .sticky-cta-notice-section .mobile-only.notice .push-down {
height: 30px;
display: none;
} .sticky-cta-notice-section .mobile-only.notice .text-content-open {
font-size: 20px;
text-align: left;
padding: 0px 15px;
display: none;
margin: 12px 0 12px;
} .sticky-cta-notice-section .mobile-only.notice .arrow-left {
cursor: pointer;
height: 70px;
background-color: inherit;
} .sticky-cta-notice-section .mobile-only.notice .heading {
text-align: left;
padding: 0px 15px;
} .sticky-cta-notice-section .mobile-only.notice .text-content-closed {
text-align: left;
padding: 0px 15px;
} .sticky-cta-notice-section .mobile-only.notice svg {
cursor: pointer;
height: inherit;
margin: 0;
float: left;
transform: rotate(90deg);
zoom: 2;
} .sticky-cta-notice-section .mobile-only.notice svg path {
fill: #fff;
} .sticky-cta-notice-section .mobile-only.notice .cta-form {
padding: 0 15px;
display: none;  } .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__form input {
margin-bottom: 10px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control__label {
display: none;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control__input-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 8px 0;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
} .isIOS .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control { max-height: 40px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control input[type=checkbox], .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control .gf__control__input--checkbox {
height: 20px;
width: 20px;
margin: 0;
padding-left: 0px;
margin: 0px 15px 0 0;
border-color: white;
outline: none;
box-shadow: none;
background: white;
top: unset;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control .gf__control__label__checkbox {
font-family: 'Open Sans';
cursor: pointer;
line-height: 1.1em;
font-size: 16px;
text-indent: 0px;
display: -ms-flexbox;
display: flex;
gap: 15px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-left: 0px;
padding-top: 0px;
color: #333739;
} .isIOS .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control .gf__control__label__checkbox { padding-top: 10px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--new_newsletterrecipient--1955, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--new_newsletterrecipient--1966 {
display: none;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--New_Country--1955, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--New_Country--1966 {
display: none;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--DataSource--1955 .gf__control--hidden, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--DataSource--1966 .gf__control--hidden {
display: none;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--FirstName--1955, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--FirstName--1966 {
position: absolute;
left: 15px;
width: calc(50% - 20px);
display: block;
box-shadow: none;
bottom: 115px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--LastName--1955, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--LastName--1966 {
position: absolute;
right: 15px;
width: calc(50% - 20px);
display: block;
box-shadow: none;
bottom: 115px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--EMailLogin--1955, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--EMailLogin--1966 {
display: block;
position: absolute;
left: 15px;
right: 0;
width: calc(100% - 30px);
display: block;
bottom: 65px;
box-shadow: none;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--EMailLogin--1955 div.gf__control__input-container + div.gf__control__failure-message, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--EMailLogin--1966 div.gf__control__input-container + div.gf__control__failure-message {
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: -10px;
font-size: 11px;
font-weight: 600;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1955, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1966 {
display: block;
position: absolute;
left: auto;
right: 15px;
width: calc(100% - 30px);
display: block;
bottom: 25px;
box-shadow: none;
border: 0;
color: #fff;
box-shadow: none;
border: 0;
} .isIOS .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1955, .isIOS .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1966 { bottom: 6px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1955 input.gf__submit, .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1966 input.gf__submit {
box-shadow: none;
border: 0;
background: #202020 !important;
padding: 5px 8px !important;
font-size: 14px;
height: 41px;
width: calc(100%);
margin: 0;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .gf__control.gf__control__failure-message {
font-size: 11px;
margin: 0px;
padding: 0;
display: -ms-flexbox;
display: flex;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_forms.frm_style_formidable-style.with_frm_style {
padding-top: 10px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .with_frm_style .frm_required {
opacity: 0;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_form_field .frm_checkbox, .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_form_field .frm_checkbox + .frm_checkbox, .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_form_field .frm_radio, .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_form_field .frm_radio + .frm_radio {
width: 285px;
padding: 5px;
margin: 0;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .with_frm_style .vertical_radio .frm_checkbox label, .sticky-cta-notice-section .mobile-only.notice .cta-form .with_frm_style .vertical_radio .frm_radio label {
font-family: 'Open Sans';
cursor: pointer;
line-height: 1.1em;
font-size: 16px;
text-indent: 0px;
display: -ms-flexbox;
display: flex;
gap: 15px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-left: 0px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .with_frm_style .frm_checkbox input[type=checkbox] {
height: 20px;
width: 20px;
margin: 0;
padding-left: 0px;
margin: 0px 0 0 0;
border-color: white;
outline: none;
box-shadow: none;
background: white;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style .form-field.frm_top_container {
margin: 5px 0;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_bottom_container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-align: center;
align-items: center;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #202020;
color: #fff;
padding: 3px 30px 3px 30px !important;
height: 33px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=text], .sticky-cta-notice-section .mobile-only.notice .cta-form frm_style_formidable-style.with_frm_style input[type=email] {
padding: 16px 10px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=text], .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=password],
.sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=email], .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=number],
.sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=url], .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=tel],
.sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=phone], .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style input[type=search],
.sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style select, .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style textarea {
padding: 16px 10px;
} .sticky-cta-notice-section .mobile-only.notice .cta-form .frm_style_formidable-style.with_frm_style .form-field {
margin-bottom: 10px;
} .sticky-cta-notice-section .desktop-only.notice {
text-align: left;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--EMailLogin--1955 {
text-align: right;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control.gf__control--submit.gf__control--submit--1955 {
width: 90px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control input[type=checkbox], .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control .gf__control__input--checkbox {
min-width: 20px;
} .sticky-cta-notice-section .desktop-only.notice .cta-form .gf__control .gf__control__label__checkbox {
font-family: inherit;
} .sticky-cta-notice-section .desktop-only.notice.open .heading {
font-family: 'Open Sans',sans-serif;
} .sticky-cta-notice-section {
display: none !important;
} .frm_form_fields .frm_fields_container {
display: block;
} .toolkit-section .tiles {
grid-template-columns: repeat(3, minmax(150px, 1fr));
margin-top: 30px;
text-align: left;
}
@media all and (max-width: 600px) { .toolkit-section .tiles {
grid-template-columns: repeat(1, minmax(150px, 1fr));
}
} .toolkit-section .tiles .tile {
background: #3d8099;
padding: 20px;
padding-bottom: 90px;
} .toolkit-section .tiles .tile.dark-tile {
background: #333;
} .toolkit-section .tiles .tile.dark-tile h2 {
margin-top: 0;
color: #fff;
} .toolkit-section .tiles .tile.dark-tile p {
color: #fff;
} .toolkit-section .tiles .tile.dark-tile .button {
position: relative;
bottom: auto;
left: auto;
transform: none;
margin-bottom: 20px;
} .toolkit-section .tiles .tile.dark-tile img {
clear: both;
display: inline-block;
width: 45%;
height: auto;
margin: 0px 10px 5px 0;
} .toolkit-section .tiles .tile header {
position: relative;
overflow: hidden;
} .toolkit-section .tiles .tile .toolkit-image {
float: left;
width: 50%;
padding-right: 20px;
padding-bottom: 10px;
} .toolkit-section .tiles .tile .toolkit-image img {
display: block;
} .toolkit-section .tiles .tile .toolkit-title {
float: left;
width: 50%;
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #fff;
word-break: break-word;
margin-bottom: 70px;
} .toolkit-section .tiles .tile .toolkit-desc {
clear: both;
color: #fff;
} .toolkit-section .tiles .tile .button {
position: absolute;
bottom: 20px;
left: 50%;
margin: 0;
font-size: 14px;
padding: 12px 30px;
background: transparent;
border: 2px solid #fff;
text-align: center;
white-space: nowrap;
transform: translateX(-50%);
} .toolkit-section .tiles .tile .button:hover {
background: #fff;
color: #3d8099;
} .toolkit-section .tiles .tile .button.selected {
background: #a2c03b;
border-color: #a2c03b;
color: #333;
} .toolkit-complete {
display: none;
padding: 20px;
margin: 0;
} .toolkit-download {
background: #f6f6f6;
margin-top: 30px;
overflow: hidden;
} .toolkit-download > header {
background: #a2c03b;
padding: 20px;
} .toolkit-download > header h3 {
font-size: 28px;
line-height: 38px;
color: #333;
margin: 0;
} .toolkit-download > article {
padding: 20px;
overflow: hidden;
} .toolkit-download > article > h3 {
margin-top: 0;
} .toolkit-download .toolkit-downloads {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
} .toolkit-download .toolkit-form {
padding-left: 20px;
text-align: left;
}
@media all and (max-width: 600px) { .toolkit-download .toolkit-form {
margin-top: 30px;
padding-left: 0;
}
} .toolkit-download .toolkit-form form > p {
margin: 0;
} .toolkit-download .toolkit-form form input {
padding: 20px;
} .toolkit-download .toolkit-form form input:not([type=submit]) {
width: 100%;
} .toolkit-download .toolkit-form form .wpcf7-form-control-wrap {
margin: 0;
margin-bottom: 10px;
} .toolkit-download .toolkit-form form div.wpcf7-response-output {
margin: 0 0 20px 0;
} .toolkit-download .selected-toolkits {
overflow: hidden;
} .toolkit-download .selected-toolkits .toolkit-download-item {
position: relative;
display: none;
float: left;
width: 33.333%;
height: 270px;
padding: 10px;
text-align: left;
} .toolkit-download .selected-toolkits .toolkit-download-item .remove-toolkit {
position: absolute;
top: 0;
right: 0;
} .toolkit-download .selected-toolkits .toolkit-download-item .remove-toolkit svg {
width: 18px;
height: auto;
} .toolkit-download .selected-toolkits .toolkit-download-item .remove-toolkit svg path {
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
} .toolkit-download .selected-toolkits .toolkit-download-item .remove-toolkit:hover svg path {
fill: #FF4136;
} .toolkit-download .selected-toolkits .toolkit-download-item .image {
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
border: 1px solid #ccc;
} .toolkit-download .selected-toolkits .toolkit-download-item p {
font-size: 13px;
margin: 10px 0;
} .toolkit-download .selected-toolkits .toolkit-download-item.selected {
display: block;
} .toolkit-download .toolkit-checkboxes {
display: none;
} .toolkit-download #no-toolkit {
display: none;
background: #df5c49;
padding: 15px;
border: none;
margin: 10px 0;
font-size: 13px;
font-weight: 600;
line-height: 18px;
color: #fff;
} .toolkit-download #no-toolkit p {
margin: 0;
} .campaign-section {
background: #a2c03b;
color: #fff;
border-top: 2px solid #fff;
padding: 60px 0;
overflow: hidden;
width: 100%;
} .campaign-section h4 {
font-weight: 400;
} .campaign-section .sidebar h3 {
margin-bottom: 0;
} .campaign-section .sidebar h4 {
margin-top: 10px;
} .campaign-section .sidebar img {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
} .campaign-section .with_frm_style .frm_submit {
text-align: left !important;
} .campaign-new-section header.campaign-header {
overflow: hidden;
padding: 80px 0;
background-size: cover;
background-position: center;
position: relative;
background-blend-mode: luminosity;
background-color: #3d8099;
} .campaign-new-section header.campaign-header:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #3d8099;
opacity: 0.7;
z-index: 1;
} .campaign-new-section header.campaign-header .container {
position: relative;
z-index: 2;
padding-right: 20vw;
} .campaign-new-section header.campaign-header * {
color: #fff;
} .campaign-new-section header.campaign-header p {
font-size: 24px;
line-height: 30px;
font-weight: 400;
} .campaign-new-section .the-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding: 50px 30px;
} .campaign-new-section .the-content .campaign-content {
padding-right: 20px;
} .campaign-new-section .the-content .campaign-content > *:first-child {
margin-top: 0;
} .campaign-new-section .the-content .campaign-content > *:last-child {
margin-bottom: 0;
} .campaign-new-section .the-content .campaign-content a {
font-weight: bold;
} .campaign-new-section .the-content .campaign-content a:hover, .campaign-new-section .the-content .campaign-content a:focus {
text-decoration: underline;
} .campaign-new-section .the-content .campaign-content h3 {
font-weight: 400;
line-height: 30px;
} .campaign-new-section .the-content .campaign-content p {
font-size: 16px;
line-height: 24px;
} .campaign-new-section aside.campain-contact {
width: 100%;
max-width: 300px;
padding-left: 50px;
margin: 0 auto;
width: 100%;
} .campaign-new-section aside.campain-contact .campaign-contact-image {
position: relative;
background-size: cover;
background-position: center;
margin-bottom: 10px;
} .campaign-new-section aside.campain-contact .campaign-contact-image .video-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
} .campaign-new-section aside.campain-contact .campaign-contact-image .video-cover .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
cursor: pointer;
} .campaign-new-section aside.campain-contact .campaign-contact-image .video-cover .play-button svg {
width: 60px;
height: auto;
} .campaign-new-section aside.campain-contact .campaign-contact-image .video-cover .play-button svg path {
fill: #fff;
} .campaign-new-section aside.campain-contact p {
margin: 0;
color: #3d8099;
}
@media all and (max-width: 850px) { .campaign-new-section .the-content {
-ms-flex-direction: column;
flex-direction: column;
} .campaign-new-section .the-content .campaign-content {
-ms-flex-order: 1;
order: 1;
padding: 0;
} .campaign-new-section .the-content .campain-contact {
padding: 0;
margin-bottom: 30px;
}
} .custom-section {
padding: 30px 0;
} .custom-section > .container {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
grid-gap: 30px;
}
@media all and (max-width: 1050px) { .custom-section > .container {
grid-template-columns: 100px 1fr 260px;
}
}
@media all and (max-width: 600px) { .custom-section > .container {
grid-template-columns: 1fr;
grid-row-gap: 20px;
} .custom-section > .container .image {
min-height: 150px;
}
} .custom-section.layout-2col > .container {
grid-template-columns: 1fr 1fr;
}
@media all and (min-width: 320px) and (max-width: 600px) { .custom-section.layout-2col > .container {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
}
@media all and (min-width: 782px) and (max-width: 1050px) { .custom-section.layout-2col > .container {
grid-template-columns: 0.5fr 0.5fr;
grid-row-gap: 20px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .custom-section.layout-2col > .container {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .custom-section.layout-2col > .container {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
}
@media all and (max-width: 600px) { .custom-section.layout-2col > .container {
grid-template-columns: 1fr;
grid-row-gap: 20px;
} .custom-section.layout-2col > .container .image {
min-height: 150px;
}
} .custom-section.layout-3col > .container {
grid-template-columns: 1fr 1fr 1fr;
}
@media all and (max-width: 1050px) { .custom-section.layout-3col > .container {
grid-template-columns: 100px 1fr 260px;
}
}
@media all and (max-width: 600px) { .custom-section.layout-3col > .container {
grid-template-columns: 1fr;
grid-row-gap: 20px;
} .custom-section.layout-3col > .container .image {
min-height: 150px;
}
} .custom-section .image {
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
} .custom-section .col > p:first-child, .custom-section .col > h1:first-child, .custom-section .col > h2:first-child, .custom-section .col > h3:first-child, .custom-section .col > h4:first-child, .custom-section .col > h5:first-child, .custom-section .col > h6:first-child,
.custom-section .content > p:first-child,
.custom-section .content > h1:first-child,
.custom-section .content > h2:first-child,
.custom-section .content > h3:first-child,
.custom-section .content > h4:first-child,
.custom-section .content > h5:first-child,
.custom-section .content > h6:first-child {
margin-top: 0;
} .custom-section .col > p:last-child, .custom-section .col > h1:last-child, .custom-section .col > h2:last-child, .custom-section .col > h3:last-child, .custom-section .col > h4:last-child, .custom-section .col > h5:last-child, .custom-section .col > h6:last-child,
.custom-section .content > p:last-child,
.custom-section .content > h1:last-child,
.custom-section .content > h2:last-child,
.custom-section .content > h3:last-child,
.custom-section .content > h4:last-child,
.custom-section .content > h5:last-child,
.custom-section .content > h6:last-child {
margin-bottom: 0;
} .custom-section .col .button,
.custom-section .content .button {
margin: 0;
} .custom-section .link .button {
width: 100%;
text-align: center;
background: #fff;
color: #333;
white-space: nowrap;
} .custom-section .link .button:hover {
background: #a2c03b;
color: #fff;
} .hero-banner-section {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
height: 75vh;
max-height: 575px;
min-height: 550px;
padding: 0;
overflow: hidden;
z-index: 5;
clear: both;
transition: all 420ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition-duration: 2s;
background-position: 80% 0%;
}
@media all and (min-width: 320px) and (max-width: 320px) { .hero-banner-section {
background-position: 82% 0%;
background-size: 1485px auto;
max-height: 600px;
}
}
@media all and (min-width: 320px) and (max-width: 600px) { .hero-banner-section {
background-position: 82% 0%;
background-size: 1485px auto;
max-height: 585px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .hero-banner-section {
background-position: 82% 0%;
background-size: 1600px auto;
max-height: 630px;
}
}
@media all and (min-width: 320px) and (max-width: 320px) { .hero-banner-section {
background-position: 79% 0%;
background-size: 1560px auto;
max-height: 615px;
}
}
@media all and (min-width: 425px) and (max-width: 425px) { .hero-banner-section {
background-position: 84% 0;
background-size: 1500px auto;
max-height: 585px;
}
}
@media screen and (max-width: 600px) and (max-height: 667px) { .hero-banner-section {
background-position: 73% 0%;
background-size: 1040px auto;
min-height: 410px;
}
}
@media screen and (max-width: 375px) and (max-height: 667px) { .hero-banner-section {
background-position: 80% 0%;
background-size: 1280px auto;
min-height: 410px;
}
}
@media screen and (max-width: 320px) and (max-height: 667px) { .hero-banner-section {
background-position: 79% 0%;
background-size: 1485px auto;
min-height: 585px;
}
}
@media screen and (max-width: 320px) and (max-height: 568px) { .hero-banner-section {
background-position: 79% 0%;
background-size: 1485px auto;
min-height: 585px;
}
} .hero-banner-section > .container {
display: -ms-flexbox;
display: flex;
height: 100%;
max-width: 1170px;
padding: 0;
overflow: visible;
-ms-flex-direction: row;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: justify;
justify-content: space-around;
-ms-flex-line-pack: center;
align-content: stretch;
-ms-flex-align: center;
align-items: flex-start;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
} .hero-banner-section > .container .push-down {
display: -ms-inline-flexbox;
display: inline-flex;
margin: 25px auto;
fill: white;
cursor: pointer;
height: 74px;
width: 74px;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .push-down {
display: none;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .push-down {
display: none;
}
} .hero-banner-section > .container .arrow-down {
display: -ms-inline-flexbox;
display: inline-flex;
margin: 25px auto;
fill: white;
cursor: pointer;
height: 74px;
width: 74px;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .arrow-down {
display: none;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .arrow-down {
display: none;
}
} .hero-banner-section > .container .content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
opacity: 1;
height: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
display: flex;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
height: 100%;
background-size: cover;
background-position: center;
overflow: hidden;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media all and (max-width: 600px) { .hero-banner-section > .container .content {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content {
-ms-flex-pack: start;
justify-content: flex-start;
}
} .hero-banner-section > .container .content .bottom-side {
padding: 10px 0px;
background: #312f2fbe;
color: #fff;
z-index: 100;
position: absolute;
bottom: 174px;
}
@media all and (min-width: 783px) and (max-width: 1050px) { .hero-banner-section > .container .content .bottom-side {
bottom: 150px;
}
}
@media all and (min-width: 601px) and (max-width: 782px) { .hero-banner-section > .container .content .bottom-side {
bottom: 155px;
}
}
@media all and (min-width: 321px) and (max-width: 375px) { .hero-banner-section > .container .content .bottom-side {
bottom: 209px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .bottom-side {
bottom: 225px;
}
} .hero-banner-section > .container .content .bottom-side h1 {
margin: 5px 15px;
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .bottom-side h1 {
font-size: 25px;
}
} .hero-banner-section > .container .content .below-bg-image {
padding: 0px 15px;
background: #f1f2ea;
z-index: 100;
position: absolute;
bottom: 0;
} .hero-banner-section > .container .content .below-bg-image p {
color: #000;
font-size: 20px;
line-height: 1.4em;
margin-bottom: 5px;
} .hero-banner-section > .container .content .below-bg-image .button {
padding: 15px 30px;
font-size: 22px;
} .hero-banner-section > .container .content .left-side {
width: 75%;
padding: 0px 0px 0px 30px;
max-width: 830px;
display: -ms-flexbox;
display: flex;
width: 75%;
padding: 0px 0px 0px 30px;
max-width: 830px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: justify;
align-content: space-between;
} .hero-banner-section > .container .content .left-side .hero-banner-btns {
display: -ms-flexbox;
display: flex;
gap: 18px;
} .hero-banner-section > .container .content .left-side.video-overlay-box {
background: #312f2fbe;
color: #FFFFFF;
z-index: 100;
padding: 18px 26px 37px 26px;
width: 60%;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side.video-overlay-box {
width: 60%;
padding: 15px 0px 15px 15px;
padding-right: 25px;
}
}
@media all and (max-width: 600px) { .hero-banner-section > .container .content .left-side.video-overlay-box {
width: 60%;
padding: 15px 0px 15px 15px;
padding-right: 25px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side.video-overlay-box {
width: 60%;
padding: 15px 0px 15px 15px;
padding-right: 25px;
}
} .hero-banner-section > .container .content .left-side.video-overlay-box h1 {
margin: 0px;
font-size: 40px;
line-height: 50px;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side.video-overlay-box h1 {
font-size: 36px;
line-height: 1.2em;
margin-top: 85px;
}
}
@media all and (max-width: 600px) { .hero-banner-section > .container .content .left-side.video-overlay-box h1 {
font-size: 24px;
line-height: 1.2em;
margin-top: 25px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side.video-overlay-box h1 {
font-size: 22px;
line-height: 1.2em;
margin-top: 25px;
}
}
@media screen and (max-width: 600px) and (max-height: 667px) { .hero-banner-section > .container .content .left-side.video-overlay-box h1 {
margin-top: 8px;
}
}
@media screen and (max-width: 600px) and (max-height: 667px) { .hero-banner-section > .container .content .left-side.video-overlay-box h1 {
margin-top: 8px;
}
} .hero-banner-section > .container .content .left-side.video-overlay-box p {
font-size: 16px;
line-height: 22px;
margin: 15px 0 0px;
margin-bottom: 15px;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side.video-overlay-box p {
margin: 12.5px 0 0px;
margin-bottom: 20px;
}
}
@media all and (max-width: 600px) { .hero-banner-section > .container .content .left-side.video-overlay-box p {
font-size: 16px;
line-height: 22px;
margin: 12.5px 0 0px;
margin-bottom: 20px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side.video-overlay-box p {
font-size: 16px;
line-height: 22px;
margin-top: 0px;
margin: 12.5px 0 0px;
margin-bottom: 20px;
}
} .hero-banner-section > .container .content .left-side.video-overlay-box .button {
font-size: 19px;
margin: 0px;
padding: 15px 30px;
margin-top: 12px;
background: #a2c03b;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side.video-overlay-box .button {
padding: 10px 15px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side.video-overlay-box .button {
padding: 10px 15px;
}
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side {
width: 100%;
padding: 15px 0px 0 15px;
padding-right: 25px;
}
}
@media all and (max-width: 600px) { .hero-banner-section > .container .content .left-side {
width: 100%;
padding: 15px 0px 0 15px;
padding-right: 25px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side {
width: 100%;
padding: 15px 0px 0 15px;
padding-right: 25px;
}
} .hero-banner-section > .container .content .left-side h1 {
font-size: 48px;
line-height: 54px;
margin: 0px;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side h1 {
font-size: 36px;
line-height: 1.2em;
margin-top: 85px;
}
}
@media all and (max-width: 600px) { .hero-banner-section > .container .content .left-side h1 {
font-size: 24px;
line-height: 1.2em;
margin-top: 25px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side h1 {
font-size: 22px;
line-height: 1.2em;
margin-top: 25px;
}
}
@media screen and (max-width: 600px) and (max-height: 667px) { .hero-banner-section > .container .content .left-side h1 {
margin-top: 0px;
}
} .hero-banner-section > .container .content .left-side p {
font-size: 22px;
line-height: 30px;
margin: 35px 0 0px;
margin-bottom: 45px;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side p {
margin: 12.5px 0 0px;
margin-bottom: 20px;
}
}
@media all and (max-width: 600px) { .hero-banner-section > .container .content .left-side p {
font-size: 18px;
line-height: 24px;
margin: 12.5px 0 0px;
margin-bottom: 20px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side p {
font-size: 22px;
line-height: 27px;
margin-top: 0px;
margin: 12.5px 0 0px;
margin-bottom: 20px;
}
} .hero-banner-section > .container .content .left-side .button {
padding: 15px 45px;
margin-top: 12px;
background: #428098;
font-size: 18px;
margin: 0px;
}
@media all and (max-width: 782px) { .hero-banner-section > .container .content .left-side .button {
padding: 7px 18px;
}
}
@media all and (max-width: 320px) { .hero-banner-section > .container .content .left-side .button {
padding: 15px 10px;
}
} .hero-banner-section > .container .content .right-side {
display: block;
width: 40%;
} .hero-banner-section > .container .content .video-container.youtube-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
overflow: hidden;
opacity: 0;
} .video-started .hero-banner-section > .container .content .video-container.youtube-video {
opacity: 1;
} .hero-banner-section > .container .content .video-container.youtube-video #ytplayer-shield {
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: #2F303145 0% 0% no-repeat padding-box;
} .hero-banner-section > .container .content .video-container.youtube-video .ytplayer-container {
width: 100%;
height: 100%;
pointer-events: none;
} .hero-banner-section > .container .content .video-container.youtube-video .video-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
background-size: cover;
} .hero-banner-section > .container .content .video-container.youtube-video .video-background .ytplayer-player {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
} .hero-banner-section > .container .content .video-container.youtube-video .video-background iframe {
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
} .credentials-section > .container {
text-align: center;
} .credentials-section > .container > .button {
margin: 0px 0px 40px 0;
} .credentials-section > .container > .content {
text-align: center;
padding: 0px 140px;
margin-bottom: 30px;
} .credentials-section > .container > .content p {
font-size: 20px;
line-height: 24px;
} .credentials-section > .container > .content * {
font-weight: 400;
} .credentials-section > .container > .content *:first-child {
margin-top: 0;
}
@media all and (max-width: 600px) { .credentials-section > .container > .content *:first-child h2 {
font-size: 28px;
line-height: 1.35em;
}
}
@media all and (max-width: 600px) { .credentials-section > .container > .content h2:first-child {
font-size: 28px;
line-height: 1.35em;
}
}
@media all and (max-width: 600px) { .credentials-section > .container > .content {
padding: 0 15px;
padding-top: 10px;
} .credentials-section > .container > .content p {
font-size: 16px;
line-height: 22px;
}
} .credentials-section .credential-group {
background: #f6f6f6;
margin-bottom: 50px;
} .credentials-section .credential-group .credential-group-title {
background-color: #3d8099;
color: white;
padding: 20px;
text-align: center;
margin-bottom: 0;
} .credentials-section .credential-group .credential-group-content {
overflow: auto;
} .credentials-section .credential-group .credential-group-content .credential-group-image {
float: left;
width: 50%;
min-height: 370px;
background-size: cover;
background-position: center;
}
@media all and (max-width: 600px) { .credentials-section .credential-group .credential-group-content .credential-group-image {
min-height: 290px;
}
} .credentials-section .credential-group .credential-group-content .credential-group-list {
float: left;
width: 50%;
padding: 60px 20px 20px 45px;
} .credentials-section .credential-group .credential-group-content .credential-group-list ul {
margin: 0;
} .credentials-section .credential-group .credential-group-content .credential-group-list ul li {
padding: 0;
font-size: 20px;
line-height: 25px;
color: black;
text-align: left;
margin-bottom: 20px;
padding-left: 35px;
position: relative;
} .credentials-section .credential-group .credential-group-content .credential-group-list ul li .icon {
position: absolute;
display: block;
left: 0;
top: 5px;
} .credentials-section .credential-group .credential-group-content .credential-group-list ul li .icon svg path {
fill: #3d8099;
}
@media all and (max-width: 782px) { .credentials-section .credential-group .credential-group-content .credential-group-image,
.credentials-section .credential-group .credential-group-content .credential-group-list {
width: 100%;
float: none;
} .credentials-section .credential-group .credential-group-content .credential-group-list {
padding: 35px;
}
}  .client-stories-landing-section .content-section {
padding: 25px 0px 0px 0px;
} .client-stories-landing-section .tiles-section {
padding: 25px 0 50px 0;
} .client-stories-landing-section :nth-child(2) .container p {
text-align: center;
max-width: 80%;
margin: 0 auto;
font-size: 18px;
line-height: 1.5em;
} .client-stories-landing-section :nth-child(2) .container h2 {
text-align: center;
font-weight: 400;
max-width: 80%;
margin: 0 auto;
font-size: 27px;
line-height: 38px;
} .client-stories-landing-section :nth-child(2) .container h3 {
text-align: center;
font-weight: 400;
max-width: 80%;
margin: 0 auto;
} .client-stories-landing-section .client-stories-spacing {
display: block;
height: 25px;
padding: 0px;
margin: 0px;
}
@media all and (max-width: 600px) { .client-stories-landing-section .client-stories-spacing {
height: 19px;
} .client-stories-landing-section :nth-child(2) .container h2 {
font-size: 20px;
line-height: 1.1em;
}
}  .client-stories-cat-section .content-section {
padding: 25px 0px 0px 0px;
} .client-stories-cat-section .tiles-section {
padding: 25px 0 50px 0;
} .client-stories-cat-section :first-child .container p {
text-align: center;
max-width: 80%;
margin: 0 auto;
font-size: 18px;
line-height: 1.5em;
} .client-stories-cat-section :first-child .container h2 {
text-align: center;
font-weight: 600;
max-width: 80%;
margin: 0 auto;
font-size: 34px;
line-height: 38px;
padding: 25px;
} .client-stories-cat-section :first-child .container h3 {
text-align: center;
font-weight: 600;
max-width: 80%;
margin: 0 auto;
padding: 10px;
} .client-stories-cat-section .client-stories-spacing {
display: block;
height: 25px;
padding: 0px;
margin: 0px;
}
@media all and (max-width: 600px) { .client-stories-cat-section h2 {
font-size: 20px;
line-height: 1.1em;
} .client-stories-cat-section .client-stories-spacing {
height: 20px;
} .client-stories-cat-section :first-child .container p {
font-size: 16px;
} .client-stories-cat-section :first-child .container h2 {
font-size: 26px;
line-height: 38px;
padding: 10px;
} .client-stories-cat-section :first-child .container h3 {
padding: 3px;
}
}  .page-template-page_client_stores-php .menu-client-stories-container {
width: 320px;
} .menu-client-stories-container {
border: none;
margin: 0;
padding: 0;
line-height: 1;
box-sizing: content-box;
height: 39px;
display: block;
padding: 0;
margin: 0;
width: 350px;
text-align: center;
margin: 0 auto;
background: #587F95;
} .menu-client-stories-container.menu-open > ul > li:first-child > a:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 5px;
top: 50%;
margin-top: -3px;
border-width: 6px 6px 0;
border-style: solid;
border-color: #f6f6f6 transparent;
transition-duration: 0.4s;
transition-property: transform;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
} .menu-client-stories-container ul ul {
display: none;
} .menu-client-stories-container ul ul {
display: none;
position: absolute;
top: 3em;
left: 0;
z-index: 99999;
width: 180px;
background: #fff;
} .menu-client-stories-container li {
position: relative;
} .menu-client-stories-container ul, .menu-client-stories-container li, .menu-client-stories-container a {
border: none;
margin: 0;
padding: 0;
line-height: 1;
box-sizing: content-box;
} .menu-client-stories-container ul li > ul li:hover {
background: #2D4047;
} .menu-client-stories-container ul li.has-sub:hover > a:after {
top: 0;
bottom: 0;
} .menu-client-stories-container ul li.has-sub:hover > a {
background: #2D4047;
border-color: #2D4047;
padding-bottom: 14px;
padding-top: 14px;
top: -1px;
z-index: 999;
} .menu-client-stories-container ul li.has-sub:hover > ul, .menu-client-stories-container ul li.has-sub:hover > div {
display: block;
} .menu-client-stories-container ul li.has-sub > a:hover {
background: #264e59;
border-color: #264e59;
} .menu-client-stories-container ul li > ul, .menu-client-stories-container ul li > div {
display: none;
width: auto;
position: absolute;
top: 39px;
padding: 0;
background: #415B68;
z-index: 999;
} .menu-client-stories-container ul li > ul {
width: inherit;
height: auto;
max-height: 289px;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
box-shadow: inset 1px 1px 3px #333, 1px 1px 3px #333;
} .menu-client-stories-container ul li > ul li {
display: block;
list-style: inside none;
padding: 5px;
margin: 0;
position: relative;
height: auto;
border-bottom: 1px inset #fff;
} .menu-client-stories-container ul li > ul li a {
outline: none;
display: block;
position: relative;
margin: 0;
padding: 8px 20px;
color: #fff;
text-decoration: none;
font-size: 18px;
text-decoration: none;
line-height: 1.2em;
} .menu-client-stories-container ul ul a:hover {
color: #fff;
} .menu-client-stories-container > ul {
list-style: inside none;
padding: 0;
margin: 0;
width: inherit;
} .menu-client-stories-container > ul > li {
list-style: inside none;
padding: 0;
margin: 0;
float: left;
display: block;
position: absolute;
clear: both;
width: inherit;
background: #587F95;
} .menu-client-stories-container > ul > li > a {
outline: none;
display: block;
text-align: center;
position: relative;
padding: 10px 20px;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 18px;
color: #fff;
} .menu-client-stories-container > ul > li > a:hover {
background: #1f3e47;
color: #fff;
} .menu-client-stories-container > ul > li > a:hover:first-child {
background: #587F95;
color: #fff;
} .menu-client-stories-container > ul > li:first-child > a {
border-radius: 5px 0 0 5px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 15px;
} .menu-client-stories-container > ul > li:first-child > a:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 5px;
top: 50%;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #f6f6f6 transparent;
transition-duration: 0.4s;
transition-property: transform;
transform: rotate(180deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
} .menu-client-stories-container > ul > li > a:after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
right: -2px;
z-index: 99;
} .menu-client-stories-container > ul > li.has-sub > a:before {
content: '';
position: absolute;
top: 18px;
right: 6px;
border: 5px solid transparent;
border-top: 5px solid #fff;
} .menu-client-stories-container > ul > li.has-sub:hover > a:before {
top: 19px;
} .menu-client-stories-container > ul > li.has-sub > a:hover:before {
border-top: 5px solid #fff;
}  .read-more-arrow, .read-more-content {
color: #408198;
text-align: center;
font-size: 22px;
font-weight: 700;
margin: 10px;
} h3.read-more-content {
cursor: pointer;
} .read-more-arrow {
width: 55px;
color: #408198;
margin: 0 auto;
cursor: pointer;
} .read-more-arrow-rotated {
transform: rotate(180deg);
} .read-more-collapsed {
display: none;
}  #breadcrumbs {
color: #333 !important;
font-size: 16px;
} #breadcrumbs a {
color: #333 !important;
font-size: 16px;
}  .client-stories-section {
max-width: 814px;
margin: 0 auto;
padding-top: 20px;
} .client-stories-section p {
font-size: 14px;
line-height: 22px;
} .client-stories-section blockquote {
color: #408198 !important;
font-style: italic !important;
border-top: 2px solid #3d8099;
border-bottom: 2px solid #3d8099;
font-size: 18px !important;
line-height: 26px !important;
} .client-stories-section blockquote p {
color: #408198 !important;
font-style: italic !important;
font-size: 18px !important;
line-height: 26px !important;
} .client-stories-section .service-video .container {
max-width: 754px;
padding: 0;
margin: 0 auto;
width: 100%;
padding-bottom: 30px;
} .client-stories-section .service-video {
padding: 0;
} .client-stories-section .service-video iframe {
width: 100%;
min-height: 400px;
} .client-stories-section .container { } .client-stories-section .container > { } .client-stories-section .container > img:nth-of-type(2) {
float: left;
width: 20%;
margin: 4% 2% 1% 1%;
} .client-stories-section .container > p:nth-of-type(2) {
float: left;
width: 75%;
font-size: 18px;
line-height: 26px;
} .client-stories-section .container > p:nth-of-type(2) p {
font-size: 14px;
line-height: 22px;
} .client-stories-section #breadcrumbs {
padding-bottom: 15px;
}
@media all and (max-width: 600px) { .client-stories-section {
max-width: 90%;
} .client-stories-section #breadcrumbs {
display: none;
} .client-stories-section p {
font-size: 14px;
line-height: 22px;
} .client-stories-section .container { } .client-stories-section .container > { } .client-stories-section .container > :nth-child(3) {
float: unset;
margin: 0%;
width: 100%;
} .client-stories-section .container > :nth-child(4) {
float: unset;
width: auto;
font-size: 14px;
line-height: 22px;
margin-top: 0px;
} .client-stories-section .container > :nth-child(4) p {
font-size: 14px;
line-height: 22px;
} .client-stories-section .container > p:nth-of-type(2) {
float: none;
width: 100%;
font-size: 18px;
line-height: 26px;
} .client-stories-section .container > img:nth-of-type(2) {
float: unset;
width: 35%;
}
}  .client-stories-section .container > p:nth-of-type(3) {
clear: both;
display: block;
}
@media all and (max-width: 600px) { .read-more-content {
font-size: 18px;
margin: 5px;
} .read-more-arrow {
width: 45px;
margin-top: -7px;
}
} .client-stories-back-link {
background-color: #444343;
max-height: 40px;
height: 40px;
width: -moz-fit-content;
width: fit-content;
padding-right: 10px;
} .client-stories-back-link a {
color: #fff;
line-height: 40px;
} form[name="gm_form"] input, .gf__form input {
margin-bottom: 15px;
border-radius: 0;
padding: 19.5px 10px;
height: 32px;
line-height: 1.3;
color: #555;
background-color: #fff;
border-color: #ccc;
border-width: 1px;
border-style: solid;
width: 100%;
max-width: 100%;
font-size: 14px;
box-sizing: border-box;
outline: none;
font-weight: 400;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
margin-bottom: 20px;
} form[name="gm_form"] input[type="checkbox"], .gf__form input[type="checkbox"] {
font-size: 13px;
position: relative;
display: inline-block;
margin: 4px 5px 0 0;
width: auto;
border: none;
vertical-align: baseline;
-webkit-appearance: checkbox;
border-radius: 0;
top: 11px;
} form[name="gm_form"] input[type="submit"], .gf__form input[type="submit"] {
background: #3d8099;
color: #fff;
padding: 10px 30px !important;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none;
margin: 0;
width: auto;
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
font-size: 14px;
height: auto;
line-height: normal;
text-align: center;
border-width: 1px;
border-color: #ccc;
border-style: solid;
cursor: pointer;
font-weight: 400;
border-radius: 4px;
text-shadow: none;
padding: 6px 11px;
box-sizing: border-box;
-ms-box-sizing: border-box;
box-shadow: 0 1px 1px #eee;
margin: 10px;
margin-left: 0;
margin-right: 0;
vertical-align: middle;
-webkit-appearance: none;
} form[name="gm_form"] button:hover, .gf__form button:hover {
background: #202020;
color: #fff;
} form[name="gm_form"] textarea, .gf__form textarea {
border-radius: 0;
padding: 19.5px 10px;
color: #555;
height: 145px;
background-color: #fff;
border-color: #ccc;
border-width: 1px;
border-style: solid;
width: 100%;
max-width: 100%;
font-size: 14px;
outline: none;
font-weight: 400;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
vertical-align: top;
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
} form[name="gm_form"] input::-moz-placeholder, form[name="gm_form"] textarea::-moz-placeholder,
.gf__form input::-moz-placeholder, .gf__form textarea::-moz-placeholder {
color: #A1A1A1;
}
form[name="gm_form"] input:-ms-input-placeholder, form[name="gm_form"] textarea:-ms-input-placeholder,
.gf__form input:-ms-input-placeholder, .gf__form textarea:-ms-input-placeholder {
color: #A1A1A1;
}
form[name="gm_form"] input::placeholder, form[name="gm_form"] textarea::placeholder,
.gf__form input::placeholder, .gf__form textarea::placeholder {
color: #A1A1A1;
} form[name="gm_form"] input:focus,
form[name="gm_form"] input:not([type="file"]):focus,
form[name="gm_form"] textarea:focus,
form[name="gm_form"] input:not([type="checkbox"]):focus,
.gf__form input:focus,
.gf__form input:not([type="file"]):focus,
.gf__form textarea:focus,
.gf__form input:not([type="checkbox"]):focus {
background-color: #fff;
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
} form[name="gm_form"] input[type=checkbox]:focus,
.gf__form input[type=checkbox]:focus {
background-color: #fff;
border-color: white;
box-shadow: none;
} form[name="gm_form"] input[type=submit]:focus,
.gf__form input[type=submit]:focus {
background: #202020;
color: #fff;
} form[name="gm_form"] input[type="submit"]:hover,
.gf__form input[type="submit"]:hover {
background: #202020;
color: #fff;
} div.gf__control.gf__control--new_newsletterrecipient--1467,
div.gf__control.gf__control--New_Country--1467,
div.gf__control.gf__control--new_newsletterrecipient--1468,
div.gf__control.gf__control--New_Country--1468 {
display: none;
} div.gf__control--FirstName--1467 .gf__control__label,
div.gf__control--LastName--1467 .gf__control__label,
div.gf__control--EMailLogin--1467 .gf__control__label,
div.gf__control--FirstName--1468 .gf__control__label,
div.gf__control--LastName--1468 .gf__control__label,
div.gf__control--EMailLogin--1468 .gf__control__label {
float: left;
} .gf__form .gf__control.gf__control--FirstName--1468,
.gf__form .gf__control.gf__control--FirstName--1467 {
padding-top: 40px;
} .hidden-gatormail {
display: none;
}   .tile-video {
padding: 0;
}
@media all and (max-width: 600px) { .tile-video iframe {
width: 100%;
min-height: 200px;
}
} .tile-video .container {
padding: 0px;
} .tile-video iframe {
width: 100%;
min-height: 340px;
} .tile-video .container {
max-width: 700px;
position: relative;
} .tile-video .video-tile-title {
position: absolute;
background: #a2c03b;
margin: 0 auto;
display: block;
overflow: hidden;
height: 55px;
line-height: 55px;
font-weight: 600;
width: 80%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
} .section .container iframe {
max-width: 100%;
}  .single-powered-by-fc-section {
padding: 50px 0 0 0;
} .powered-by-fc-section .main-content .action-section {
margin: 30px;
} .powered-by-fc-section .header-section .subtitle h3, .powered-by-fc-section .header-section .subtitle h4 {
position: inherit;
left: 0px;
} .powered-by-fc-section img.aligncenter {
display: block;
margin: 0 auto;
} .powered-by-fc-section section.column-section:nth-child(odd) {
background-color: #e8e8e8;
} .powered-by-fc-section section.column-section:nth-child(even) {
background-color: unset;
background-color: white;
} .powered-by-fc-section .column-section p {
font-size: 18px;
} .powered-by-fc-section .content-section .container {
font-size: 18px;
line-height: 26px;
padding: 0 30px;
} .powered-by-fc-section .content-section .container:nth-child(1) h1, .powered-by-fc-section .content-section .container:nth-child(1) h2, .powered-by-fc-section .content-section .container:nth-child(1) h3, .powered-by-fc-section .content-section .container:nth-child(1) h4, .powered-by-fc-section .content-section .container:nth-child(1) h5 {
font-size: 32px;
line-height: 40px;
padding-top: 0px;
margin-bottom: 40px;
} .powered-by-fc-section .content-section .container ol {
margin-bottom: 55px;
} .powered-by-fc-section .content-section .container blockquote {
border-left: 8px solid #3d8099;
border-top: none;
border-bottom: none;
margin: 30px 0;
padding-right: 15px;
font-size: 22px;
line-height: 30px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
} .powered-by-fc-section .content-section .container blockquote p {
color: #3d8099;
font-weight: 600;
font-size: 20px;
} .powered-by-fc-section .content-section .container blockquote p:nth-child(2) {
font-size: inherit;
line-height: inherit;
} .powered-by-fc-section .content-section .container p {
font-size: 18px;
line-height: 26px;
} .powered-by-fc-section .content-section .container p:nth-child(2) {
font-size: 26px;
line-height: 34px;
} .powered-by-fc-section .widget_nav_menu {
background: #dadada;
padding: 20px;
margin-bottom: 45px;
margin-top: 45px;
} .powered-by-fc-section .widget_nav_menu .menu-item {
padding-top: 5px;
padding-bottom: 5px;
} .powered-by-fc-section .widget_nav_menu .menu-item.current-menu-item {
padding-top: 5px;
padding-bottom: 5px;
font-weight: 700;
} .powered-by-fc-section .tiles-section .content p {
line-height: 1.5em;
} .powered-by-fc-section .action-section .title-content-button-template .section-title h3 {
font-size: 24px;
line-height: 1.2em;
width: 100%;
} .powered-by-fc-section .action-section .section-title h3 {
font-size: 36px;
line-height: 40px;
width: 235px;
} .powered-by-fc-section .action-section .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #3d8099;
color: #fff;
} .powered-by-fc-section .powered-by-fc .content {
padding-bottom: 50px;
} .powered-by-fc-section .powered-by-fc .content-excerpt {
padding-top: 10px;
} .powered-by-fc-section .powered-by-fc a.blue-button {
color: #fff;
position: initial;
font-weight: 700;
} .powered-by-fc-section .powered-by-fc .blue-button {
background: #3d8099;
color: #fff;
padding: 13px 0px !important;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none;
width: auto;
height: auto;
line-height: normal;
text-align: center;
border-width: 1px;
border-color: #ccc;
border-style: solid;
color: #444;
cursor: pointer;
font-weight: 400;
border-radius: 4px;
text-shadow: none;
padding: 6px 11px;
box-sizing: border-box;
-ms-box-sizing: border-box;
box-shadow: 0 1px 1px #eee;
margin: 10px;
margin-left: 0;
margin-right: 0;
vertical-align: middle;
font-size: 18px;
}
@media all and (max-width: 600px) { .powered-by-fc-section .main-content iframe, .powered-by-fc-section .tile-video iframe {
width: 100%;
min-height: 200px;
} .powered-by-fc-section .column-section p {
font-size: 18px;
margin-bottom: 15px;
margin-top: 15px;
} .powered-by-fc-section .header-section h1 {
font-size: 23px;
} .powered-by-fc-section .header-section .subtitle h3 {
font-size: 20px;
} .powered-by-fc-section.header-section h1 {
font-size: 23px;
} .powered-by-fc-section.header-section .subtitle h3 {
font-size: 20px;
}
} .team-region-section .section:nth-of-type(1) {
padding: 25px 0px 25px 0px;
} .team-region-section .section:nth-of-type(2) {
padding: 25px 0px 25px 0px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-region-section .section:nth-of-type(1) {
padding: 25px 0px 0px;
} .team-region-section .section:nth-of-type(2) {
padding: 25px 0px 0px 0px;
}
} .team-region-section .container {
max-width: 980px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-region-section .container {
max-width: 375px;
} .team-region-section .container h2 {
font-size: 24px;
line-height: 32px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .team-region-section .container h2 {
font-size: 24px;
line-height: 32px;
}
} .team-region-section .container h2, .team-region-section .container h3 {
font-weight: 400;
} .photo-slider-section {
display: -ms-flexbox;
display: flex;
padding: 0;
height: 485px;
overflow: hidden;
} .photo-slider-section .controls {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
width: 100%;
top: 50%;
transform: translatey(-50%);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
background: transparent;
} .photo-slider-section .controls:focus {
outline: none;
} .photo-slider-section .controls li {
padding: 0 30px;
}
@media all and (max-width: 782px) { .photo-slider-section .controls li {
width: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
@media all and (max-width: 600px) { .photo-slider-section .controls li {
width: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
@media all and (max-width: 320px) { .photo-slider-section .controls li {
width: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
@media all and (max-width: 782px) { .photo-slider-section .controls li svg {
width: 70px;
}
}
@media all and (max-width: 600px) { .photo-slider-section .controls li svg {
width: 70px;
}
}
@media all and (max-width: 320px) { .photo-slider-section .controls li svg {
width: 70px;
}
} .photo-slider-section .controls li:hover {
cursor: pointer;
} .photo-slider-section .full-container {
height: 485px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
width: 100%;
position: relative;
} .photo-slider-section .full-container .card {
position: relative;
height: 420px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
} .photo-slider-section .full-container .card img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
max-width: unset;
} .photo-slider-section .full-container .card .text-block {
position: absolute;
left: 0px;
bottom: 0px;
height: 65px;
width: 100%;
background: #3b3e3da6;
color: white;
text-align: center;
} .photo-slider-section .full-container .card .text-block h3 {
font-size: 16px;
color: white;
font-weight: 300;
} .photo-slider-section .full-container .card .text-block a {
color: white;
font-size: 16px;
font-weight: 700;
} .photo-slider-section .customize-tools {
position: relative;
height: 65px;
margin: 0;
width: 100%;
background: #F1F2EA;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
} .photo-slider-section .customize-tools .prev {
transform: rotate(180deg);
} .photo-slider-section .customize-tools .prev, .photo-slider-section .customize-tools .next {
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
} .photo-slider-section img {
max-width: 100%;
} .photo-slider-section img:not(.tns-lazy-img), .photo-slider-section .lazyload img {
height: auto;
} .photo-slider-section [data-action] {
display: block;
margin: 10px auto;
font-size: 17px;
min-width: 3em;
text-align: center;
background: transparent;
border: 0;
} .photo-slider-section .tns-controls [disabled] {
color: #999999;
background: #B3B3B3;
cursor: not-allowed !important;
} .photo-slider-section .tns-nav {
text-align: center;
margin: 10px 0;
} .photo-slider-section .tns-nav > button[aria-controls] {
width: 14px;
height: 14px;
padding: 0;
margin: 0 7px 0 7px;
border-radius: 50%;
background: #ddd;
border: 0;
} .photo-slider-section .tns-nav > .tns-nav-active, .photo-slider-section .tns-nav > button[aria-controls].tns-nav-active {
background: #757575;
} .photo-slider-section .tns-controls button {
position: absolute;
top: 50%;
border: none;
width: 30px;
height: 30px;
background: #333;
border-radius: 50%;
font-size: 0;
outline: none;
margin-top: -15px;
} .photo-slider-section .tns-controls button:before, .photo-slider-section .tns-controls button:after {
content: '';
position: absolute;
top: 19px;
left: 8px;
width: 12px;
height: 1px;
background: #FFF;
} .photo-slider-section .tns-controls button:after {
top: 10px;
} .photo-slider-section .tns-controls button:disabled {
background: #888;
cursor: auto;
} .photo-slider-section .tns-controls [data-controls='prev'] {
left: -40px;
} .photo-slider-section .tns-controls [data-controls='next'] {
right: -40px;
} .photo-slider-section .tns-outer {
position: relative;
} .photo-slider-section .tns-nav {
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 0;
padding: 25px 14px;
background: #F1F2EA;
} .photo-slider-section .tns-nav button {
width: 20px;
height: 4px;
margin: 0 5px;
padding: 0;
background: #333;
outline: none;
border: none;
} .photo-slider-section .tns-nav button.hidden {
display: none;
} .photo-slider-section .tns-nav .tns-nav-active {
background: #757575;
} .impressive-logos-section {
display: grid;
padding: 60px 0 50px;
overflow: hidden;
}
@media all and (max-width: 782px) { .impressive-logos-section {
padding: 45px 0 45px;
}
} .impressive-logos-section .heading h3 {
font-size: 36px;
font-weight: 700;
text-align: center;
margin: 0;
}
@media all and (max-width: 782px) { .impressive-logos-section .heading h3 {
font-size: 22px;
}
} .impressive-logos-section .heading p {
font-weight: 500;
font-size: 18px;
line-height: 28px;
margin: 8px 0 5px;
text-align: center;
}
@media all and (max-width: 782px) { .impressive-logos-section .heading p {
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
} .impressive-logos-section .heading hr {
border: none;
border-top: 2px solid #afafaf;
margin: 15px auto 60px;
display: block;
width: 100%;
max-width: unset;
}
@media all and (max-width: 782px) { .impressive-logos-section .heading hr {
margin: 15px auto 30px;
}
} .impressive-logos-section .col4-grid {
display: grid;
grid-gap: 25px;
grid-template-columns: repeat(4, minmax(0, 175px));
-ms-flex-line-pack: distribute;
align-content: space-around;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-align: center;
align-items: center;
justify-items: center;
max-width: 800px;
margin: 0 auto;
padding: 20px 0;
}
@media all and (max-width: 320px) { .impressive-logos-section .col4-grid {
grid-template-columns: repeat(3, minmax(0, 85px));
}
}
@media all and (max-width: 600px) { .impressive-logos-section .col4-grid {
grid-template-columns: repeat(3, minmax(0, 105px));
}
}
@media all and (max-width: 782px) { .impressive-logos-section .col4-grid {
grid-template-columns: repeat(3, minmax(0, 175px));
}
} .credentials-testimonials-section {
width: 100%;
text-align: center;
} .credentials-testimonials-section .container .section-title {
font-size: 36px;
line-height: 40px;
font-weight: 700;
text-align: center;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
@media all and (max-width: 782px) { .credentials-testimonials-section .container .section-title {
font-size: 22px;
line-height: 26px;
}
} .credentials-testimonials-section .container .col-3 {
display: grid;
grid-gap: 38px;
grid-template-columns: repeat(3, minmax(0, 348px));
}
@media all and (max-width: 1050px) { .credentials-testimonials-section .container .col-3 {
grid-gap: 38px;
grid-template-columns: repeat(3, minmax(0, 270px));
}
}
@media all and (max-width: 782px) { .credentials-testimonials-section .container .col-3 {
grid-template-columns: repeat(3, minmax(0, 270px));
grid-gap: 33px;
}
}
@media all and (max-width: 600px) { .credentials-testimonials-section .container .col-3 {
grid-template-columns: repeat(1, minmax(0, 348px));
grid-gap: 33px;
}
}
@media all and (max-width: 320px) { .credentials-testimonials-section .container .col-3 {
grid-gap: 33px;
grid-template-columns: repeat(1, minmax(0, 300px));
}
} .credentials-testimonials-section .container .col-3.credentials {
grid-template-columns: repeat(3, minmax(0, 348px));
}
@media all and (max-width: 1050px) { .credentials-testimonials-section .container .col-3.credentials {
grid-gap: 38px;
grid-template-columns: repeat(3, minmax(0, 270px));
}
}
@media all and (max-width: 782px) { .credentials-testimonials-section .container .col-3.credentials {
grid-template-columns: repeat(3, minmax(0, 270px));
grid-gap: 33px;
}
}
@media all and (max-width: 600px) { .credentials-testimonials-section .container .col-3.credentials {
grid-template-columns: repeat(3, minmax(0, 348px));
grid-gap: 33px;
}
}
@media all and (max-width: 320px) { .credentials-testimonials-section .container .col-3.credentials {
grid-gap: 33px;
grid-template-columns: repeat(1, minmax(0, 300px));
}
} .credentials-testimonials-section .container .credentials {
-ms-flex-pack: center;
justify-content: center;
justify-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 17px 0 30px 0;
} .credentials-testimonials-section .container .credentials .item {
text-align: center;
} .credentials-testimonials-section .container .credentials .item h3 {
color: #6CB9C3;
font-size: 44px;
line-height: 40px;
font-weight: 700;
text-align: center;
margin: 0;
}
@media all and (max-width: 782px) { .credentials-testimonials-section .container .credentials .item h3 {
font-weight: 400;
font-size: 30px;
line-height: 40px;
}
} .credentials-testimonials-section .container .credentials .item p {
color: #333;
font-size: 12px;
line-height: 40px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
margin: 0;
}
@media all and (max-width: 782px) { .credentials-testimonials-section .container .credentials .item p {
font-size: 10px;
line-height: 13px;
}
} .credentials-testimonials-section .container .testimonials-cards {
-ms-flex-pack: center;
justify-content: center;
justify-items: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: center;
} .credentials-testimonials-section .container .testimonials-cards .card {
width: 100%;
height: 254px;
margin-bottom: 77px;
}
@media all and (max-width: 1050px) { .credentials-testimonials-section .container .testimonials-cards .card {
margin-bottom: 0;
}
} .credentials-testimonials-section .container .testimonials-cards .card .card-top {
width: 100%;
height: 173px;
background-color: white;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 20px;
color: #333;
}
@media all and (max-width: 320px) { .credentials-testimonials-section .container .testimonials-cards .card .card-top {
height: 173px;
}
}
@media all and (max-width: 600px) { .credentials-testimonials-section .container .testimonials-cards .card .card-top {
height: 173px;
}
}
@media all and (max-width: 782px) { .credentials-testimonials-section .container .testimonials-cards .card .card-top {
height: 173px;
}
}
@media all and (max-width: 1050px) { .credentials-testimonials-section .container .testimonials-cards .card .card-top {
height: 173px;
}
} .credentials-testimonials-section .container .testimonials-cards .card .card-top .comment {
margin: 0px;
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom {
width: 100%;
height: 81px;
background-color: olive;
padding-top: 24px;
color: #fff;
position: relative;
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom.frost-dark {
background-color: #565555;
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom.blue-teal {
background-color: #6CB9C3;
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom.olive-green {
background-color: #94A14D;
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom .card-image {
width: 66px;
height: 66px;
margin: 0 auto;
position: absolute;
bottom: 65px;
left: 50%;
transform: translateX(-50%);
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom .card-image img {
width: 66px;
height: 66px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom h3 {
margin: 0;
font-size: 16px;
line-height: 22px;
font-weight: 600;
} .credentials-testimonials-section .container .testimonials-cards .card .card-bottom h4 {
font-weight: 400;
font-size: 13px;
line-height: 22px;
margin: 3px 0 0 0;
} a.simple-show-popup {
width: 61px;
height: 61px;
text-align: center;
color: #C1E34C;
font-weight: 600;
} a.simple-show-popup:hover {
cursor: pointer;
transition-delay: 0.1s;
color: #fff;
border-color: #fff;
stroke: #fff;
fill: #fff;
} a.simple-show-popup:hover #Exclusion_2 {
fill: #fff;
} a.simple-show-popup:hover #Exclusion_2:hover {
stroke: #fff;
border-color: #fff;
fill: #fff;
} a.simple-show-popup:hover svg {
fill: white;
color: white;
cursor: pointer;
stroke: #fff;
} a.simple-show-popup:hover span {
color: #fff;
} a.simple-show-popup .iframe-vid-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
} a.simple-show-popup svg {
fill: white;
color: white;
min-height: 34px;
min-width: 34px;
height: 61px;
width: 61px;
cursor: pointer;
} a.simple-show-popup.mobile-only {
color: #fff;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
} a.simple-show-popup span {
color: #C1E34C;
font-weight: 600;
display: block;
padding: 0 0 10px;
} .mobile-only a.simple-show-popup span {
color: #fff;
padding: 0 10px;
font-size: 16px;
} a.simple-show-steptile {
width: 61px;
height: 61px;
text-align: center;
color: #C1E34C;
font-weight: 600;
} a.simple-show-steptile:hover {
cursor: pointer;
color: #A2C03A;
} a.simple-show-steptile:hover svg {
fill: white;
color: white;
min-height: 34px;
min-width: 34px;
margin: 0 22px 0 15px;
height: 34px;
width: 34px;
margin: 0 15px;
cursor: pointer;
} a.simple-show-steptile.mobile-only {
color: #fff;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
} a.simple-show-steptile span {
color: #C1E34C;
font-weight: 600;
display: block;
padding: 0 0 10px;
} .mobile-only a.simple-show-steptile span {
color: #fff;
padding: 0 10px;
font-size: 16px;
line-height: 17px;
font-weight: 500;
margin-left: 5px;
} .simple-popup-parent {
background: #59595880;
background-color: black;
background-color: rgba(0, 0, 0, 0.75);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 556;
padding: 30px 10px 30px;
box-sizing: border-box;
background-color: black;
background-color: rgba(0, 0, 0, 0.75);
text-align: center;
}
@media all and (min-width: 320px) and (max-width: 600px) { .simple-popup-parent {
overflow: auto;
}
} .simple-popup-parent .popup {
position: unset;
top: unset;
overflow: unset;
left: unset;
width: unset;
max-width: unset;
transform: unset;
background: unset;
box-shadow: unset;
z-index: unset;
overflow: unset;
background: #fff;
vertical-align: middle;
position: relative;
box-sizing: border-box;
width: 100%;
background: #fff;
text-align: left;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
max-width: 813px; } .simple-popup-parent .popup a.close-button {
position: absolute;
top: 10px;
right: 13px;
} .simple-popup-parent .popup a.close-button svg {
width: 15px;
height: auto;
stroke: #707070;
} .simple-popup-parent .popup .popup-header h2, .simple-popup-parent .popup header.popup-header, .simple-popup-parent .popup .popup-header {
background: white;
padding: 0px;
} .simple-popup-parent .popup .content {
display: -ms-flexbox;
display: flex;
padding: 31px 41px 31px;
height: 100%;
width: 100%;
text-align: unset;
max-height: unset;
overflow-y: unset;
z-index: 1000;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 813px; } .simple-popup-parent .popup .content iframe {
width: 100%;
min-height: 470px;
max-width: 813px;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
} .simple-popup-parent .popup .content .iframe-wrapper {
width: 100%;
height: 100%;
} .simple-popup-parent .popup .content .simple-show-popup {
cursor: pointer;
} .simple-popup-parent .popup .content .simple-show-steptile {
cursor: pointer;
} .simple-popup-parent .popup .content .button {
margin-bottom: 0px;
bottom: 0px;
position: absolute;
padding: 10px 45px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .simple-popup-parent .popup .content .button {
width: 100%;
float: left;
display: block;
margin-bottom: unset;
bottom: unset;
position: unset;
}
} .simple-popup-parent .popup .content a {
display: inline-block;
color: #4C8197;
font-size: 14px;
padding: 5px 0px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .simple-popup-parent .popup .content a {
position: unset;
}
} .simple-popup-parent .popup .content a.button {
background: #3d8099;
color: #fff;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none;
margin: 0;
width: auto;
font-size: 20px;
height: auto;
line-height: normal;
text-align: center;
border-width: 1px;
border-color: #ccc;
border-style: solid;
cursor: pointer;
font-weight: bold;
border-radius: 4px;
text-shadow: none;
padding: 6px 11px;
box-sizing: border-box;
-ms-box-sizing: border-box;
box-shadow: 0 1px 1px #eee;
margin: 10px;
margin-left: 0;
margin-right: 0;
vertical-align: middle;
-webkit-appearance: none;
position: unset;
width: 200px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .simple-popup-parent .popup .content a.button {
width: 100%;
}
}  .flexible-popup {
min-height: 390px;
height: auto;
min-width: 762px;
} .flexible-popup .left {
width: 50%;
height: auto;
min-height: 240px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
} .flexible-popup .right {
width: 50%;
padding: 30px 20px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .top-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .top-bar a {
display: -ms-flexbox;
display: flex;
gap: 15px;
-ms-flex-align: center;
align-items: center;
width: auto;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .close-text {
font-weight: 600;
font-size: 14px;
line-height: 1;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content {
padding: 0;
display: -ms-flexbox;
display: flex;
width: 100%;
float: none; text-align: center;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content img {
width: 100%;
height: auto;
display: block;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content .logo-image {
width: auto;
height: auto;
margin: auto;
margin-bottom: 10px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .flexible-popup-form-button-form {
display: none;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content h2 {
font-size: 26px;
line-height: 1.1;
margin-bottom: 25px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content p {
font-size: 16px;
line-height: 20px;
font-weight: normal;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content input {
width: 100%;
} @media (max-width: 782px) { .exit-intent-forms.flexible-popup-wrapper .exit-intent-form.flexible-popup {
min-height: 0;
height: auto;
min-width: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 32px);
} .exit-intent-forms.flexible-popup-wrapper {
overflow: scroll;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form {
position: relative;
border-radius: 0;
transform: none;
top: 0;
left: 0;
margin: 15px;
} .admin-bar .exit-intent-forms.flexible-popup-wrapper .exit-intent-form {
margin-top: 60px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .top-bar {
height: 38px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .top-bar a svg {
width: 22px;
height: 22px;
fill: white;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content {
padding: 0 !important;
} .flexible-popup .left {
width: 100%;
height: auto;
} .flexible-popup .right {
width: 100%;
padding: 20px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form.flexible-popup .content {
padding: 0;
display: -ms-flexbox;
display: flex;
width: 100%;
float: none; text-align: center;
-ms-flex-direction: column;
flex-direction: column;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content img {
width: 100%;
height: auto;
display: block;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content .logo-image {
width: auto;
height: auto;
margin: auto;
margin-bottom: 10px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .flexible-popup-form-button {
padding: 10px 22px;
font-size: 18px;
line-height: 1em;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .flexible-popup-form-button-form {
display: none;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content h2 {
font-size: 22px;
margin-top: 0;
margin-bottom: 20px;
} .exit-intent-forms.flexible-popup-wrapper .exit-intent-form .content p {
font-size: 14px;
line-height: 18px;
font-weight: normal;
}
} html {
scroll-behavior: smooth;
} .page-template-page_campaign_2020 .notification-bar {
display: none !important;
}
@media (max-width: 600px) { .mini-team-members .mini-team-container {
display: block;
}
} .campaign_2020_section { } .campaign_2020_section .action-section {
padding: 37.5px 0;
overflow: visible;
} .campaign_2020_section .action-section .center-content {
text-align: center;
} .campaign_2020_section .action-section h2 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
} .campaign_2020_section p {
font-size: 18px;
line-height: normal;
margin: 10px 0;
font-weight: 400;
} .campaign_2020_section .title-content-button h3 {
text-align: center;
font-size: 30px;
line-height: 1.2em;
font-weight: 700;
} .campaign_2020_section .title-content-button .content {
text-align: center;
max-width: 70%;
width: auto;
margin: 0 auto;
padding: 10px 0px 10px 0px;
} .campaign_2020_section .title-content-button .content h3 {
font-size: 18px;
line-height: 1.2em;
font-weight: 400;
} .campaign_2020_section .title-content-button .button {
margin-bottom: 10px;
} .campaign_2020_section .column-section .col iframe:first-child {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .campaign_2020_section .column-section .col p em {
line-height: 30px;
} .campaign_2020_section .column-section .col p img.aligncenter {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .campaign_2020_section .section.column-section {
padding: 62.5px 0;
} .campaign_2020_section .section.column-section:nth-child(even) {
background: #f1f2ea;
} .campaign_2020_section .section.column-section .col {
padding-right: 0;
} .campaign_2020_section .section.column-section .col h2 {
font-size: 42px;
line-height: 1.2em;
} .campaign_2020_section .section.column-section .col:nth-child(2) {
padding-left: 50px;
} .campaign_2020_section .custom-section {
padding: 62.5px 0;
} .campaign_2020_section h3 {
font-size: 30px;
line-height: 1.2em;
font-weight: 700;
} .campaign_2020_section hr {
border: none;
border-top: 1px solid #000;
margin: inherit;
display: block;
width: 100%;
max-width: inherit;
} .campaign_2020_section .title-content-button-template .button {
background: #333;
font-size: 24px;
margin: 25px auto 0px auto;
display: table;
white-space: normal;
} .campaign_2020_section .title-content-button-template .section-title {
width: 70%;
margin: 0 auto;
margin-bottom: 10px;
} .campaign_2020_section .mini-team-members + .content-section {
padding: 15px 15px 0px 15px;
} .campaign_2020_section .credentials-section h2 {
font-weight: 700;
} .campaign_2020_section .layout-3col .content, .campaign_2020_section .layout-2col .content {
margin: 0 auto;
text-align: center;
padding: 0 0 35px 0;
} .campaign_2020_section .layout-3col .content h2, .campaign_2020_section .layout-2col .content h2 {
font-size: 30px;
font-weight: 700;
line-height: 1.2em;
} .campaign_2020_section .layout-3col .content h3, .campaign_2020_section .layout-2col .content h3 {
font-size: 30px;
font-weight: 700;
line-height: 1.2em;
} .campaign_2020_section .layout-3col li, .campaign_2020_section .layout-2col li {
margin: 0;
list-style: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBpZD0ic3ZnMiIgdmVyc2lvbj0iMS4xIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIiB3aWR0aD0iNDkuNjg3NSIgaGVpZ2h0PSI0OS42NTYyNDYiIHNvZGlwb2RpOmRvY25hbWU9IjE1NTU0NDI1Njguc3ZnIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhOCI+PC9tZXRhZGF0YT48ZGVmcyBpZD0iZGVmczYiPjwvZGVmcz48cGF0aCBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBzdHlsZT0iZmlsbDojYTJjMDNiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojODBiYTI3O3N0cm9rZS13aWR0aDowO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJNIDI0Ljg0Mzc1LDVlLTcgQyAxMS4xMjk5LDVlLTcgNWUtNywxMS4xMjk4OTQgNWUtNywyNC44NDM3NSA1ZS03LDM4LjU1NzYwNiAxMS4xMjk5LDQ5LjY1NjI0NiAyNC44NDM3NSw0OS42NTYyNDYgMzguNTU3NjEsNDkuNjU2MjQ2IDQ5LjY4NzUsMzguNTU3NjA2IDQ5LjY4NzUsMjQuODQzNzUgNDkuNjg3NSwxMS4xMjk4OTQgMzguNTU3NjEsNWUtNyAyNC44NDM3NSw1ZS03IFogTSAzNS42ODc1LDEzLjgxMjUgNDAuODQzNzUsMTggQyAyMy45NDg0MiwzOS4wMTA2NTYgNDAuODc1NjUsMTcuNjk4NTkyIDIzLjc1LDM5LjEyNDk5NiBMIDEwLjY4NzUsMjYuODQzNzUgMTUuMjUsMjIuMDMxMjUgMjMuMDYyNSwyOS4zNzUgWiIgaWQ9InBhdGgzOTY2LTYiPjwvcGF0aD48L3N2Zz4=");
background-repeat: no-repeat;
background-position: 10px 4px;
background-size: 26px;
padding: 8px 0px 0px 50px;
margin-bottom: 10px;
font-size: 18px;
} .campaign_2020_section .action-section .frm_style_formidable-style.with_frm_style .form-field {
width: 50%;
} .campaign_2020_section .action-section .frm_forms.frm_style_formidable-style.with_frm_style {
max-width: 70%;
width: auto;
margin: 0 auto;
} .campaign_2020_section .action-section .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #3d8099;
width: 100%;
font-size: 17px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
} .campaign_2020_section .action-section .frm_style_formidable-style.with_frm_style textarea {
padding: 5px 10px;
height: 130px;
} .campaign_2020_section .action-section.custom-cta .content {
padding: 10px;
margin: 0 auto;
} .campaign_2020_section .action-section.custom-cta p {
max-width: 65%;
margin: 0 auto;
} .campaign_2020_section .action-section.custom-cta h3 {
font-size: 30px;
line-height: 1.2em;
font-weight: 700;
} .campaign_2020_section .action-section.custom-cta .section-title {
position: unset;
top: unset;
left: unset;
text-align: center;
width: 65%;
padding: 0px;
transform: unset;
max-width: 65%;
margin: 0 auto;
}
@media all and (max-width: 600px) { .campaign_2020_section .title-content-button-template .button {
font-size: 19px;
margin-bottom: 10px;
} .campaign_2020_section .title-content-button-template .content {
width: 100%;
max-width: 100%;
} .campaign_2020_section .title-content-button-template h3 {
line-height: 1.2em;
} .campaign_2020_section .title-content-button-template .section-title {
width: 100%;
} .campaign_2020_section .section.column-section {
padding: 30px 0;
} .campaign_2020_section .cta-only-button-template .button {
font-size: 19px;
padding-left: 20px;
padding-right: 20px;
} .campaign_2020_section .custom-section.layout-3col > .container {
grid-template-columns: auto;
max-width: 95%;
} .campaign_2020_section .column-section:nth-child(3) {
padding-top: 0px;
} .campaign_2020_section .column-section .col p {
margin-bottom: 20px !important;
} .campaign_2020_section .column-section .col p img.aligncenter {
height: auto;
margin-top: 20px;
} .campaign_2020_section .action-section .frm_style_formidable-style.with_frm_style .form-field {
width: 100%;
} .campaign_2020_section .action-section .frm_forms.frm_style_formidable-style.with_frm_style {
max-width: 100%;
} .campaign_2020_section .action-section.custom-cta .content {
padding: 10px;
} .campaign_2020_section .action-section.custom-cta p {
max-width: 100%;
} .campaign_2020_section .action-section.custom-cta .section-title {
max-width: 100%;
}
} html {
scroll-behavior: smooth;
} .page-template-page_campaign_2020 .notification-bar {
display: none !important;
}
@media (max-width: 600px) { .mini-team-members .mini-team-container {
display: block;
}
} .campaign_2020_dark_section {   } .campaign_2020_dark_section .action-section {
padding: 37.5px 0;
overflow: visible;
} .campaign_2020_dark_section p {
font-size: 18px;
line-height: normal;
margin: 10px 0;
font-weight: 400;
} .campaign_2020_dark_section .title-content-button h3 {
text-align: center;
font-size: 40px;
line-height: 1.2em;
} .campaign_2020_dark_section .title-content-button .content {
text-align: center;
max-width: 70%;
width: auto;
margin: 0 auto;
padding: 20px 0px 10px 0px;
} .campaign_2020_dark_section .title-content-button .button {
margin-bottom: 10px;
} .campaign_2020_dark_section .column-section .col iframe:first-child {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .campaign_2020_dark_section .column-section .col p em {
line-height: 30px;
} .campaign_2020_dark_section .column-section .col p img.aligncenter {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .campaign_2020_dark_section .section.column-section {
padding: 62.5px 0;
} .campaign_2020_dark_section .section.column-section:nth-child(even) {
background: #f1f2ea;
} .campaign_2020_dark_section .section.column-section:nth-child(odd) {
background: #fff;
} .campaign_2020_dark_section .section.column-section:nth-child(1) {
background: #fff;
} .campaign_2020_dark_section .section.column-section .col {
padding-right: 0;
} .campaign_2020_dark_section .section.column-section .col h2 {
font-size: 30px;
line-height: 38px;
} .campaign_2020_dark_section .section.column-section .col:nth-child(2) {
padding-left: 50px;
} .campaign_2020_dark_section .custom-section {
padding: 62.5px 0;
} .campaign_2020_dark_section h3 {
font-size: 23px;
} .campaign_2020_dark_section hr {
border: none;
border-top: 1px solid #000;
margin: inherit;
display: block;
width: 100%;
max-width: inherit;
} .campaign_2020_dark_section .title-content-button-template .button {
background: #333;
font-size: 24px;
margin: 40px auto;
display: table;
white-space: normal;
} .campaign_2020_dark_section .mini-team-members + .content-section {
padding: 15px 15px 0px 15px;
} .campaign_2020_dark_section .credentials-section h2 {
font-weight: 600;
} .campaign_2020_dark_section .layout-3col li {
margin: 0;
list-style: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBpZD0ic3ZnMiIgdmVyc2lvbj0iMS4xIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIiB3aWR0aD0iNDkuNjg3NSIgaGVpZ2h0PSI0OS42NTYyNDYiIHNvZGlwb2RpOmRvY25hbWU9IjE1NTU0NDI1Njguc3ZnIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhOCI+PC9tZXRhZGF0YT48ZGVmcyBpZD0iZGVmczYiPjwvZGVmcz48cGF0aCBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBzdHlsZT0iZmlsbDojYTJjMDNiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojODBiYTI3O3N0cm9rZS13aWR0aDowO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJNIDI0Ljg0Mzc1LDVlLTcgQyAxMS4xMjk5LDVlLTcgNWUtNywxMS4xMjk4OTQgNWUtNywyNC44NDM3NSA1ZS03LDM4LjU1NzYwNiAxMS4xMjk5LDQ5LjY1NjI0NiAyNC44NDM3NSw0OS42NTYyNDYgMzguNTU3NjEsNDkuNjU2MjQ2IDQ5LjY4NzUsMzguNTU3NjA2IDQ5LjY4NzUsMjQuODQzNzUgNDkuNjg3NSwxMS4xMjk4OTQgMzguNTU3NjEsNWUtNyAyNC44NDM3NSw1ZS03IFogTSAzNS42ODc1LDEzLjgxMjUgNDAuODQzNzUsMTggQyAyMy45NDg0MiwzOS4wMTA2NTYgNDAuODc1NjUsMTcuNjk4NTkyIDIzLjc1LDM5LjEyNDk5NiBMIDEwLjY4NzUsMjYuODQzNzUgMTUuMjUsMjIuMDMxMjUgMjMuMDYyNSwyOS4zNzUgWiIgaWQ9InBhdGgzOTY2LTYiPjwvcGF0aD48L3N2Zz4=");
background-repeat: no-repeat;
background-position: 10px 4px;
background-size: 26px;
padding: 8px 0px 0px 50px;
margin-bottom: 10px;
font-size: 18px;
} .campaign_2020_dark_section .action-section .frm_style_formidable-style.with_frm_style .form-field {
width: 50%;
} .campaign_2020_dark_section .action-section .frm_forms.frm_style_formidable-style.with_frm_style {
max-width: 70%;
width: auto;
margin: 0 auto;
} .campaign_2020_dark_section .action-section .frm_style_formidable-style.with_frm_style .frm_submit button {
background: #a2c03b;
width: 100%;
font-size: 17px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
} .campaign_2020_dark_section .action-section .frm_style_formidable-style.with_frm_style textarea {
padding: 5px 10px;
height: 130px;
} .campaign_2020_dark_section .action-section.mini-team-members.bg-green .mini-team-member {
background: #1D1D1B;
} .campaign_2020_dark_section .action-section.custom-cta.bg-black h3 {
color: #fff;
} .campaign_2020_dark_section .action-section.custom-cta.bg-black p {
color: #fff;
} .campaign_2020_dark_section .action-section.custom-cta .content {
padding: 10px;
margin: 0 auto;
} .campaign_2020_dark_section .action-section.custom-cta p {
max-width: 65%;
margin: 0 auto;
} .campaign_2020_dark_section .action-section.custom-cta h3 {
font-size: 35px;
line-height: 38px;
} .campaign_2020_dark_section .action-section.custom-cta .section-title {
position: unset;
top: unset;
left: unset;
text-align: center;
width: 65%;
padding: 0px;
transform: unset;
max-width: 65%;
margin: 0 auto;
}
@media all and (max-width: 600px) { .campaign_2020_dark_section .title-content-button-template .button {
font-size: 19px;
margin-bottom: 10px;
} .campaign_2020_dark_section .title-content-button-template .content {
width: 100%;
max-width: 100%;
} .campaign_2020_dark_section .title-content-button-template h3 {
line-height: 1.2em;
} .campaign_2020_dark_section .section.column-section {
padding: 30px 0;
} .campaign_2020_dark_section .cta-only-button-template .button {
font-size: 19px;
padding-left: 20px;
padding-right: 20px;
} .campaign_2020_dark_section .custom-section.layout-3col > .container {
grid-template-columns: auto;
max-width: 95%;
} .campaign_2020_dark_section .column-section:nth-child(3) {
padding-top: 0px;
} .campaign_2020_dark_section .column-section .col p {
margin-bottom: 20px !important;
} .campaign_2020_dark_section .column-section .col p img.aligncenter {
height: auto;
margin-top: 20px;
} .campaign_2020_dark_section .action-section .frm_style_formidable-style.with_frm_style .form-field {
width: 100%;
} .campaign_2020_dark_section .action-section .frm_forms.frm_style_formidable-style.with_frm_style {
max-width: 100%;
} .campaign_2020_dark_section .action-section .mini-team-members.bg-green .mini-team-members.mini-team-member {
background: #1D1D1B;
} .campaign_2020_dark_section .action-section.custom-cta.bg-black h3 {
color: #fff;
} .campaign_2020_dark_section .action-section.custom-cta.bg-black p {
color: #fff;
} .campaign_2020_dark_section .action-section.custom-cta .content {
padding: 10px;
} .campaign_2020_dark_section .action-section.custom-cta p {
max-width: 100%;
} .campaign_2020_dark_section .action-section.custom-cta .section-title {
max-width: 100%;
}
} .campaign_2020_dark_section .cta-only-button.bg-black {
background: #1D1D1B;
} .campaign_2020_dark_section .cta-only-button.bg-black .button {
background: #a2c03b;
} .campaign_2020_dark_section .layout-3col li {
margin: 0;
list-style: none;
background-image: url("data:image/svg+xml;base64,PHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVjay1kYXJrLWdyZWVuLnN2ZyIKICAgaGVpZ2h0PSI0OS42NTYyNDYiCiAgIHdpZHRoPSI0OS42ODc1IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAgKDQwMzVhNGZiNDksIDIwMjAtMDUtMDEpIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIj4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6Y3k9IjI0LjgyODEyMyIKICAgICBpbmtzY2FwZTpjeD0iMjQuODQzNzUiCiAgICAgaW5rc2NhcGU6em9vbT0iMjAuMjk5NTYxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzc3IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMjU2MCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTgiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM2IiAvPgogIDxwYXRoCiAgICAgaWQ9InBhdGgzOTY2LTYiCiAgICAgZD0iTSAyNC44NDM3NSw1ZS03IEMgMTEuMTI5OSw1ZS03IDVlLTcsMTEuMTI5ODk0IDVlLTcsMjQuODQzNzUgNWUtNywzOC41NTc2MDYgMTEuMTI5OSw0OS42NTYyNDYgMjQuODQzNzUsNDkuNjU2MjQ2IDM4LjU1NzYxLDQ5LjY1NjI0NiA0OS42ODc1LDM4LjU1NzYwNiA0OS42ODc1LDI0Ljg0Mzc1IDQ5LjY4NzUsMTEuMTI5ODk0IDM4LjU1NzYxLDVlLTcgMjQuODQzNzUsNWUtNyBaIE0gMzUuNjg3NSwxMy44MTI1IDQwLjg0Mzc1LDE4IEMgMjMuOTQ4NDIsMzkuMDEwNjU2IDQwLjg3NTY1LDE3LjY5ODU5MiAyMy43NSwzOS4xMjQ5OTYgTCAxMC42ODc1LDI2Ljg0Mzc1IDE1LjI1LDIyLjAzMTI1IDIzLjA2MjUsMjkuMzc1IFoiCiAgICAgc3R5bGU9ImZpbGw6IzFkMWQxYjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6I2EyYzAzYjtzdHJva2Utd2lkdGg6MDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxwYXRoCiAgICAgaWQ9InBhdGg4MzEiCiAgICAgZD0ibSAxNy4yNTEzMDQsMzIuOTgwNjE4IGMgLTMuNTU5NTQ0LC0zLjM0NjM0NyAtNi40NzgxMjYsLTYuMTAyNzc3IC02LjQ4NTczOSwtNi4xMjU0IC0wLjAwNzYsLTAuMDIyNjIgMC45OTkwOSwtMS4xMDk5MDUgMi4yMzcxMTgsLTIuNDE2MTgyIGwgMi4yNTA5NTksLTIuMzc1MDQ3IDAuMjUwNjIxLDAuMjQxODE3IGMgMC4xMzc4NDEsMC4xMzI5OTkgMS43NDY5NTgsMS42NDQ4MzcgMy41NzU4MTYsMy4zNTk2MzkgMS44Mjg4NTcsMS43MTQ4MDMgMy40NzIwNzEsMy4yNjA5MzcgMy42NTE1ODYsMy40MzU4NTMgbCAwLjMyNjM5MSwwLjMxODAzMSA2LjMxNzExNCwtNy43ODYyNDMgNi4zMTcxMTQsLTcuNzg2MjQ1IDAuNjcxOTI0LDAuNTQ2OTUyIGMgMC4zNjk1NTgsMC4zMDA4MjQgMS41MTk1OTYsMS4yMzQ1MTQgMi41NTU2MzksMi4wNzQ4NjcgMS4yMTE1NTQsMC45ODI3MTMgMS44NjkyNSwxLjU0NzA1MiAxLjg0MzE3NywxLjU4MTU0NyAtMC4xMTg0MzcsMC4xNTY2OTcgLTQuOTU1MTYzLDYuMTU5NzI5IC02LjEzNTgwOSw3LjYxNTM3MyAtMS41MjQ4NzUsMS44ODAwNDkgLTIuMDExOTk0LDIuNDY1NzE1IC0yLjM1NTk1NCwyLjgzMjU3MyAtMC4yNjc1ODMsMC4yODUzOTcgLTIuMTI3OTU5LDIuNTkzNDE5IC01Ljg1MTEyMiw3LjI1OTAyMiAtMS40NDk1MzksMS44MTY0NiAtMi42NDkzNDMsMy4zMDM3OTEgLTIuNjY2MjMyLDMuMzA1MTgxIC0wLjAxNjg5LDAuMDAxNCAtMi45NDMwNiwtMi43MzUzOTIgLTYuNTAyNjAzLC02LjA4MTczOCB6IgogICAgIHN0eWxlPSJmaWxsOiNhM2JmNDU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjAuMDQ5MjYyMSIgLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: 10px 4px;
background-size: 26px;
padding: 8px 0px 0px 50px;
margin-bottom: 10px;
font-size: 18px;
} .campaign_2020_dark_section .bg-black {
background: #1D1D1B;
} .campaign_2020_dark_section p {
color: black;
} .campaign_2020_dark_section h1 {
color: black;
} .campaign_2020_dark_section h2 {
color: black;
} .campaign_2020_dark_section h3 {
color: black;
} .campaign_2020_dark_section li {
color: black;
} .campaign_2020_dark_section span {
color: black;
} .campaign_2020_dark_section .td-green-text {
color: #a2c03b;
font-weight: 700;
} .campaign_2020_dark_section .mini-team-container .content {
color: white;
} .campaign_2020_dark_section .mini-team-container p {
color: white;
} .campaign_2020_dark_section .mini-team-container h3 {
color: white; } .campaign_2020_dark_section .mini-team-container .subtitle {
font-size: 18px;
line-height: 26px;
margin-top: 13px;
} .campaign_2020_dark_section .mini-team-container .section-title {
color: white;
} .campaign_2020_dark_section .section.column-section:nth-child(1) {
padding: 85px 0;
} .campaign_2020_dark_section .perfect-cto-table {
margin: 0 auto;
display: block;
width: -moz-fit-content;
width: fit-content; } .campaign_2020_dark_section .perfect-cto-table table {
max-width: 900px;
} .campaign_2020_dark_section .perfect-cto-table table td {
color: white;
font-size: 22px;
border: 4px white solid;
line-height: 32px;
vertical-align: middle;
} .campaign_2020_dark_section .perfect-cto-table table table, .campaign_2020_dark_section .perfect-cto-table table tr, .campaign_2020_dark_section .perfect-cto-table table td {
border: none;
} .campaign_2020_dark_section .perfect-cto-table .td-first {
padding-left: 25px;
} .campaign_2020_dark_section .perfect-cto-table .td-bold {
font-weight: 600;
text-transform: capitalize;
text-align: center;
line-height: 25px;
padding: 15px;
font-size: 26px;
line-height: 23px;
font-weight: 700;
} .campaign_2020_dark_section .perfect-cto-table .td-text-center {
text-align: center;
line-height: 32px;
vertical-align: middle;
} .campaign_2020_dark_section .perfect-cto-table .td-black-text {
color: black;
text-transform: capitalize;
} .campaign_2020_dark_section .perfect-cto-table .col-half {
max-width: 198px;
width: 198px;
text-align: center;
} .campaign_2020_dark_section .perfect-cto-table table {
border-collapse: unset;
border: none;
} .campaign_2020_dark_section .perfect-cto-table table td {
border: 2px solid white;
height: 78px;
min-height: 78px;
} .campaign_2020_dark_section .perfect-cto-table table tr:first-child td {
border-top: 0;
} .campaign_2020_dark_section .perfect-cto-table table tr td:first-child {
border-left: 0;
} .campaign_2020_dark_section .perfect-cto-table table tr:last-child td {
border-bottom: 0;
} .campaign_2020_dark_section .perfect-cto-table table tr td:last-child {
border-right: 0;
}
@media all and (max-width: 600px) { .campaign_2020_dark_section .perfect-cto-table table {
zoom: 0.7;
} .campaign_2020_dark_section .perfect-cto-table .col-half {
max-width: 150px;
width: 150px;
}
}
@media all and (max-width: 600px) { .campaign_2020_dark_section .section.column-section:nth-child(1) {
padding: 30px 0;
}
} @font-face {
font-family: 'Miso';
src: url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/Miso.ttf.woff) format("woff"), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/Miso.ttf.svg#Miso) format("svg"), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/Miso.ttf.eot), url(https://web-staging.freemanclarke.us/wp-content/themes/freemanclarke/fonts/Miso.ttf.eot?#iefix) format("embedded-opentype");
font-weight: normal;
font-style: normal;
} .campaign-financial-services header.campaign-header {
padding: 40px 0px;
background-size: 100% 100%;
background-position: 0;
} .campaign-financial-services .the-content .campaign-content {
max-width: 780px;
} .campaign-financial-services header.campaign-header .container {
padding-right: 0;
} .campaign-financial-services aside.campain-contact {
max-width: 365px;
} .campaign-financial-services .font-miso {
font-family: 'Miso';
font-weight: 400;
font-size: 100px;
}
@media all and (max-width: 600px) { .campaign-financial-services .font-miso {
font-size: 40px;
}
} html {
scroll-behavior: smooth;
} .page-template-page_service_page .notification-bar {
display: none !important;
}
@media (max-width: 600px) { .mini-team-members .mini-team-container {
display: block;
}
} .fractional_service_page_section { } .fractional_service_page_section .action-section {
padding: 37.5px 0;
overflow: visible;
} .fractional_service_page_section .fc-accordion {
padding: 5px;
padding-right: 15px;
padding-left: 0px;
} .fractional_service_page_section p {
font-size: 16px;
line-height: normal;
margin: 10px 0;
font-weight: 400;
} .fractional_service_page_section h2 {
font-size: 24px;
font-weight: 400;
text-align: left;
} .fractional_service_page_section h3 {
font-size: 26px;
line-height: 1.2em;
text-align: left;
} .fractional_service_page_section h3:first-child {
margin-top: 0px;
} .fractional_service_page_section .title-content-button h3 {
text-align: center;
font-size: 40px;
line-height: 1.2em;
} .fractional_service_page_section .title-content-button .content {
text-align: center;
max-width: 70%;
width: auto;
margin: 0 auto;
padding: 20px 0px 10px 0px;
} .fractional_service_page_section .title-content-button .button {
margin-bottom: 10px;
} .fractional_service_page_section .column-section .col iframe:first-child {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .fractional_service_page_section .column-section .col p em {
line-height: 30px;
} .fractional_service_page_section .column-section .col p img.aligncenter {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .fractional_service_page_section .section.column-section {
padding: 42.5px 0;
} .fractional_service_page_section .section.column-section:nth-child(even) {
background: #f1f2ea;
} .fractional_service_page_section .section.column-section .col {
padding-right: 0;
} .fractional_service_page_section .section.column-section .col h2 {
font-size: 30px;
line-height: 38px;
} .fractional_service_page_section .section.column-section .col:nth-child(2) {
padding-left: 50px;
} .fractional_service_page_section .custom-section {
padding: 42.5px 0;
} .fractional_service_page_section .content-section {
padding: 0px 0 42.5px 0;
} .fractional_service_page_section h3 {
font-size: 23px;
} .fractional_service_page_section hr {
border: none;
border-top: 1px solid #000;
margin: inherit;
display: block;
width: 100%;
max-width: inherit;
} .fractional_service_page_section .title-content-button-template .button {
background: #333;
font-size: 24px;
margin: 40px auto;
display: table;
white-space: normal;
} .fractional_service_page_section .mini-team-members + .content-section {
padding: 15px 15px 0px 15px;
} .fractional_service_page_section .credentials-section h2 {
font-weight: 600;
} .fractional_service_page_section .layout-3col li, .fractional_service_page_section .layout-2col li {
margin: 0;
list-style: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBpZD0ic3ZnMiIgdmVyc2lvbj0iMS4xIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIiB3aWR0aD0iNDkuNjg3NSIgaGVpZ2h0PSI0OS42NTYyNDYiIHNvZGlwb2RpOmRvY25hbWU9IjE1NTU0NDI1Njguc3ZnIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhOCI+PC9tZXRhZGF0YT48ZGVmcyBpZD0iZGVmczYiPjwvZGVmcz48cGF0aCBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBzdHlsZT0iZmlsbDojYTJjMDNiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojODBiYTI3O3N0cm9rZS13aWR0aDowO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJNIDI0Ljg0Mzc1LDVlLTcgQyAxMS4xMjk5LDVlLTcgNWUtNywxMS4xMjk4OTQgNWUtNywyNC44NDM3NSA1ZS03LDM4LjU1NzYwNiAxMS4xMjk5LDQ5LjY1NjI0NiAyNC44NDM3NSw0OS42NTYyNDYgMzguNTU3NjEsNDkuNjU2MjQ2IDQ5LjY4NzUsMzguNTU3NjA2IDQ5LjY4NzUsMjQuODQzNzUgNDkuNjg3NSwxMS4xMjk4OTQgMzguNTU3NjEsNWUtNyAyNC44NDM3NSw1ZS03IFogTSAzNS42ODc1LDEzLjgxMjUgNDAuODQzNzUsMTggQyAyMy45NDg0MiwzOS4wMTA2NTYgNDAuODc1NjUsMTcuNjk4NTkyIDIzLjc1LDM5LjEyNDk5NiBMIDEwLjY4NzUsMjYuODQzNzUgMTUuMjUsMjIuMDMxMjUgMjMuMDYyNSwyOS4zNzUgWiIgaWQ9InBhdGgzOTY2LTYiPjwvcGF0aD48L3N2Zz4=");
background-repeat: no-repeat;
background-position: 10px 4px;
background-size: 19px;
padding: 3px 0px 0px 42px;
margin-bottom: 10px;
font-size: 16px;
} .fractional_service_page_section .action-section .frm_none_container {
display: none;
} .fractional_service_page_section .action-section.custom-cta .content {
padding: 10px;
margin: 0 auto;
} .fractional_service_page_section .action-section.custom-cta p {
max-width: 65%;
margin: 0 auto;
} .fractional_service_page_section .action-section.custom-cta h3 {
font-size: 35px;
line-height: 38px;
} .fractional_service_page_section .action-section.custom-cta .section-title {
position: unset;
top: unset;
left: unset;
text-align: center;
width: 65%;
padding: 0px;
transform: unset;
max-width: 65%;
margin: 0 auto;
}
@media all and (max-width: 600px) { .fractional_service_page_section .title-content-button-template .button {
font-size: 19px;
margin-bottom: 10px;
} .fractional_service_page_section .title-content-button-template .content {
width: 100%;
max-width: 100%;
} .fractional_service_page_section .title-content-button-template h3 {
line-height: 1.2em;
} .fractional_service_page_section .section.column-section {
padding: 30px 0;
} .fractional_service_page_section .cta-only-button-template .button {
font-size: 19px;
padding-left: 20px;
padding-right: 20px;
} .fractional_service_page_section .custom-section.layout-3col > .container {
grid-template-columns: auto;
max-width: 95%;
} .fractional_service_page_section .custom-section.layout-2col > .container {
grid-template-columns: auto;
max-width: 95%;
} .fractional_service_page_section .content-section .container {
max-width: 95%;
} .fractional_service_page_section .content-section .container .fc-accordion {
padding-right: 0px;
} .fractional_service_page_section .column-section:nth-child(3) {
padding-top: 0px;
} .fractional_service_page_section .column-section .col p {
margin-bottom: 20px !important;
} .fractional_service_page_section .column-section .col p img.aligncenter {
height: auto;
margin-top: 20px;
} .fractional_service_page_section .action-section .frm_style_formidable-style.with_frm_style .form-field {
width: 100%;
} .fractional_service_page_section .action-section .frm_forms.frm_style_formidable-style.with_frm_style {
max-width: 100%;
} .fractional_service_page_section .action-section.custom-cta .content {
padding: 10px;
} .fractional_service_page_section .action-section.custom-cta p {
max-width: 100%;
} .fractional_service_page_section .action-section.custom-cta .section-title {
max-width: 100%;
}
} html {
scroll-behavior: smooth;
} .page-template-page_service_page .notification-bar {
display: none !important;
}
@media (max-width: 600px) { .mini-team-members .mini-team-container {
display: block;
}
} .fractional_service_page_section-2 { } .fractional_service_page_section-2 .action-section {
padding: 37.5px 0;
overflow: visible;
} .fractional_service_page_section-2 .fc-accordion {
padding: 5px;
padding-right: 15px;
padding-left: 0px;
}
@media all and (max-width: 600px) { .fractional_service_page_section-2 .desktop-only {
display: none !important;
}
} .fractional_service_page_section-2 p {
font-size: 16px;
line-height: 24px;
margin: 10px 0;
font-weight: 400;
} .fractional_service_page_section-2 p + hr {
font-size: 16px;
line-height: 24px;
margin: 20px 0;
font-weight: 400;
} .fractional_service_page_section-2 h2 {
font-size: 24px;
font-weight: 400;
line-height: 30px;
text-align: left;
} .fractional_service_page_section-2 h3 {
font-size: 26px;
line-height: 1.2em;
text-align: left;
} .fractional_service_page_section-2 h3:first-child {
margin-top: 0px;
} .fractional_service_page_section-2 h3.headline {
font-size: 34px;
letter-spacing: -0.14px;
} .fractional_service_page_section-2 h4.subtitle {
font-size: 22px;
line-height: 34px;
font-weight: 400;
} .fractional_service_page_section-2 h4.headline {
font-size: 22px;
line-height: 30px;
font-weight: 400;
margin: 0px;
margin-bottom: -10px;
} .fractional_service_page_section-2 h4.headline + p {
margin-bottom: -10px;
} .fractional_service_page_section-2 h4 + strong {
letter-spacing: -0.1px;
} .fractional_service_page_section-2 .title-content-button h3 {
text-align: center;
font-size: 40px;
line-height: 1.2em;
} .fractional_service_page_section-2 .title-content-button .content {
text-align: center;
max-width: 70%;
width: auto;
margin: 0 auto;
padding: 20px 0px 10px 0px;
} .fractional_service_page_section-2 .title-content-button .button {
margin-bottom: 10px;
} .fractional_service_page_section-2 .column-section .col iframe:first-child {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .fractional_service_page_section-2 .column-section .col p em {
line-height: 30px;
} .fractional_service_page_section-2 .column-section .col p img.aligncenter {
width: 100%;
height: 330px;
text-align: center;
margin: 0 auto;
} .fractional_service_page_section-2 .section.column-section {
padding: 42.5px 0;
} .fractional_service_page_section-2 .section.column-section:nth-child(even) {
background: #f1f2ea;
} .fractional_service_page_section-2 .section.column-section .col {
padding-right: 0;
} .fractional_service_page_section-2 .section.column-section .col h2 {
font-size: 30px;
line-height: 38px;
} .fractional_service_page_section-2 .section.column-section .col:nth-child(2) {
padding-left: 50px;
} .fractional_service_page_section-2 .custom-section {
padding: 42.5px 0;
} .fractional_service_page_section-2 .content-section {
padding: 0px 0 42.5px 0;
} .fractional_service_page_section-2 h3 {
font-size: 24px;
} .fractional_service_page_section-2 hr {
border: none;
border-top: 1px solid #707070;
margin: inherit;
display: block;
width: 100%;
max-width: 100%;
} .fractional_service_page_section-2 .title-content-button-template .button {
background: #333;
font-size: 24px;
margin: 40px auto;
display: table;
white-space: normal;
} .fractional_service_page_section-2 .mini-team-members + .content-section {
padding: 15px 15px 0px 15px;
} .fractional_service_page_section-2 .credentials-section h2 {
font-weight: 600;
} .fractional_service_page_section-2 .layout-3col li, .fractional_service_page_section-2 .layout-2col li {
margin: 0;
list-style: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiBpZD0ic3ZnMiIgdmVyc2lvbj0iMS4xIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIiB3aWR0aD0iNDkuNjg3NSIgaGVpZ2h0PSI0OS42NTYyNDYiIHNvZGlwb2RpOmRvY25hbWU9IjE1NTU0NDI1Njguc3ZnIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhOCI+PC9tZXRhZGF0YT48ZGVmcyBpZD0iZGVmczYiPjwvZGVmcz48cGF0aCBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBzdHlsZT0iZmlsbDojYTJjMDNiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojODBiYTI3O3N0cm9rZS13aWR0aDowO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJNIDI0Ljg0Mzc1LDVlLTcgQyAxMS4xMjk5LDVlLTcgNWUtNywxMS4xMjk4OTQgNWUtNywyNC44NDM3NSA1ZS03LDM4LjU1NzYwNiAxMS4xMjk5LDQ5LjY1NjI0NiAyNC44NDM3NSw0OS42NTYyNDYgMzguNTU3NjEsNDkuNjU2MjQ2IDQ5LjY4NzUsMzguNTU3NjA2IDQ5LjY4NzUsMjQuODQzNzUgNDkuNjg3NSwxMS4xMjk4OTQgMzguNTU3NjEsNWUtNyAyNC44NDM3NSw1ZS03IFogTSAzNS42ODc1LDEzLjgxMjUgNDAuODQzNzUsMTggQyAyMy45NDg0MiwzOS4wMTA2NTYgNDAuODc1NjUsMTcuNjk4NTkyIDIzLjc1LDM5LjEyNDk5NiBMIDEwLjY4NzUsMjYuODQzNzUgMTUuMjUsMjIuMDMxMjUgMjMuMDYyNSwyOS4zNzUgWiIgaWQ9InBhdGgzOTY2LTYiPjwvcGF0aD48L3N2Zz4=");
background-repeat: no-repeat;
background-position: 10px 4px;
background-size: 19px;
padding: 3px 0px 0px 42px;
margin-bottom: 10px;
font-size: 16px;
} .fractional_service_page_section-2 .action-section .frm_none_container {
display: none;
} .fractional_service_page_section-2 .action-section.custom-cta .content {
padding: 10px;
margin: 0 auto;
} .fractional_service_page_section-2 .action-section.custom-cta p {
max-width: 65%;
margin: 0 auto;
} .fractional_service_page_section-2 .action-section.custom-cta h3 {
font-size: 35px;
line-height: 38px;
} .fractional_service_page_section-2 .action-section.custom-cta .section-title {
position: unset;
top: unset;
left: unset;
text-align: center;
width: 65%;
padding: 0px;
transform: unset;
max-width: 65%;
margin: 0 auto;
} .fractional_service_page_section-2 .custom-section.layout-3col > .container {
grid-template-columns: 1fr 1fr;
} .fractional_service_page_section-2 .custom-section.layout-2col > .container {
grid-template-columns: 1fr 1fr;
}
@media all and (max-width: 600px) { .fractional_service_page_section-2 .title-content-button-template .button {
font-size: 19px;
margin-bottom: 10px;
} .fractional_service_page_section-2 .title-content-button-template .content {
width: 100%;
max-width: 100%;
} .fractional_service_page_section-2 .title-content-button-template h3 {
line-height: 1.2em;
} .fractional_service_page_section-2 .section.column-section {
padding: 30px 0;
} .fractional_service_page_section-2 .cta-only-button-template .button {
font-size: 19px;
padding-left: 20px;
padding-right: 20px;
} .fractional_service_page_section-2 .custom-section.layout-3col > .container {
grid-template-columns: auto;
max-width: 95%;
} .fractional_service_page_section-2 .custom-section.layout-2col > .container {
grid-template-columns: auto;
max-width: 95%;
grid-row-gap: 0px;
} .fractional_service_page_section-2 .content-section .container {
max-width: 95%;
} .fractional_service_page_section-2 .content-section .container .fc-accordion {
padding-right: 0px;
} .fractional_service_page_section-2 .column-section:nth-child(3) {
padding-top: 0px;
} .fractional_service_page_section-2 .column-section .col p {
margin-bottom: 20px !important;
} .fractional_service_page_section-2 .column-section .col p img.aligncenter {
height: auto;
margin-top: 20px;
} .fractional_service_page_section-2 .action-section .frm_style_formidable-style.with_frm_style .form-field {
width: 100%;
} .fractional_service_page_section-2 .action-section .frm_forms.frm_style_formidable-style.with_frm_style {
max-width: 100%;
} .fractional_service_page_section-2 .action-section.custom-cta .content {
padding: 10px;
} .fractional_service_page_section-2 .action-section.custom-cta p {
max-width: 100%;
} .fractional_service_page_section-2 .action-section.custom-cta .section-title {
max-width: 100%;
}
} .our-team-section .section {
padding: 50px 0;
} .our-team-section .section.action-section {
padding: 30px 0;
} .our-team-section .section:nth-of-type(1) {
padding: 50px 0px 25px 0px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .our-team-section .section:nth-of-type(1) {
padding: 25px 0px 0px;
}
} .our-team-section .layout-2col .container {
max-width: 1180px;
padding: 0 30px;
margin: 0 auto;
} .our-team-section .layout-2col .container h2, .our-team-section .layout-2col .container h3 {
font-weight: 600;
} .our-team-section .layout-2col .container p {
font-size: 16px;
line-height: 23px;
} .our-team-section .container {
max-width: 980px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .our-team-section .container {
max-width: 375px;
} .our-team-section .container h2 {
font-size: 24px;
line-height: 32px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .our-team-section .container h2 {
font-size: 24px;
line-height: 32px;
}
} .our-team-section .container h2, .our-team-section .container h3 {
font-weight: 400;
} .our-team-section .container h3 {
margin-bottom: -10px;
} .our-team-section .container p {
font-size: 16px;
} .our-team-section .tiles-section .section-title h3 {
color: #A5BE4E;
padding: 0px 10px;
border-bottom: 1px solid #80807D;
margin-bottom: 25px;
padding-bottom: 12px;
} .team-page-links {
display: block;
text-align: center;
-ms-flex-align: center;
align-items: center;
} .team-page-links .button {
padding: 10px 25px;
line-height: 57px;
word-break: revert;
white-space: nowrap;
display: inline;
margin: 10px 6px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-page-links .button {
padding: 10px 5px;
width: 150px;
display: inline-table;
font-weight: 400;
text-align: center;
}
} .team-page-links .button:hover {
padding: 10px 35px;
margin-left: 3px;
margin-right: 3px;
} .our-principals-section .hero-banner-section .container {
max-width: 1170px;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box {
background: transparent !important;
width: 93% !important;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box h1 {
text-align: left;
font: normal normal normal 41px/58px Open Sans;
letter-spacing: -0.16px;
color: #1D1D1B;
opacity: 1;
padding-bottom: 38px;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box p {
text-align: left;
font: normal normal 600 20px/30px Open Sans;
letter-spacing: -0.08px;
color: #3D8099;
opacity: 1;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns .button {
padding: 0;
text-align: left;
font: normal normal 600 20px/15px Open Sans;
letter-spacing: -0.08px;
color: #A2C03B;
opacity: 1;
background-color: transparent;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns .button > svg {
position: relative;
top: 25px;
right: 0;
width: 31px;
height: 31px;
opacity: 1;
color: #A2C03B;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns .button > svg path {
fill: #A2C03B;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns a.simple-show-popup {
padding: 0;
text-align: left;
font: normal normal 600 20px/15px Open Sans;
letter-spacing: -0.08px;
color: #A2C03B;
opacity: 1;
background-color: transparent;
width: 100%;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns a.simple-show-popup > svg {
position: relative;
right: 12px;
height: 31px;
opacity: 1;
color: #A2C03B;
fill: #A2C03B;
top: 11px;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns a.simple-show-popup > svg path {
fill: #A2C03B;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns a.simple-show-popup:hover {
color: #A2C03B;
border-color: #A2C03B;
stroke: #A2C03B;
fill: #A2C03B;
transition-delay: unset;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns a.simple-show-popup:hover #Exclusion_2 {
fill: #A2C03B;
transform: translateX(10px);
transition: transform 0.3s ease;
} .our-principals-section .hero-banner-section .container .content .left-side.video-overlay-box div.hero-banner-btns a.simple-show-popup:hover #Exclusion_2:hover {
stroke: #A2C03B;
border-color: #A2C03B;
fill: #A2C03B;
} .our-principals-section .section {
padding: 50px 0;
} .our-principals-section .section.action-section {
padding: 30px 0;
} .our-principals-section .section:nth-of-type(1) {
padding: 50px 0px 25px 0px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .our-principals-section .section:nth-of-type(1) {
padding: 25px 0px 0px;
}
} .our-principals-section .layout-2col .container {
max-width: 1180px;
padding: 0 30px;
margin: 0 auto;
} .our-principals-section .layout-2col .container h2, .our-principals-section .layout-2col .container h3 {
font-weight: 600;
} .our-principals-section .layout-2col .container p {
font-size: 16px;
line-height: 23px;
} .our-principals-section .container {
max-width: 980px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .our-principals-section .container {
max-width: 375px;
} .our-principals-section .container h2 {
font-size: 24px;
line-height: 32px;
}
}
@media all and (min-width: 600px) and (max-width: 782px) { .our-principals-section .container h2 {
font-size: 24px;
line-height: 32px;
}
} .our-principals-section .container h2, .our-principals-section .container h3 {
font-weight: 400;
} .our-principals-section .container h3 {
margin-bottom: -10px;
} .our-principals-section .container p {
font-size: 16px;
} .our-principals-section .tiles-section .section-title h3 {
color: #A5BE4E;
padding: 0px 10px;
border-bottom: 1px solid #80807D;
margin-bottom: 25px;
padding-bottom: 12px;
} .team-page-links {
display: block;
text-align: center;
-ms-flex-align: center;
align-items: center;
} .team-page-links .button {
padding: 10px 25px;
line-height: 57px;
word-break: revert;
white-space: nowrap;
display: inline;
margin: 10px 6px;
}
@media all and (min-width: 320px) and (max-width: 600px) { .team-page-links .button {
padding: 10px 5px;
width: 150px;
display: inline-table;
font-weight: 400;
text-align: center;
}
} .team-page-links .button:hover {
padding: 10px 35px;
margin-left: 3px;
margin-right: 3px;
}   .our-team-section-header {
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 37px;
} .our-team-section-header__contents {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
max-width: 53%;
} .our-team-section-header__contents h1 {
font-size: 41px;
line-height: 58px;
font-weight: bold;
margin-top: 40px;
} .our-team-section-header__contents .sub-heading {
color: #3D8099;
font-size: 20px;
line-height: 30px;
font-weight: normal;
margin-bottom: 20px;
font-weight: 500;
} .our-team-section-header__contents .video-link a {
color: #A2C03B;
font-size: 20px;
line-height: 20px;
font-weight: 500;
display: -ms-flexbox;
display: flex;
gap: 9px;
} .our-team-section-header__contents .video-link a.video-button img {
width: 31px;
height: 31px;
} .our-team-section-header__foreground {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
} .our-team-section-header img.banner-foreground-img {
display: block;
}  .our-team-section-header .container {
min-height: 453px;
display: -ms-flexbox;
display: flex;
} .our-team-section-featured-principals .principals {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 30px;
} .our-team-section-featured-principals .principal {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
transition: all 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
} .our-team-section-featured-principals .principal:hover {
transform: scale(1.05);
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
} .our-team-section-featured-principals .principal .principal-photo {
background-size: cover;
height: 330px;
background-repeat: no-repeat;
background-position: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: end;
align-items: flex-end;
} .our-team-section-featured-principals .principal .principal-photo img.badge {
-ms-flex-item-align: left;
align-self: left;
margin-left: 28px;
margin-bottom: 20px;
width: auto;
height: 55px;
} .our-team-section-featured-principals .principal .principal-photo img.badge-2 {
margin-left: 12px;
} .our-team-section-featured-principals .principal .principal-details {
padding: 20px 25px 60px 25px;
} .our-team-section-featured-principals .principal .principal-details .region {
font-size: 15px;
line-height: 1.3;
} .our-team-section-featured-principals .principal a {
color: #1D1D1B;
display: block;
} .our-team-section-featured-principals .principal .principal-details h4 {
font-size: 20px;
line-height: 1.3;
font-weight: 500;
margin: 0;
} .our-team-section-featured-principals .principal .principal-details h5 {
font-weight: 600;
font-size: 15px;
line-height: 1.3;
margin: 0;
margin-top: 12px;
margin-bottom: 3px;
} .our-team-section-featured-principals .principal .principal-details p {
margin: 0;
font-size: 15px;
line-height: 22px;
} .our-team-section-featured-principals .principal .principal-details .read-more {
font-weight: 600;
font-size: 15px;
line-height: 18px;
position: absolute;
bottom: 25px;
left: 25px;
color: #3D8099;
} .our-team-section-featured-principals .principal {
background: #F0EFEF 0% 0% no-repeat padding-box;
}  .our-team-section-all-principals h2 {
color: #A2C03B;
font-size: 20px;
line-height: 30px;
text-align: center;
font-weight: 500;
margin: 0;
} .our-team-section-all-principals .see-all-link {
display: block;
} .our-team-section-all-principals .see-all-link h2 {
padding-bottom: 50px;
background: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/all_principals_arrow.svg) no-repeat;
background-position: bottom center;
background-size: 46.27px 45.1px;
margin-bottom: 20px;
} .our-team-section-all-principals .all-principals {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: 190px;
margin-bottom: 30px;
} .our-team-section-all-principals .all-principals .principal {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
overflow: hidden;
} .our-team-section-all-principals .all-principals .principal:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 200%;
height: 200%;
border-radius: 50%;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
transition: all 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition-duration: .8s;
z-index: 1;
} .our-team-section-all-principals .all-principals .principal:hover:after {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
} .our-team-section-featured-principals .principal.cta { background-color: #abaf9a;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
display: none;
} .our-team-section-featured-principals .principal.cta h3 {
text-align: center;
color: white;
margin: 0;
margin-bottom: 10px;
font-size: 24px;
line-height: 30px;
} .our-team-section-featured-principals .principal.cta p {
color: white;
margin: 0;
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
text-align: center;
} .our-team-section-featured-principals .principal.cta .button {
background-color: black;
color: white;
width: 100%;
max-width: 325px;
text-align: center;
display: inline-block;
padding: 10px 20px;
font-size: 0.8rem; box-sizing: border-box; } .our-team-section-featured-principals .principal.cta .button:hover {
color: white;
} .our-team-section-all-principals .principals-load-more {
padding-bottom: 58px;
background: url(//web-staging.freemanclarke.us/wp-content/themes/freemanclarke/images/load_more_arrow.svg) no-repeat;
background-position: bottom center;
background-size: 50px 50px;
margin-bottom: 20px;
cursor: pointer;
width: 100%;
text-align: center;
color: #A2C03B;
font-size: 20px;
margin-bottom: 30px;
} .our-team-section-all-principals .principals-load-more-container {
margin-bottom: 30px;
}  .our-team-section-all-principals .all-principals > .principal:nth-child(12n + 1),
.our-team-section-all-principals .all-principals > .principal:nth-child(12n + 4) {
background-color: #a2c03b; } .our-team-section-all-principals .all-principals > .principal:nth-child(12n + 2),
.our-team-section-all-principals .all-principals > .principal:nth-child(12n + 5) {
background-color: #f0efef; } .our-team-section-all-principals .all-principals > .principal:nth-child(12n + 3),
.our-team-section-all-principals .all-principals > .principal:nth-child(12n + 6) {
background-color: #abaf91; }  .our-team-section-all-principals .all-principals > .principal:nth-child(12n + 7),
.our-team-section-all-principals .all-principals > .principal:nth-child(12n + 10) {
background-color: #abaf91; } .our-team-section-all-principals .all-principals > .principal:nth-child(12n + 8),
.our-team-section-all-principals .all-principals > .principal:nth-child(12n + 11) {
background-color: #a2c03b; } .our-team-section-all-principals .all-principals > .principal:nth-child(12n + 9),
.our-team-section-all-principals .all-principals > .principal:nth-child(12n + 12) {
background-color: #f0efef; } .our-team-section-all-principals .all-principals > .principal .principal-details {
background: var(--unnamed-color-f0efef) 0% 0% no-repeat padding-box;
background: #F0EFEF 0% 0% no-repeat padding-box;
opacity: 0.77;
min-height: 48px;
text-align: center;
padding: 5px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
} .our-team-section-all-principals .all-principals > .principal .principal-details span {
color: #1d1d1b;
font-size: 13px;
line-height: 17px;
font-weight: 500;
} .our-team-section-all-principals .all-principals > .principal .principal-details span.location { } .our-team-section-all-principals .all-principals .principal a {
display: block;
width: 100%;
} .our-team-section-featured-principals-mobile-header {
background-color: #3d8099;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px;
} .our-team-section-featured-principals-mobile-header .featured-principals-title {
display: -ms-flexbox;
display: flex;
color: white;
font-size: 18px;
font-weight: 500;
gap: 10px;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 40px);
} .our-team-section-featured-principals-mobile-header .featured-principals-title img {
width: 32px;
height: auto;
margin-right: 10px;
display: block;
} .our-team-section-featured-principals-mobile-header .featured-principals-video-link {
display: -ms-flexbox;
display: flex;
} .our-team-section-featured-principals-mobile-header .featured-principals-video-link a {
padding: 5px 10px;
border: 1px solid #a2c03b;
color: #a2c03b;
display: -ms-flexbox;
display: flex;
gap: 12px;
font-weight: 500;
} .principal-video-mobile {
display: none;
} .our-team-section-featured-principals-mobile-header .featured-principals-video-link img {
width: 25px;
height: auto;
} .principals-mobile-only { display: none;
} @media (max-width: 1000px) { .our-team-section-featured-principals .principal .principal-photo img.badge {
max-width: 100px;
height: auto;
margin-left: 20px;
max-height: 37px;
width: auto;
margin-bottom: 15px;
} .our-team-section-featured-principals .principal .principal-photo img.badge-2 {
margin-left: 5px;
}
}
@media (max-width: 782px) { .our-team-section-header .container {
-ms-flex-direction: column;
flex-direction: column;
} .our-team-section-header__contents {
max-width: 80%;
} .our-team-section-header__foreground {
-ms-flex-pack: center;
justify-content: center;
margin-top: auto;
} .our-team-section-header__contents h1 {
font-size: 30px;
line-height: 40px;
margin-bottom: 0;
} .principals-desktop-only {
display: none;
} .principals-mobile-only {
display: -ms-flexbox;
display: flex;
} .our-team-section-header {
margin-bottom: 0;
} .our-team-section-featured-principals .container {
padding: 0;
} .our-team-section-featured-principals .principals {
grid-gap: 0;
margin-bottom: 0;
} .our-team-section-featured-principals .principal .principal-photo {
height: 180px;
} .our-team-section-featured-principals .principal .principal-details {
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 45px;
} .our-team-section-featured-principals .principal .principal-details h4 {
font-size: 16px;
font-weight: 600;
} .our-team-section-featured-principals .principal .principal-details h5 {
margin-top: 8px;
margin-bottom: 0px;
font-size: 11px;
font-weight: 700;
} .our-team-section-featured-principals .principal .principal-details .region {
font-size: 13px;
line-height: 18px;
} .our-team-section-featured-principals .principal .principal-details p {
font-size: 11px;
line-height: 15px;
} .our-team-section-featured-principals .principal .principal-details .read-more {
left: 20px;
bottom: 15px;
font-size: 12px;
line-height: 18px;
color: #1D1D1B;
} .our-team-section-all-principals .container {
padding: 0;
} .our-team-section-all-principals .see-all-link {
background-color: #3d8099;
} .our-team-section-all-principals .see-all-link h2 {
padding-right: 50px;
display: -ms-inline-flexbox;
display: inline-flex;
padding-bottom: 20px;
padding-top: 20px;
background-size: 35px auto;
background-position: right center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
margin-left: 20px;
font-size: 18px;
} .our-team-section-all-principals .all-principals {
grid-template-columns: repeat(3, 1fr);
}  .our-team-section-all-principals .all-principals > .principal:nth-child(6n + 1) {
background-color: #a2c03b; } .our-team-section-all-principals .all-principals > .principal:nth-child(6n + 2) {
background-color: #f0efef; } .our-team-section-all-principals .all-principals > .principal:nth-child(6n + 3) {
background-color: #abaf91; }  .our-team-section-all-principals .all-principals > .principal:nth-child(6n + 4) {
background-color: #abaf91; } .our-team-section-all-principals .all-principals > .principal:nth-child(6n + 5) {
background-color: #a2c03b; } .our-team-section-all-principals .all-principals > .principal:nth-child(6n + 6) {
background-color: #f0efef; }  .our-team-section-featured-principals .principal:hover {
transform: none;
box-shadow: none;
} .our-team-section-all-principals .all-principals .principal:after {
transition: none;
transition-duration: none;
} .our-team-section-all-principals .all-principals .principal:hover:after {
transform: none;
opacity: 0;
}
} @media (max-width: 576px) { .our-team-section-featured-principals .principal.cta {
display: -ms-flexbox;
display: flex;
} .our-team-section-featured-principals .principals {
grid-template-columns: 1fr 1fr;
grid-gap: 0;
margin-bottom: 0;
}
}  .principal-single-view-section .principal-photo {
background-size: cover;
height: 330px;
background-repeat: no-repeat;
background-position: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: end;
align-items: flex-end;
} .principal-single-view-section .principal-photo img.badge {
-ms-flex-item-align: left;
align-self: left;
margin-left: 28px;
margin-bottom: 20px;
max-width: 120px;
height: 54px;
width: auto;
} .principal-single-view-section aside {
padding-right: 30px;
} .principal-single-view-section aside .principal-profile-contact {
background: #F0EFEF 0% 0% no-repeat padding-box;
} .principal-single-view-section .main-content {
position: relative;
} .principal-single-view-section aside .principal-profile-contact h4 {
font-size: 20px;
line-height: 24px;
color: #3D8099;
font-weight: 600;
margin: 0;
margin-bottom: 15px;
display: -ms-flexbox;
display: flex;
gap: 11px;
} .principal-single-view-section .principal-profile-contact__form {
padding: 20px;
} .principal-single-view-section .principal-profile-contact__form img {
width: 28px;
height: 28px;
} .principal-single-view-section .principal-profile-contact__form .principal-phone {
font-size: 14px;
line-height: 20px;
margin-top: -37px;
} .principal-single-view-section h1 {
font-size: 30px;
line-height: 30px;
letter-spacing: 0.12px;
font-weight: 500;
margin: 0 0 15px 0;
} .principal-single-view-section .all-principals-back-link {
display: -ms-flexbox;
display: flex;
gap: 8px;
position: absolute;
top: 0;
right: 0;
-ms-flex-align: center;
align-items: center;
color: #1D1D1B;
font-size: 15px;
font-weight: 500;
} .principal-single-view-section .all-principals-back-link img {
width: 46px;
height: 45px;
} .principal-single-view-section .social-icons svg {
width: 32px;
height: 32px;
} .principal-single-view-section p,
.principal-single-view-section .main-content:not(.tiles) p:first-of-type {
font-size: 15px;
line-height: 21px;
} .principal-single-view-section .main-content .team-overview-box {
border: 1px solid #3D8099;
padding: 15px;
margin-top: 20px;
} .principal-single-view-section .main-content .team-overview-box h3 {
margin-top: 0;
color: #3D8099;
font-weight: 600;
font-size: 20px;
} .principal-single-view-section .main-content .team-overview-box .team-overview-box__video-link {
font-weight: 600;
color: #3D8099;
font-size: 15px;
gap: 5px;
display: -ms-flexbox;
display: flex;
} .principal-single-view-section .main-content .team-overview-box .team-overview-box__video-link img {
width: 29px;
height: 29px;
} .principal-video-embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
min-height: 312px;
} .principal-video-embed-container iframe,
.principal-video-embed-container object,
.principal-video-embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .principal-video-popup-parent .popup {
max-width: 830px;
} .principal-video-popup-parent .popup .content {
display: block;
padding: 5px 50px 50px;
} .principal-video-popup-parent .popup a.close-button svg {
width: 21px;
height: auto;
} .principal-profile-contact__form #form_askmeaquestion .frm_submit button {
float: right;
} .principal-profile-contact__form .principal-phone {
width: 50%;
} .principal-profile-contact__form .frm_forms.frm_style_formidable-style.with_frm_style {
padding: 0;
} .principals-ask-question-mobile {
padding: 6px 10px;
border: 1px solid #3D8099;
text-align: center;
margin-top: 10px;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
} .principal-profile-contact__form .frm_message p {
color: #3d8099 !important;
} @media (max-width: 970px) { .principal-single-view-section .principal-profile-contact__form .principal-phone {
width: 100%;
margin-top: 10px;
}
}
@media (max-width: 782px) { .principal-single-view-section aside {
margin-top: 0;
border: 0;
padding: 0;
margin-right: 0;
margin-bottom: 20px;
float: left;
} .principal-single-view-section .social-icons svg {
height: 21px;
width: auto;
} .principal-single-view-section .principal-photo {
width: 174px;
height: 184px;
} .principal-single-view-section .principal-photo img.badge {
margin-left: 12px;
margin-bottom: 12px;
} .principal-single-view-section aside .principal-profile-contact {
background: none;
padding-right: 15px;
} .principal-single-view-section h1 {
font-size: 20px;
line-height: 30px;
margin-bottom: 5px;
} .principal-profile-contact__form {
display: none;
} .principal-single-view-section .all-principals-back-link {
position: relative;
margin-top: 35px;
font-size: 14px;
line-height: 20px;
} .principal-single-view-section .all-principals-back-link img {
width: 30px;
height: auto;
} .principal-single-view-section .main-content h4:first-of-type {
clear: both;
} .principal-mobile-ask-form-popup-parent .team-popup-parent .popup {
padding: 40px;
} .principal-mobile-ask-form-popup-parent .popup-content {
padding: 0 40px 20px;
} .principal-mobile-ask-form-popup-parent .with_frm_style .frm_submit {
float: right;
} .principal-mobile-ask-form-popup-parent .principal-mobile-ask-form-name {
margin-top: -28px;
position: absolute;
font-style: italic;
} .principal-mobile-ask-form-popup-parent .popup a.close-button svg {
width: 21px;
height: auto;
} .principal-single-view-section .main-content .team-overview-box .team-overview-box__video-link {
display: none;
}
}  .hero-banner-section {
transition: none;
background-size: cover;
} .fc-accordion {
margin: 0px;
float: left;
display: block;
margin-left: 0;
padding: 5px;
margin-right: 0;
} .fc-accordion-head {
background: #4D8097;
height: 75px;
width: 100%;
float: left;
padding: 8px;
} .fc-accordion-title-wrapper {
height: 58px;
vertical-align: middle;
float: left;
width: 65%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
} .fc-accordion-title {
margin-top: 0px;
margin-bottom: 0px;
color: white;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
line-height: 24px;
}
@media all and (max-width: 600px) { .fc-accordion-title {
font-size: 25px;
line-height: 28px;
}
}
@media all and (max-width: 1050px) { .fc-accordion-title {
font-size: 25px;
line-height: 28px;
}
}
@media all and (max-width: 782px) { .fc-accordion-title {
font-size: 25px;
line-height: 28px;
}
}
@media all and (min-width: 782px) { .fc-accordion-toggle-bgcolor .fc-accordion-content {
background: #A5BE4E;
} .fc-accordion-toggle-bgcolor .fc-accordion-content div {
background: #A5BE4E;
}
} .fc-accordion-content {
clear: both;
display: block;
background: #EDEDED;
min-height: 480px;
transition-duration: 0.4s;
transition-property: height;
}
@media all and (max-width: 782px) { .fc-accordion-content {
display: none;
}
} .fc-accordion-content p {
display: none;
height: 0px;
} .fc-accordion-content div {
padding: 8px;
border-bottom: 1px solid #81A4B5;
background: #EDEDED;
width: calc(100% - 12px);
margin: 0 auto;
min-height: 85px;
font-size: 16px;
line-height: 22.4px;
font-weight: 400;
} .fc-accordion-content div:last-of-type {
border-bottom: 0px solid #81A4B5;
padding-bottom: 24px;
} .fc-accordion-icon {
height: 55px;
float: left;
width: 20%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
} .fc-accordion-icon img {
display: block;
margin-left: auto;
margin-right: auto;
max-height: 50px;
} .fc-accordion-arrow {
background: #4D8097;
width: 35px;
height: 44px;
float: left;
width: 10%;
margin-top: 13px;
margin-bottom: 0px;
display: none;
}
@media all and (max-width: 600px) { .fc-accordion-arrow {
display: block;
}
} .fc-accordion-arrow svg {
display: block;
margin-left: auto;
margin-right: auto;
cursor: pointer;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transition-duration: 0.4s;
transition-property: transform;
} .fc-accordion-arrow {
cursor: pointer;
} .fc-accordion-arrow-rotated svg {
margin-top: 0px;
margin-bottom: 0px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transition-duration: 0.4s;
transition-property: transform;
} .fc-accordion-collapsed {
display: none;
transition-duration: 0.4s;
transition-property: height;
}